.elementor-535 .elementor-element.elementor-element-a608c1a{--display:flex;--min-height:214px;--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:space-between;--align-items:center;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-535 .elementor-element.elementor-element-a608c1a:not(.elementor-motion-effects-element-type-background), .elementor-535 .elementor-element.elementor-element-a608c1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-535 .elementor-element.elementor-element-758ce01 .elementor-heading-title{font-size:42px;font-weight:600;line-height:52px;color:var( --e-global-color-41c53e7 );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-535 .elementor-element.elementor-element-19e57b3 .elementor-icon-list-icon i{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-535 .elementor-element.elementor-element-19e57b3 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );transition:fill 0.3s;}.elementor-535 .elementor-element.elementor-element-19e57b3{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-535 .elementor-element.elementor-element-19e57b3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-535 .elementor-element.elementor-element-19e57b3 .elementor-icon-list-item > a{font-weight:400;}.elementor-535 .elementor-element.elementor-element-19e57b3 .elementor-icon-list-text{color:var( --e-global-color-41c53e7 );transition:color 0.3s;}.elementor-535 .elementor-element.elementor-element-bccf95a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-535 .elementor-element.elementor-element-5eed4ef{--display:flex;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-535 .elementor-element.elementor-element-5eed4ef:not(.elementor-motion-effects-element-type-background), .elementor-535 .elementor-element.elementor-element-5eed4ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F7F7;}.elementor-535 .elementor-element.elementor-element-649b6c5{--display:flex;--min-height:384px;}.elementor-535 .elementor-element.elementor-element-cb7f70d .elementor-wrapper{--video-aspect-ratio:1;}.elementor-535 .elementor-element.elementor-element-2d0ce3e{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-535 .elementor-element.elementor-element-4e08ca8{--grid-columns:4;--grid-row-gap:15px;--grid-column-gap:15px;}.elementor-535 .elementor-element.elementor-element-4e08ca8 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-535 .elementor-element.elementor-element-4e08ca8 .e-loop-item > .elementor-section, .elementor-535 .elementor-element.elementor-element-4e08ca8 .e-loop-item > .elementor-section > .elementor-container, .elementor-535 .elementor-element.elementor-element-4e08ca8 .e-loop-item > .e-con, .elementor-535 .elementor-element.elementor-element-4e08ca8 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-535 .elementor-element.elementor-element-a608c1a{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-535 .elementor-element.elementor-element-bccf95a{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-535 .elementor-element.elementor-element-4e08ca8{--grid-columns:3;--grid-column-gap:10px;}}@media(max-width:767px){.elementor-535 .elementor-element.elementor-element-a608c1a{--min-height:0px;--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;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-535 .elementor-element.elementor-element-758ce01 .elementor-heading-title{font-size:28px;line-height:38px;}.elementor-535 .elementor-element.elementor-element-649b6c5{--min-height:281px;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-535 .elementor-element.elementor-element-4e08ca8{--grid-columns:1;}}@media(min-width:768px){.elementor-535 .elementor-element.elementor-element-5eed4ef{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-535 .elementor-element.elementor-element-5eed4ef{--width:100%;}.elementor-535 .elementor-element.elementor-element-2d0ce3e{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-e83fbec *//* ======================================================
   TandJ OPTICS - PREMIUM SHOP FILTER
   Filter Everything / WPC Filters
====================================================== */

:root{
    --tj-navy:#08264f;
    --tj-navy-dark:#031a38;
    --tj-gold:#c99b42;
    --tj-text:#14213d;
    --tj-muted:#687387;
    --tj-border:#e6eaf0;
    --tj-soft:#f7f9fc;
}


/* ======================================================
   MAIN FILTER CARD
====================================================== */

.widget_wpc_filters_widget{
    background:#fff;
    border:1px solid #e6eaf0;
    border-radius:12px;
    padding:0;
    box-shadow:
        0 8px 30px rgba(7,38,79,.05);
    overflow:hidden;
}

.wpc-filters-main-wrap{
    width:100%;
}

.wpc-filters-widget-content{
    background:#fff;
    padding:22px 20px;
}


/* Hide plugin edit link */
.wpc-edit-filter-set{
    display:none !important;
}


/* ======================================================
   FILTER BY TOP TITLE
   Adds "Filter By" automatically
====================================================== */

.wpc-filters-widget-containers-wrapper:before{
    content:"Filter By";
    display:block;

    color:var(--tj-navy);
    font-size:18px;
    line-height:1.2;
    font-weight:700;

    padding:0 20px 18px;
    margin-bottom:4px;

    border-bottom:1px solid var(--tj-border);
}


/* ======================================================
   EACH FILTER SECTION
====================================================== */

.wpc-filters-section{
    margin:0 !important;
    padding:20px 0 !important;
    border-bottom:1px solid var(--tj-border);
}

.wpc-filters-section:last-child{
    border-bottom:0;
}


/* ======================================================
   SECTION HEADINGS
====================================================== */

.wpc-filter-header{
    margin:0 0 14px !important;
}

.widget-title.wpc-filter-title,
.wpc-filter-title{
    color:var(--tj-navy) !important;
    font-size:15px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
    text-transform:none !important;

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


/* ======================================================
   FILTER LIST
====================================================== */

.wpc-filters-ul-list{
    margin:0 !important;
    padding:0 !important;
}

.wpc-filters-ul-list li{
    list-style:none !important;
    margin:0 0 10px !important;
    padding:0 !important;
}

.wpc-filters-ul-list li:last-child{
    margin-bottom:0 !important;
}

.wpc-term-item-content-wrapper{
    position:relative;
    display:flex;
    align-items:center;
    min-height:24px;
}


/* ======================================================
   LABEL
====================================================== */

.wpc-term-item label{
    width:100%;
    display:flex !important;
    align-items:center;
    gap:8px;

    color:#2b3445 !important;
    font-size:13px !important;
    line-height:1.5;
    font-weight:400 !important;

    cursor:pointer;
    transition:.25s ease;
}

.wpc-term-item label:hover{
    color:var(--tj-navy) !important;
}


/* ======================================================
   CUSTOM RADIO BUTTON
====================================================== */

.wpc-radio-item input[type="radio"]{
    appearance:none !important;
    -webkit-appearance:none !important;

    width:15px !important;
    min-width:15px !important;
    height:15px !important;

    border:1.5px solid #aeb8c6 !important;
    border-radius:50% !important;

    background:#fff !important;
    margin:0 2px 0 0 !important;

    position:relative;
    cursor:pointer;

    transition:.2s ease;
}

.wpc-radio-item input[type="radio"]:hover{
    border-color:var(--tj-navy) !important;
}

.wpc-radio-item input[type="radio"]:checked{
    border-color:var(--tj-navy) !important;
    box-shadow:
        inset 0 0 0 3px #fff !important;

    background:var(--tj-navy) !important;
}


/* ======================================================
   TEXT + COUNTS
====================================================== */

.wpc-filter-link{
    color:#293348 !important;
    text-decoration:none !important;
}

.wpc-radio-item input:checked + label .wpc-filter-link,
.wpc-term-item.wpc-term-selected .wpc-filter-link{
    color:var(--tj-navy) !important;
    font-weight:600 !important;
}

.wpc-term-count{
    margin-left:auto !important;
    opacity: 1 !important;
    color:#98a1af !important;
    font-size:11px !important;
}

.wpc-term-count-brackets-open,
.wpc-term-count-brackets-close{
    color:#98a1af !important;
}


/* ======================================================
   SEARCH
====================================================== */

.wpc-filter-layout-search-field{
    padding-top:18px !important;
}

.wpc-search-field-wrapper{
    position:relative;
}

.wpc-search-field{
    width:100% !important;
    height:44px !important;

    padding:0 42px 0 40px !important;

    background:#f8fafc !important;
    border:1px solid var(--tj-border) !important;
    border-radius:7px !important;

    color:var(--tj-text) !important;
    font-size:13px !important;

    outline:none !important;

    transition:.25s ease !important;
}

.wpc-search-field:focus{
    background:#fff !important;
    border-color:var(--tj-navy) !important;

    box-shadow:
        0 0 0 3px rgba(8,38,79,.07) !important;
}


/* Search icon */
.wpc-search-icon{
    position:absolute !important;
    left:14px !important;
    top:50% !important;
    transform:translateY(-50%);

    width:15px !important;
    height:15px !important;

    border:1.8px solid var(--tj-navy) !important;
    border-radius:50% !important;

    z-index:2;
}

.wpc-search-icon:after{
    content:"";
    position:absolute;
    width:6px;
    height:1.5px;

    right:-5px;
    bottom:-2px;

    background:var(--tj-navy);

    transform:rotate(45deg);
    border-radius:2px;
}

.wpc-search-clear-icon-wrapper{
    right:12px !important;
}

.wpc-search-clear-icon{
    color:#8b94a3 !important;
}


/* ======================================================
   BRAND FILTER
====================================================== */

.wpc-filter-product_brand .wpc-filter-link{
    display:flex !important;
    align-items:center;
    gap:10px;
}

.wpc-term-image-wrapper{
    width:30px !important;
    height:30px !important;

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

    background:#fff;
    border:1px solid #edf0f4;
    border-radius:5px;

    overflow:hidden;
    flex:none;
}

.wpc-term-image-wrapper img{
    width:100% !important;
    height:100% !important;

    object-fit:contain !important;
    padding:3px !important;
}


/* ======================================================
   PRICE FILTER
====================================================== */

.wpc-filters-range-wrapper{
    display:flex !important;
    gap:8px !important;

    margin-bottom:18px !important;
}

.wpc-filters-range-column{
    width:50% !important;
}

.wpc-filters-range-column input{
    width:100% !important;
    height:38px !important;

    padding:0 10px !important;

    border:1px solid var(--tj-border) !important;
    border-radius:6px !important;

    background:#f8fafc !important;

    color:var(--tj-navy) !important;
    font-size:12px !important;
    font-weight:600;

    outline:none !important;
}

.wpc-filters-range-column input:focus{
    background:#fff !important;
    border-color:var(--tj-navy) !important;
}


/* Price slider base */

.wpc-filters-range-slider-control.ui-slider{
    height:4px !important;

    background:#dce2ea !important;
    border:none !important;
    border-radius:20px !important;

    margin:12px 8px 8px !important;
}


/* Active slider range */

.wpc-filters-range-slider-control .ui-slider-range{
    background:var(--tj-navy) !important;
    border-radius:20px !important;
}


/* Slider handles */

.wpc-filters-range-slider-control .ui-slider-handle{
    width:14px !important;
    height:14px !important;

    top:50% !important;
    transform:translateY(-50%);

    background:var(--tj-navy) !important;

    border:3px solid #fff !important;
    border-radius:50% !important;

    box-shadow:
        0 0 0 1px var(--tj-navy),
        0 3px 8px rgba(8,38,79,.18) !important;

    cursor:pointer !important;

    outline:none !important;
}


/* ======================================================
   APPLY / CANCEL CONTROLS
====================================================== */

.wpc-filters-widget-controls-container{
    margin-top:10px !important;
    padding:0 !important;
}

.wpc-filters-widget-controls-wrapper{
    display:flex !important;
    flex-direction:column !important;
    gap:9px !important;
}

.wpc-filters-widget-controls-item{
    width:100% !important;
}


/* APPLY / SHOW BUTTON */

.wpc-filters-apply-button{
    width:100% !important;
    min-height:46px !important;

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

    background:var(--tj-navy) !important;
    color:#fff !important;

    border:1px solid var(--tj-navy) !important;
    border-radius:6px !important;

    font-size:12px !important;
    font-weight:700 !important;
    text-transform:uppercase !important;
    letter-spacing:.5px !important;

    text-decoration:none !important;

    transition:.25s ease !important;
}

.wpc-filters-apply-button:hover{
    background:var(--tj-navy-dark) !important;
    border-color:var(--tj-navy-dark) !important;

    box-shadow:
        0 7px 18px rgba(8,38,79,.16);
}


/* CANCEL */

.wpc-filters-close-button{
    width:100% !important;
    min-height:42px !important;

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

    background:#fff !important;
    color:#697487 !important;

    border:1px solid var(--tj-border) !important;
    border-radius:6px !important;

    text-decoration:none !important;
    font-size:12px !important;
    font-weight:600 !important;
}

.wpc-filters-close-button:hover{
    color:var(--tj-navy) !important;
    border-color:#bcc7d5 !important;
}


/* ======================================================
   ACTIVE FILTER CHIPS
====================================================== */

.wpc-filter-chips-list{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;

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

.wpc-filter-chip a{
    display:flex !important;
    align-items:center !important;
    gap:5px;

    padding:6px 10px !important;

    background:#eef4fb !important;

    border:1px solid #d9e4f1 !important;
    border-radius:30px !important;

    color:var(--tj-navy) !important;

    font-size:11px !important;
    text-decoration:none !important;
}


/* ======================================================
   REMOVE UNWANTED EMPTY SPACING
====================================================== */

.wpc-posts-found-hidden{
    display:none !important;
}

.wpc-spinner{
    border-color:var(--tj-navy) !important;
}


/* ======================================================
   SCROLLBAR IF FILTER GETS LONG
====================================================== */

.wpc-filters-scroll-container{
    scrollbar-width:thin;
    scrollbar-color:#cdd5df transparent;
}

.wpc-filters-scroll-container::-webkit-scrollbar{
    width:5px;
}

.wpc-filters-scroll-container::-webkit-scrollbar-track{
    background:transparent;
}

.wpc-filters-scroll-container::-webkit-scrollbar-thumb{
    background:#d4dae3;
    border-radius:20px;
}


/* ======================================================
   DESKTOP
====================================================== */

@media (min-width:1025px){

    /* Hide mobile filter open button */
    .wpc-filters-open-button-container{
        display:none !important;
    }

    .wpc-filters-widget-content{
        display:block !important;
        position:relative !important;
        width:100% !important;
        height:auto !important;
    }

}


/* ======================================================
   TABLET / MOBILE
====================================================== */

@media (max-width:1024px){

    .widget_wpc_filters_widget{
        border:0;
        box-shadow:none;
        background:transparent;
    }

    .wpc-filters-open-button-container{
        display:block !important;
    }

    .wpc-open-close-filters-button{
        min-height:46px;

        display:inline-flex !important;
        align-items:center;
        gap:10px;

        padding:0 18px !important;

        background:var(--tj-navy) !important;
        color:#fff !important;

        border-radius:6px !important;

        text-decoration:none !important;

        font-size:13px !important;
        font-weight:600 !important;
    }

    .wpc-filters-widget-content{
        padding:20px !important;
    }
    .wpc-widget-close-container .wpc-icon-html-wrapper {
    top: -19px !important;
    margin: 0;
    left: 2px !important;
    background: #b0e4ff;
    border-radius: 50%;
    padding: 14px 7px;
    display: block;
}
.wpc-search-icon:before {
    display: none;
}
}


/* ======================================================
   SMALL MOBILE
====================================================== */

@media (max-width:767px){

    .wpc-filters-widget-content{
        padding:18px 16px !important;
    }

    .wpc-filters-widget-containers-wrapper:before{
        font-size:17px;
    }

    .wpc-filter-title{
        font-size:14px !important;
    }

    .wpc-term-item label{
        font-size:13px !important;
    }
    .wpc-widget-close-container .wpc-icon-html-wrapper {
    top: -20px !important;
    margin: 0;
    left: 0px;
    background: #dadada;
    border-radius: 50%;
    padding: 14px 7px;
    display: block;
}
.wpc-search-icon:before {
    display: none !important;
}
}/* End custom CSS */