/**
 * Toski storefront — v3 mockup tokens (CSS-only overrides)
 * Loaded after site custom_css when body.storefront-dark
 * Reference: toski-anasayfa-v3.html
 */

body.storefront-dark {
    --toski-dark: #262626;
    --toski-dark-2: #1c1c1c;
    --toski-dark-3: #3a3a3a;
    --toski-text: #262626;
    --toski-muted: #707070;
    --toski-line: #e5e5e5;
    --toski-light: #f4f4f4;
    --toski-white: #ffffff;
    --toski-red: #e30613;
    --toski-red-h: #c00510;
    --toski-r: 10px;

    background: var(--toski-white);
    color: var(--toski-text);
}

body.storefront-dark .site-main {
    background: var(--toski-white);
}

/* ── Top bar (override inline Eleganza colors on dark strip) ── */
body.storefront-dark .top-bar {
    background: var(--toski-dark-2) !important;
    border-bottom: none !important;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.78rem;
    padding: 0 !important;
}

body.storefront-dark .top-bar .container {
    padding-top: 0;
    padding-bottom: 0;
}

body.storefront-dark .top-bar .row {
    min-height: 36px;
    margin-left: 0;
    margin-right: 0;
}

body.storefront-dark .top-bar-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0 22px;
}

body.storefront-dark .top-bar-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0 18px;
}

body.storefront-dark .top-bar .col-md-6.text-end {
    display: flex;
    justify-content: flex-end;
}

body.storefront-dark .top-bar span,
body.storefront-dark .top-bar a,
body.storefront-dark .top-bar button,
body.storefront-dark .top-bar span[style],
body.storefront-dark .top-bar a[style],
body.storefront-dark .top-bar button[style] {
    color: rgba(255, 255, 255, 0.72) !important;
    font-size: 0.78rem !important;
}

body.storefront-dark .top-bar .ms-3 {
    margin-left: 0 !important;
}

body.storefront-dark .top-bar .me-3 {
    margin-right: 0 !important;
}

body.storefront-dark .top-bar a:hover,
body.storefront-dark .top-bar button:hover {
    color: #fff !important;
}

body.storefront-dark .top-bar i,
body.storefront-dark .top-bar i[style],
body.storefront-dark .top-bar .bi {
    color: rgba(255, 255, 255, 0.45) !important;
}

body.storefront-dark .top-bar-right a[style*="c8a96e"],
body.storefront-dark .top-bar-right a[style*="font-weight:600"] {
    color: rgba(255, 255, 255, 0.92) !important;
    font-weight: 600 !important;
}

body.storefront-dark .top-bar-right a[style*="c8a96e"]:hover {
    color: #fff !important;
}

/* Announcements bar above top-bar — match v3 dark strip */
body.storefront-dark .announcements-bar {
    background: var(--toski-dark-2) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

body.storefront-dark .announcements-bar small {
    color: rgba(255, 255, 255, 0.85) !important;
}

body.storefront-dark .announcements-bar .social-icons a {
    color: rgba(255, 255, 255, 0.55) !important;
}

body.storefront-dark .announcements-bar .social-icons a:hover {
    color: #fff !important;
    opacity: 1 !important;
}

/* ── Header (white sticky) ── */
body.storefront-dark .site-header {
    background: var(--toski-white) !important;
    box-shadow: none !important;
    border-bottom: 1px solid var(--toski-line);
    position: sticky;
    top: 0;
    z-index: 1050;
}

body.storefront-dark .site-header .navbar.navbar-light {
    border-bottom: 1px solid var(--toski-line) !important;
}

body.storefront-dark .navbar-brand strong {
    background: none !important;
    -webkit-text-fill-color: var(--toski-text) !important;
    color: var(--toski-text) !important;
}

body.storefront-dark .header-icon-btn {
    color: var(--toski-text) !important;
    width: 44px;
    height: 44px;
    padding: 0 !important;
}

body.storefront-dark .header-icon-btn:hover {
    background: var(--toski-light) !important;
    color: var(--toski-text) !important;
}

body.storefront-dark .cart-badge {
    background: var(--toski-dark) !important;
    color: #fff !important;
    box-shadow: none !important;
    border: 2px solid #fff;
    top: 4px;
    right: 3px;
}

body.storefront-dark .header-search-group {
    border-radius: 8px !important;
    border: 1.5px solid var(--toski-line) !important;
    box-shadow: none !important;
    overflow: hidden;
}

body.storefront-dark .header-search-group:focus-within {
    border-color: var(--toski-dark) !important;
    box-shadow: none !important;
}

body.storefront-dark .header-search-group .form-control {
    background: #fff !important;
    border-radius: 0 !important;
    padding: 0 16px;
    font-size: 0.88rem;
}

body.storefront-dark .header-search-group .form-control:focus {
    background: #fff !important;
}

body.storefront-dark .header-search-group .form-control::placeholder {
    color: var(--toski-muted);
}

body.storefront-dark .header-search-group .btn {
    background: var(--toski-dark) !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: 0 1rem !important;
    min-width: 54px;
}

body.storefront-dark .header-search-group .btn:hover {
    background: var(--toski-dark-3) !important;
    opacity: 1 !important;
}

/* ── Mega nav (dark grey bar, no navy) ── */
body.storefront-dark .mega-menu {
    background: var(--toski-dark) !important;
    border-top: none !important;
    border-bottom: none !important;
}

body.storefront-dark .mega-menu .nav-link {
    color: rgba(255, 255, 255, 0.9) !important;
    font-weight: 500 !important;
    font-size: 0.86rem !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 0 18px !important;
    height: 48px;
    border-bottom: none !important;
}

body.storefront-dark .mega-menu .nav-link:hover,
body.storefront-dark .mega-menu .nav-link:focus,
body.storefront-dark .mega-menu .nav-item.mega-open > .nav-link {
    color: #fff !important;
    background: var(--toski-dark-3) !important;
}

body.storefront-dark .mega-menu-dropdown {
    border-top: 1px solid var(--toski-line) !important;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.14) !important;
    max-height: none;
    padding: 0 !important;
}

body.storefront-dark .categories-section {
    background: var(--toski-light) !important;
    border-radius: 0;
    border-right: 1px solid var(--toski-line);
}

body.storefront-dark .categories-section::-webkit-scrollbar-thumb {
    background: var(--toski-dark-3) !important;
}

body.storefront-dark .menu-list a:hover,
body.storefront-dark .menu-list a.active,
body.storefront-dark .menu-list a.mega-sub-link.active {
    background: #fff !important;
    color: var(--toski-text) !important;
    box-shadow: none !important;
    border-left: none !important;
    padding-left: 12px !important;
}

body.storefront-dark .menu-list a i,
body.storefront-dark .menu-list a:hover i,
body.storefront-dark .menu-list a.active i {
    color: var(--toski-muted) !important;
    opacity: 1 !important;
}

body.storefront-dark .mega-sub-all {
    color: var(--toski-text) !important;
    font-weight: 600 !important;
    border-bottom-color: var(--toski-line) !important;
}

body.storefront-dark .products-section h6 {
    color: var(--toski-muted) !important;
    letter-spacing: 0.1em;
    border-bottom-color: var(--toski-line) !important;
}

body.storefront-dark .products-section h6::after {
    background: var(--toski-dark) !important;
}

/* ── Primary actions: red only ── */
body.storefront-dark .pcard-btn:not(.pcard-btn-oos) {
    background: var(--toski-red) !important;
    color: #fff !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

body.storefront-dark .pcard-btn:not(.pcard-btn-oos):hover {
    background: var(--toski-red-h) !important;
    color: #fff !important;
    transform: none;
    box-shadow: none !important;
}

body.storefront-dark .newsletter-form button {
    background: var(--toski-red) !important;
    color: #fff !important;
    letter-spacing: 0 !important;
}

body.storefront-dark .newsletter-form button:hover {
    background: var(--toski-red-h) !important;
    transform: none !important;
    box-shadow: none !important;
}

body.storefront-dark #cc-accept {
    background: var(--toski-red) !important;
    color: #fff !important;
}

body.storefront-dark #cc-accept:hover {
    box-shadow: none !important;
    transform: none !important;
}

body.storefront-dark .eseo-cta-link--primary {
    background: var(--toski-red) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

body.storefront-dark .eseo-cta-link--primary:hover {
    background: var(--toski-red-h) !important;
    color: #fff !important;
    transform: none !important;
    box-shadow: none !important;
}

/* ── Homepage category sections ── */
body.storefront-dark .hcat-section {
    background: var(--toski-white) !important;
    border-top: none !important;
    padding: 64px 0;
}

body.storefront-dark .hcat-section--alt {
    background: var(--toski-light) !important;
}

body.storefront-dark .hcat-title,
body.storefront-dark .hcat-title-link {
    font-family: 'Poppins', sans-serif !important;
    color: var(--toski-text) !important;
    font-size: clamp(1.4rem, 2.4vw, 1.9rem);
}

body.storefront-dark .hcat-title-link:hover {
    color: var(--toski-muted) !important;
}

body.storefront-dark .hcat-subcard-img {
    background: var(--toski-light);
    border-color: var(--toski-line);
}

body.storefront-dark .hcat-subcard:hover .hcat-subcard-img {
    border-color: var(--toski-dark);
}

body.storefront-dark .hcat-subcard-name {
    color: var(--toski-text);
    font-size: 0.82rem;
}

body.storefront-dark .hcat-subcard-img--all {
    background: var(--toski-dark) !important;
    border-color: var(--toski-dark) !important;
}

body.storefront-dark .hcat-subcard-img--all i {
    color: #fff !important;
}

body.storefront-dark .hcat-subcard--all .hcat-subcard-name {
    color: var(--toski-text) !important;
}

body.storefront-dark .hcat-see-all {
    background: transparent !important;
    color: var(--toski-text) !important;
    border: 1.5px solid var(--toski-dark);
    border-radius: 8px;
    font-weight: 600;
}

body.storefront-dark .hcat-see-all:hover {
    background: var(--toski-dark) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.storefront-dark .hcat-arrow {
    background: #fff !important;
    color: var(--toski-text) !important;
    border: 1px solid var(--toski-line) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1) !important;
}

body.storefront-dark .hcat-arrow:hover {
    background: var(--toski-dark) !important;
    color: #fff !important;
    border-color: var(--toski-dark) !important;
}

body.storefront-dark .hcat-item .pcard {
    background: #fff;
    border: 1px solid var(--toski-line);
    border-radius: var(--toski-r);
}

body.storefront-dark .hcat-item .pcard-name,
body.storefront-dark .hcat-item .pcard-price .price-current {
    color: var(--toski-text);
}

/* ── SEO block (light, not navy) ── */
body.storefront-dark .eseo-section {
    background: var(--toski-light) !important;
    border: none !important;
    padding: 80px 0 !important;
}

body.storefront-dark .eseo-section::before,
body.storefront-dark .eseo-section::after {
    display: none !important;
}

body.storefront-dark .eseo-eyebrow {
    color: var(--toski-muted) !important;
}

body.storefront-dark .eseo-title {
    font-family: 'Poppins', sans-serif !important;
    color: var(--toski-text) !important;
}

body.storefront-dark .eseo-title em {
    font-style: normal !important;
    font-weight: 400 !important;
    color: inherit !important;
}

body.storefront-dark .eseo-header-line {
    background: linear-gradient(90deg, transparent, var(--toski-line), transparent) !important;
}

body.storefront-dark .eseo-divider-v {
    background: var(--toski-line) !important;
}

body.storefront-dark .eseo-lead {
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.08rem !important;
    color: var(--toski-text) !important;
}

body.storefront-dark .eseo-lead strong,
body.storefront-dark .eseo-section .eseo-p strong,
body.storefront-dark .eseo-feature-text strong {
    color: var(--toski-text) !important;
}

body.storefront-dark .eseo-p {
    color: #4a4a4a !important;
    font-size: 0.95rem !important;
}

body.storefront-dark .eseo-keyword {
    color: var(--toski-text) !important;
    border-bottom: 2px solid var(--toski-dark);
}

body.storefront-dark .eseo-feature-item {
    background: #fff !important;
    border: none !important;
    border-radius: var(--toski-r) !important;
    padding: 16px 18px !important;
}

body.storefront-dark .eseo-feature-item:hover {
    transform: none !important;
    background: #fff !important;
}

body.storefront-dark .eseo-feature-icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 9px !important;
    background: var(--toski-dark) !important;
    border: none !important;
    color: #fff !important;
}

body.storefront-dark .eseo-feature-text {
    color: var(--toski-muted) !important;
}

body.storefront-dark .eseo-cta-strip {
    margin-top: 40px !important;
    padding: 24px 28px !important;
    background: var(--toski-dark) !important;
    border: none !important;
    border-radius: var(--toski-r) !important;
}

body.storefront-dark .eseo-cta-text {
    font-family: 'Poppins', sans-serif !important;
    color: #fff !important;
}

body.storefront-dark .eseo-cta-text em {
    font-style: normal !important;
    font-weight: 700 !important;
    color: #fff !important;
}

body.storefront-dark .eseo-cta-link--outline {
    color: #fff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.6) !important;
    text-transform: none !important;
}

body.storefront-dark .eseo-cta-link--outline:hover {
    background: #fff !important;
    color: var(--toski-dark) !important;
    border-color: #fff !important;
}

/* ── Blog carousel ── */
body.storefront-dark .hblog-section {
    background: var(--toski-white) !important;
    padding: 64px 0 !important;
}

body.storefront-dark .hblog-eyebrow {
    color: var(--toski-muted) !important;
    letter-spacing: 0.14em;
}

body.storefront-dark .hblog-title {
    font-family: 'Poppins', sans-serif !important;
    color: var(--toski-text) !important;
}

body.storefront-dark .hblog-title em {
    color: inherit !important;
    font-weight: 400 !important;
}

body.storefront-dark .hblog-see-all {
    background: transparent !important;
    color: var(--toski-text) !important;
    border: 1.5px solid var(--toski-dark) !important;
    box-shadow: none !important;
}

body.storefront-dark .hblog-see-all:hover {
    background: var(--toski-dark) !important;
    color: #fff !important;
}

body.storefront-dark .hblog-card {
    background: #fff !important;
    border: 1px solid var(--toski-line) !important;
    box-shadow: none !important;
}

body.storefront-dark .hblog-card:hover {
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08) !important;
}

body.storefront-dark .hblog-card-title {
    color: var(--toski-text) !important;
}

body.storefront-dark .hblog-card-excerpt,
body.storefront-dark .hblog-card-meta {
    color: var(--toski-muted) !important;
}

body.storefront-dark .hblog-arrow {
    background: #fff !important;
    color: var(--toski-text) !important;
    border: 1px solid var(--toski-line) !important;
}

body.storefront-dark .hblog-arrow:hover {
    background: var(--toski-dark) !important;
    color: #fff !important;
}

/* ── Reviews ── */
body.storefront-dark .rev-section {
    background: var(--toski-light) !important;
    padding: 64px 0 !important;
}

body.storefront-dark .rev-section::before {
    color: rgba(38, 38, 38, 0.06) !important;
}

body.storefront-dark .rev-eyebrow {
    color: var(--toski-muted) !important;
}

body.storefront-dark .rev-title {
    font-family: 'Poppins', sans-serif !important;
    color: var(--toski-text) !important;
}

body.storefront-dark .rev-title em {
    color: inherit !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

body.storefront-dark .rev-subtitle {
    color: var(--toski-muted) !important;
}

body.storefront-dark .rev-header-line {
    background: linear-gradient(90deg, transparent, var(--toski-line)) !important;
}

body.storefront-dark .rev-header-line--r {
    background: linear-gradient(90deg, var(--toski-line), transparent) !important;
}

/* ── Best sellers ── */
body.storefront-dark .hbs-section {
    background: var(--toski-white) !important;
    padding: 0 0 64px !important;
}

body.storefront-dark .hbs-deco-top span,
body.storefront-dark .hbs-deco-bottom span {
    background: linear-gradient(90deg, transparent, var(--toski-line)) !important;
}

body.storefront-dark .hbs-deco-top span:last-child,
body.storefront-dark .hbs-deco-bottom span:last-child {
    background: linear-gradient(90deg, var(--toski-line), transparent) !important;
}

body.storefront-dark .hbs-deco-top i,
body.storefront-dark .hbs-deco-bottom i {
    color: var(--toski-muted) !important;
}

body.storefront-dark .hbs-eyebrow {
    color: var(--toski-muted) !important;
    border-color: var(--toski-line) !important;
}

body.storefront-dark .hbs-title {
    font-family: 'Poppins', sans-serif !important;
    color: var(--toski-text) !important;
}

body.storefront-dark .hbs-title em {
    color: inherit !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

body.storefront-dark .hbs-subtitle {
    color: var(--toski-muted) !important;
}

body.storefront-dark .hbs-grid .pcard {
    box-shadow: none !important;
    border: 1px solid var(--toski-line);
}

/* ── Giveaway strip ── */
body.storefront-dark .gw-strip {
    background: var(--toski-dark-2) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

body.storefront-dark .gw-strip__orb--left {
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%) !important;
}

body.storefront-dark .gw-strip__orb--right {
    background: radial-gradient(circle, rgba(0, 0, 0, 0.25) 0%, transparent 70%) !important;
}

body.storefront-dark .gw-strip__icon {
    background: var(--toski-dark) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.storefront-dark .gw-strip__title,
body.storefront-dark .gw-strip__prize-val {
    color: #fff !important;
}

body.storefront-dark .gw-strip__prize-label,
body.storefront-dark .gw-strip__eyebrow {
    color: rgba(255, 255, 255, 0.55) !important;
}

body.storefront-dark .gw-strip__cta {
    background: var(--toski-red) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.storefront-dark .gw-strip__cta:hover {
    background: var(--toski-red-h) !important;
    color: #fff !important;
    transform: none !important;
}

body.storefront-dark .gw-strip__progress {
    background: var(--toski-red) !important;
}

body.storefront-dark .gw-strip__dot-btn.active {
    background: #fff !important;
}

body.storefront-dark .home-hero {
    background: var(--toski-dark-2) !important;
}

/* ── Newsletter + footer ── */
body.storefront-dark .footer-newsletter {
    background: var(--toski-dark) !important;
    border-bottom: none !important;
}

body.storefront-dark .footer-newsletter::before,
body.storefront-dark .footer-newsletter::after {
    display: none !important;
}

body.storefront-dark .footer-newsletter .newsletter-text div[style*="c8a96e"] {
    color: rgba(255, 255, 255, 0.55) !important;
}

body.storefront-dark .newsletter-form {
    background: #fff;
    border-radius: 10px;
    padding: 6px;
    gap: 8px;
}

body.storefront-dark .newsletter-form input[type="email"]:focus {
    box-shadow: none !important;
    border-color: transparent !important;
}

body.storefront-dark .footer-main {
    background: var(--toski-dark-2) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.62) !important;
}

body.storefront-dark .footer-section h5 {
    color: #fff !important;
}

body.storefront-dark .footer-section h5::after {
    background: rgba(255, 255, 255, 0.25) !important;
}

body.storefront-dark .footer-brand .footer-logo-img,
body.storefront-dark .footer-brand .footer-logo {
    display: none !important;
}

body.storefront-dark .footer-bottom,
body.storefront-dark .footer-copyright {
    background: var(--toski-dark-2) !important;
}

/* ── Cookie banner (override inline navy) ── */
body.storefront-dark #cc-banner {
    background: var(--toski-dark-2) !important;
    border-top: none !important;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.25) !important;
}

body.storefront-dark #cc-banner strong {
    color: #fff !important;
}

body.storefront-dark #cc-banner a {
    color: #fff !important;
}

/* ── Mini cart + mobile nav ── */
body.storefront-dark #miniCart .offcanvas-header {
    background: var(--toski-dark) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

body.storefront-dark #miniCart .offcanvas-body {
    background: #fff !important;
}

body.storefront-dark .mob-nav-header {
    background: var(--toski-dark) !important;
}

body.storefront-dark .mob-nav-social-link {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

body.storefront-dark .mob-nav-social-link:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #fff !important;
}