/* File: lzmsg-modal.css */
/* Path: /wp-content/plugins/lezamiz-media-suite/lzms-packs/lzms-message-pack/assets/css/lzmsg-modal.css */
/* Version: 2026-01-13C (Fix: remove margin-top offset; use admin-bar top offset instead) */

/* =========================================================
   Message Modal (9:16 vertical style)
   - White base, black text, #cd001e highlights
   - Overlay click does NOT close
   ========================================================= */
.lzmsg-modal{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
  z-index:99999;
}

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

/* WP admin bar support (logged-in) */
body.admin-bar .lzmsg-modal{
  top:32px; /* desktop admin bar */
}
@media (max-width: 782px){
  body.admin-bar .lzmsg-modal{
    top:46px; /* mobile admin bar */
  }
}

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

.lzmsg-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:0;

}

@media (max-width: 768px){
  .lzmsg-modal{ padding:0; }
  .lzmsg-modal__dialog{
    width:100vw;
    height:100vh;
    max-height:100vh;
    border-radius:0;

  }
}

.lzmsg-modal__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 14px;
  border-bottom:1px solid rgba(0,0,0,.10);
}

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

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

.lzmsg-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;
}

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

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

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

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

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

.lzmsg-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;
}

.lzmsg-field input,
.lzmsg-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;
}

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

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

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

.lzmsg-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;
}

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

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

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

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

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

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

/* =========================================================
   Consent (Terms + Privacy) - required checkbox
   ========================================================= */
.lzmsg-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;
}

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

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

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

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

/* Explicit selectors (requested) */
#lzmsg_name,
#lzmsg_email,
#lzmsg_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 */
.lzmsg-req{
  color:#cd001e;
  font-weight:900;
  margin-left:4px;
}