/* additional custom css for my-account page */
.blz-my_account .blaze-login-register.template1 input[type="text"],
.blz-my_account .blaze-login-register.template1 input[type="password"],
.blz-my_account .blaze-login-register.template1 input[type="email"] {
    background-color: transparent !important;
    color: #fff !important;
}

.blz-my_account input#rememberme {
    margin-bottom: 8px !important;
}

.blaze-column h2 {
    padding-bottom: 24px;
}

.page-id-1416 .hero-section {
    display: none;
}

.woocommerce-MyAccount-navigation-link--woo-wish-list,
.woocommerce-MyAccount-navigation-link--woo-waitlist-list {
    display: none;
}

.blz-my_account .ct-acount-nav {
    background-color: #282828 !important;
}

.ct-account-modal {
    background-color: #282828 !important;
}

.blz-my_account .ct-acount-nav .woocommerce-MyAccount-navigation ul li a {
    color: #fff;
}

/* contact-us page additional css */
form#gform_1 input[type="text"],
form#gform_1 input[type="email"],
form#gform_1 #input_1_4 {
    background-color: #fff;
    color: #000;
}

body #woo-filters-panel .ct-block-wrapper .wp-block-heading {
    color: #ffffff;
    font-size: 18px !important;
}

body #woo-filters-panel .ct-block-wrapper .ct-filter-label {
    color: #ffffff;
}

div#woo-filters-panel .ct-widget.widget_block:not(:first-of-type) {
    padding-top: 1rem;
    border-top: 1px solid var(--theme-border-color);
}

.ct-sidebar .wc-block-product-filters__overlay .wc-block-product-filters__overlay-content>div:not(:first-of-type) {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid var(--theme-border-color);
}

#woo-filters-panel .ct-toggle-close svg {
    fill: #fff;
}

body.shop-sidebar-active .woo-sidebar-header .woo-sidebar-title {
    color: #fff;
    font-size: 16px;
    gap: 8px;
}

body.shop-sidebar-active .woo-sidebar-header .woo-sidebar-title>svg {
    width: 16px;
}

body.shop-sidebar-active .woo-sidebar-header .woo-sidebar-title>svg>* {
    fill: #fff;
    stroke: #fff;
}

.pcbdw-bottom-description-content p, .pcbdw-bottom-description-content ul {
    margin-bottom: 20px;
}

body .ct-product-category-count {
    color: #fff;
}

body .ct-price-filter-slider [class*=ct-price-filter-range-handle] {
    background: #282828;
    border: 2px solid #ffffff;
}

body .ct-price-filter-slider .ct-price-filter-range-track {
    background-image: linear-gradient(90deg, var(--theme-form-field-border-initial-color) var(--start), #eaa900 var(--start), #eaa900 var(--end), var(--theme-form-field-border-initial-color) var(--end));
}

body .ct-product-category-description-wrapper .ct-module-title {
    color: #fff;
}

body .ct-filter-widget .ct-filter-item-inner a:hover>input {
    border-color: #eaa900;
}

body .ct-filter-widget .ct-filter-item-inner a:hover>.ct-filter-label {
    color: #eaa900;
}

body .ct-filter-widget .ct-filter-item-inner a:hover>.ct-filter-count {
    background: #eaa900;
    border-color: #eaa900;
    color: #fff;
}

/* Child Categories Container */
.blaze-child-categories-container {
    padding: 24px;
    border-radius: 12px;
    background-color: #363333;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 24px;
}

/* Child Categories Wrapper - Grid Layout */
.blaze-child-categories-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* Default for mobile */
    gap: 16px;
}

/* Category Link Styling */
.blaze-child-categories-wrapper .blaze-child-category-link {
    background-color: #111;
    border: 1px solid var(--theme-palette-color-10);
    border-radius: 4px;
    padding: 14px;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 4px;
    min-height: 80px;
}

.blaze-child-categories-wrapper .blaze-child-category-link .category-name {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
}

.blaze-child-categories-wrapper .blaze-child-category-link .category-product-count {
    font-size: 12px;
    color: #9CA3AF;
    font-weight: 400;
}

.blaze-child-categories-wrapper .blaze-child-category-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(234, 169, 0, 0.3);
}

/* Show More Button Styling - Outside Grid */
.blaze-child-categories-container .blaze-show-more-categories {
    background-color: transparent;
    color: #fff;
    border: none;
    border-radius: 0;
    font-weight: normal;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    text-decoration: underline;
    width: 100%;
    text-align: center;
    display: block;
}

.blaze-child-categories-container .blaze-show-more-categories:hover {
    color: #eaa900;
}

/* Mobile: Show first 2 categories */
@media (max-width: 538px) {
    .blaze-child-categories-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .blaze-child-categories-wrapper .blaze-child-category-link:nth-child(n+3) {
        display: none;
    }

    .blaze-child-categories-wrapper .blaze-child-category-link {
        padding: 16px 12px;
        font-size: 13px;
        min-height: 70px;
    }

    .blaze-child-categories-container .blaze-show-more-categories {
        font-size: 13px;
    }

    html .ct-panel-actions .ct-panel-heading {
        font-size: 20px !important;
    }

    html #woo-filters-panel .ct-panel-actions,
    html #woo-filters-panel .ct-panel-content-inner {
        --panel-padding: 1rem;
    }

    html .ct-sidebar .ct-widget:not(:last-child) {
        --sidebar-widgets-spacing: 1rem;
    }

    html #woo-filters-panel .ct-block-wrapper .ct-filter-label {
        font-size: 14px !important;
    }
}

/* Tablet: Show first 3 categories */
@media (min-width: 539px) and (max-width: 1024px) {
    .blaze-child-categories-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }

    .blaze-child-categories-wrapper .blaze-child-category-link:nth-child(n+4) {
        display: none;
    }
}

/* Desktop: Show first 5 categories (1 row) */
@media (min-width: 1025px) {
    .blaze-child-categories-wrapper {
        grid-template-columns: repeat(5, 1fr);
    }

    .blaze-child-categories-wrapper .blaze-child-category-link:nth-child(n+6) {
        display: none;
    }
}
/* ============================================================
   NEWSLETTER POPUP - Pixel-Perfect Figma Styling (86ewbnr33)
   Desktop: 400px | Tablet: 354px | Mobile: 280px
   ============================================================ */

/* --- Overlay --- */
#spu-bg-68541 {
    background-color: rgba(0, 0, 0, 0.75) !important;
}

/* --- Popup Container --- */
#spu-68541.spu-box {
    background-color: #111111 !important;
    max-width: 640px !important;
    border-radius: 0 !important;
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.12) !important;
    border: none !important;
}

/* --- Inner Container: remove red border, reset margin/padding --- */
#spu-68541 .spu-container {
    border: none !important;
    border-color: transparent !important;
    margin: 0 !important;
    padding: 24px !important;
    height: auto !important;
}

/* --- Content wrapper: flex column with 16px gap --- */
#spu-68541 .spu-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #FFFFFF !important;
}

/* --- Reset all font sizes (override Perfmatters global !important) --- */
#spu-68541 .spu-content,
#spu-68541 .spu-content *:not(script):not(style):not(iframe):not(h2):not(#input_2_1) {
    font-family: 'Roboto Condensed', sans-serif !important;
    color: #FFFFFF !important;
}

/* --- Remove empty first paragraph spacer --- */
#spu-68541 .spu-content > p:first-child {
    display: none !important;
}

/* --- Logo image --- */
#spu-68541 .spu-content > p:nth-child(2) {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

#spu-68541 .spu-content img.aligncenter {
    display: block !important;
    margin: 0 !important;
    height: auto !important;
    max-width: 200px !important;
}

/* --- Body text / paragraphs --- */
#spu-68541 .spu-content > p {
    font-size: 14px !important;
    line-height: 16.41px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- Bold text in paragraphs --- */
#spu-68541 .spu-content p strong,
#spu-68541 .spu-content p b {
    font-weight: 700 !important;
    color: #FFFFFF !important;
}

/* --- H2 Gold Heading (override inline style) --- */
#spu-68541 .spu-content h2 {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 30px !important;
    line-height: 36px !important;
    font-weight: 700 !important;
    color: #EAA900 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- Italic/em text (discount subtext) --- */
#spu-68541 .spu-content em,
#spu-68541 .spu-content i:not(.gfield-choice-input) {
    font-size: 14px !important;
    line-height: 16.41px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
    font-style: italic !important;
}

/* --- Close button --- */
#spu-68541 a.spu-close,
#spu-68541 .spu-close {
    color: #FFFFFF !important;
    font-size: 24px !important;
    text-shadow: none !important;
    right: 12px !important;
    top: 12px !important;
    opacity: 0.8 !important;
}

#spu-68541 a.spu-close:hover,
#spu-68541 .spu-close:hover {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* --- Gravity Forms wrapper reset --- */
#spu-68541 .spu-content .gform_wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

#spu-68541 .spu-content .gform_wrapper .gform-body,
#spu-68541 .spu-content .gform_wrapper .gform_body {
    margin: 0 !important;
    padding: 0 !important;
}

#spu-68541 .spu-content .gform_heading {
    display: none !important;
}

/* --- Form fields grid: override 12-col to flex row with wrap --- */
#spu-68541 #gform_fields_2 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
    row-gap: 16px !important;
    column-gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* --- Reset grid-column spans on all fields --- */
#spu-68541 #gform_fields_2 > .gfield {
    margin: 0 !important;
    padding: 0 !important;
}

/* --- Checkbox field legend (label) --- */
#spu-68541 #field_2_2 .gfield_label {
    font-size: 14px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
}

/* --- Checkbox container --- */
#spu-68541 .gfield_checkbox {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- Individual checkbox option row --- */
#spu-68541 .gfield_checkbox .gchoice {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- Checkbox input styling --- */
#spu-68541 .gfield_checkbox .gchoice input.gfield-choice-input {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    border: 1px solid #E3E4E5 !important;
    border-radius: 4px !important;
    background: transparent !important;
    margin: 2px 0 0 0 !important;
    padding: 2px !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    box-shadow: none !important;
}

#spu-68541 .gfield_checkbox .gchoice input.gfield-choice-input:checked {
    background-color: #EAA900 !important;
    border-color: #EAA900 !important;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E") !important;
    background-size: 12px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* --- Checkbox label text --- */
#spu-68541 .gfield_checkbox .gchoice label {
    font-size: 14px !important;
    line-height: 16.41px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
}

/* --- Email + Submit inline row --- */
#spu-68541 #field_2_1,
#spu-68541 #field_submit {
    margin: 0 !important;
    padding: 0 !important;
}

/* --- Checkbox field: full width row --- */
#spu-68541 #field_2_2 {
    width: 100% !important;
    flex: 0 0 100% !important;
}

/* --- Email + Submit: same row, no gap between them --- */
#spu-68541 #field_2_1 {
    flex: 1 1 auto !important;
    min-width: 100px !important;
    align-self: stretch !important;
    grid-column: unset !important;
}

#spu-68541 #field_submit {
    flex: 0 0 auto !important;
    align-self: stretch !important;
    grid-column: unset !important;
}

/* --- Email field label: hidden (already has hidden_label class) --- */
#spu-68541 #field_2_1 .gfield_label {
    display: none !important;
}

/* --- Email input field --- */
#spu-68541 #input_2_1 {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 14px !important;
    line-height: 16.41px !important;
    color: #030712 !important;
    background-color: #FFFFFF !important;
    border: 1px solid #E3E4E5 !important;
    border-radius: 6px 0 0 6px !important;
    padding: 14px 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    height: auto !important;
}

#spu-68541 #input_2_1::placeholder {
    color: #9CA3AF !important;
    font-family: 'Roboto Condensed', sans-serif !important;
}

/* --- Email input container --- */
#spu-68541 #field_2_1 .ginput_container {
    margin: 0 !important;
    padding: 0 !important;
}

/* --- Subscribe button --- */
#spu-68541 #gform_submit_button_2 {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 16px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    background-color: #EAA900 !important;
    border: none !important;
    border-radius: 0 8px 8px 0 !important;
    padding: 8px 24px !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    text-shadow: none !important;
    margin: 0 !important;
    height: 100% !important;
    width: auto !important;
}

#spu-68541 #gform_submit_button_2:hover {
    background-color: #D49A00 !important;
}

/* --- Form footer (hidden fields area) --- */
#spu-68541 .gform_wrapper .gform-footer,
#spu-68541 .gform_wrapper .gform_footer {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

/* --- Closing paragraph text --- */
#spu-68541 .spu-content > p:nth-last-child(2) {
    font-size: 14px !important;
    line-height: 16.41px !important;
}

/* --- Signature block (Jon Wemple) --- */
#spu-68541 .spu-content > p:last-child {
    font-size: 14px !important;
    line-height: 16.41px !important;
}

#spu-68541 .spu-content > p:last-child strong {
    font-weight: 700 !important;
}

#spu-68541 .spu-content > p:last-child span {
    color: #FFFFFF !important;
    padding-left: 0 !important;
}

/* ============================================================
   TABLET BREAKPOINT (600px - 768px)
   ============================================================ */
@media screen and (min-width: 600px) and (max-width: 768px) {
    #spu-68541.spu-box {
        max-width: 480px !important;
    }

    #spu-68541 .spu-content h2 {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    #spu-68541 #field_2_2 .gfield_label {
        line-height: 20px !important;
    }

    #spu-68541 #gform_submit_button_2 {
        font-size: 14px !important;
    }
}

/* ============================================================
   MOBILE BREAKPOINT (< 600px)
   ============================================================ */
@media screen and (max-width: 599px) {
    #spu-68541.spu-box {
        max-width: 280px !important;
        max-height: 95vh !important;
        overflow-y: auto !important;
    }

    #spu-68541 .spu-content h2 {
        font-size: 20px !important;
        line-height: 28px !important;
    }

    #spu-68541 #field_2_2 .gfield_label {
        line-height: 20px !important;
    }

    /* Force email + submit on same row at mobile */
    #spu-68541 #gform_fields_2 {
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        row-gap: 16px !important;
        column-gap: 0 !important;
    }

    #spu-68541 #field_2_2 {
        grid-column: 1 / -1 !important;
    }

    #spu-68541 #field_2_1 {
        grid-column: 1 / 2 !important;
        min-width: 0 !important;
    }

    #spu-68541 #field_submit {
        grid-column: 2 / 3 !important;
    }

    #spu-68541 #gform_submit_button_2 {
        font-size: 14px !important;
        padding: 8px 16px !important;
    }
}

/* ============================================================
   MINICART v1 CHANGES (86ewqf4qm)
   ============================================================ */

/* Make minicart shipping calculator and coupon code dropdown arrows yellow (#EAA900)
   to match the "Proceed to Checkout" / "SECURE CHECKOUT" button */
.shipping-calculator-arrow,
.coupon-arrow {
    color: #EAA900 !important;
}

/* ============================================================
   RESPONSIVE HEADER FIXES (86ewqvaug)
   Bug 1: Main menu cropped at ≤1400px
   Bug 2: Search bar overlapping icons at 1000–1100px
   Bug 4: Mobile nav wrapping to 2 lines at ≤814px
   (Bug 3 is intentional Figma design — search on Row 2 is correct)
   ============================================================ */

/* Bug 1: Reduce nav link padding + font-size at ≤1400px to prevent cropping */
@media (max-width: 1400px) {
    [data-device="desktop"] [data-row="middle"] #menu-new-main-menu > li > .ct-menu-link {
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: 14px !important;
    }
}

/* Bug 2: Constrain search container at 1000–1100px to prevent flex overflow into logo column.
   Root cause: flex parent uses justify-content:flex-end; total items (~800px) exceed column (727px),
   causing ~72px overflow to the left into the logo area. Fix: shrink .ct-header-text flex item. */
@media (min-width: 1000px) and (max-width: 1100px) {
    [data-device="desktop"] [data-row="top"] .ct-header-text {
        max-width: 200px !important;
        width: 200px !important;
    }
    [data-device="desktop"] [data-row="top"] .dgwt-wcas-search-wrapp {
        max-width: 100% !important;
        width: 100% !important;
    }
    [data-device="desktop"] [data-row="top"] .dgwt-wcas-sf-wrapp {
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* Bug 4: Force mobile nav to single line with horizontal scroll (matches Figma overflowScroll:x) */
@media (max-width: 814px) {
    .header-group-top-menu-on-mobile .kb-navigation {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .header-group-top-menu-on-mobile .kb-nav-link-content {
        padding-left: 4px !important;
        padding-right: 4px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
    }
}

/* ============================================================
   RESPONSIVE HEADER — PHASE 2: SEARCH STYLING (86ewqvaug)
   ============================================================ */

/* Fix A: Desktop — correct search-to-icons gap (all widths) */
[data-device="desktop"] [data-row="top"] [data-column="end"] > div {
    gap: 16px !important;
}

/* Fix B+C: Mobile/Tablet (≤999px) — white search input + icon color */
@media (max-width: 999px) {
    [data-device="mobile"] .dgwt-wcas-sf-wrapp {
        background: #FFFFFF !important;
        border: 1px solid #282828 !important;
        border-radius: 8px !important;
    }
    [data-device="mobile"] input[type="search"].dgwt-wcas-search-input {
        background: #FFFFFF !important;
        color: #111111 !important;
        border: none !important;
        border-radius: 8px !important;
    }
    [data-device="mobile"] input[type="search"].dgwt-wcas-search-input::placeholder {
        color: #999999 !important;
    }
    [data-device="mobile"] .dgwt-wcas-ico-magnifier svg,
    [data-device="mobile"] .dgwt-wcas-ico-magnifier path {
        fill: #111111 !important;
        stroke: #111111 !important;
    }
}

/* Fix D: Full-width search at ≤814px */
@media (max-width: 814px) {
    [data-device="mobile"] [data-row="middle"] .ct-header-text {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 auto !important;
    }
    [data-device="mobile"] [data-row="middle"] .dgwt-wcas-search-wrapp,
    [data-device="mobile"] [data-row="middle"] .dgwt-wcas-sf-wrapp {
        width: 100% !important;
        max-width: 100% !important;
    }
}