/*
Theme Name: DJBUL_v24
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* BENDJ product pages: consistent dark sections and readable navigation. */
body.single-product #header .header-main{background:rgba(20,22,20,.76)!important}
body.single-product #header .header-main.sticky{background:#141614!important}
body.single-product #header .header-top{background:#101210!important}
body.single-product #header .header-main .main-menu>li.menu-item>a{color:#fff!important}
body.single-product #header .header-main .main-menu>li.menu-item>a:hover,
body.single-product #header .header-main .main-menu>li.menu-item>a:focus-visible{color:#f7dc35!important}
body.single-product #header .mobile-toggle{color:#fff!important}
body.single-product #main{background:#171a16;color:#e4e7df}
body.single-product #tab-description,body.single-product #product-tab .resp-tab-content{background:#171a16!important;border:0!important;box-shadow:none!important}
body.single-product #main .main-content,body.single-product #main .product-layout-full_width{background:transparent}
body.single-product .bendj-hero .vc_parallax-inner{filter:brightness(.7)}
body.single-product .bendj-hero .section-head{color:#fff!important}
body.single-product .bendj-hero .product-spec{background:rgba(10,12,10,.5)}
body.single-product .bendj-section{background:#171a16;margin-top:0!important;margin-bottom:0!important;padding-top:64px!important;padding-bottom:0!important;color:#e4e7df}
body.single-product .bendj-section .bendj-heading{color:#f7dc35!important;font-size:clamp(23px,2.4vw,34px)!important;font-weight:650;line-height:1.3;letter-spacing:-.02em;margin-bottom:28px}
body.single-product .bendj-editorial{max-width:1040px;margin:0 auto;padding:32px 38px;border:1px solid #3b4035;border-radius:8px;background:#21251f}
body.single-product .bendj-editorial p{color:#dfe4d8!important;font-size:16px;line-height:1.95;margin:0 0 20px}
body.single-product .bendj-editorial p:last-child{margin-bottom:0}
body.single-product .bendj-editorial strong{color:#fff;font-weight:650}
body.single-product .bendj-editorial a{color:#f7dc35;text-decoration:underline;text-underline-offset:4px}
body.single-product .bendj-details{margin-top:32px}
body.single-product .bendj-detail-list li{background:#0c100b!important;color:#f1f3ed!important;border-radius:3px}
body.single-product .bendj-faq .toggle{border-color:#454b3e!important}
body.single-product .bendj-faq .toggle>label,body.single-product .bendj-faq .vc_toggle_title h4{background:#21251f!important;color:#fff!important;border-color:#454b3e!important}
body.single-product .bendj-faq .toggle>label:before{background:#f7dc35!important;color:#171a16!important}
body.single-product .bendj-faq .toggle>label{position:relative;padding:14px 20px 14px 58px!important;min-height:56px;line-height:28px!important;border-radius:5px;cursor:pointer}
body.single-product .bendj-faq .toggle>label:before{content:"+"!important;font-family:Arial,sans-serif!important;font-size:23px!important;font-weight:400!important;display:flex!important;align-items:center;justify-content:center;left:15px!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:28px!important;height:28px!important;line-height:28px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;z-index:1;opacity:1!important}
body.single-product .bendj-faq .toggle.active>label:before{content:"−"!important}
body.single-product .bendj-faq .toggle>label:after{display:none!important;content:none!important}
body.single-product .bendj-faq .toggle-content,body.single-product .bendj-faq .toggle-content p,body.single-product .bendj-faq .vc_toggle_content,body.single-product .bendj-faq .vc_toggle_content p{color:#dfe4d8!important;background:transparent!important;line-height:1.85}
body.single-product .bendj-related a{background:#21251f;border-color:#4c5344;color:#fff;white-space:normal;text-align:center}
body.single-product .bendj-related a:hover{color:#f7dc35;border-color:#f7dc35}
body.single-product .bendj-form{background:#10140f!important;background-image:none!important;border-top:1px solid #3b4035;margin-top:64px!important;padding-top:56px!important;padding-bottom:50px!important}
body.single-product .bendj-form .spot-head{color:#f7dc35!important}
body.single-product .bendj-form .product-bottom .woocommerce-loop-product__title,body.single-product .bendj-form .product-title{color:#fff!important}
body.single-product .bendj-form input:not([type=submit]):not([type=hidden]),body.single-product .bendj-form select,body.single-product .bendj-form textarea{background:#fff!important;color:#171a16!important}
body.single-product .bendj-form input[type=submit]{background:#f7dc35!important;color:#171a16!important;border:0}
body.single-product .bendj-form .wpcf7-response-output{color:#fff}
body.single-product .bendj-form .wpcf7-not-valid-tip{color:#ffe174}
body.single-product .bendj-editorial a:focus-visible,body.single-product .bendj-related a:focus-visible{outline:2px solid #f7dc35;outline-offset:4px}
body.single-product .bendj-story-band{background:#0d110c!important;color:#e4e7df;padding:72px 0!important;margin-top:64px!important;margin-bottom:0!important;border-top:1px solid #3b4035}
body.single-product .bendj-story-image{position:relative;margin:0 20px 0 0;border-radius:10px;overflow:hidden;background:#242a20}
body.single-product .bendj-story-photo{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block;filter:brightness(.8)}
body.single-product .bendj-story-icon{position:absolute;right:22px;bottom:68px;width:80px;height:80px;object-fit:contain;background:#fff;padding:8px;border-radius:12px}
body.single-product .bendj-story-image figcaption{padding:18px 22px;font-size:14px;line-height:1.5;color:#f7dc35;background:#20261b;font-weight:650}
body.single-product .bendj-story-copy{padding:0 10px 0 20px}
body.single-product .bendj-story-copy h2{font-size:clamp(25px,2.6vw,36px);line-height:1.3;color:#fff!important;font-weight:650;letter-spacing:-.02em;margin:0 0 24px}
body.single-product .bendj-story-copy p{font-size:16px;line-height:1.9;color:#dfe4d8;margin:0 0 20px}
body.single-product .bendj-story-copy .bendj-story-kicker{font-size:12px;line-height:1.5;font-weight:700;color:#f7dc35;margin-bottom:14px}
body.single-product .bendj-story-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}
body.single-product .bendj-story-actions a{color:#fff;font-size:14px;font-weight:700;line-height:1.4;text-decoration:underline;text-underline-offset:4px}
body.single-product .bendj-story-actions .bendj-story-primary{background:#f7dc35;color:#141614!important;padding:16px 20px;border-radius:4px;text-decoration:none}
body.single-product .bendj-story-actions a:focus-visible{outline:2px solid #f7dc35;outline-offset:5px}
@media(max-width:767px){body.single-product .bendj-story-band{margin-top:40px!important;padding:36px 0!important}body.single-product .bendj-story-image{margin:0 0 28px}body.single-product .bendj-story-photo{aspect-ratio:4/3}body.single-product .bendj-story-copy{padding:0}body.single-product .bendj-story-copy h2{font-size:25px}body.single-product .bendj-story-copy p{font-size:15px}body.single-product .bendj-story-icon{width:64px;height:64px}}
@media(max-width:767px){body.single-product .bendj-editorial{padding:24px 20px;border-radius:6px}body.single-product .bendj-editorial p{font-size:15px;line-height:1.85}body.single-product .bendj-section{padding-top:40px!important}body.single-product .bendj-section .bendj-heading{font-size:23px!important}body.single-product .bendj-form{margin-top:40px!important;padding-top:36px!important}body.single-product .bendj-related{gap:12px}}

/* BENDJ 2026-10-10: non-home navigation must remain readable before/after scrolling. */
body:not(.home) #header,
body:not(.home) #header .header-main,
body:not(.home) #header .main-menu-wrap,
body:not(.home) #header.sticky-header .header-main,
body:not(.home) #header.sticky-header .main-menu-wrap,
body:not(.home) .fixed-header #header.sticky-header .header-main {
    background-color:#141912!important;
    background-image:none!important;
    color:#f5f6ef!important;
}
body:not(.home) #header .header-top {background:#0c100b!important;color:#f5f6ef!important}
body:not(.home) #header .main-menu>li.menu-item>a,
body:not(.home) #header.sticky-header .main-menu>li.menu-item>a,
body:not(.home) #header .header-top .top-links>li.menu-item>a {color:#f5f6ef!important;background-color:transparent!important}
body:not(.home) #header .main-menu>li.menu-item>a:hover,
body:not(.home) #header .main-menu>li.menu-item>a:focus-visible,
body:not(.home) #header .main-menu>li.menu-item.active>a,
body:not(.home) #header .main-menu>li.menu-item>a.current,
body:not(.home) #header .main-menu>li.menu-item.has-sub:hover>a {color:#ffe033!important}
body:not(.home) #header .main-menu .popup>.inner,
body:not(.home) #header .main-menu .sub-menu {background:#1c2418!important;border-color:#3b4431!important}
body:not(.home) #header .main-menu .sub-menu li.menu-item>a {color:#edf0e7!important;background:transparent!important}
body:not(.home) #header .main-menu .sub-menu li.menu-item>a:hover,
body:not(.home) #header .main-menu .sub-menu li.menu-item>a:focus-visible {color:#ffe033!important;background:#293321!important}
body:not(.home) #header .mobile-toggle {color:#141912!important;background:#ffe033!important;border-color:#ffe033!important}
body:not(.home) #header .separator {border-color:rgba(235,240,223,.2)!important}
body:not(.home) #header a:focus-visible {outline:2px solid #ffe033;outline-offset:4px}

/* Only menu-linked product category archives receive these photographic backdrops. */
body.tax-product_cat:is(.term-muzik-egitimi,.term-dj,.term-muzik-produksiyon,.term-online-egitimler) {
    --bendj-category-bg:url('/wp-content/uploads/2026/10/dj-egitimi-birebir-studyoda-miks.webp');
}
body.tax-product_cat:is(.term-muzik-yapim,.term-produksiyon) {
    --bendj-category-bg:url('/wp-content/uploads/2026/10/muzik-produksiyon-servisi-studyo.webp');
}
body.tax-product_cat:is(.term-dijital-platformlar,.term-dijital-muzik,.term-muzik-dagitimi,.term-muzik-yayinlama) {
    --bendj-category-bg:url('/wp-content/uploads/2026/10/dijital-muzik-dagitimi-yayin.webp');
}
body.tax-product_cat:is(.term-pr-ajansi,.term-dijital-pr,.term-muzik-pr,.term-sosyal-medya) {
    --bendj-category-bg:url('/wp-content/uploads/2026/10/muzik-pr-servisi-sanatci-tanitimi.webp');
}
body.tax-product_cat:is(.term-muzik-egitimi,.term-dj,.term-muzik-produksiyon,.term-online-egitimler,.term-muzik-yapim,.term-produksiyon,.term-dijital-platformlar,.term-dijital-muzik,.term-muzik-dagitimi,.term-muzik-yayinlama,.term-pr-ajansi,.term-dijital-pr,.term-muzik-pr,.term-sosyal-medya) #main {
    background-color:#10150e!important;
    background-image:linear-gradient(180deg,rgba(15,19,13,.62) 0%,rgba(15,19,13,.66) 65%,rgba(15,19,13,.92) 100%),var(--bendj-category-bg)!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:cover!important;
    background-attachment:scroll!important;
}

/* Match the mobile menu panel to the non-home header, including submenu toggles. */
body:not(.home) #header .mobile-nav-wrap {background:#1c2418!important;color:#edf0e7!important;border:1px solid #3b4431}
body:not(.home) #header .mobile-menu li>a {color:#edf0e7!important;background:transparent!important;border-color:#35402d!important}
body:not(.home) #header .mobile-menu li>a:hover,
body:not(.home) #header .mobile-menu li>a:focus-visible {color:#ffe033!important;background:#293321!important}
body:not(.home) #header .mobile-menu .arrow {color:#ffe033!important}
body:not(.home) #header .mobile-menu .sub-menu {background:#151c12!important;border-color:#35402d!important}