/* File: lzri-modal.css */
/* Path: /wp-content/plugins/lezamiz-media-suite/lzms-packs/lzms-property-inquiry-pack/assets/css/lzri-modal.css */
/* Version: 2026-01-05A (Duplicate of lzqa-modal.css; prefix swapped to lzri) */

/* =========================================================
   Request Information Modal (9:16 vertical style)
   - White base, black text, #cd001e highlights
   - Overlay click does NOT close
   ========================================================= */
.lzri-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  margin-top:0px!important;
  padding:16px;
  z-index:9999999999;
}

.lzri-modal.is-open{ display:flex; }

.lzri-modal::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.55);
}

.lzri-modal__dialog{
  position:relative;
  width:min(420px, 92vw);
  max-height:min(86vh, 860px);
  background:#fff;
  color:#000;
  border-radius:16px;
  box-shadow:0 18px 50px rgba(0,0,0,.35);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  z-index:9999999999;
}

@media (max-width: 768px){
  .lzri-modal{ padding:0; }

  .lzri-modal.is-open{
    display:flex;            /* ONLY when open */
    align-items:flex-start;  /* top align */
    justify-content:flex-start;
  }

  .lzri-modal__dialog{
    width:100vw;
    border-radius:0;
    margin-top:0;
  }
}
.lzri-modal__header{
  display:grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  column-gap:12px;
  row-gap:6px;
  padding:14px 14px;
  border-bottom:1px solid rgba(0,0,0,.10);
  align-items:start;
}

.lzri-modal__title{
  grid-column:1;
  grid-row:1;
  font:800 16px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#000;
}

.lzri-modal__reqnote{
  grid-column:1;
  grid-row:2;
  font:700 12px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#111;
  opacity:.85;
}

/* Put the close button on the right, spanning both rows */
.lzri-modal__close{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:start;
}


.lzri-modal__title{
  font:800 16px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#000;
}

.lzri-modal__title .lzri-agent-first{ color:#cd001e; }

.lzri-modal__close{
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:#cd001e;
  color:#fff;
  cursor:pointer;
}

.lzri-modal__close i{
  font-size:22px;
  line-height:1;
}

.lzri-modal__sub{
  padding:10px 14px 0;
  font:700 13px/1.35 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.lzri-prop-link{
  color:blue;
  text-decoration:underline;
  text-decoration-color:rgba(205,0,30,.55);
}

.lzri-prop-link:hover{
  color:blue;
  text-decoration-color:blue;
}

.lzri-form{
  padding:12px 14px 14px;
  display:flex;
  flex-direction:column;
  gap:10px;
  overflow:auto;
}

.lzri-field label{
  display:block;
  margin:0 0 6px;
  font:800 13px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#000;
}

.lzri-field input,
.lzri-field textarea{
  width:100%;
  border:1px solid rgba(0,0,0,.18);
  border-radius:12px;
  padding:10px 12px;
  font:600 14px/1.3 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#000;
  background:#fff;
  outline:none;
}

.lzri-field textarea{
  resize:vertical;
  min-height:170px;
}

.lzri-field input:focus,
.lzri-field textarea:focus{
  border-color:#cd001e;
  box-shadow:0 0 0 3px rgba(205,0,30,.14);
}

.lzri-actions{
  margin-top:auto;
  display:flex;
  gap:10px;
  padding-top:6px;
}

.lzri-btn{
  flex:1 1 0;
  min-height:44px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.18);
  font:900 14px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  cursor:pointer;
}

.lzri-btn--ghost{
  background:#fff;
  color:#000;
}

.lzri-btn--primary{
  background:#cd001e;
  border-color:#cd001e;
  color:#fff;
}

.lzri-btn--ghost:hover{ background:#f6f6f6; }

/* Disabled button */
.lzri-btn[disabled],
.lzri-btn.is-disabled{
  opacity: .55;
  cursor: not-allowed;
  pointer-events: none;
}

/* Hidden per-card context node */
.lzri-ctx{ display:none !important; }

/* Subject line */
.lzri-subject{
  color:#cd001e;
  font-weight:800;
  margin:0 0 4px;
}
.lzri-prop-address{
  font-weight:600;
  color:#000;
  margin:0 0 4px;
}

/* =========================================================
   Consent (Terms + Privacy) - required checkbox
   ========================================================= */
.lzri-check{
  display:flex;
  gap:10px;
  align-items:flex-start;
  font:700 13px/1.35 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#000;
  margin:0;
}

.lzri-check input{
  width:18px;
  height:18px;
  margin-top:2px;
  accent-color:#cd001e;
}

.lzri-consent-link{
  color:blue;
  text-decoration:underline;
}

.lzri-consent-link:hover{
  color:blue;
  text-decoration-color:blue;
}

/* Honeypot: keep hidden */
.ct-pi-honeypot{ display:none !important; }

/* Explicit selectors (requested) */
#lzri_name,
#lzri_email,
#lzri_phone{
  width: 100%;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 12px;
  padding: 10px 12px;
  font: 600 14px/1.3 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: #000;
  background: #fff;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

/* Required mark */
.lzri-req{
  color:#cd001e;
  font-weight:900;
  margin-left:4px;
}
#lzri-modal .lzri-modal__header .lzri-req{
  display:inline-block !important;
}

#lzri-modal .lzri-modal__header .lzri-modal__title + .lzri-req{
  display:block !important;      /* newline right after the title */
  margin-top:6px !important;
}