/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.plumbing-store-badge-icon img{
    width:20px;
}

.plumbing-store-badge{
    color:#005A65;
    font-weight: 700;
}
.page-header{
    display: none;
}
.tab-active{
    background-color: #DD971A;
}

.plumbing-product-title .product_title  {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.8em;
    line-height: 1.4;
}
.product-item-icon-shortcode .elementor-shortcode{
line-height: 0;
}
.product-item-icon-shortcode {
    padding-bottom: 5px;
}

/* ================================
   Dynamic Brand Logo Tabs
   ================================ */

.ps-brand-tabs {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 30px;
}

.ps-brand-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border: 1px solid #E8E8E8;
    border-radius: 6px;
    background: #FFFFFF;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    min-width: 80px;
    min-height: 50px;
}

.ps-brand-tab img {
    max-width: 100px;
    max-height: 40px;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.6;
    transition: filter 0.2s ease, opacity 0.2s ease;
}

.ps-brand-tab:hover img,
.ps-brand-tab.active img {
    filter: grayscale(0%);
    opacity: 1;
}

.ps-brand-tab.active {
    border-color: #00897B;
    box-shadow: 0 0 0 1px #00897B;
}

.ps-brand-all {
    font-size: 13px;
    font-weight: 600;
    color: #1A1A1A;
}

ul.woof_list li:has(>.icheckbox_square-blue.disabled){
    display:none;
}



/* ================================
   Plumbing Store - Product Card
   ================================ */

.plumbing-store-product-card {
    background: #ffffff;
    border: 1px solid #E8E8E8;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: box-shadow 0.2s ease;
    list-style: none;
}

.plumbing-store-product-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.10);
}

.plumbing-store-badge-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

/* .plumbing-store-capacity {
    display: inline-flex;
    align-items: center;
    background: #F5A623;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 600;
    color: #ffffff;
    gap: 4px;
} */

.plumbing-store-install {
    display: inline-flex;
    align-items: center;
    background: #F5A623;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 600;
    color: #ffffff;
}

.plumbing-store-card-image-wrap {
    display: block;
}

.plumbing-store-card-image-wrap img,
.plumbing-store-card-image {
    width: 100%;
    height: 160px;
    object-fit: contain;
    display: block;
    margin: 0 auto 12px;
}

.plumbing-store-product-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.8em;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 600;
    color: #1A1A1A;
    margin: 8px 0 4px;
}

.plumbing-store-product-title a {
    color: #1A1A1A;
    text-decoration: none;
}

.plumbing-store-product-title a:hover {
    color: #00897B;
}

.plumbing-store-model-number {
    font-size: 11px;
    color: #888888;
    margin-bottom: 8px;
}

.plumbing-store-product-price {
    font-size: 18px;
    font-weight: 700;
    color: #00897B;
    margin-bottom: 12px;
}

.plumbing-store-product-price .woocommerce-Price-amount {
    color: #00897B;
}

.plumbing-store-quote-btn {
    display: block;
    width: 100%;
    background: #00897B;
    color: #ffffff !important;
    text-align: center;
    padding: 10px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease;
    box-sizing: border-box;
}

.plumbing-store-quote-btn:hover {
    background: #00695C;
    color: #ffffff !important;
}



/********Single Product Design -for filter******/
/* ================================================
   Plumbing Store Product Card
   Scoped to .plumbing-store-* — zero Elementor conflict
   ================================================ */

/* ── Grid Layout ── */
.woof_shortcode_output ul.products,
.woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woof_shortcode_output ul.products::before,
.woof_shortcode_output ul.products::after,
.woocommerce ul.products::before,
.woocommerce ul.products::after {
    display: none !important;
    content: none !important;
}

.woof_shortcode_output ul.products li.product,
.woocommerce ul.products li.product {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
}

@media (max-width: 1024px) {
    .woof_shortcode_output ul.products,
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 600px) {
    .woof_shortcode_output ul.products,
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .plumbing-store-card__price .woocommerce-Price-amount, .plumbing-store-card__price bdi, .plumbing-store-from-prefix{
        font-size: 22px !important;
    }
    .plumbing-store-card__badge--left{
        display: none !important;
    }
    .plumbing-store-card__button{
        margin-top: 5px;
    }
}

/* ── Card Container ── */
.plumbing-store-card {
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}



/* ── Image ── */
.plumbing-store-card__image-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F1F4F5;
    padding: 20px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    text-decoration: none;
}

.plumbing-store-card__image {
    width: 100%;
    height: 100% !important;
    object-fit: contain;
    display: block;
    transition: transform 0.2s ease;
}



/* ── Badge Bar ── */
.plumbing-store-card__badge-bar {
    background: #FEC553;
    display: flex;
    align-items: stretch;
    min-height: 70px;
    border-radius: 0px 0px 10px 10px;
}

.plumbing-store-card__badge {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    gap: 3px;
    color: #ffffff;
}

.plumbing-store-card__badge-divider {
    width: 1px;
    background: rgba(255, 255, 255, 0.35);
    margin: 10px 0;
    flex-shrink: 0;
}

/* ── Badge Icons ── */
.plumbing-store-card__badge-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* Force white on img icons from media library */
.plumbing-store-card__badge-icon img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    display: block;
}

/* SVG icons already have stroke="#ffffff" hardcoded */
.plumbing-store-card__badge-icon svg {
    display: block;
    width: 24px;
    height: 24px;
}

/* ── Badge Text ── */
.plumbing-store-card__badge-text {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    line-height: 1.2;
    white-space: nowrap;
    color: #005A65;
    font-weight: 700;
}

/* ── Product Info ── */
.plumbing-store-card__info {
    padding: 10px 0px;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 4px;
}

/* ── Title ── */
.plumbing-store-card__title-link {
    text-decoration: none;
    color: inherit;
}

.plumbing-store-card__title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: rgb(50, 49, 49) !important;
    line-height: 31.2px !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.8em;
}

/* ── SKU ── */
.plumbing-store-card__sku {
    
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: #323131;
}

/* ── Price ── */
.plumbing-store-card__price {
    margin: 6px 0 10px !important;
    display: flex;
    align-items: baseline;
    gap: 4px;
    flex-wrap: wrap;
    font-size: 28px;
    font-weight: 700;
    color: #DD971A;

}

.plumbing-store-from-prefix {
    font-size: 28px;
    font-weight: 700;
    color: #DD971A;
    line-height: 1;
}

.plumbing-store-card__price .woocommerce-Price-amount,
.plumbing-store-card__price bdi {
    line-height: 1 !important;
    font-size: 28px;
    font-weight: 700;
    color: #DD971A;
}

/* Variable product — hide the "–" range dash separator if needed */
.plumbing-store-card__price ins,
.plumbing-store-card__price del {
    text-decoration: none;
}

/* ── Button ── */
.plumbing-store-card__button {
    display: block;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    text-decoration: none !important;
    border-radius: 6px;
    transition: background 0.2s ease;
    box-sizing: border-box;
    line-height: 1.3;
    background-color: #008896;
    font-size: 17px;
    font-weight: 500;
    fill: #FFFFFF;
    color: #FFFFFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
    border-radius: 5px 5px 5px 5px;
    padding: 015px 0px 15px 0px;
}

.plumbing-store-card__button:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}


/******************Custom Category Page with Load More***********************/
/* ── See More Button ── */
.plumbing-store-see-more-wrap {
    display: flex;
    justify-content: center;
    margin: 32px 0 16px;
    width: 100%;
}

.plumbing-store-see-more-btn {
    display: inline-block;
    padding: 14px 48px;
    background: #1a8a8a;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s ease;
    line-height: 1.3;
}

.plumbing-store-see-more-btn:hover {
    background: #146f6f;
}

.plumbing-store-see-more-btn:disabled {
    background: #999999;
    cursor: not-allowed;
}

/* Hide default WOOF pagination */
.woof_shortcode_output .woocommerce-pagination {
    display: none !important;
}



/**********Custom Category Filter Part***********/
.elementor-shortcode .woof{
        border: 1px solid #b3b3b3;
    border-radius: 10px;
    padding: 30px;
}
.woof_front_toggle {
    font-size: 0 !important;
}

.woof_front_toggle.woof_front_toggle_closed:before {
       content: "\f054";
    font-family: "FontAwesome";
    font-weight: normal;
    font-size: 15px;
    color:#000;
}

.woof_front_toggle.woof_front_toggle_opened:before {

     content: "\f078";
    font-family: "FontAwesome";
    font-weight: normal;
    font-size: 15px;
    color:#000;
}

.woof_container_inner h4{
    font-size: 20px;
}

/***************Cart Page********************/

.woocommerce-cart .wc-block-cart-items__header-image span, .woocommerce-cart .wc-block-cart-items__header-total span, .woocommerce-cart .wc-block-formatted-money-amount,.woocommerce-cart .wc-block-cart__totals-title{
font-size: 18px !important;
}
.woocommerce-cart .wc-block-cart-item__prices,.woocommerce-cart .wc-block-components-product-metadata,.woocommerce-cart .wc-block-components-product-metadata,.woocommerce-cart .wc-block-components-quantity-selector ,.woocommerce-cart .wp-block-woocommerce-cart-order-summary-coupon-form-block,.woocommerce-cart  .wp-block-product-new {
    display: none !important;
}
.woocommerce-cart .wc-block-components-product-name{
    font-size: 18px !important;
    text-decoration: none;
    color: #004751;
}
.woocommerce-cart .wc-block-cart {

        margin-top: 20px;
}

.woocommerce-cart .wc-block-cart__submit-button{
        background-color: #008896;
    font-family: "Roboto", Sans-serif;
    font-size: 17px;
    font-weight: 500;
    fill: #FFFFFF;
    color: #FFFFFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 5px 5px;
    padding: 015px 0px 15px 0px;
    font-size: 18px;
    text-decoration: none !important;
    margin-top: 10px;
}

.woocommerce-cart .wc-block-cart__submit-button:hover{
color: #FFFFFF !important;
}