.elementor-5567 .elementor-element.elementor-element-7fe1b44{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;top:0px;--z-index:214748364;}.elementor-5567 .elementor-element.elementor-element-7fe1b44:not(.elementor-motion-effects-element-type-background), .elementor-5567 .elementor-element.elementor-element-7fe1b44 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}body:not(.rtl) .elementor-5567 .elementor-element.elementor-element-7fe1b44{left:0px;}body.rtl .elementor-5567 .elementor-element.elementor-element-7fe1b44{right:0px;}.elementor-5567 .elementor-element.elementor-element-c83d32d{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5567 .elementor-element.elementor-element-b33f2b0 .e-search-input{background-color:var( --e-global-color-dc09e28 );font-weight:600;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:0px 0px 0px 0px;}.elementor-5567 .elementor-element.elementor-element-b33f2b0{width:var( --container-widget-width, 243px );max-width:243px;--container-widget-width:243px;--container-widget-flex-grow:0;--e-search-placeholder-color:var( --e-global-color-secondary );--e-search-input-color:var( --e-global-color-secondary );--e-search-icon-label-color:var( --e-global-color-secondary );--e-search-input-padding-block-start:5px;--e-search-input-padding-inline-start:5px;--e-search-input-padding-block-end:5px;--e-search-input-padding-inline-end:5px;--e-search-icon-clear-size:16px;--e-search-icon-clear-color:var( --e-global-color-text );}.elementor-5567 .elementor-element.elementor-element-b33f2b0.e-focus .e-search-input{border-style:solid;border-color:var( --e-global-color-accent );}.elementor-5567 .elementor-element.elementor-element-5626960 img{width:100%;max-width:200px;height:80px;}.elementor-5567 .elementor-element.elementor-element-5626960:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-5567 .elementor-element.elementor-element-2eef584{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5567 .elementor-element.elementor-element-5ea7c02{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5567 .elementor-element.elementor-element-5ea7c02 .elementor-icon-wrapper{text-align:center;}.elementor-5567 .elementor-element.elementor-element-5ea7c02.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-5567 .elementor-element.elementor-element-5ea7c02.elementor-view-framed .elementor-icon, .elementor-5567 .elementor-element.elementor-element-5ea7c02.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-5567 .elementor-element.elementor-element-5ea7c02.elementor-view-framed .elementor-icon, .elementor-5567 .elementor-element.elementor-element-5ea7c02.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-5567 .elementor-element.elementor-element-5ea7c02.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-5567 .elementor-element.elementor-element-5ea7c02.elementor-view-framed .elementor-icon:hover, .elementor-5567 .elementor-element.elementor-element-5ea7c02.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-5567 .elementor-element.elementor-element-5ea7c02.elementor-view-framed .elementor-icon:hover, .elementor-5567 .elementor-element.elementor-element-5ea7c02.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-5567 .elementor-element.elementor-element-5ea7c02 .elementor-icon{font-size:27px;}.elementor-5567 .elementor-element.elementor-element-5ea7c02 .elementor-icon svg{height:27px;}.elementor-5567 .elementor-element.elementor-element-f284e2a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5567 .elementor-element.elementor-element-f284e2a .elementor-icon-wrapper{text-align:center;}.elementor-5567 .elementor-element.elementor-element-f284e2a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-5567 .elementor-element.elementor-element-f284e2a.elementor-view-framed .elementor-icon, .elementor-5567 .elementor-element.elementor-element-f284e2a.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-5567 .elementor-element.elementor-element-f284e2a.elementor-view-framed .elementor-icon, .elementor-5567 .elementor-element.elementor-element-f284e2a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-5567 .elementor-element.elementor-element-f284e2a.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-5567 .elementor-element.elementor-element-f284e2a.elementor-view-framed .elementor-icon:hover, .elementor-5567 .elementor-element.elementor-element-f284e2a.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-5567 .elementor-element.elementor-element-f284e2a.elementor-view-framed .elementor-icon:hover, .elementor-5567 .elementor-element.elementor-element-f284e2a.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-5567 .elementor-element.elementor-element-f284e2a .elementor-icon{font-size:27px;}.elementor-5567 .elementor-element.elementor-element-f284e2a .elementor-icon svg{height:27px;}.elementor-5567 .elementor-element.elementor-element-76d526f{width:var( --container-widget-width, 30px );max-width:30px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:30px;--container-widget-flex-grow:0;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:var( --e-global-color-secondary );--toggle-button-background-color:var( --e-global-color-dc09e28 );--toggle-button-border-color:var( --e-global-color-dc09e28 );--toggle-button-icon-hover-color:var( --e-global-color-accent );--toggle-button-hover-background-color:var( --e-global-color-dc09e28 );--toggle-button-hover-border-color:var( --e-global-color-dc09e28 );--toggle-button-border-width:0px;--toggle-button-border-radius:0px;--toggle-icon-size:30px;--toggle-icon-padding:0px 0px 0px 0px;--cart-border-style:none;--product-variations-color:var( --e-global-color-primary );--product-price-color:var( --e-global-color-primary );--divider-color:var( --e-global-color-secondary );--subtotal-divider-color:var( --e-global-color-secondary );--cart-footer-layout:1fr;--products-max-height-sidecart:calc(100vh - 300px);--products-max-height-minicart:calc(100vh - 450px);--view-cart-button-text-color:var( --e-global-color-primary );--view-cart-button-background-color:var( --e-global-color-text );--view-cart-button-hover-text-color:var( --e-global-color-text );--view-cart-button-hover-background-color:var( --e-global-color-primary );--checkout-button-text-color:var( --e-global-color-text );--checkout-button-background-color:var( --e-global-color-primary );--checkout-button-hover-text-color:var( --e-global-color-text );--checkout-button-hover-background-color:var( --e-global-color-8cd1542 );--empty-message-color:var( --e-global-color-caeacc9 );--empty-message-alignment:center;}.elementor-5567 .elementor-element.elementor-element-76d526f .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-5567 .elementor-element.elementor-element-76d526f .elementor-menu-cart__product-name a{font-size:18px;font-weight:400;color:var( --e-global-color-8cd1542 );}.elementor-5567 .elementor-element.elementor-element-76d526f .elementor-menu-cart__product-name a:hover{color:var( --e-global-color-primary );}.elementor-5567 .elementor-element.elementor-element-76d526f .elementor-menu-cart__product-price{font-size:16px;font-weight:600;}.elementor-5567 .elementor-element.elementor-element-76d526f .elementor-menu-cart__product-price .product-quantity{color:var( --e-global-color-secondary );}.elementor-5567 .elementor-element.elementor-element-76d526f .elementor-button--view-cart{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-5567 .elementor-element.elementor-element-76d526f .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{border-radius:0px 0px 0px 0px;}.elementor-5567 .elementor-element.elementor-element-76d526f .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{border-color:var( --e-global-color-8cd1542 );}.elementor-5567 .elementor-element.elementor-element-76d526f .elementor-button--checkout{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-5567 .elementor-element.elementor-element-76d526f .elementor-menu-cart__footer-buttons a.elementor-button--checkout{border-radius:0px 0px 0px 0px;}.elementor-5567 .elementor-element.elementor-element-5f9477f{--display:flex;}.elementor-5567 .elementor-element.elementor-element-cea7da0{--display:flex;}.elementor-5567 .elementor-element.elementor-element-712b697{padding:0px 20px 0px 20px;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-5567 .elementor-element.elementor-element-712b697 a{color:var( --e-global-color-secondary );}.elementor-5567 .elementor-element.elementor-element-712b697 a:hover, .elementor-5567 .elementor-element.elementor-element-712b697 a:focus{color:var( --e-global-color-accent );}.elementor-5567 .elementor-element.elementor-element-7bde037{--display:flex;}.elementor-5567 .elementor-element.elementor-element-467b22d{padding:0px 20px 0px 20px;font-size:16px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-5567 .elementor-element.elementor-element-467b22d a{color:var( --e-global-color-secondary );}.elementor-5567 .elementor-element.elementor-element-467b22d a:hover, .elementor-5567 .elementor-element.elementor-element-467b22d a:focus{color:var( --e-global-color-accent );}.elementor-5567 .elementor-element.elementor-element-8d94a32{--display:flex;}.elementor-5567 .elementor-element.elementor-element-bba496b{--display:flex;}.elementor-5567 .elementor-element.elementor-element-1fefa10{--display:flex;}.elementor-5567 .elementor-element.elementor-element-4ba79e8{--n-menu-dropdown-content-max-width:initial;--n-menu-title-distance-from-content:0px;width:var( --container-widget-width, 30px );max-width:30px;padding:0px 0px 0px 0px;--container-widget-width:30px;--container-widget-flex-grow:0;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:16px;--n-menu-title-color-normal:var( --e-global-color-secondary );--n-menu-title-transition:300ms;--n-menu-title-padding:010px 20px 10px 20px;--n-menu-icon-size:16px;--n-menu-icon-color:var( --e-global-color-accent );--n-menu-icon-color-hover:var( --e-global-color-primary );--n-menu-icon-color-active:var( --e-global-color-primary );--n-menu-toggle-icon-size:30px;--n-menu-toggle-icon-color:var( --e-global-color-secondary );--n-menu-toggle-icon-color-hover:var( --e-global-color-accent );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-color-active:var( --e-global-color-accent );--n-menu-toggle-icon-border-radius:0px 0px 0px 0px;--n-menu-toggle-icon-padding:0px 0px 0px 0px;--n-menu-toggle-icon-distance-from-dropdown:4px;--n-menu-dropdown-content-box-border-style:none;}.elementor-5567 .elementor-element.elementor-element-4ba79e8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){background-color:var( --e-global-color-text );}.elementor-5567 .elementor-element.elementor-element-4ba79e8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){background-color:var( --e-global-color-text );}.elementor-5567 .elementor-element.elementor-element-4ba79e8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{background-color:var( --e-global-color-dc09e28 );}.elementor-5567 .elementor-element.elementor-element-4ba79e8 > .e-n-menu > .e-n-menu-toggle[aria-expanded="false"]:not( :hover ) > .e-n-menu-toggle-icon{background:#FFFFFF00;border-style:none;}.elementor-5567 .elementor-element.elementor-element-4ba79e8 > .e-n-menu > .e-n-menu-toggle:hover:is( [aria-expanded="true"], [aria-expanded="false"] ) > .e-n-menu-toggle-icon{background:#FFFFFF00;border-style:none;}.elementor-5567 .elementor-element.elementor-element-4ba79e8 > .e-n-menu > .e-n-menu-toggle[aria-expanded="true"] > .e-n-menu-toggle-icon{background:var( --e-global-color-dc09e28 );border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-dc09e28 );}.elementor-5567 .elementor-element.elementor-element-4ba79e8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-5567 .elementor-element.elementor-element-4ba79e8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-5567 .elementor-element.elementor-element-4ba79e8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-weight:600;text-transform:uppercase;}.elementor-5567 .elementor-element.elementor-element-4ba79e8 {--n-menu-title-color-hover:var( --e-global-color-accent );}.elementor-5567 .elementor-element.elementor-element-4ba79e8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:0px 0px 0px 0px;}.elementor-5567 .elementor-element.elementor-element-1c086d8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5567 .elementor-element.elementor-element-b24fc0c{--display:flex;}.elementor-5567 .elementor-element.elementor-element-98a04bf{padding:20px 20px 20px 20px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-5567 .elementor-element.elementor-element-98a04bf a{color:var( --e-global-color-secondary );}.elementor-5567 .elementor-element.elementor-element-98a04bf a:hover, .elementor-5567 .elementor-element.elementor-element-98a04bf a:focus{color:var( --e-global-color-accent );}.elementor-5567 .elementor-element.elementor-element-4b28a95{--display:flex;}.elementor-5567 .elementor-element.elementor-element-a8e6044{padding:20px 20px 20px 20px;columns:3;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-5567 .elementor-element.elementor-element-a8e6044 a{color:var( --e-global-color-secondary );}.elementor-5567 .elementor-element.elementor-element-a8e6044 a:hover, .elementor-5567 .elementor-element.elementor-element-a8e6044 a:focus{color:var( --e-global-color-accent );}.elementor-5567 .elementor-element.elementor-element-02e9afb{--display:flex;}.elementor-5567 .elementor-element.elementor-element-f901692{padding:20px 20px 20px 20px;columns:3;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-5567 .elementor-element.elementor-element-f901692 a{color:var( --e-global-color-secondary );}.elementor-5567 .elementor-element.elementor-element-f901692 a:hover, .elementor-5567 .elementor-element.elementor-element-f901692 a:focus{color:var( --e-global-color-accent );}.elementor-5567 .elementor-element.elementor-element-eb85f9a{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:16px;--n-menu-title-color-normal:var( --e-global-color-secondary );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-5567 .elementor-element.elementor-element-eb85f9a > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-5567 .elementor-element.elementor-element-eb85f9a > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-5567 .elementor-element.elementor-element-eb85f9a > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-weight:600;text-transform:uppercase;}.elementor-5567 .elementor-element.elementor-element-eb85f9a {--n-menu-title-color-hover:var( --e-global-color-accent );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-5567 .elementor-element.elementor-element-2eef584{--width:100%;}}@media(max-width:1440px){.elementor-5567 .elementor-element.elementor-element-c83d32d{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-5567 .elementor-element.elementor-element-c83d32d{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-5567 .elementor-element.elementor-element-c83d32d{--grid-auto-flow:row;}}@media(max-width:880px){.elementor-5567 .elementor-element.elementor-element-c83d32d{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-5567 .elementor-element.elementor-element-c83d32d{--e-con-grid-template-columns:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;}.elementor-5567 .elementor-element.elementor-element-c83d32d.e-con{--order:0;}.elementor-5567 .elementor-element.elementor-element-b33f2b0{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-5567 .elementor-element.elementor-element-5626960{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-5567 .elementor-element.elementor-element-2eef584{--width:40%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5567 .elementor-element.elementor-element-98a04bf{font-size:16px;}.elementor-5567 .elementor-element.elementor-element-a8e6044{columns:2;font-size:16px;}.elementor-5567 .elementor-element.elementor-element-f901692{columns:2;font-size:16px;}}@media(min-width:1920px){.elementor-5567 .elementor-element.elementor-element-c83d32d{--grid-auto-flow:row;}}/* Start custom CSS for mega-menu, class: .elementor-element-4ba79e8 */.e-n-menu-wrapper{
    top:40px !important;
    
}

.elementor-5567 .elementor-element.elementor-element-4ba79e8 button:hover,
.elementor-5567 .elementor-element.elementor-element-4ba79e8 button:focus{
    background-color: transparent !important;
    border: none !important;
}

/* Keep the Menu widget sized to its toggle. */
  .elementor-5567 .elementor-element.elementor-element-4ba79e8 {
        position: relative;
        width: auto !important;
        min-width: 0 !important;
        overflow: visible !important;
  }

  /* Establish the positioning reference for the dropdown. */
  .elementor-5567 .elementor-element.elementor-element-4ba79e8 .e-n-menu {
        position: relative !important;
  }

  /* Position the collapsed menu below the hamburger. */
  .elementor-5567 .elementor-element.elementor-element-4ba79e8 .e-n-menu-wrapper {
        top: calc(100% + 8px) !important;

        /* Anchor it to the right edge of the hamburger. */
        left: auto !important;
        right: 0 !important;

        /* Override Elementor's full-width stretch calculation. */
        width: min(320px, calc(100vw - 32px)) !important;
        max-width: calc(100vw - 32px) !important;

        --stretch-left: auto !important;
        --stretch-right: 0px !important;
        --stretch-width: min(320px, calc(100vw - 32px)) !important;

        box-sizing: border-box;
  }

  /* Display the dropdown items vertically. */
  .elementor-5567 .elementor-element.elementor-element-4ba79e8 .e-n-menu[data-layout="dropdown"] .e-n-menu-heading {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        width: 100% !important;
        min-width: 0 !important;

        /* Match the inner padding of the other dropdown panels (30px to text). */
        box-sizing: border-box;
        background-color: #FFFFFF;
        padding: 22px 14px !important;

  }

  /* Allow long labels to wrap instead of creating overflow. */
  .elementor-5567 .elementor-element.elementor-element-4ba79e8 .e-n-menu[data-layout="dropdown"] .e-n-menu-title {
        width: 100% !important;
        min-width: 0 !important;

        white-space: normal !important;
        overflow-wrap: anywhere;
  }

  /* Preserve the transparent toggle appearance. */
  .elementor-5567 .elementor-element.elementor-element-4ba79e8 .e-n-menu-toggle:hover {
        background-color: transparent !important;
        border-color: transparent !important;
  }

  /* Keep a visible keyboard focus indicator for accessibility. */
  .elementor-5567 .elementor-element.elementor-element-4ba79e8 .e-n-menu-toggle:focus-visible {
        background-color: transparent !important;
        outline: 2px solid currentColor !important;
        outline-offset: 4px;
  }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7fe1b44 *//* =========================================================
   CHUCK JONES HEADER
   ========================================================= */


/* =========================================================
   HEADER BACKGROUND
   TOP = TRANSPARENT + BLUR
   ========================================================= */

.elementor-5567 .elementor-element.elementor-element-7fe1b44 {
        background-color: #ffffff !important;
  }

.elementor-5567 .elementor-element.elementor-element-7fe1b44::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        pointer-events: none;

        background-color: rgba(101, 7, 12, 0);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);

        transition:
                background-color 0.35s ease,
                backdrop-filter 0.35s ease,
                -webkit-backdrop-filter 0.35s ease;
  }

  .elementor-5567 .elementor-element.elementor-element-7fe1b44.is-scrolled::before,
  .cj-header.is-scrolled::before {
        background-color: #ffffff;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
  }

/* =========================================================
   WHEN PAGE IS SCROLLED
   SOLID RED + NO BLUR
   ========================================================= */

.elementor-5567 .elementor-element.elementor-element-7fe1b44.is-scrolled,
.cj-header.is-scrolled {
    background-color: #65070C !important;

    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);

    box-shadow: 0 5px 18px rgba(0, 0, 0, .12);
}


/* Make sure inner navigation does not cover
   the header background */
.cj-nav {
    background-color: transparent !important;
}


/* =========================================================
   ELEMENTS THAT COLLAPSE
   ========================================================= */

.cj-nav-menu,
.cj-nav-search {
    transition:
        opacity .25s ease,
        transform .25s ease,
        max-height .35s ease,
        height .35s ease,
        margin .35s ease,
        padding .35s ease;
}


/* =========================================================
   DESKTOP
   Scroll DOWN:
   hide only bottom menu
   ========================================================= */

@media (min-width: 768px) {

    .cj-header.is-compact .cj-nav-menu {
        opacity: 0 !important;
        visibility: hidden !important;

        transform: translateY(-10px);

        max-height: 0 !important;
        min-height: 0 !important;
        height: 0 !important;

        overflow: hidden !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        pointer-events: none;
    }

}


/* =========================================================
   CHUCK JONES NAV - MOBILE
   Desktop stays controlled by Elementor
   ========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------------------
       MAIN GRID
       ----------------------------------------------------- */

    .cj-nav {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            max-content !important;

        grid-template-areas:
            "logo actions"
            "search search"
            "menu menu" !important;

        align-items: center !important;

        column-gap: 12px !important;
        row-gap: 14px !important;

        width: 100% !important;

        padding: 10px 0 !important;
    }


    /* -----------------------------------------------------
       LOGO
       ----------------------------------------------------- */

    .cj-nav-logo {
        grid-area: logo !important;

        display: block !important;

        justify-self: start !important;
        align-self: center !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;

        opacity: 1 !important;
        visibility: visible !important;

        overflow: visible !important;

        position: relative !important;
        z-index: 5;
    }


    .cj-nav-logo img {
        display: block !important;

        width: clamp(155px, 50vw, 200px) !important;
        max-width: 100% !important;
        height: auto !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
    }


    /* -----------------------------------------------------
       USER + CART + HAMBURGER
       ----------------------------------------------------- */

    .cj-nav-actions {
        grid-area: actions !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        justify-content: flex-end !important;
        align-items: center !important;

        justify-self: end !important;
        align-self: center !important;

        width: max-content !important;
        min-width: max-content !important;

        gap: 12px !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;
        z-index: 5;
    }


    .cj-nav-actions > * {
        flex: 0 0 auto !important;

        width: auto !important;
        min-width: max-content !important;

        margin: 0 !important;
    }


    /* Prevent Elementor from compressing icons */

    .cj-nav-actions .elementor-widget-icon,
    .cj-nav-actions .elementor-widget-woocommerce-menu-cart,
    .cj-nav-actions .elementor-widget-menu {
        width: auto !important;
        min-width: max-content !important;
        flex: 0 0 auto !important;
    }


    /* -----------------------------------------------------
       SEARCH
       ----------------------------------------------------- */

    .cj-nav-search {
        grid-area: search !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
    }


    .cj-nav-search input {
        width: 100% !important;
    }


    /* -----------------------------------------------------
       BOTTOM MENU
       ----------------------------------------------------- */

    .cj-nav-menu {
        grid-area: menu !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* -----------------------------------------------------
       ELEMENTOR NEW MENU WIDGET
       ----------------------------------------------------- */

    .cj-nav-menu .e-n-menu-heading {
        display: grid !important;

        grid-template-columns:
            max-content
            max-content
            max-content !important;

        justify-content: space-between !important;
        align-items: center !important;

        width: 100% !important;

        gap: 8px !important;
    }


    .cj-nav-menu .e-n-menu-title {
        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        white-space: nowrap !important;
    }


    .cj-nav-menu .e-n-menu-title-text {
        font-size: 13px !important;
        line-height: 1.2 !important;

        white-space: nowrap !important;
    }


    /* -----------------------------------------------------
       CLASSIC / WORDPRESS MENU
       ----------------------------------------------------- */

    .cj-nav-menu ul.menu,
    .cj-nav-menu ul.elementor-nav-menu {
        display: grid !important;

        grid-template-columns:
            max-content
            max-content
            max-content !important;

        justify-content: space-between !important;
        align-items: center !important;

        width: 100% !important;

        gap: 8px !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }


    .cj-nav-menu ul.menu > li,
    .cj-nav-menu ul.elementor-nav-menu > li {
        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;
    }


    .cj-nav-menu ul.menu > li > a,
    .cj-nav-menu ul.elementor-nav-menu > li > a {
        width: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        font-size: 13px !important;
        line-height: 1.2 !important;

        white-space: nowrap !important;
    }


    /* -----------------------------------------------------
       REMOVE ELEMENTOR SPACING
       ----------------------------------------------------- */

    .cj-nav > .elementor-element,
    .cj-nav-actions > .elementor-element,
    .cj-nav-menu > .elementor-element {
        margin-block-start: 0 !important;
        margin-block-end: 0 !important;
    }


    /* =========================================================
   MOBILE COMPACT STATE
   Scroll DOWN:
   KEEP ONLY LOGO + ICONS

   IMPORTANTE:
   NO cambiamos grid-template-areas.
   Conservamos exactamente el grid mobile normal.
   ========================================================= */

@media (max-width: 767px) {

    /* El grid sigue siendo EL MISMO.
       Solo eliminamos espacios entre filas vacías. */
    .cj-header.is-compact .cj-nav {
        row-gap: 0 !important;

        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }


    /* -----------------------------------------------------
       SEARCH + BOTTOM MENU
       Los sacamos completamente del layout
       ----------------------------------------------------- */

    .cj-header.is-compact .cj-nav-search,
    .cj-header.is-compact .cj-nav-menu {
        display: none !important;
    }


    /* -----------------------------------------------------
       LOGO
       NO cambiamos su posición dentro del grid
       ----------------------------------------------------- */

    .cj-header.is-compact .cj-nav-logo {
        display: block !important;

        opacity: 1 !important;
        visibility: visible !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: none !important;

        margin: 0 !important;

        transform: none !important;

        overflow: visible !important;

        position: relative !important;
        z-index: 10 !important;
    }


    .cj-header.is-compact .cj-nav-logo img {
        display: block !important;

        opacity: 1 !important;
        visibility: visible !important;

        width: clamp(155px, 50vw, 200px) !important;
        max-width: 100% !important;
        height: auto !important;

        transform: none !important;
    }


    /* -----------------------------------------------------
       ACTIONS
       ----------------------------------------------------- */

    .cj-header.is-compact .cj-nav-actions {
        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        justify-content: flex-end !important;
        align-items: center !important;

        width: max-content !important;
        min-width: max-content !important;

        gap: 12px !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;

        position: relative !important;
        z-index: 10 !important;
    }

}


    /* -----------------------------------------------------
       FORCE LOGO TO STAY VISIBLE IN COMPACT MODE
       ----------------------------------------------------- */

    .cj-header.is-compact .cj-nav-logo {
        grid-area: logo !important;

        display: block !important;

        opacity: 1 !important;
        visibility: visible !important;

        justify-self: start !important;
        align-self: center !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 1px !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        transform: none !important;

        position: relative !important;
        z-index: 10 !important;
    }


    .cj-header.is-compact .cj-nav-logo img {
        display: block !important;

        opacity: 1 !important;
        visibility: visible !important;

        width: clamp(155px, 48vw, 190px) !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 1px !important;
        max-height: none !important;

        transform: none !important;

        position: relative !important;
        z-index: 10 !important;
    }


    /* -----------------------------------------------------
       FORCE ICONS TO STAY VISIBLE
       ----------------------------------------------------- */

    .cj-header.is-compact .cj-nav-actions {
        grid-area: actions !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        justify-content: flex-end !important;
        align-items: center !important;

        justify-self: end !important;
        align-self: center !important;

        width: max-content !important;
        min-width: max-content !important;

        height: auto !important;
        max-height: none !important;

        gap: 12px !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;

        position: relative !important;
        z-index: 10 !important;
    }


    /* -----------------------------------------------------
       HIDE SEARCH + MENU
       ----------------------------------------------------- */

    .cj-header.is-compact .cj-nav-search,
    .cj-header.is-compact .cj-nav-menu {
        opacity: 0 !important;
        visibility: hidden !important;

        transform: translateY(-8px);

        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;

        overflow: hidden !important;

        margin: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        pointer-events: none !important;
    }

}


/* --- cj: mobile compact search toggle (managed) ---
   The magnifier exists only for the collapsed mobile header. Everywhere else the
   search field itself is on screen, so the icon would just be a second way to
   reach something already visible. */

.cj-nav-search-toggle {
    display: none !important;
}

@media (max-width: 767px) {

    .cj-header.is-compact .cj-nav-search-toggle {
        display: block !important;

        /* Same box as the account icon it sits next to. */
        width: auto !important;
        min-width: max-content !important;
        flex: 0 0 auto !important;

        margin: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        position: relative !important;
        z-index: 10 !important;
    }

    /* A little smaller than the expanded header, to pay for the extra icon.
       Overrides the clamp(155px, 48vw, 190px) set further up. */
    .cj-header.is-compact .cj-nav-logo img {
        width: clamp(120px, 38vw, 150px) !important;
    }

}
/* --- end cj: mobile compact search toggle --- */


/* --- cj: nav icon alignment (managed) ---
   Elementor wraps each icon in an inline-block, so the line box adds a descender
   strut under the glyph: the widget ends up ~6px taller than what it draws and
   the icon rides ~3px above the row's centre. The nested-menu toggle is a flex
   button with no strut, which is why it alone sat on the true centre. Zeroing the
   wrappers' line-height makes every box exactly as tall as its glyph, so
   align-items:center lands all four icons on one axis. */

.cj-nav-actions .elementor-icon-wrapper,
.cj-nav-actions .elementor-menu-cart__wrapper {
    line-height: 0 !important;
}
/* --- end cj: nav icon alignment --- *//* End custom CSS */