/* =========================================================================
   Evo Labs — Age Gate (21+) redesign  •  added 2026-06-06
   Scoped entirely to .age-gate__* classes. Restyles the verification popup.
   REVERSIBLE: remove the enqueue block in functions.php + delete this file.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

/* ---- Backdrop: deep navy gradient + blur (premium modal scrim) ---- */
.age-gate__background-color{
  background:linear-gradient(135deg,#070d29 0%,#0A1744 55%,#141a4f 100%)!important;
  opacity:1!important;
  -webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;
}
.age-gate__background{
  background:
    radial-gradient(1200px 800px at 70% -10%, rgba(123,47,232,.28), transparent 60%),
    radial-gradient(1000px 700px at 10% 110%, rgba(43,82,232,.32), transparent 55%)!important;
  opacity:1!important;
}

/* ---- Modal card ---- */
.age-gate{
  background:#fff!important;
  width:min(540px,calc(100vw - 32px))!important;max-width:none!important;
  border-radius:22px!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.6)!important;
  box-shadow:0 2px 4px rgba(10,23,68,.08),0 24px 60px -12px rgba(10,23,68,.45)!important;
  padding:0!important;
}
/* top gradient accent bar */
.age-gate::before{
  content:"";display:block;height:5px;
  background:linear-gradient(90deg,#0A1744,#2B52E8 55%,#7B2FE8);
}

/* ---- Form becomes a flex column so we can reorder:
        logo → headline → subheadline → DISCLAIMER → buttons → footer ---- */
.age-gate__form{
  display:flex!important;flex-direction:column!important;
  padding:30px 40px 26px!important;text-align:center!important;
  font-family:'Inter',sans-serif!important;
}
.age-gate__heading{order:1;margin:0!important;}
.age-gate__headline{order:2}
.age-gate__subheadline{order:3}
.age-gate__additional-information{order:4}
.age-gate__fields{order:5}
.age-gate__errors{order:6}
.age-gate__form::after{order:7}

/* logo */
.age-gate__heading-title--logo{height:44px!important;width:auto!important;margin:0 auto!important;display:block!important;}

/* 21+ verification badge (rendered after the logo) */
.age-gate__heading::after{
  content:"21+ AGE VERIFICATION";
  display:inline-flex;align-items:center;justify-content:center;
  margin:14px auto 0;padding:6px 13px 6px 34px;border-radius:999px;
  background:#EEF2FF;border:1px solid #DDE3F5;color:#0A1744;
  font:600 12.5px/1 'Inter',sans-serif;letter-spacing:.02em;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230A1744' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:13px center;
}

/* headline */
.age-gate__headline{
  font-family:'Space Grotesk',sans-serif!important;font-weight:700!important;
  font-size:25px!important;line-height:1.2!important;color:#0A1744!important;
  letter-spacing:-.01em!important;margin:16px 0 9px!important;
}

/* subheadline */
.age-gate__subheadline{
  font-family:'Inter',sans-serif!important;font-size:14.5px!important;line-height:1.55!important;
  color:#5A6280!important;max-width:400px!important;margin:0 auto!important;
}
.age-gate__subheadline a{color:#2B52E8!important;font-weight:600!important;text-decoration:none!important;border-bottom:1px solid rgba(43,82,232,.3)!important;}

/* disclaimer panel */
.age-gate__additional-information{
  background:#F8F9FF!important;border:1px solid #DDE3F5!important;border-radius:14px!important;
  padding:16px 18px!important;margin:22px 0 0!important;text-align:left!important;
  max-height:188px!important;overflow-y:auto!important;
}
.age-gate__additional-information::before{
  content:"DISCLAIMER";display:block;
  font:700 12px/1.2 'Space Grotesk',sans-serif;letter-spacing:.12em;color:#0A1744;
  margin-bottom:10px;padding-left:22px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%232B52E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left top 1px;
}
.age-gate__additional-information p{font:400 13px/1.62 'Inter',sans-serif!important;color:#3a4366!important;margin:0 0 10px!important;}
.age-gate__additional-information p:last-child{margin-bottom:2px!important;}
.age-gate__additional-information strong{color:#0A1744!important;font-weight:600!important;}
.age-gate__additional-information::-webkit-scrollbar{width:8px}
.age-gate__additional-information::-webkit-scrollbar-thumb{background:#c7cfe8;border-radius:8px}

/* buttons */
.age-gate__fields{margin:0!important;}
.age-gate__buttons{display:flex!important;gap:12px!important;margin:22px 0 0!important;}
.age-gate__submit{flex:1!important;border:none!important;cursor:pointer!important;
  font:600 15px/1 'Inter',sans-serif!important;padding:14px 18px!important;border-radius:12px!important;
  transition:transform .15s ease,box-shadow .2s ease,background .2s ease!important;}
.age-gate__submit--yes{flex:1.4!important;color:#fff!important;
  background:linear-gradient(135deg,#0A1744,#2B52E8)!important;
  box-shadow:0 8px 20px -6px rgba(43,82,232,.55)!important;}
.age-gate__submit--yes:hover{transform:translateY(-1px)!important;box-shadow:0 12px 26px -6px rgba(43,82,232,.65)!important;}
.age-gate__submit--no{background:#fff!important;color:#5A6280!important;border:1px solid #DDE3F5!important;}
.age-gate__submit--no:hover{background:#EEF2FF!important;color:#0A1744!important;}

/* footer microcopy */
.age-gate__form::after{
  content:"RESEARCH USE ONLY  \2022  NOT FOR HUMAN CONSUMPTION";
  display:block;margin:18px auto 0;text-align:center;
  font:600 11.5px/1.4 'Inter',sans-serif;letter-spacing:.07em;color:#8b93b0;
}

/* hide the empty challenge paragraph */
.age-gate__challenge:empty{display:none!important;}

/* ---- Mobile ---- */
@media (max-width:560px){
  .age-gate__form{padding:24px 18px 22px!important;}
  .age-gate__headline{font-size:22px!important;}
  .age-gate__subheadline{font-size:12.5px!important;max-width:none!important;}
  .age-gate__buttons{flex-wrap:wrap!important;}
  .age-gate__submit--yes,.age-gate__submit--no{flex:1 1 100%!important;}
  .age-gate__form::after{font-size:10.5px!important;}
}