@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* XNRGY huisstijl voor Julito Padel (okt 2026)
   Helvetica voor leesbaarheid, Space Mono voor branding accenten.
   Kleuren: navy #0f1320, blauw #192b88, lichtgrijs #ebebeb */

/* Basis: leesbare tekst in Helvetica */
body, p, li, input, textarea, select, .description, .service-description {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
body, #sb_main { background: #ebebeb !important; color: #0f1320; }

/* Koppen: dun en in hoofdletters zoals op xnrgyclub.com */
h1, h2, h3, h4, h5, h6, .title, .company-name, .service-name {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
}

/* Branding accenten in Space Mono: menu, knoppen, stappen, prijzen, labels, tijden */
#header .header__navigation-link, .btn, button.btn, a.btn, .steps-nav, .steps-nav *,
label, .control-label, .info-bar, .info-bar *, .schedule td, .schedule th,
[class*=price], [class*=duration], .read-more, [class*=read-more], #footer, #footer a {
    font-family: 'Space Mono', 'Courier New', monospace !important;
}

/* Bovenbalk: navy met wit XNRGY logo */
#header.header { background: #0f1320 !important; border: 0 !important; box-shadow: none !important; }
#header .header__content { position: relative; min-height: 45px; }
#header .header__content::before {
    content: ""; position: absolute; left: 30px; top: 50%; transform: translateY(-50%);
    width: 134px; height: 21px;
    background: url(https://xnrgyclub.com/app/uploads/2026/10/xnrgy-logo-wit.svg) no-repeat left center / contain;
}
#header .header__navigation-link { color: #ebebeb !important; font-weight: 400 !important; text-transform: uppercase !important; font-size: 13px !important; letter-spacing: .04em; }
#header .header__navigation-link:hover, #header .header__navigation-item.active .header__navigation-link, #header .header__navigation-link.active { color: #ffffff !important; border-bottom-color: #ebebeb !important; }
#header a, #header i, #header svg { color: #ebebeb !important; fill: #ebebeb; }

/* Knoppen: recht, XNRGY blauw */
.btn, button.btn, a.btn { border-radius: 0 !important; font-weight: 400 !important; text-transform: uppercase !important; letter-spacing: .04em; }
.btn.book, .btn-primary, .btn.btn-primary { background: #192b88 !important; border-color: #192b88 !important; color: #ebebeb !important; }
.btn.book:hover, .btn-primary:hover { background: #0f1320 !important; border-color: #0f1320 !important; }

/* Blokken: recht en zonder schaduw */
.index__item .section, .section, .item.panel, .service-item, .package-item, .provider-item, .panel {
    border-radius: 0 !important; box-shadow: none !important;
}

/* Links in XNRGY blauw */
.contacts-us a, .about-us a, .read-more, [class*=read-more] { color: #192b88 !important; }

/* Ruis weg: tijdzone balk, placeholder iconen, startdatum bij pakketten */
.timezone-panel { display: none !important; }
.package-item .start-date-btn { display: none !important; }
#sb_service_step_container .service-item .default.img,
#sb_service_step_container .service-item a:has(> .default.img),
#sb_service_step_container .service-item > .preloader,
#sb_package_list_container .package-item > .preloader,
#sb_package_filter_container,
.default.img { display: none !important; }

/* Footer: navy */
#footer.footer { background: #0f1320 !important; }
#footer.footer, #footer.footer a { color: #ebebeb !important; }

/* Iconen altijd in Font Awesome */
i[class*="fa"], .fa, .fal, .far, .fas { font-family: "Font Awesome 5 Pro" !important; }

/* Helvetica Bold voor namen van lessen, coaches en pakketten */
.item .title, .item h4.title, .item h3.title, .service-item .title, .provider-item .title, .package-item .title, .about-us b, .about-us strong {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
}

/* Google vertaalknop weg */
#sb_google_translate, #google_translate_element, .goog-te-banner-frame, .skiptranslate { display: none !important; }
body { top: 0 !important; }

/* Bannertitel leesbaar op donkere banner */
.header-has-pos h1.company-name, .header-has-pos--top h1.company-name { color: #ffffff !important; }

/* Eerste alinea van de coach bio altijd zichtbaar */
#sb_provider_step_container .wrap-collapse-content.collapse:not(.in){display:block !important;height:auto !important;visibility:visible !important;}
#sb_provider_step_container .wrap-collapse-content.collapse:not(.in) .collapse-content{padding:14px 15px 16px !important;}
#sb_provider_step_container .wrap-collapse-content.collapse:not(.in) .collapse-content > *:not(p:first-of-type){display:none !important;}
#sb_provider_step_container .wrap-collapse-content.collapse:not(.in) .collapse-content > p:first-of-type{margin:0 !important;}

/* Oude zwarte logo afbeelding verbergen, wit logo staat in de balk */
#header .header__logo-image { opacity: 0 !important; }