/*
Theme Name: DoorTheme Child
Theme URI: https://doortheme.doorgo.id/
Description: Child theme resmi untuk kustomisasi aman DoorTheme.
Author: DoorTheme Team
Author URI: https://doortheme.doorgo.id/
Template: doortheme
Version: 1.0.6
Text Domain: doortheme-child
*/

/* ===============================================================
   DELICO COCOA — GLOBAL STYLING OVERRIDES
   =============================================================== */

/* ── LOGO SIZING ── */
.site-branding .custom-logo,
.custom-logo-link img,
.dt-branding img {
    max-height: 55px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* ================================================================
   1. SUBPAGE NAVIGATION HEADER
   - Background: Solid White (#ffffff)
   - Background-image: NONE (never put the body banner on nav)
   - Menu text: Black (#111827)
   - Menu text when ACTIVE or HOVERED: GREEN (#16a34a / #2e7d32)
   ================================================================ */
body:not(.home) .site-header,
body:not(.home) .dt-site-header {
    background-color: #ffffff !important;
    background-image: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
}

body:not(.home) .dt-topbar {
    background-color: #ffffff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

body:not(.home) .dt-topbar,
body:not(.home) .dt-topbar a,
body:not(.home) .dt-topbar span {
    color: #111827 !important;
}

body:not(.home) .dt-nav-list li a,
body:not(.home) .dt-store-nav li a,
body:not(.home) .site-branding .site-title,
body:not(.home) .dt-header-actions a,
body:not(.home) .dt-header-account-link {
    color: #111827 !important;
    text-shadow: none !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    transition: color 0.2s ease !important;
}

/* Active and Hover: GREEN (#16a34a) */
body:not(.home) .dt-nav-list li:hover > a,
body:not(.home) .dt-nav-list li.current-menu-item > a,
body:not(.home) .dt-nav-list li.current_page_item > a,
body:not(.home) .dt-nav-list li.current-menu-ancestor > a,
body:not(.home) .dt-nav-list li.current-menu-parent > a,
body:not(.home) .dt-store-nav li:hover > a,
body:not(.home) .dt-store-nav li.current-menu-item > a,
body:not(.home) .dt-store-nav li.current_page_item > a,
body:not(.home) .dt-store-nav li.current-menu-ancestor > a,
body:not(.home) .dt-store-nav li.current-menu-parent > a {
    color: #16a34a !important;
}

body:not(.home) .dt-hamburger-bar {
    background-color: #111827 !important;
}

/* ================================================================
   2. BODY HEADER / PAGE BANNER ACROSS ALL SUBPAGES
   (Product, Blog, Market Range, Our Event, Single Post, Contact, etc.)
   Background image: Delico-header-body.webp with rich overlay
   ================================================================ */
body:not(.home) .dcc-page-header,
body:not(.home) .dcc-page-banner,
body:not(.home) .dtib-wrap:not(.dtib-transparent),
body:not(.home) .dt-page-header {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    color: #ffffff !important;
    padding-top: 115px !important;
    padding-bottom: 110px !important;
    min-height: 300px !important;
    box-sizing: border-box !important;
}

@media (max-width: 768px) {
    body:not(.home) .dcc-page-header,
    body:not(.home) .dcc-page-banner,
    body:not(.home) .dtib-wrap:not(.dtib-transparent),
    body:not(.home) .dt-page-header {
        padding-top: 75px !important;
        padding-bottom: 70px !important;
        min-height: 200px !important;
    }
}

body:not(.home) .dcc-page-header .dcc-page-title,
body:not(.home) .dcc-page-banner .dcc-banner-title,
body:not(.home) .dtib-wrap .dtib-title,
body:not(.home) .dt-page-header .dt-entry-title,
body:not(.home) .dt-page-header h1 {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5) !important;
}

body:not(.home) .dcc-crumbs,
body:not(.home) .dcc-crumbs a,
body:not(.home) .dtib-crumbs a,
body:not(.home) .dtib-crumbs span {
    color: #F5D48A !important;
}

body:not(.home) .dcc-crumbs span {
    color: #ffffff !important;
}

body:not(.home) .dcc-page-sub,
body:not(.home) .dcc-page-banner .dcc-banner-subtitle,
body:not(.home) .dtib-sub {
    color: rgba(255, 246, 236, 0.92) !important;
}

/* ================================================================
   3. HOMEPAGE HEADER BEHAVIOR
   - At top: Without background (transparent), black text
   - When scrolled: White background smoothly appears, black text
   ================================================================ */

body.home #page,
body.home.dt-header-transparent #page {
    padding-top: 0 !important;
}

body.home .dcc-hero,
body.home.dt-header-transparent .dcc-hero {
    margin-top: 0 !important;
}

/* Transparent at top of page (floats over hero, zero gap) */
body.home .site-header,
body.home .dt-site-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    background-color: transparent !important;
    background-image: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

body.admin-bar.home .site-header,
body.admin-bar.home .dt-site-header {
    top: 32px !important;
}
@media (max-width: 782px) {
    body.admin-bar.home .site-header,
    body.admin-bar.home .dt-site-header {
        top: 46px !important;
    }
}

body.home .dt-topbar {
    display: none !important;
}

/* White text & icons when transparent at top */
body.home:not(.dt-header-scrolled) .dt-nav-list li a,
body.home:not(.dt-header-scrolled) .site-branding .site-title,
body.home:not(.dt-header-scrolled) .dt-header-actions a,
body.home:not(.dt-header-scrolled) .dt-action-btn,
body.home:not(.dt-header-scrolled) .dt-header-account-link {
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
}

body.home:not(.dt-header-scrolled) .dt-action-btn svg {
    stroke: #ffffff !important;
}

body.home:not(.dt-header-scrolled) .dt-hamburger-bar {
    background-color: #ffffff !important;
}

body.home:not(.dt-header-scrolled) .dt-nav-list li a:hover,
body.home:not(.dt-header-scrolled) .dt-nav-list li.current-menu-item > a,
body.home:not(.dt-header-scrolled) .dt-nav-list li.current_page_item > a {
    color: #ffffff !important;
    border-bottom: 2px solid #ffffff;
}

/* Scrolled state: White background slides in with dark text */
body.home.dt-header-scrolled .site-header,
body.home.dt-header-scrolled .dt-site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

body.admin-bar.home.dt-header-scrolled .site-header,
body.admin-bar.home.dt-header-scrolled .dt-site-header {
    top: 32px !important;
}
@media (max-width: 782px) {
    body.admin-bar.home.dt-header-scrolled .site-header,
    body.admin-bar.home.dt-header-scrolled .dt-site-header {
        top: 46px !important;
    }
}

body.home.dt-header-scrolled .dt-nav-list li a,
body.home.dt-header-scrolled .site-branding .site-title,
body.home.dt-header-scrolled .dt-header-actions a,
body.home.dt-header-scrolled .dt-action-btn,
body.home.dt-header-scrolled .dt-header-account-link {
    color: #111827 !important;
    text-shadow: none !important;
}

body.home.dt-header-scrolled .dt-action-btn svg {
    stroke: #111827 !important;
}

body.home.dt-header-scrolled .dt-hamburger-bar {
    background-color: #111827 !important;
}

body.home.dt-header-scrolled .dt-nav-list li a:hover,
body.home.dt-header-scrolled .dt-nav-list li.current-menu-item > a,
body.home.dt-header-scrolled .dt-nav-list li.current_page_item > a {
    color: #16a34a !important;
    border-bottom-color: #16a34a !important;
}

/* ── Default theme footer hidden (custom Delico footer active) ── */
.site-footer#colophon,
footer.site-footer {
    display: none !important;
}

/* Floating Back to Top button positioned on the LEFT */
#dt-back-to-top,
.dt-back-to-top {
    left: 24px !important;
    right: auto !important;
    background-color: #ac602a !important;
    border: 2px solid rgba(255, 255, 255, 0.9) !important;
    z-index: 99999 !important;
}