/*
Theme Name:   Bricks Child Theme
Theme URI:    https://bricksbuilder.io/
Description:  Use this child theme to extend Bricks.
Author:       Bricks
Author URI:   https://bricksbuilder.io/
Template:     bricks
Version:      1.1
Text Domain:  bricks
*/

/* ==========================================================================
   DARK MODE CONFIGURATION (.color-scheme--alt)
   ========================================================================== */

.color-scheme--alt {
    /* Core Colors */
    --dm-bg: #0A090B;
    --dm-text-main: var(--base-dark);
    --dm-text-accent: var(--base);
    --dm-border: var(--base-trans-60);
    
    /* Textures */
    --dm-texture-dark: url('/wp-content/uploads/texture-768x128-1b1b1e.png');
    --dm-texture-light: url('/wp-content/uploads/texture-768x128-ffffff.png');
    --dm-texture-gold: url('/wp-content/uploads/texture-768x128-f49f0a.png');
    --dm-texture-silver: url('/wp-content/uploads/texture-768x128-cbcab4.png');

    /* Complex Filters */
    --filter-dark-invert: brightness(0) saturate(100%) invert(3%) sepia(2%) saturate(4550%) hue-rotate(227deg) brightness(92%) contrast(99%);
}

/* ==========================================================================
   1. GLOBAL STYLES & LAYOUT
   ========================================================================== */

/* Backgrounds & Containers */
.color-scheme--alt .form--container-dark,
.color-scheme--alt .brxe-popup-15832 .brx-popup-content,
.color-scheme--alt .fr-footer-hotel,
.color-scheme--alt .sticky_add_to_cart, 
.color-scheme--alt .sticky_checkout,
.color-scheme--alt .panel-light,
.color-scheme--alt .fs_client_portal .fst_file_lists,
.color-scheme--alt body:has(.wp_vue_editor) .fs_ticket_heroarea {
    background-color: var(--dm-bg) !important;
}

.color-scheme--alt .panel-light-alt,
.color-scheme--alt #brxe-ramexv {
    background-color: var(--accent) !important;
}

/* Overlays */
.color-scheme--alt .fr-background-alpha__overlay, 
.color-scheme--alt .fr-feature-card-kilo__overlay {
    background-color: rgba(10, 9, 11, 0.9) !important;
}

.color-scheme--alt .fr-feature-card-kilo__bg-image-vip.brxe-image.overlay::before {
    background-color: rgba(10, 9, 11, 0.4) !important;
}

.color-scheme--alt .hero-13__overlay {
    background-color: var(--accent-trans-80) !important;
}

.color-scheme--alt .brx-popup .brx-popup-backdrop {
    background-color: var(--accent-light-trans-80) !important;
}

/* Dividers & Borders */
.color-scheme--alt .dark-mode-light--border, 
.color-scheme--alt .single_product-1__divider.horizontal .line, 
.color-scheme--alt .single_product-1__item,
.color-scheme--alt .single_product__divider .line, 
.color-scheme--alt .timeline-7__line,
.color-scheme--alt .timeline-7__line.vertical .line,
.color-scheme--alt .faq__item,
.color-scheme--alt .pop_up-mini_cart--cart_items-item,
.color-scheme--alt .pop_up-mini_cart--cart_items,
.color-scheme--alt .cart_items-total,
.color-scheme--alt .woocommerce-checkout-review-order-table tr,
.color-scheme--alt .woocommerce-checkout .shop_table tfoot,
.color-scheme--alt .woocommerce-checkout .shop_table thead,
.color-scheme--alt .cart-collaterals table tbody tr,
.color-scheme--alt .woocommerce-cart-form tbody tr,
.color-scheme--alt .woocommerce-checkout .shop_table tbody .cart_item,
.color-scheme--alt .woocommerce table, 
.color-scheme--alt .woocommerce-order-details table,
.color-scheme--alt .woocommerce-checkout #order_review, 
.color-scheme--alt fieldset,
.color-scheme--alt .comment {
    border-color: var(--dm-border) !important;
}

/* Background Images (Scene Swaps) */
.color-scheme--alt .landscape-1 { background-image: url('/wp-content/uploads/1920x1080-bg-light-moon-1-1.png') !important; object-fit: cover; }
.color-scheme--alt .landscape-2 { background-image: url('/wp-content/uploads/1920x1080-bg-light-moon-2-1.png') !important; object-fit: cover; }
.color-scheme--alt .bg-light-sun-1-1 img { content: url('/wp-content/uploads/1920x1080-bg-light-moon-1-1.png') !important; }
.color-scheme--alt .bg-light-sun-1-2 img { content: url('/wp-content/uploads/1920x1080-bg-light-moon-1-2.png') !important; }
.color-scheme--alt .bg-light-sun-1-3 img { content: url('/wp-content/uploads/1920x1080-bg-light-moon-1-3.png') !important; }
.color-scheme--alt .bg-light-sun-2-1 img { content: url('/wp-content/uploads/1920x1080-bg-light-moon-2-1.png') !important; }
.color-scheme--alt .bg-light-sun-2-2 img { content: url('/wp-content/uploads/1920x1080-bg-light-moon-2-2.png') !important; }
.color-scheme--alt .bg-light-sun-2-3 img { content: url('/wp-content/uploads/1920x1080-bg-light-moon-2-3.png') !important; }

/* ==========================================================================
   2. TYPOGRAPHY & TEXTURES
   ========================================================================== */

/* Generic Text Colors */
.color-scheme--alt label,
.color-scheme--alt .attributes .brxe-icon,
.color-scheme--alt .product_card--votes,
.color-scheme--alt .form--container-dark p, 
.color-scheme--alt .form--container-dark label,
.color-scheme--alt .fluentform .ff_t_c p,
.color-scheme--alt .fluent-forms--home-founder-ff_t_c p,
.color-scheme--alt .dark-mode-light .woocommerce-Price-amount,
.color-scheme--alt .fr-single-product-alpha__cart .bu-swatch:not(.swatch-with-bg) span,
.color-scheme--alt #registerform p {
    color: var(--dm-text-accent) !important;
}

.color-scheme--alt .dark-mode-light,
.color-scheme--alt .hero-13__description,
.color-scheme--alt .attributes .brxe-text-basic,
.color-scheme--alt .slider__description, 
.color-scheme--alt .slider__arrow-icon,
.color-scheme--alt .fr-feature-card-kilo-votes, 
.color-scheme--alt .fr-feature-card-kilo-,
.color-scheme--alt .fr-feature-card-kilo__content-wrapper,  
.color-scheme--alt .total-reviews,
.color-scheme--alt .product-specs--temp,
.color-scheme--alt .product-specs--chart-2,
.color-scheme--alt .page-intro,
.color-scheme--alt .cwginstock-subscribe-form .panel-primary,
.color-scheme--alt .shop_table th,
.color-scheme--alt .woo-input tbody .product-name a, 
.color-scheme--alt .shop_table tbody td.product-name {
    color: var(--dm-text-main) !important;
}

/* Links */
.dark-mode-light a,
.color-scheme--alt .dark-mode-light a {
    color: var(--action);
}

.color-scheme--alt .dark-mode-light a:hover,
.color-scheme--alt a.product-specs--bar-inactive:hover {
    color: var(--action-hover) !important;
}

/* Headings & Textures */
.color-scheme--alt h1, 
.color-scheme--alt h2, 
.color-scheme--alt h3, 
.color-scheme--alt h4, 
.color-scheme--alt h5, 
.color-scheme--alt h6 {
    background-image: var(--dm-texture-light) !important;
    background-clip: text !important;
    color: transparent !important;
}

.color-scheme--alt #brxe-hmwgfa,
.color-scheme--alt #product-specs--conditions h5 {
    background-image: var(--dm-texture-dark) !important;
    background-clip: text !important;
    color: transparent !important;
}

.color-scheme--alt .fr-footer-hotel h3 {
    background-image: var(--dm-texture-gold) !important;
}

.color-scheme--alt .fr-footer-hotel h4, 
.color-scheme--alt .fr-footer-hotel h5, 
.color-scheme--alt .fr-footer-hotel h6,
.color-scheme--alt .bricks-color-secondary {
    background-image: var(--dm-texture-silver) !important;
}

/* Feature Card Overrides */
.color-scheme--alt .fr-feature-card-kilo h1 a:hover, 
.color-scheme--alt .fr-feature-card-kilo h2 a:hover, 
.color-scheme--alt .fr-feature-card-kilo h3 a:hover, 
.color-scheme--alt .fr-feature-card-kilo h4 a:hover, 
.color-scheme--alt .fr-feature-card-kilo h5 a:hover, 
.color-scheme--alt .fr-feature-card-kilo h6 a:hover {
    color: var(--black) !important;
}

/* ==========================================================================
   3. UI COMPONENTS (Buttons, Inputs, Misc)
   ========================================================================== */

/* Inputs & Form Fields */
.color-scheme--alt .input, 
.color-scheme--alt input:not([type=submit]), 
.color-scheme--alt select, 
.color-scheme--alt textarea, 
.color-scheme--alt .select2 .select2-container .select2-container--default .select2-container--below .select2-container--open, 
.color-scheme--alt .ff-default .ff-el-form-control {
    background-color: var(--accent-light-trans-80) !important;
    border: 1px solid var(--base-trans-60) !important;
    color: var(--base) !important;
}

.color-scheme--alt input::placeholder, 
.color-scheme--alt textarea::placeholder, 
.color-scheme--alt ::placeholder, 
.color-scheme--alt .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder {
    color: var(--base-trans-30);
}

/* Specific Bricks Buttons */
.color-scheme--alt #brxe-xyvoce button,
.color-scheme--alt #brxe-rwufpn button {
    color: var(--base);
}

.color-scheme--alt #brxe-xyvoce button:hover,
.color-scheme--alt #brxe-rwufpn button:hover {
    color: var(--action-hover);
}

/* Badges & Swatches */
.color-scheme--alt .dark-black {
    background-color: #0A090B !important;
    fill: var(--dm-text-accent);
}

.color-scheme--alt .wpgb-button, 
.color-scheme--alt .bu-swatch {
    border-color: var(--base) !important;
}

.color-scheme--alt .fr-single-product-alpha__cart .bu-swatch.active-swatch:not(.swatch-with-bg) span {
    color: var(--accent-ultra-light) !important;
}

.color-scheme--alt .fr-single-product-alpha__cart .bu-swatch.active-swatch span {
    background-color: var(--base) !important;
}

/* Product Specs */
.color-scheme--alt .product-specs--bar-inactive {
    background-color: var(--base-trans-10) !important;
}

.color-scheme--alt .product-specs--bar-active {
    background-color: var(--base-trans-60) !important;
}

.color-scheme--alt #product-specs--conditions {
    background-color: var(--base-trans-60) !important;
}

/* Icons */
.color-scheme--alt .single_product-1__accordion-heading-icon, 
.color-scheme--alt .faq__answer-icon {
    color: #FFFFFF !important;
}

/* ==========================================================================
   4. HEADER, MENU & NAVIGATION
   ========================================================================== */

/* Mega Menu & Sticky Header Backgrounds */
.color-scheme--alt body:has(.brxe-dropdown.open) #brx-header.sticky,
.color-scheme--alt body:has(.open.active) #brx-header.sticky,
.color-scheme--alt #brx-header.sticky.scrolling,
.color-scheme--alt #brx-header.sticky.scrolling > .brxe-section,
.color-scheme--alt .mm .brxe-dropdown .brx-dropdown-content {
    background-color: var(--dm-bg) !important;
}

/* Menu Item Colors */
.color-scheme--alt #brx-header.sticky .brx-nav-nested-items > li > .brx-submenu-toggle > *, 
.color-scheme--alt #brx-header.sticky .brx-nav-nested-items > li > a, 
.color-scheme--alt #brx-header.sticky .mm__dropdown--mega .brx-submenu-toggle button, 
.color-scheme--alt .header-11__profile, 
.color-scheme--alt .bu-wsl-counter-btn-icon, 
.color-scheme--alt .header-11__minicart .mini-cart-link i,
.color-scheme--alt .mm-ruby-link-item > *,
.color-scheme--alt .mm-ruby-ft-link > * {
    color: var(--base) !important;
}

/* Menu Item Hover Colors */
.color-scheme--alt #brx-header.sticky .brx-nav-nested-items > li > .brx-submenu-toggle > *:hover, 
.color-scheme--alt #brx-header.sticky .brx-nav-nested-items > li > a:hover, 
.color-scheme--alt #brx-header.sticky .mm__dropdown--mega .brx-submenu-toggle button:hover, 
.color-scheme--alt .header-11__profile:hover, 
.color-scheme--alt .bu-wsl-counter-btn-icon:hover, 
.color-scheme--alt .header-11__minicart .mini-cart-link i:hover {
    color: var(--action-hover) !important;
}

/* Mobile Menu */
.color-scheme--alt .mm__mobile-nav-bottom {
    background-color: var(--base) !important;
}

/* Search (Fibosearch) */
.color-scheme--alt .dgwt-wcas-suggestions-wrapp {
    border: 1px solid var(--base);
    color: var(--accent);
}

.color-scheme--alt .dgwt-wcas-suggestions-wrapp *, 
.color-scheme--alt .dgwt-wcas-details-wrapp *, 
.color-scheme--alt .dgwt-wcas-sd, 
.color-scheme--alt .dgwt-wcas-suggestion * {
    color: var(--base) !important;
}

.color-scheme--alt .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    border: 1px solid var(--base) !important;
}

/* ==========================================================================
   5. NEON EFFECTS & LOGO ANIMATIONS
   ========================================================================== */

/* Keyframes (Global) */
@keyframes flicker_logo {
    0%, 18%, 22%, 25%, 53%, 57%, 100% {
        filter: drop-shadow(0 0 1px var(--black-trans-60)) drop-shadow(0 0 3px var(--black-trans-60)) drop-shadow(0 0 5px var(--action-trans-60)) drop-shadow(0 0 8px var(--action-trans-60)) drop-shadow(0 0 10px var(--action-trans-60));
    }
    20%, 24%, 55% { filter: drop-shadow(0 0 0 #000); }
}

@keyframes flicker_red {
    0%, 18%, 22%, 25%, 53%, 57%, 100% { text-shadow: 0 0 4px #fff, 0 0 19px #fff, 0 0 40px var(--danger), 0 0 150px var(--danger); }
    20%, 24%, 55% { text-shadow: none; }
}