/*

1. Add your custom Css styles below
2. Place the this code in your template:

<link href="css/custom.css" rel="stylesheet">

*/


#mainMenu.darkModeDiv > div > nav > ul > li.mega-menu-item > ul > li > div > div > ul > li.mega-menu-title {
    color: gray !important;
}

#mainMenu.darkModeDiv > div > nav > ul > li.dropdown > ul > li > a {
    color: #f1f1f3 !important;
}

#mainMenu.darkModeDiv > div > nav > ul > li.dropdown > ul > li > a:hover {
    color: #EE780E !important;
}

#mainMenu > div > nav > ul > li > ul {
    overflow-y: hidden;
}

#mainMenu > div > nav > ul > li {
    cursor: pointer !important;
}

/*#topbar { border-bottom: none; transition: all .2s ease-in-out;}*/
#footer ul li a { transition: all 200ms ease-in-out;}
/*.header-inner { background-color: #fff; transition: all; top: 40px !important;}*/
#header > div > div > div.header-extras.darkModeDiv > ul > li:nth-child(2) > a > span {
    color: #f1f1f3 !important;
}


#mainMenu > div > nav > ul > li:nth-child(4) > a {
    display: inline-block !important;
}
@media screen and (min-width: 992px) {

}

@media screen and (min-width: 992px) and (max-width: 1312px) {
  header#header .header-inner .container #logo a .logo-default img {
      display: none;
  }
    header#header .header-inner .container #logo a .logo-small img {
        display: inline;
    }

  #mainMenu > div > nav > ul > li > ul {
    max-width: 100vw !important;
    left: 0 !important;
}
}

/* Prevent navigation links from disappearing when narrowing – reduce padding/font */
@media screen and (min-width: 992px) and (max-width: 1100px) {
  #mainMenu nav > ul > li {
    margin-left: 1px !important;
  }
  #mainMenu nav > ul > li > a {
    padding: 10px 6px !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
  }
  #mainMenu nav > ul {
    white-space: nowrap;
    flex-wrap: nowrap;
  }
  #header .header-inner {
    overflow: visible !important;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1312px) {
  #mainMenu nav > ul > li {
    margin-left: 3px !important;
  }
  #mainMenu nav > ul > li > a {
    padding: 10px 8px !important;
    font-size: 11.5px !important;
    letter-spacing: 0.2px !important;
  }
}


@media screen and (max-width: 991px) {

    #mainMenu > div > nav > ul > li:nth-child(4) > a > span {
    display: inline-block !important;
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
}

  #header { 
    top: 0 !important; 
    position: sticky; 
    z-index: 200 !important;
  }

  header#header .header-inner .container #logo {
    height: 60px !important;
  }

  header#header .header-inner .container #logo a span img {
    height: 40px !important;
  }

  header#header .header-inner .container .header-extras,
  header#header .header-inner .container .header-extras ul li,
  header#header .header-inner .container .header-extras ul li a {
    height: 20px !important;
    background-color: transparent !important;
  }
}

/* FOOTER PAYMENTS METHOD LOGOS */

.pay-logos {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.pay-logos__item {
    width: 300px;
    height: 80px;
    display: flex;
    align-items: start;
    justify-content: center;
}

.pay-logos__item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}


.darkModeDiv { background-color: #283144; }
.darkModeSection { background-color: #283144 !important; }

#header .header-inner .darkModeDiv { background-color: #283144 !important; }

#mainMenu nav ul li .dropdown-menu.darkModeDropdown { background-color: #283144; border-color: #3E4B67;}
.dropdown-menu.darkModeDropdown { background-color: #283144; }

.copyright-content { background-color: #f1f1f3; }
.copyright-content.darkModeFooter { background-color: #283144 !important; }

#mainMenu nav > ul > li > a.darkModeHref { color: #f1f1f3; }
#mainMenu nav > ul > li > a.darkModeHref:hover { color: #EE780E; }

#mainMenu nav>ul>li .dropdown-menu>li [class*="col-"]>ul>li>a.darkModeHref { color: #f1f1f3; }
#mainMenu nav>ul>li .dropdown-menu>li [class*="col-"]>ul>li>a.darkModeHref:hover { color: #EE780E; }

#mainMenu nav>ul>li .dropdown-menu.darkModeUl { background-color: #283144; border-color: #283144; }

ul .card { border: 2px solid #f1f1f3; }
ul .card:hover { border: 2px solid #EE780E; }

ul .card.darkModeDiv { border: 2px solid #414F6D; }
ul .card.darkModeDiv:hover { border: 2px solid #EE780E; }

@media screen and (min-width: 992px) {
    ul .card { transition: all ease-in-out 100ms; }
    ul .card:hover { transform: scale(1.05);}
}

a.darkModeHref center { color: #f1f1f3;}

.darkModeParagraph { color: #f1f1f3;}

.darkModeUl li { color: #f1f1f3;}

#topbar .top-menu>li>a.darkModeHref { color: #f1f1f3; }

.header-extras.darkModeDiv .darkModeUl li a.darkModeHref i { color: #f1f1f3; }

.darkModeH1, .darkModeH2, .darkModeH3, .darkModeH4, .darkModeH5, .darkModeH6 { color: #f1f1f3; }

.darkModeH3 a.darkModeHref { color: #f1f1f3; }

.icon-box.darkModeDiv .icon i { color: #EE780E; }

.product-price.darkModeDiv ins { color: #EE780E; }

.post-item .post-item-description > h2 > a.darkModeHref { color: #f1f1f3; }
.post-item .post-item-description > h2 > a.darkModeHref:hover { color: #EE780E; }

.item-link.darkModeHref { color: #f1f1f3; }

.post-item.border .post-item-wrap.darkModeDiv { border: 1px solid #414F6D; }

#footer ul.darkModeUl li a.darkModeHref { color: #f1f1f3; transition: all 100ms ease-in-out;}
#footer ul.darkModeUl li a.darkModeHref:hover { color: #EE780E; }
#footer .copyright-text.darkModeDiv,
#footer .copyright-text.darkModeDiv a { color: #f1f1f3; }
#footer .copyright-text.darkModeDiv a:hover { color: #EE780E; }

.shop-category-box-title.darkModeDiv { background-color: #364159; opacity: 0.9; transition: all ease-in-out 200ms;}


/* DURCHSUCHEN SIE UNSERE KATEGORIEN SECTION - CARDS HOVER EFFECT */
.shop-category-box { overflow: hidden; }
.shop-category-box img { transition: all 200ms ease-in-out;}
.shop-category-box:hover img { transform: scale(1.125);}
/* DURCHSUCHEN SIE UNSERE KATEGORIEN SECTION - CARDS HOVER EFFECT */

/* BESTSELLER SECTION - CARDS HOVER EFFECT */
.product .product-image a img { transition: all 200ms ease-in-out; }
.product:hover .product-image a img { transform: scale(1.125); }
/* BESTSELLER SECTION - CARDS HOVER EFFECT */



.dropdown-menu { max-height: 100vh; overflow-y: scroll; }


/* SEACH POPUP */
#search.darkModeDiv input.form-control { color: #f1f1f3; }


.shop-promo-box.darkModeDiv { border: 8px solid #414F6D; }
.shop-promo-box.darkModeDiv a.darkModeHref:hover { color: #f1f1f3;}

/* ONLINE-SHOP */

/* FILTERS INPUTS */
.btn.btn-light.btn-shadow.w-100.darkModeHref { box-shadow: none; }
.btn.btn-light.btn-shadow.w-100.darkModeHref:hover { box-shadow: 0 4px 16px #414F6D; }
.p-dropdown.p-dropdown-invert ul.p-dropdown-content.darkModeUl { background-color: #414F6D; border: 1px solid #414F6D;}


.widget.darkModeDiv ul.list.darkModeUl li a.darkModeHref { color: #f1f1f3; transition: all .1s ease-in-out;}
.widget.darkModeDiv ul.list.darkModeUl li a.darkModeHref:hover { color: #EE780E;}


.breadcrumb ul.darkModeUl li a.darkModeHref { color: #f1f1f3;}
.breadcrumb ul.darkModeUl li a.darkModeHref:hover { color: #EE780E;}


/* PRODUCT CARD */

.listing.products .grid-item .product-category a.darkModeHref,
.listing.products .grid-item .product-title h6 a.darkModeHref { color: #f1f1f3; }


.product .product-description .product-category.darkModeDiv { color: #f1f1f3 !important;}

.container .carousel.shop-products .flickity-slider .product .product-image,
.shop .listing.products .grid-item .product .product-image { height: 200px; display: grid; place-content: center;}

.container .carousel.shop-products .flickity-slider .product,
.shop .listing.products .grid-item .product .product-description { position: relative; height: 120px;}
.container .carousel.shop-products .flickity-slider .product .product-price,
.shop .listing.products .grid-item .product .product-price { position: absolute; right: 0; bottom: 0; }

#product-page .container .product .flickity-slider { display: flex; align-items: center; justify-content: center;}

.product { min-height: 28rem; }

.lines-button.x.darkModeHref span.lines {background-color: #f1f1f3;}
.lines-button.x.darkModeHref span.lines::before {background-color: #f1f1f3;}
.lines-button.x.darkModeHref span.lines::after {background-color: #f1f1f3;}


.form-check.darkModeDiv { background-color: #414F6D; }

.tokens.darkModeDiv .token { color: #f1f1f3;}
.tokens .token .remove { margin-left: 8px;}
.tokens.darkModeDiv .token .remove { color: #EE780E;}

.listing.products .grid-item {
    padding: 0px 20px 20px 0px;
}

.shop.darkModeDiv .darkModeDiv .listing.products .grid-item .product .product-description .product-category a,
.shop.darkModeDiv .darkModeDiv .listing.products .grid-item .product .product-title h6 a { color: #f1f1f3; }


.list.list-lines.darkModeUl li { border-bottom-color: #414F6D;}

section#page-content .content .card.darkModeDiv { border-color: #414F6D; }

.card.darkModeDiv ol li::marker { color: #f1f1f3;}

.card.darkModeDiv table td,
.card.darkModeDiv table tr { color: #f1f1f3;}
.card.darkModeDiv strong { color: #f1f1f3;}
.card.darkModeDiv span {color: #f1f1f3;}

.card table.tg tbody tr th,
.card table.tg tbody tr td { border: 1px solid #f1f1f3; padding: 2px;}

.card.darkModeDiv table.tg tbody tr th,
.card.darkModeDiv table.tg tbody tr td { border: 1px solid #414F6D; padding: 2px;}

/* PRODUKTKONFIGURATOR */
.order-form-size-preview.darkModeDiv { background-color: transparent; }
.sizer.darkModeDiv { background-color: transparent; }
.order-form-box.order-form-box-profiles.darkModeDiv { background-color: transparent; }

td.ps-5 div { background-color: transparent; }
td.ps-5 div.darkModeDiv label { color: #f1f1f3;}

#sizing table tbody tr td:nth-child(3) div { background-color: transparent;}

.order-form-size-preview.darkModeDiv span.width-label,
.order-form-size-preview.darkModeDiv span.length-label {background-color: #283144; color: #f1f1f3;}

.card.darkModeDiv { border: 1px solid #414F6D !important; }

hr.darkModeHr { background-color: #414F6D; }

.order-form-item {
    transition: none !important;
    -webkit-transition: none !important;
}

.darkModeDiv b { color: #f1f1f3; }
.darkModeDiv ol li::marker { color: #f1f1f3; }

.darkModeParagraph { color: #f1f1f3 !important;}

.custom-checkbox.darkModeDiv label { color: #f1f1f3; }

.darkModeDiv label { color: #f1f1f3; }

.body-inner { background-color: #fff; }
.body-inner.darkModeDiv { background-color: #283144; }


@media screen and (max-width: 768px) {
    .order-form-box.order-form-box-size table tbody tr {
        display: flex !important;
        flex-direction: column !important;
    }
    .order-form-box.order-form-box-size table tbody tr td {
        width: 100% !important;
        margin: 2rem 0;
    }

    .order-form-box.order-form-box-profiles div {
        display: flex !important;
        flex-direction: column !important;
    }

    .order-form-box.order-form-box-profiles div .order-form-item {
        width: 100% !important;
        margin-top: 1rem;
    }

    .order-form-box-surface-types div {
        display: flex !important;
        flex-direction: column !important;
    }

    .order-form-box-surface-types div .surface-item {
        width: 100% !important;
        margin-top: 1rem;
    }

    .order-form-box-surface-configuration div {
        display: flex !important;
        flex-direction: column !important;
    }
    .order-form-box-surface-configuration div .order-form-item {
        width: 100% !important;
    }

    .form-item.hide-this { display: none !important;}

    .order-form-item button { margin-top: 1rem; }

    #preview-box {
        margin-top: 8rem !important;
    }

    .order-form-box-accessories div {
        display: flex !important;
        flex-direction: column !important;
    }

    .order-form-box-accessories div .order-form-item {
        width: 100% !important;
    }

    .order-form-box-accessories div:nth-child(4) {
        width: 100% !important;
    }

    .order-form-previev-container .col8-set {
        float: none !important;
        width: 100% !important;
    }

    .order-form-box-countries div {
        display: flex !important;
        flex-direction: column !important;
    }
    .order-form-box-countries div .order-form-item {
        width: 100%;
    }
}




/* PRODUCT PAGE */

#product-page .flickity-viewport .flickity-slider .polo-carousel-item a img { transform: none;}
#product-page .flickity-viewport .flickity-slider .polo-carousel-item a img:hover { transform: none;}
#gtx-trans { display: none;}

.tabs.tabs-folder.darkModeDiv .tab-pane .darkModeParagraph a {color: #EE780E;}
.tabs.tabs-folder .tab-pane p a {color: #EE780E;}
.tabs.tabs-folder.darkModeDiv .nav-item a.nav-link.darkModeHref { color: #f1f1f3;}
.tabs.tabs-folder.darkModeDiv .nav-item a.nav-link.darkModeHref.active { color: #EE780E; border: 1px solid #414F6D;}
.tabs.tabs-folder .tab-content.darkModeDiv { border-color: #414F6D;}



.tab-content table tbody tr,
.tab-content table tbody tr td,
.tab-content table tbody tr td b { transition: all 100ms ease-in-out;}

.tab-content.darkModeDiv table tbody tr td:nth-child(2) { color: #f1f1f3;}
.tab-content.darkModeDiv table tbody tr:hover { background: #414F6D !important;}
.tab-content.darkModeDiv table tbody th:hover td { color: #000;}
.tab-content.darkModeDiv table tbody tr:hover td { color: #000;}
.tab-content.darkModeDiv table tbody tr:hover td b { color: #000;}

.carousel.dots-dark .flickity-page-dots .dot { box-shadow: 0 0 0 2px #f1f1f3 !important; }
.carousel.dots-dark .flickity-page-dots .dot::after { background-color: #f1f1f3 !important; }

#box-product .quantity-prices.darkModeDiv th { color: #f1f1f3;}
#box-product .quantity-prices.darkModeDiv tr { color: #f1f1f3;}
#box-product .quantity-prices.darkModeDiv td { color: #f1f1f3;}
#product-page .price-wrapper.darkModeDiv .price.product-price.final-price,
#product-page .price-wrapper.darkModeDiv .tax { color: #f1f1f3;}

.price-wrapper.darkModeDiv del,
.price-wrapper.darkModeDiv strong { color: #f1f1f3;}
.product-description .product-category a {transition: all .1s ease-in-out;}
.product-description.darkModeDiv .product-category a {color: #f1f1f3;}
.product-description.darkModeDiv .product-category a:hover {color: #EE780E;}

/* SHOP CHECKOUT */

#shop-checkout.darkModeSection .card-body span,
#shop-checkout.darkModeSection .card-body h4,
#shop-checkout.darkModeSection .card-body { color: #f1f1f3;}

#shop-checkout.darkModeSection small.options { color: #f1f1f3;}

#formPanel.darkModeDiv { background-color: #364159 !important; }

#formPanel.darkModeDiv #offerForm div.darkModeDiv { background-color: #364159 !important;}


/* LOSUNGEN MENU DROPDOWN */

#mainMenu ul li.dropdown.mega-menu-item ul.dropdown-menu.w-75 { width: auto !important; max-width: 1600px !important;}


#mainMenu ul li.dropdown.mega-menu-item ul.dropdown-menu.w-75 div.card { width: 175px !important; height: 150px !important;}

#mainMenu > div > nav > ul > li.dropdown.mega-menu-item > ul > li > div > div > ul > li > div { width: 175px !important; height: 230px !important;}


h1 { font-size: 22px !important; }
h2 { font-size: 18px !important; }
h3 { font-size: 16px !important; }

#mainMenu div.container li.mega-menu-content div.card-body a center { font-size: 12.25px;}

/* DARK HEADER */
#header.darkModeDiv,
#header.darkModeDiv .header-inner,
#header.darkModeDiv .header-inner .container,
#header .header-inner.darkModeDiv,
#header .header-inner.darkModeDiv .container {
    background-color: #283144 !important;
}

#header.darkModeDiv .container,
#header .header-inner.darkModeDiv .container {
    background: transparent !important;
}

/* DARK MODE */
#topbar.darkModeDiv,
#topbar.darkModeDiv * {
    box-shadow: none !important;
    text-shadow: none !important;
}

#topbar.darkModeDiv {
    background: transparent !important;
    border-bottom: none !important;
}

@media screen and (min-width: 1024px) {
    .container { max-width: 90% !important;}
    #topbar .container {max-width: 100% !important;}
    #header .header-inner .container { max-width: 100% !important; }
}




/* BLOG */
@media screen and (min-width: 768px) {
    #blog .post-item .post-item-wrap .post-image a img { max-height: 300px !important; width: 100% !important; object-fit: cover;}
}

#blog .post-item-description div ul li { font-size: 16px !important; }

.w-100-vw { max-width: 100vw !important;}

/* Product Filter Loading State */
.listing.products.filter-loading {
    opacity: 0.5;
    pointer-events: none;
    position: relative;
    min-height: 200px;
    transition: opacity 0.3s ease;
}

.listing.products.filter-loading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 1000;
}

.listing.products.filter-loading::after {
    content: "Ładowanie produktów...";
    position: absolute;
    top: calc(50% + 40px);
    left: 50%;
    transform: translateX(-50%);
    background: white;
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    z-index: 1001;
}

@keyframes spin {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Filter error message styles */
.filter-error {
    animation: slideIn 0.3s ease;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.filter-error a {
    color: #721c24;
    text-decoration: underline;
    font-weight: bold;
}

.filter-error a:hover {
    color: #491217;
}
/* -------------------------
   16) BANK DETAILS REVEAL
-------------------------- */
.bank-transfer-info .show {
    display: none;
}
.bank-transfer-info.reveal .show {
    display: inline;
}
.bank-transfer-info.reveal .placeholder {
    display: none;
}

/* Bank transfer info in dark mode */
.bank-transfer-info.darkModeDiv {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
}

.bank-transfer-info.darkModeDiv p {
    color: #f1f1f3 !important;
}

.bank-transfer-info.darkModeDiv strong {
    color: #f1f1f3 !important;
}

.bank-transfer-info.darkModeDiv .show {
    color: #fbbf24 !important;
}

/* ================================================
   DARK MODE FIXES FOR HOME PAGE ELEMENTS
================================================ */

/* General container/wrapper elements - TRANSPARENT background */
.alu-container.darkModeDiv,
.alu-section-header.darkModeDiv,
.alu-section-content.darkModeDiv,
.alu-section-cta.darkModeDiv,
.alu-grid-2col.darkModeDiv,
.alu-grid-gap.darkModeDiv,
.alu-button-group.darkModeDiv,
.alu-feature-list.darkModeDiv,
.alu-feature-item.darkModeDiv,
.alu-mehr-content.darkModeDiv,
.alu-media-container.darkModeDiv,
.alu-video-embed.darkModeDiv,
.alu-plan-grid.darkModeDiv,
.alu-consequences-grid.darkModeDiv,
.alu-benefits-grid.darkModeDiv,
.alu-benefit-grid.darkModeDiv,
.alu-benefit-card-grid.darkModeDiv,
.alu-metrics-grid.darkModeDiv,
.alu-metric-card.darkModeDiv,
.alu-metric-value.darkModeDiv,
.alu-metric-label.darkModeDiv,
.alu-space-grid.darkModeDiv,
.alu-space-section.darkModeDiv,
.alu-problem-grid.darkModeDiv,
.alu-problem-card.darkModeDiv,
.alu-image-container.darkModeDiv,
.alu-info-list.darkModeDiv,
.alu-gallery-grid.darkModeDiv,
.alu-partners-grid.darkModeDiv,
.alu-text-center.darkModeDiv,
.partners-container.darkModeDiv,
.partners-content.darkModeDiv,
.alu-section.darkModeDiv {
    background-color: transparent !important;
}

/* Headings in dark mode */
.darkModeH1.alu-heading-1,
.darkModeH2.alu-heading-2,
.darkModeH3.alu-heading-3,
.darkModeH4.alu-heading-jobs {
    color: #f1f1f3 !important;
}

/* Paragraphs and lead text in dark mode */
.darkModeParagraph.alu-lead,
.darkModeParagraph.alu-text--muted {
    color: #d1d5db !important;
}

/* Content boxes in dark mode - THESE should have background */
.alu-content-box.darkModeDiv {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
}

.alu-content-box--light.darkModeDiv {
    background-color: #1f2937 !important;
}

.alu-content-box--dark.darkModeDiv {
    background-color: #111827 !important;
}

/* List items in dark mode */
.alu-info-list .alu-info-item.darkModeParagraph {
    color: #f1f1f3 !important;
}

/* Kicker in dark mode */
.alu-kicker.darkModeDiv {
    background-color: rgba(238, 120, 14, 0.15) !important;
    border-color: rgba(238, 120, 14, 0.4) !important;
    color: #ffa500 !important;
}

/* Sections in dark mode */
.alu-section.darkModeSection {
    background-color: #283144 !important;
}

.alu-solution-section.darkModeSection {
    background-color: #1f2937 !important;
}

/* Media containers in dark mode */
.alu-media-container.darkModeDiv {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Benefits section in dark mode */
.alu-benefits-section.darkModeSection {
    background-color: #1f2937 !important;
}

/* Hide the gradient overlay in dark mode */
.alu-benefits-section.darkModeSection::before {
    display: none !important;
}

.alu-benefit-card.darkModeDiv {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
}

.alu-benefit-icon.darkModeDiv {
    color: #fff !important;
}

.alu-benefit-title.darkModeH3 {
    color: #f1f1f3 !important;
}

.alu-benefit-text.darkModeParagraph {
    color: #d1d5db !important;
}

/* Metrics in dark mode - cards are transparent, only text styled */
.alu-metric-value.darkModeH2,
.alu-metric-number.darkModeH2 {
    color: #EE780E !important;
}

/* alu-metric-value/label are divs → get darkModeDiv, not darkModeH2/Paragraph */
.alu-metric-value.darkModeDiv {
    color: #f1f1f3 !important;
}

.alu-metric-label.darkModeDiv {
    color: #d1d5db !important;
}

.alu-metric-label.darkModeParagraph {
    color: #d1d5db !important;
}

/* Plan section in dark mode */
.alu-plan.darkModeSection {
    background: #1f2937 !important;
}

/* Plan step cards in dark mode */
.alu-plan-step.darkModeDiv {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

.alu-plan-step.darkModeDiv:hover {
    background-color: #111827 !important;
    box-shadow: 0 8px 24px rgba(238, 120, 14, 0.2) !important;
}

.alu-plan-title.darkModeH3,
.alu-plan-title.darkModeH2 {
    color: #f1f1f3 !important;
}

.alu-plan-description.darkModeParagraph {
    color: #d1d5db !important;
}

.alu-plan-number.darkModeDiv {
    background-color: transparent !important;
    color: rgba(238, 120, 14, 0.15) !important;
}

/* Plan icon stays visible in dark mode */
.alu-plan-step.darkModeDiv .alu-plan-icon {
    background: linear-gradient(135deg, #EE780E 0%, #ff9933 100%) !important;
}

/* Section header in dark mode */
.alu-plan .alu-section-header .alu-kicker.darkModeDiv {
    background-color: rgba(238, 120, 14, 0.15) !important;
    border-color: rgba(238, 120, 14, 0.4) !important;
    color: #ffa500 !important;
}

/* Effect section in dark mode */
.alu-effect.darkModeSection,
.alu-consequences-section.darkModeSection {
    background-color: #111827 !important;
}

/* Consequence cards in dark mode */
.alu-consequence-card.darkModeDiv {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4) !important;
}

.alu-consequence-card.darkModeDiv:hover {
    background-color: #111827 !important;
    box-shadow: 0 10px 24px rgba(238, 120, 14, 0.25) !important;
    transform: translateY(-4px);
}

.alu-consequence-card.darkModeDiv::before {
    background: radial-gradient(
            120% 80% at 0% 0%,
            rgba(238, 120, 14, 0.08),
            transparent 60%
    ),
    radial-gradient(
            120% 80% at 100% 100%,
            rgba(0, 82, 136, 0.08),
            transparent 60%
    ) !important;
}

.alu-consequence-title.darkModeH3 {
    color: #f1f1f3 !important;
}

.alu-consequence-text.darkModeParagraph {
    color: #d1d5db !important;
}

/* Contact section in dark mode - keep background image, just darken overlay */
.alu-contact-section.darkModeSection {
    background-color: transparent !important;
}

.alu-contact-section.darkModeSection::before {
    background: linear-gradient(rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.72)),
    var(--alu-cta-bg) !important;
}

.alu-contact-section .alu-content-box.darkModeDiv {
    background-color: transparent !important;
}

/* Gallery section in dark mode - keep images visible */
.alu-gallery-section.darkModeSection {
    background-color: #000 !important;
}

/* Hero section in dark mode */
.alu-hero.darkModeSection,
.alu-hero-full.darkModeSection {
    background-color: rgba(0, 0, 0, 0.85) !important;
}

/* Hero content boxes need semi-transparent background for readability over image */
.alu-hero-full .alu-content-box.darkModeDiv,
.alu-hero-content .alu-content-box.darkModeDiv {
    background-color: rgba(0, 0, 0, 0.75) !important;
}

.alu-hero-full .alu-content-box--dark.darkModeDiv,
.alu-hero-content .alu-content-box--dark.darkModeDiv {
    background-color: rgba(0, 0, 0, 0.85) !important;
}

/* Problem section in dark mode */
.alu-problem.darkModeSection,
.alu-problem-section.darkModeSection {
    background-color: #111827 !important;
}

/* Image captions in dark mode - keep their colored backgrounds */
.alu-image-caption.darkModeDiv {
    background-color: transparent !important;
}

.alu-image-caption--danger.darkModeDiv {
    background: rgba(164, 7, 4, 0.85) !important;
}

.alu-image-caption--primary.darkModeDiv {
    background: rgba(0, 82, 136, 0.85) !important;
}

.alu-caption-list.darkModeUl,
.alu-caption-list.darkModeUl li {
    color: #fff !important;
}

/* Ensure buttons stay visible in dark mode */
.alu-btn.darkModeHref {
    color: #fff !important;
}

.alu-btn--primary.darkModeHref:hover {
    color: #fff !important;
}

/* Job page elements in dark mode */
.alu-job-content.darkModeDiv {
    background-color: #1f2937 !important;
}

.alu-job-header.darkModeDiv {
    background-color: #111827 !important;
}

.alu-job-tag.darkModeDiv {
    background-color: #374151 !important;
    color: #f1f1f3 !important;
}

.alu-job-subtitle.darkModeH3 {
    color: #f1f1f3 !important;
}

.alu-job-list li.darkModeParagraph {
    color: #d1d5db !important;
}

/* Space section in dark mode */
.alu-space.darkModeSection {
    background-color: #1f2937 !important;
}

.alu-space-content.darkModeDiv {
    background-color: #111827 !important;
}

/* Partner logos section in dark mode */
.alu-partners.darkModeSection,
.alu-partners-section.darkModeSection {
    background-color: #1f2937 !important;
}

.alu-partners-section.darkModeSection .carousel .logos-slide {
    filter: grayscale(1) invert(1) brightness(1.1) !important;
    opacity: 0.75;
}

.alu-partners-section.darkModeSection .carousel .logos-slide:hover {
    filter: grayscale(1) invert(1) brightness(1.3) !important;
    opacity: 1;
}

/* CTA section in dark mode */
.alu-cta.darkModeSection {
    background-color: rgba(0, 0, 0, 0.75) !important;
}

/* -------------------------
   MOBILE BOTTOM BAR (DARK MODE)
-------------------------- */
#mobile-bottom-bar.darkModeDiv {
    background: #1e2022 !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5) !important;
}

.mobile-bottom-bar-item.darkModeHref {
    color: #f1f1f3 !important;
}

.mobile-bottom-bar-item.darkModeHref:hover,
.mobile-bottom-bar-item.darkModeHref:active {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #EE780E !important;
}

/* -------------------------
   CATEGORIES PAGE (DARK MODE)
-------------------------- */
a.alu-cat-card.darkModeHref {
    background: #2d3748 !important;
    color: #f1f1f3 !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.3) !important;
}

a.alu-cat-card.darkModeHref:hover {
    box-shadow: 0 8px 28px rgba(238,120,14,0.25) !important;
    color: #f1f1f3 !important;
}

.alu-cat-card__body.darkModeDiv {
    background-color: transparent !important;
}

.alu-cat-card__image.darkModeDiv {
    background-color: #374151 !important;
}

.alu-cat-card__title.darkModeH2 {
    color: #f1f1f3 !important;
}

.alu-kicker.darkModeParagraph {
    color: #f1f1f3 !important;
}

/* -------------------------
   SHOP CATEGORIES MOBILE - HOME PAGE (DARK MODE)
-------------------------- */
.alu-shop-categories-mobile.darkModeSection {
    background: #1f2936 !important;
}

a.alu-category-card.darkModeHref {
    background: #2d3748 !important;
    color: #f1f1f3 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

a.alu-category-card.darkModeHref:hover {
    box-shadow: 0 4px 16px rgba(238,120,14,0.25) !important;
    color: #f1f1f3 !important;
}

.alu-category-image.darkModeDiv {
    background-color: #374151 !important;
}

.alu-category-content.darkModeDiv {
    background-color: transparent !important;
}

.alu-category-title.darkModeH3 {
    color: #f1f1f3 !important;
}