/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Description: Child theme van Kadence voor exclusievefans.nl. Bevat de custom model-templates en overrides, zodat het parent theme veilig geupdatet kan worden.
Author: Exclusieve Fans
Template: kadence
Version: 1.1.2
Text Domain: kadence-child
*/

/* Custom: hero-container achtergrond transparant (was in de oude parent uit all.min.css verwijderd) */
.entry-hero-container-inner {
    background: transparent;
}

/* ==========================================================
   Mobiel menu in site-stijl (brand: #FF004C -> #FF68B4)
   ========================================================== */

/* Hamburger-knop: wit en duidelijk zichtbaar op de roze header */
#mobile-toggle.menu-toggle-open {
    color: #fff;
    background: rgba(255, 255, 255, .16);
    border-radius: 12px;
    padding: 8px 10px;
    transition: background .15s ease;
}
#mobile-toggle.menu-toggle-open:hover,
#mobile-toggle.menu-toggle-open:focus {
    color: #fff;
    background: rgba(255, 255, 255, .28);
}

/* Lade: donkere gradient met roze gloed i.p.v. kaal zwart */
#mobile-drawer .drawer-inner {
    background: linear-gradient(165deg, #2b0212 0%, #45031c 55%, #64052a 100%);
}
#mobile-drawer .drawer-header {
    padding-top: 10px;
}

/* Sluitknop: wit in een subtiele cirkel */
#mobile-drawer .menu-toggle-close {
    color: #fff;
    background: rgba(255, 255, 255, .14);
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .15s ease;
}
#mobile-drawer .menu-toggle-close:hover,
#mobile-drawer .menu-toggle-close:focus {
    color: #fff;
    background: rgba(255, 255, 255, .28);
}

/* Menu-items: wit, stevig, afgeronde hover — geen standaard blauw meer */
#mobile-drawer .drawer-inner ul li a,
#mobile-drawer .drawer-inner ul li a:visited {
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    padding: 14px 16px;
    border-radius: 12px;
    transition: background .15s ease;
}
#mobile-drawer .drawer-inner ul li a:hover,
#mobile-drawer .drawer-inner ul li a:focus {
    color: #fff;
    background: rgba(255, 255, 255, .12);
}

/* Actieve pagina: roze brand-gradient pill */
#mobile-drawer .drawer-inner ul li.current-menu-item > a,
#mobile-drawer .drawer-inner ul li.current_page_item > a {
    color: #fff;
    background: linear-gradient(135deg, #FF004C, #FF68B4);
    box-shadow: 0 6px 18px rgba(255, 0, 76, .35);
}

/* Zachtere scheidingslijnen + witte submenu-pijl */
#mobile-drawer .mobile-navigation ul li {
    border-color: rgba(255, 255, 255, .10);
}
#mobile-drawer .drawer-sub-toggle {
    color: #fff;
    border-color: rgba(255, 255, 255, .10);
}
#mobile-drawer .mobile-navigation ul ul li a {
    font-weight: 400;
    font-size: 15px;
    opacity: .92;
}

/* ==========================================================
   Performance: render 144 grid-kaarten pas als ze in beeld komen
   ========================================================== */
.ofm-model-grid .ofm-model-item {
    content-visibility: auto;
    contain-intrinsic-size: 290px 430px;
}