.woke-newsletter-popup[hidden] { display: none !important; }
.woke-newsletter-popup { position: fixed; inset: 0; z-index: 1000000; display: grid; place-items: center; padding: 16px; color: #f4eee2; font-family: Inter, Arial, sans-serif; }
.woke-newsletter-popup__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .78); backdrop-filter: blur(5px); }
.woke-newsletter-popup__dialog { position: relative; width: min(100%, 500px); max-height: calc(100dvh - 32px); overflow-y: auto; box-sizing: border-box; padding: clamp(20px, 3vw, 28px); border: 1px solid rgba(185, 155, 120, .4); border-radius: 20px; background: radial-gradient(circle at 100% 0%, #2a1a0f, #0f0e0c 65%); box-shadow: 0 30px 90px rgba(0, 0, 0, .65); outline: none; }
.woke-newsletter-popup__close { position: absolute; top: 12px; right: 14px; display: grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid rgba(244, 238, 226, .28); border-radius: 50%; background: #21170e; color: #f4eee2; font: 28px/1 Arial, sans-serif; cursor: pointer; }
.woke-newsletter-popup__close:hover, .woke-newsletter-popup__close:focus-visible { background: #6b471e; }
.woke-newsletter-popup__eyebrow { margin: 0 48px 8px 0; color: #b99b78; font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
#woke-newsletter-popup #woke-newsletter-heading { margin: 0 35px 8px 0 !important; color: #f4eee2 !important; font: 500 clamp(34px, 5vw, 46px)/1.02 'Cormorant Garamond', Georgia, serif !important; }
.woke-newsletter-popup__intro { max-width: 42ch; margin: 0 0 12px; color: #d7cfc3; font-size: 15px; line-height: 1.45; }
.woke-newsletter-popup__footnote { margin: 18px 0 0; color: #bcb5aa; font-size: 12px; line-height: 1.5; }
.woke-newsletter-popup__form .elementor, .woke-newsletter-popup__form .e-con, .woke-newsletter-popup__form .elementor-element { width: 100% !important; max-width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; box-shadow: none !important; }
.woke-newsletter-popup__form .e-con { gap: 0 !important; }
.woke-newsletter-popup__form .elementor-heading-title { display: none !important; }
.woke-newsletter-popup__success { margin: 20px 0 0; padding: 18px; border: 1px solid rgba(185, 155, 120, .4); border-radius: 10px; background: #1e160e; color: #f4eee2; font-size: 16px; line-height: 1.5; }
.woke-newsletter-popup__form .mf-input-label, .woke-newsletter-popup__form label { color: #f4eee2 !important; font-size: 13px !important; line-height: 1.5 !important; }
.woke-newsletter-popup__form input[type="text"], .woke-newsletter-popup__form input[type="email"] { display: block; width: 100% !important; box-sizing: border-box; margin: 5px 0 10px !important; padding: 10px 14px !important; border: 1px solid rgba(244, 238, 226, .3) !important; border-radius: 8px !important; background: #191714 !important; color: #fff !important; font: 15px/1.4 Inter, Arial, sans-serif !important; }
.woke-newsletter-popup__form input[type="text"]::placeholder, .woke-newsletter-popup__form input[type="email"]::placeholder { color: #aaa39b !important; }
.woke-newsletter-popup__form input[type="checkbox"] { accent-color: #6b471e; }
.woke-newsletter-popup__form a { color: #d0b18c !important; text-decoration: underline !important; }
.woke-newsletter-popup__form button[type="submit"], .woke-newsletter-popup__form .mf-btn, .woke-newsletter-popup__form .metform-btn { width: 100% !important; min-height: 46px; margin-top: 10px !important; border: 0 !important; border-radius: 8px !important; background: #6b471e !important; color: #fff !important; font: 700 12px/1.2 Inter, Arial, sans-serif !important; letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.woke-newsletter-popup__form button[type="submit"]:hover, .woke-newsletter-popup__form .mf-btn:hover { background: #83592c !important; }
.woke-newsletter-popup :focus-visible { outline: 2px solid #d0b18c; outline-offset: 3px; }
@media (max-width: 600px) { .woke-newsletter-popup__dialog { border-radius: 16px; } .woke-newsletter-popup__intro { font-size: 15px; } }
@media (prefers-reduced-motion: no-preference) { .woke-newsletter-popup__dialog { animation: woke-newsletter-in .3s ease-out both; } @keyframes woke-newsletter-in { from { opacity: 0; transform: translateY(18px) scale(.98); } to { opacity: 1; transform: none; } } }