/*
Theme Name: Adjive-Nutraship
Author: Adjive
Description: My custom WordPress theme
Version: 1.0
Text Domain: adjive
*/

:root{
  --qm-teal:#C49E7C;
  --qm-teal-dark:#a97e50;
  --qm-ink:#1c2024;
  --qm-muted:#6b7280;
  --qm-border:#e5e7eb;
  --qm-bg:#ffffff;
  --qm-track:#e9ecef;
  --qm-field-bg:#f4f5f6;
}


.qm-overlay{
  display:none;
  position:fixed; inset:0;
  background:rgba(20,20,20,0.5);
  z-index:99999;
  align-items:center; justify-content:center;
  padding:20px;
}
.qm-overlay.active{ 
  display:flex;
 }

.qm-box{
  background:var(--qm-bg);
  border-radius:16px;
  width:100%; max-width:640px;
  max-height:90vh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  box-shadow:0 25px 70px rgba(0,0,0,0.35);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--qm-ink);
}

.qm-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  padding:26px 30px 16px;
}
.qm-eyebrow{
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  color:var(--qm-teal);
  margin-bottom:6px;
}
.qm-title{ 
  font-size:21px; 
  margin:0; 
}
.qm-close{
  background:none; border:none;
  font-size:24px; line-height:1;
  color:var(--qm-muted);
  cursor:pointer;
  margin-top:2px;
}
.qm-close:hover{ 
  color:var(--qm-ink); 
}

.qm-body{
  padding:26px 30px 24px;
  overflow-y:auto;
}


.qm-progress-bar{
  width:100%; height:6px;
  background:var(--qm-track);
  border-radius:999px;
  overflow:hidden;
  margin:0 0 4px;
}
.qm-progress-fill{
  height:100%;
  width:25%;
  background:var(--qm-teal);
  border-radius:999px;
  transition:width .35s ease;
}


.qm-row2{
   display:grid; 
   grid-template-columns:1fr 1fr;
    gap:16px; 
    margin-bottom:16px;
   }

.qm-row3{ 
  display:grid; 
  grid-template-columns:1fr 1fr 1fr; 
  gap:16px; 
  margin-bottom:16px; 
}


.qm-field{
   margin-bottom:16px; 
  }
.qm-field > label,
.qm-field > p > label{
  display:block;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--qm-muted);
  text-transform:uppercase;
  margin-bottom:8px;
}
.qm-field > p{ 
  margin:0; 
}
.qm-field br{ 
  display:none; 
}


.qm-input-icon{
  display:flex;
  align-items:center;
  gap:8px;
  background:var(--qm-field-bg);
  border:1px solid transparent;
  border-radius:10px;
  padding:0 14px;
}
.qm-input-icon:focus-within{ 
  border-color:var(--qm-teal);
 }
.qm-ic{
   font-size:15px;
    opacity:.7; 
  }
.qm-input-icon input{
  border:none; background:transparent;
  padding:17px 0;
  width:100%;
  font-size:14px;
  font-family:inherit;
  outline:none;
}
.qm-input-icon > p{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  margin:0;
}
.qm-input-icon br{
   display:none; 
  }
.qm-input-icon .wpcf7-form-control-wrap{
  flex:1;
  display:block;
}


.qm-text-plain{
  width:100%;
  box-sizing:border-box;
  background:var(--qm-field-bg);
  border:1px solid transparent;
  border-radius:10px;
  padding:15px 14px;
  font-size:14px;
  font-family:inherit;
}
.qm-text-plain:focus{ 
  outline:none; 
  border-color:var(--qm-teal); 
}


.qm-pillgrid{
  display:grid !important;
  gap:10px;
  margin-top:4px;
}
.qm-pillgrid-2{ 
  grid-template-columns:repeat(2,1fr);
 }
.qm-pillgrid-3{ 
  grid-template-columns:repeat(3,1fr);
 }
.qm-pillgrid-4{ 
  grid-template-columns:repeat(4,1fr); 
}
.qm-pillgrid-5{ 
  grid-template-columns:repeat(5,1fr); 
}

.qm-pillgrid .wpcf7-list-item{
  margin:0 !important;
  border:1.5px solid var(--qm-border) !important;
  border-radius:10px !important;
  position:relative;
  transition:border-color .15s ease, background .15s ease;
  background:transparent;
}
.qm-pillgrid .wpcf7-list-item label{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  min-height:100%;
  padding:12px 10px !important;
  font-size:13px;
  text-align:center;
  cursor:pointer;
  margin:0 !important;
}
.qm-pillgrid .wpcf7-list-item input[type="radio"],
.qm-pillgrid .wpcf7-list-item input[type="checkbox"]{
  position:absolute !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  pointer-events:none !important;
  appearance:none !important;
  -webkit-appearance:none !important;
}
.qm-pillgrid .wpcf7-list-item:hover{
  border-color:var(--qm-teal) !important;
}
.qm-pillgrid .wpcf7-list-item:has(input:checked){
  border-color:var(--qm-teal) !important;
  background:var(--qm-teal) !important;
}
.qm-pillgrid .wpcf7-list-item:has(input:checked) .wpcf7-list-item-label{
  color:#fff !important;
  font-weight:600;
}


.qm-callout{
  display:flex; gap:10px;
  background:var(--qm-field-bg);
  border-radius:10px;
  padding:14px 16px;
  font-size:13px;
  color:var(--qm-ink);
  margin-top:8px;
}
.qm-callout-icon{ 
  color:var(--qm-teal); 
  flex-shrink:0; 
}


fieldset.fieldset-cf7mls{
  position:relative;
}
fieldset.fieldset-cf7mls::after{
  content:"";
  display:table;
  clear:both;
}
.qm-field ~ p:has(input.wpcf7-submit){
  float:right;
  margin:22px 0 0;
  padding-top:18px;
  border-top:1px solid var(--qm-border);
}
.cf7mls-btns-last-step{
  float:left;
  margin:22px 0 0;
  padding-top:18px;
  border-top:1px solid var(--qm-border);
}

.wpcf7-form-control.wpcf7-submit,
.cf7mls_next,
.cf7mls_btn{
  background:var(--qm-teal) !important;
  border:1.5px solid var(--qm-teal) !important;
  color:#fff !important;
  padding:11px 22px !important;
  border-radius:24px !important;
  font-size:14px !important;
  font-weight:600 !important;
  cursor:pointer;
}
.wpcf7-form-control.wpcf7-submit:hover,
.cf7mls_next:hover,
.cf7mls_btn:hover{
  background:var(--qm-teal-dark) !important;
  border-color:var(--qm-teal-dark) !important;
}
.cf7mls_back{
  border-radius:24px !important;
  padding:11px 22px !important;
  font-weight:600 !important;
  border:1.5px solid var(--qm-border) !important;
}

/* ===== Success screen ===== */
.qm-success{ 
  display:none; 
  text-align:center; 
  padding:10px 4px 4px; 
}
.qm-success.active{ 
  display:block; 
}
.qm-success-icon{
  width:64px;
  height:64px;
  margin:0 auto 16px;
  background:color-mix(in srgb, var(--qm-teal) 10%, transparent);
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--qm-teal);
}
.qm-success-icon svg{
  width:32px;
  height:32px;
}
.qm-success-title{ 
  font-size:22px; 
  margin:10px 0 10px;
 }
.qm-success-sub{ 
  color:var(--qm-muted); 
  font-size:14px; 
  margin:0 0 20px; 
}
.qm-whatnext{
  text-align:left;
  background:var(--qm-field-bg);
  border-radius:12px;
  padding:18px 20px;
  margin-bottom:20px;
}
.qm-whatnext-title{ 
  font-weight:700;
   margin-bottom:10px; 
   display:flex; 
   align-items:center; 
   gap:6px;
  }
.qm-whatnext p{ 
  font-size:13.5px; 
  margin:8px 0; 
  color:var(--qm-ink); 
}
.qm-success-footer{
  display:flex; 
  align-items:center;
  justify-content:center; 
  gap:12px;
  padding-top:12px; 
  border-top:1px solid var(--qm-border);
  margin-bottom:18px;
  font-size:13px; 
  color:var(--qm-muted);
}
.qm-btn-meet{
  border:1px solid var(--qm-border);
  background:var(--qm-field-bg);
  border-radius:20px;
  padding:8px 16px;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.03em;
  cursor:pointer;
}
.qm-btn-closewindow{
  background:#111; color:#fff;
  border:none; border-radius:24px;
  padding:12px 28px;
  font-size:13px; font-weight:700;
  letter-spacing:.03em;
  cursor:pointer;
}

/* ===== Mobile ===== */
@media (max-width:560px){
  .qm-row2, .qm-row3{ grid-template-columns:1fr; }
  .qm-pillgrid-3, .qm-pillgrid-4, .qm-pillgrid-5{ grid-template-columns:repeat(2,1fr); }
  .qm-box{ max-height:95vh; }
}