/* Mixology approved-header-safe footer candidate */
.mix-footer{background:#111a18;color:#eee6d9;padding:48px max(24px,calc((100vw - 1160px)/2)) 24px;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.5}
.mix-footer *{box-sizing:border-box}.mix-footer a{color:#eee6d9;text-decoration:none}.mix-footer a:hover,.mix-footer a:focus-visible{text-decoration:underline}
.mix-footer h2,.mix-footer h3{color:#d6ad70;margin:0 0 12px}.mix-footer p{line-height:1.55}.mix-footer-newsletter{padding-bottom:30px;border-bottom:1px solid #645846}
.mix-footer-newsletter h2{font-size:clamp(24px,3vw,36px)}.mix-footer-signup{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.mix-footer-signup input{padding:13px;min-width:220px;flex:1;max-width:420px;background:#f7f0e7;border:1px solid #b6a58e;color:#111}
.mix-footer-signup button{padding:13px 22px;background:#d6ad70;color:#111;border:0;opacity:.55;cursor:not-allowed}
.mix-footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:32px 0}
.mix-footer-grid a{display:block;margin:10px 0}.mix-footer-bottom{border-top:1px solid #645846;padding-top:18px;font-size:13px;color:#c6bdaf;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mix-footer-bottom a{margin-right:15px}.mix-footer-note{font-size:13px;color:#c6bdaf}
@media(max-width:640px){.mix-footer-grid{grid-template-columns:1fr 1fr}.mix-footer{padding:32px 20px}.mix-footer-bottom{display:block}}

/* Consistent footer typography independent of page-level styles */
.mix-footer h2,.mix-footer h3{font-family:Georgia,serif;font-weight:700}
.mix-footer a,.mix-footer p,.mix-footer input,.mix-footer button{font-family:Arial,Helvetica,sans-serif;font-size:13px}
.mix-footer h2{font-size:clamp(24px,3vw,36px)}
.mix-footer h3{font-size:15px}

/* The Pour: publisher-approved cinematic martini footer, staging only */
.mix-footer-newsletter{position:relative;isolation:isolate;min-height:355px;display:flex;align-items:center;overflow:hidden}
.mix-pour-photo{position:absolute;z-index:-1;inset:0 0 0 48%;background-image:linear-gradient(90deg,#111a18 0%,rgba(17,26,24,.35) 18%,transparent 58%),url('../images/the-pour-martini-crop.webp');background-size:cover;background-position:center center}
.mix-pour-content{width:min(100%,820px);padding:28px 0;position:relative;z-index:1}
.mix-footer-newsletter h2{font-family:Georgia,serif;font-size:clamp(42px,5vw,74px);color:#d6ad70;line-height:1.05;margin:0 0 8px}
.mix-footer-newsletter .mix-pour-tagline{color:#d6ad70;font-size:clamp(11px,1.2vw,17px);font-weight:700;letter-spacing:.19em;margin:0 0 14px}
.mix-footer-newsletter .mix-pour-description{font-family:Georgia,serif;font-size:clamp(16px,1.65vw,23px);max-width:690px;line-height:1.4;margin:0 0 14px}
.mix-footer-newsletter .mix-pour-description strong{color:#d6ad70;font-weight:400}
.mix-footer-newsletter .mix-footer-signup{max-width:700px;display:block;margin:12px 0}
.mix-footer-newsletter .ml-embedded{width:100%;min-height:58px}
.mix-footer-newsletter .mix-footer-note{max-width:710px;font-size:12px;line-height:1.5}
@media(max-width:850px){.mix-pour-photo{inset:0 0 0 40%;opacity:.4}.mix-pour-content{width:100%}}
@media(max-width:640px){.mix-pour-photo{inset:0;opacity:.18;background-position:center}.mix-pour-content{padding:12px 0}.mix-footer-newsletter{min-height:0}.mix-footer-newsletter h2{font-size:46px}}

/* The Pour: scope MailerLite universal form to the approved footer design.
   This is a best-effort stylesheet: test against actual MailerLite DOM. */
.mix-footer-newsletter .ml-embedded .ml-form-embedWrapper,
.mix-footer-newsletter .ml-embedded .ml-form-embedBody,
.mix-footer-newsletter .ml-embedded .ml-form-embedContent,
.mix-footer-newsletter .ml-embedded .ml-form-successBody {
  background:transparent !important;box-shadow:none !important;border:0 !important;
  border-radius:0 !important;max-width:none !important;width:100% !important;
}
.mix-footer-newsletter .ml-embedded .ml-form-embedBody {padding:0 !important}
/* Hide redundant provider headline and paragraph; our approved copy is above. */
.mix-footer-newsletter .ml-embedded .ml-form-embedContent {display:none !important}
.mix-footer-newsletter .ml-embedded form,
.mix-footer-newsletter .ml-embedded .ml-form-formContent {margin:0 !important}
.mix-footer-newsletter .ml-embedded .ml-form-fieldRow {margin:0 !important;flex:1 1 320px}
.mix-footer-newsletter .ml-embedded .ml-form-fieldRow input,
.mix-footer-newsletter .ml-embedded input[type=email] {
  background:#f7f0e7 !important;color:#111 !important;border:1px solid #d6ad70 !important;
  border-radius:2px !important;padding:17px 20px !important;font:18px Arial,sans-serif !important;
  width:100% !important;min-height:58px !important;
}
.mix-footer-newsletter .ml-embedded .ml-form-embedSubmit button,
.mix-footer-newsletter .ml-embedded button[type=submit] {
  background:#d6ad70 !important;color:#111 !important;border:1px solid #d6ad70 !important;
  border-radius:2px !important;opacity:1 !important;cursor:pointer !important;
  font:700 15px Arial,sans-serif !important;letter-spacing:.15em !important;
  min-height:58px !important;padding:14px 26px !important;
}
.mix-footer-newsletter .ml-embedded .ml-form-embedSubmit {margin:0 !important;flex:0 0 210px}
.mix-footer-newsletter .ml-embedded .ml-form-embedBody form {display:flex !important;align-items:start;gap:12px;flex-wrap:wrap}
.mix-footer-newsletter .ml-embedded .ml-form-embedPermissions,
.mix-footer-newsletter .ml-embedded .ml-form-checkboxRow {flex-basis:100%;color:#eee6d9 !important}
.mix-footer-newsletter .ml-embedded .ml-form-embedPermissions *,
.mix-footer-newsletter .ml-embedded .ml-form-checkboxRow * {color:#eee6d9 !important}
.mix-footer-newsletter .ml-embedded .ml-form-successContent {color:#eee6d9 !important}
@media(max-width:640px){
 .mix-footer-newsletter .ml-embedded .ml-form-embedSubmit,
 .mix-footer-newsletter .ml-embedded .ml-form-fieldRow {flex:1 1 100%}
}

/* v7: high-specificity page-style isolation for one consistent shared footer. */
html body > footer.mix-footer {
 width:100% !important; max-width:none !important; min-width:0;
 margin:0 !important; padding:48px max(24px,calc((100vw - 1160px)/2)) 24px !important;
 display:block !important; position:relative; clear:both;
 grid-column:1 / -1; justify-self:stretch; align-self:stretch;
 text-align:left !important; box-sizing:border-box;
 background:#111a18 !important; color:#eee6d9 !important;
 font-family:Arial,Helvetica,sans-serif !important; font-size:13px !important;
 letter-spacing:normal !important; line-height:1.5 !important;
}
html body > footer.mix-footer .mix-footer-grid {
 display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;
 text-align:left !important;justify-content:stretch !important;gap:24px;
 width:100%;max-width:none;margin:0;padding:32px 0;
}
html body > footer.mix-footer .mix-footer-grid section,
html body > footer.mix-footer .mix-footer-grid h3,
html body > footer.mix-footer .mix-footer-grid a {text-align:left !important;}
html body > footer.mix-footer .mix-footer-grid a {display:block !important;margin:10px 0 !important;}
html body > footer.mix-footer .mix-footer-newsletter {width:100%;max-width:none;margin:0;text-align:left !important;}
html body > footer.mix-footer .mix-footer-bottom {display:flex !important;justify-content:space-between !important;text-align:left !important;}
@media(max-width:640px){
 html body > footer.mix-footer {padding:32px 20px !important;}
 html body > footer.mix-footer .mix-footer-grid {grid-template-columns:1fr 1fr !important;}
 html body > footer.mix-footer .mix-footer-bottom {display:block !important;}
}

/* v8: MailerLite success state after double-opt-in submission.
   MailerLite replaces the form with successBody / successContent; its inline
   theme can otherwise render near-black text on the dark photo background. */
html body > footer.mix-footer .ml-embedded .ml-form-successBody,
html body > footer.mix-footer .ml-embedded .ml-form-successContent {
  display:block !important; color:#f4eee2 !important;
  background:transparent !important; text-align:left !important;
  margin:0 !important; padding:0 !important;
  min-height:58px;
}
html body > footer.mix-footer .ml-embedded .ml-form-successContent *,
html body > footer.mix-footer .ml-embedded .ml-form-successBody p,
html body > footer.mix-footer .ml-embedded .ml-form-successBody span {
  color:#f4eee2 !important; text-align:left !important;
}
html body > footer.mix-footer .ml-embedded .ml-form-successContent h1,
html body > footer.mix-footer .ml-embedded .ml-form-successContent h2,
html body > footer.mix-footer .ml-embedded .ml-form-successContent h3,
html body > footer.mix-footer .ml-embedded .ml-form-successContent h4,
html body > footer.mix-footer .ml-embedded .ml-form-successBody h1,
html body > footer.mix-footer .ml-embedded .ml-form-successBody h2,
html body > footer.mix-footer .ml-embedded .ml-form-successBody h3 {
  color:#d9b16d !important; font-weight:700 !important;
  font-size:clamp(22px,2.4vw,30px) !important;
  line-height:1.25 !important; margin:0 0 8px !important;
}
html body > footer.mix-footer .ml-embedded .ml-form-successContent p {
  font-size:15px !important; line-height:1.55 !important;
  margin:0 0 8px !important;
}

/* v9: override MailerLite's default dark hover/active button themes. */
html body > footer.mix-footer .ml-embedded .ml-form-embedSubmit button:hover,
html body > footer.mix-footer .ml-embedded .ml-form-embedSubmit button:focus,
html body > footer.mix-footer .ml-embedded .ml-form-embedSubmit button:focus-visible,
html body > footer.mix-footer .ml-embedded .ml-form-embedSubmit button:active,
html body > footer.mix-footer .ml-embedded button[type="submit"]:hover,
html body > footer.mix-footer .ml-embedded button[type="submit"]:focus,
html body > footer.mix-footer .ml-embedded button[type="submit"]:focus-visible,
html body > footer.mix-footer .ml-embedded button[type="submit"]:active {
  background:#e8c58b !important; background-color:#e8c58b !important;
  color:#111a18 !important; border-color:#e8c58b !important;
  opacity:1 !important; box-shadow:none !important;
  filter:none !important; -webkit-text-fill-color:#111a18 !important;
}
html body > footer.mix-footer .ml-embedded .ml-form-embedSubmit button:focus-visible,
html body > footer.mix-footer .ml-embedded button[type="submit"]:focus-visible {
  outline:2px solid #f4eee2 !important; outline-offset:3px !important;
}

/* v10: MailerLite can disable its submit button while submitting and its
   disabled style was not covered by the v9 hover rules. Preserve contrast. */
html body > footer.mix-footer .ml-embedded .ml-form-embedSubmit button:disabled,
html body > footer.mix-footer .ml-embedded .ml-form-embedSubmit button[disabled],
html body > footer.mix-footer .ml-embedded button[type="submit"]:disabled,
html body > footer.mix-footer .ml-embedded button[type="submit"][disabled] {
  background:#d6ad70 !important; background-color:#d6ad70 !important;
  color:#111a18 !important; -webkit-text-fill-color:#111a18 !important;
  border:1px solid #d6ad70 !important; opacity:1 !important;
  filter:none !important; box-shadow:none !important;
}
html body > footer.mix-footer .ml-embedded .ml-form-embedSubmit button:disabled:hover,
html body > footer.mix-footer .ml-embedded .ml-form-embedSubmit button[disabled]:hover,
html body > footer.mix-footer .ml-embedded button[type="submit"]:disabled:hover {
  background:#e8c58b !important; background-color:#e8c58b !important;
  color:#111a18 !important; -webkit-text-fill-color:#111a18 !important;
  border-color:#e8c58b !important; opacity:1 !important;
}
/* Do not show the success message alongside an active input form. */
html body > footer.mix-footer .ml-embedded:has(form:not([style*="display: none"])) .ml-form-successBody,
html body > footer.mix-footer .ml-embedded:has(form:not([style*="display: none"])) .ml-form-successContent {
  display:none !important;
}
