/* ═══════════════════════════════════════════════════════════════════════════
   Style 11 · ALPINE DARK — Dark mode counterpart to Alpine, clean & refined
   Font: Century Gothic
   ═══════════════════════════════════════════════════════════════════════════ */
body.style-11{font-family:"Century Gothic","CenturyGothic","AppleGothic",sans-serif;background:#0a0a0c;color:#e8e8ed}

/* Nav */
.style-11 .main-nav{background:rgba(10,10,12,.85);border-bottom:1px solid rgba(255,255,255,.08)}
.style-11 .nav-brand{color:#f5f5f7;font-weight:600;letter-spacing:-.01em}
.style-11 .nav-menu li a{color:#a1a1a6}
.style-11 .nav-menu li a:hover{color:#2997ff}
.style-11 .nav-toggle span{background:#f5f5f7}
@media(max-width:768px){.style-11 .nav-menu{background:#1c1c1e}}

/* Hero */
.style-11 .hero{background:#0a0a0c;padding:7rem 1.5rem 6rem;position:relative}
.style-11 .hero::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(41,151,255,.12) 0%,transparent 60%);pointer-events:none}
.style-11 .hero h1{color:#f5f5f7;font-weight:700;letter-spacing:-.03em;position:relative}
.style-11 .hero-tagline{color:#86868b;position:relative}

/* Sections */
.style-11 .content-section{border-bottom:1px solid rgba(255,255,255,.04)}
.style-11 .section-alt{background:#111113}
.style-11 .section-text h2{color:#f5f5f7;letter-spacing:-.015em}
.style-11 .section-body{color:#a1a1a6}
.style-11 .section-image{box-shadow:0 12px 40px rgba(0,0,0,.4);border-radius:16px}

/* Page header */
.style-11 .page-header{background:#111113}

/* FAQ */
.style-11 .faq-item{background:#111113}
.style-11 .faq-item:hover{background:#1c1c1e}
.style-11 .faq-question{color:#f5f5f7}
.style-11 .faq-question-static{color:#f5f5f7}
.style-11 .faq-answer-inner{color:#a1a1a6}
.style-11 .faq-answer-inner blockquote{background:#1c1c1e;border-color:#2997ff}
.style-11 .faq-answer-inner pre{background:#1c1c1e;color:#e8e8ed}

/* Buttons — pill shape */
.style-11 .btn{border-radius:980px}
.style-11 .btn-primary{background:#2997ff;color:#fff}
.style-11 .btn-primary:hover{background:#40a9ff}
.style-11 .btn-secondary{background:transparent;color:#2997ff;border:1px solid #2997ff}
.style-11 .btn-secondary:hover{background:#2997ff;color:#fff}

/* Forms */
.style-11 .form-group input[type="text"],
.style-11 .form-group input[type="email"],
.style-11 .form-group input[type="password"],
.style-11 .form-group input[type="url"],
.style-11 .form-group input[type="number"],
.style-11 .form-group select,
.style-11 .form-group textarea{border-color:#38383d;border-radius:10px;background:#1c1c1e;color:#e8e8ed}
.style-11 .form-group input:focus,
.style-11 .form-group select:focus,
.style-11 .form-group textarea:focus{border-color:#2997ff;box-shadow:0 0 0 4px rgba(41,151,255,.15)}
.style-11 .form-group label{color:#e8e8ed}
.style-11 .form-group select option{background:#1c1c1e;color:#e8e8ed}

/* Footer */
.style-11 .site-footer{background:#0a0a0c;color:#6e6e73;border-top:1px solid rgba(255,255,255,.06)}

/* Links */
.style-11 a{color:#2997ff}
.style-11 .btn-link{color:#2997ff}

/* Admin sidebar */
.style-11 .admin-nav a{color:#a1a1a6}
.style-11 .admin-nav a.active{background:#1c1c1e;color:#2997ff}
.style-11 .admin-nav a:hover{background:#1c1c1e}

/* Cards & admin */
.style-11 .login-box{background:#1c1c1e;border-color:#38383d;box-shadow:0 4px 24px rgba(0,0,0,.4)}
.style-11 .stat-card{background:#1c1c1e;border:none;color:#e8e8ed}
.style-11 .reorder-item{background:#1c1c1e;border-color:#38383d;color:#e8e8ed}
.style-11 .admin-content fieldset{border-color:#38383d}
.style-11 .admin-content fieldset legend{color:#e8e8ed}
.style-11 .admin-list-item{border-color:#38383d;color:#e8e8ed}
.style-11 .admin-content hr{border-color:#38383d}
.style-11 .admin-content h2,.style-11 .admin-content h3{color:#f5f5f7}

/* Header image */
.style-11 .header-image{border-bottom:1px solid #38383d}

/* Menu rows */
.style-11 .menu-item-row input[type="text"]{border-color:#38383d;border-radius:8px;background:#1c1c1e;color:#e8e8ed}

/* Alerts */
.style-11 .alert-success{background:rgba(52,199,89,.15);color:#32d74b;border-color:rgba(52,199,89,.3)}
.style-11 .alert-error{background:rgba(255,69,58,.15);color:#ff453a;border-color:rgba(255,69,58,.3)}

/* Style picker — keep readable even in dark */
.style-11 .style-option{border-color:#38383d;color:#e8e8ed}
.style-11 .style-option:hover{border-color:#5a5a60}
.style-11 .style-option.selected,.style-11 .style-option:has(input:checked){border-color:#2997ff;background:rgba(41,151,255,.1)}

/* Scrollbar */
.style-11 ::-webkit-scrollbar{width:8px}
.style-11 ::-webkit-scrollbar-track{background:#0a0a0c}
.style-11 ::-webkit-scrollbar-thumb{background:#38383d;border-radius:4px}
.style-11 ::-webkit-scrollbar-thumb:hover{background:#555}

/* Dimmed sections in dark mode — slightly more visible */
body.style-11.has-scrolled .content-section.is-dimmed{opacity:.25;filter:saturate(.4) brightness(.7)}