/* custome css start */

#rev_slider_1_1_wrapper .tp-shape, #rev_slider_1_1_wrapper .rev-btn {
    box-shadow: 0px 10px 50px rgba(0,0,0,0.1) !important
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
	background: #fff;
	color: #444;
	border-radius: 0;
	border: none;
}
.cz_supermarket_posts .cz_grid_item {
	margin-top: 18px
}
.cz_supermarket_posts .cz_grid_details_outside {
	position: static !important
}
.cz_supermarket_posts .cz_data_cats {
	position: absolute !important;
	top: -22px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #86624a;
	padding: 2px 20px;
	border: 6px solid #fff;
	border-radius: 100px;
	font-size: 12px;
	margin: 0
}
.cz_supermarket_posts .cz_data_cats a {
    color: #fff !important;
}
.cz_supermarket_posts .cz_grid_details_outside .clr:before {
	visibility: visible;
	width: 100%;
	border-bottom: 1px solid rgba(159,182,203,0.2);
	margin-bottom: -20px;
	z-index: 1;
}
.cz_supermarket_posts .cz_data_date {
	background: #fff;
	padding: 0 10px 0 0;
}

/* custome css end */


/* Additional css start */
.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
    box-sizing: border-box;
    margin: 0 0 2em;
    display: none;
}

.cz_quote_arrow .cz_quote_info {
  margin: 5px 30px 5px 60px;
}

.woocommerce div.product .product_meta {
	margin-top:0;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
	color:#fff;
}

/* Remove entire WooCommerce category thumbnail box in XTRA theme */
.wc-tab .codevz-product-brands,
.archive .codevz-product-brands,
.codevz-product-brands {
    display: none !important;
    visibility: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    max-height: 0 !important;
    float: none !important;
}

/* Gray pill with white text + count */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
    background: rgba(0, 0, 0, 0.70) !important;
    color: #ffffff !important;
    padding: 6px 14px !important;
    border-radius: 16px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-align: center !important;
    display: inline-block;
    box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}

/* Make count white and inside same pill */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title mark,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title mark.count {
    background: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
    border: none !important;
    padding-left: 4px !important;
    font-weight: 700 !important;
}

/* Hover – a bit darker */
.woocommerce ul.products li.product-category:hover .woocommerce-loop-category__title {
    background: rgba(0, 0, 0, 0.85) !important;
}

/* No extra bg/shadow on category card itself */
.woocommerce ul.products li.product-category {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* SHOP PAGE ONLY – equal image height */
.woocommerce-shop ul.products li.product-category img {
    height: 260px !important;
    width: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* Smaller on mobile (shop categories) */
@media only screen and (max-width: 768px) {
    .woocommerce-shop ul.products li.product-category img {
        height: 200px !important;
    }
}
/* End Shop Category display fix */

/* CATEGORY PRODUCT PAGE – equal image height + white bg */
.woocommerce.archive ul.products li.product img {
    height: 420px !important;              /* Desktop height – adjust if needed */
    width: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    background: #ffffff !important;        /* makes PNG transparent area look white */
    display: block !important;
}

/* Optional: just make card background white, no layout change */
.woocommerce.archive ul.products li.product {
    background: #ffffff !important;
}

/* MOBILE – smaller images on category product page */
@media only screen and (max-width: 768px) {
    .woocommerce.archive ul.products li.product img {
        height: 260px !important;
    }
}

/* =============================== */
/*  SINGLE PRODUCT IMAGE SIZE FIX  */
/* =============================== */

/* Desktop image height limit */
.single-product div.product div.images img,
.single-product .woocommerce-product-gallery__image img {
    max-height: 520px !important;
    width: 100% !important;
    margin: 0 auto !important;
    display: block !important;
    object-fit: contain !important;
    background: #ffffff !important;
}

/* Mobile image height */
@media only screen and (max-width: 768px) {
    .single-product div.product div.images img,
    .single-product .woocommerce-product-gallery__image img {
        max-height: 380px !important;
    }
}

/* Disable zoom cursor (keep click enlarge) */
.single-product .woocommerce-product-gallery__image {
    cursor: pointer !important;
}

/* Hide zoom clone image if exists */
.single-product .zoomImg {
    display: none !important;
}

/* =============================== */
/*  PRODUCT TITLE + SPACING FIX    */
/* =============================== */

.single-product .product_title {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    font-weight: 700 !important;
}

/* Reduce space between image & description */
.single-product div.product .summary {
    margin-top: 0 !important;
    padding-top: 10px !important;
}

/* =============================== */
/*  RELATED CATEGORIES BOX (XTRA)  */
/*  .codevz-pm-cats STRUCTURE      */
/* =============================== */

/* Wrapper box around "Related Categories" */
.single-product .product_meta .codevz-pm-cats {
    margin-top: 20px !important;
    padding: 12px 18px !important;
    border: 1px solid #eee !important;
    background: #fafafa !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* Heading "Related Categories" */
.single-product .product_meta .codevz-pm-cats strong {
    display: block !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 8px !important;
}

/* Hide raw comma text between links by zeroing parent font-size */
.single-product .product_meta .codevz-pm-cats span {
    font-size: 0 !important;
    white-space: normal !important;
}

/* Category links as badges */
.single-product .product_meta .codevz-pm-cats span a {
    font-size: 16px !important;             /* restore font-size for anchors */
    background: #eaeaea !important;
    color: #86624a !important;
    padding: 5px 10px !important;
    border-radius: 6px !important;
    margin-right: 6px !important;
    margin-bottom: 6px !important;
    display: inline-block !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all .2s ease-in-out !important;
    border: 0 !important;
}

/* Hover badge style */
.single-product .product_meta .codevz-pm-cats span a:hover {
    background: #000 !important;
    color: #fff !important;
}

/* Keep title on one line only, do NOT inline badges */
.single-product .product_meta .codevz-pm-cats strong {
    white-space: nowrap !important;
}

/* =============================== */
/*  RELATED PRODUCTS IMAGE FIX     */
/* =============================== */

.single-product .related ul.products li.product img,
.single-product .upsells ul.products li.product img {
    max-height: 260px !important;     /* desktop height */
    width: auto !important;
    margin: 0 auto !important;
    display: block !important;
    object-fit: contain !important;
    background: #ffffff !important;
}

/* Mobile image height */
@media only screen and (max-width: 768px) {
    .single-product .related ul.products li.product img,
    .single-product .upsells ul.products li.product img {
        max-height: 260px !important;
    }
}

/* Prevent cropping */
.single-product .related ul.products li.product,
.single-product .upsells ul.products li.product {
    overflow: visible !important;
}

/* Disable back to top icon footer */
#backtotop, .backtotop, .scroll-top, .scrollup, .back-to-top {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Change "Categories" label on single product meta only */
.single-product .product_meta .codevz-pm-cats strong {
    font-size: 0 !important;                 /* hide original word */
}

.single-product .product_meta .codevz-pm-cats strong::after {
    content: "Related Categories";           /* new text */
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #333 !important;
}

#menu_header_2 > .cz > a {
	text-transform:none !important;
}

/* Designer Collection Dropdown Image Fix - UPDATED SPACING */
.cz_stylish_list li a {
    display: flex;
    align-items: center;
    gap: 12px; /* Space between image & text */
    padding: 6px 0;
}

/* Image container */
.cz_stylish_list .cz_sl_icon {
    width: 60px !important;
    min-width: 60px !important;
    height: 60px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Actual image */
.cz_stylish_list .cz_sl_icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

/* Text styling */
.cz_stylish_list li span {
    font-size: 15px;
    line-height: 20px;
    display: block;
}

/* ============================================================
   DESIGNER COLLECTION MEGA MENU – FULL IMPROVED UI/UX CSS
   (SPACING + ICONS + HOVER + DIVIDERS + ANIMATIONS)
   ============================================================ */


/* ------------------------------------------------------------
   BASE SPACING & ALIGNMENT (IMAGE + TEXT)
------------------------------------------------------------ */
.cz_stylish_list li a {
    display: flex;
    align-items: center;
    gap: 12px; /* Space between image & text */
    padding: 8px 6px; /* Larger click area */
    transition: background 0.25s ease, padding 0.2s ease;
}


/* ------------------------------------------------------------
   IMAGE BOX (UNIFORM 60x60)
------------------------------------------------------------ */
.cz_stylish_list .cz_sl_icon {
    width: 60px !important;
    min-width: 60px !important;
    height: 60px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cz_stylish_list .cz_sl_icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}


/* ------------------------------------------------------------
   TEXT STYLING (CLEAN + PREMIUM)
------------------------------------------------------------ */
.cz_stylish_list li span {
    font-size: 15px;
    line-height: 20px;
    display: block;
    color: #333;
}


/* ------------------------------------------------------------
   HOVER EFFECT (SOFT PREMIUM BACKGROUND)
------------------------------------------------------------ */
.cz_stylish_list li a:hover {
    background: rgba(0,0,0,0.03); /* Very soft grey */
    border-radius: 6px;
}


/* ------------------------------------------------------------
   EQUAL VERTICAL SPACING BETWEEN ITEMS
------------------------------------------------------------ */
.cz_stylish_list li {
    margin-bottom: 12px;
}


/* ------------------------------------------------------------
   OPTIONAL: SUBTLE THIN ROW DIVIDER (PRO LOOK)
   Remove this block if you prefer no separators
------------------------------------------------------------ */
.cz_stylish_list li {
    border-bottom: 1px solid rgba(0,0,0,0.04);
    padding-bottom: 6px;
}
.cz_stylish_list li:last-child {
    border-bottom: none;
}


/* ------------------------------------------------------------
   COLUMN DIVIDER FOR CLEANER MEGA MENU GRID
------------------------------------------------------------ */
.cz_mega_menu .vc_column_container {
    border-right: 1px solid #eeeeee;
    padding-right: 20px;
}

.cz_mega_menu .vc_column_container:last-child {
    border-right: none;
    padding-right: 0;
}


/* ------------------------------------------------------------
   OPTIONAL COLUMN HEADING (IF YOU ADD HEADERS)
------------------------------------------------------------ */
.cz_mega_menu .column-heading {
    font-size: 16px;
    font-weight: 600;
    color: #444;
    margin-bottom: 12px;
    padding-left: 4px;
}

.cz_stylish_list li a:hover {
    background: rgba(0, 0, 0, 0.06);
    border-radius: 6px;
	
}

/* Force span text color on hover */
.cz_stylish_list li a:hover span {
    color: #86624a !important;
}


.cz_stylish_list li a span {
    transition: color 0.25s ease;
}


/* Remove XTRA dark bar from related products title */
.related.products > h2,
.upsells.products > h2,
.cross-sells > h2 {
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    text-align: left !important;
    border-radius: 0 !important;
}

/* Optional: adjust title font if needed */
.related.products > h2 {
    font-size: 24px !important;
    color: #000 !important;
    margin-bottom: 15px !important;
}

/* Additional css end */

/* Add space above Related Categories box */
.single-product .product_meta {
    margin-top: 5px !important;
}

.designer-link {
    color: #a98b73;
    text-decoration: none;
    border-bottom: 1px solid #a98b73;
    padding-bottom: 0;
    font-weight: 700;
    line-height: 1.2;
    transition: 0.2s ease;
}

.designer-link:hover {
    color: #8b6e59;
    border-bottom-color: #8b6e59;
}

.archive .term-description {
    padding: 0 !important;
}

/* MOBILE FIX ONLY */
@media (max-width: 767px) {

    /* Make container vertical on mobile */
    .single-product .product_meta .codevz-pm-cats {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* Center the <strong> title */
    .single-product .product_meta .codevz-pm-cats strong {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 12px !important;
    }

    /* Category links wrapper (the <span>) */
    .single-product .product_meta .codevz-pm-cats > span {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        gap: 10px !important;
    }

    /* Buttons */
    .single-product .product_meta .codevz-pm-cats > span a {
        display: inline-block !important;
        text-align: center !important;
        white-space: normal !important; /* allow text wrap */
        line-height: 1.3 !important;
        width: auto !important;
    }
}

/* ======================================================
   ALPINE SANITARYWARE – MOBILE BREADCRUMB (FINAL VERSION)
   - Brand color #e0c19a
   - Bold text
   - Left aligned
   - Auto-wrap long titles
   - Hide product name
   - Clean spacing
   - No desktop changes
   ====================================================== */

@media (max-width: 767px) {

    /* Breadcrumb wrapper */
    .breadcrumbs_container {
        display: block !important;
        margin: 10px 0 18px 0 !important; /* bottom spacing improved */
        padding: 0 12px !important;
        text-align: left !important;
        opacity: 0;
        animation: fadeInBreadcrumb 0.4s ease-in forwards;

        /* allow wrapping for long category names */
        white-space: normal !important;
        line-height: 1.4 !important;
    }

    /* Breadcrumb text style */
    .breadcrumbs_container a,
    .breadcrumbs_container b,
    .breadcrumbs_container span {
        color: #e0c19a !important;   /* Brand color */
        font-size: 14px !important;
        font-weight: 600 !important; /* Bold */
        display: inline-flex !important;
        align-items: center !important;
        vertical-align: middle !important;

        /* wrap inside container */
        white-space: normal !important;
        flex-wrap: wrap !important;
        max-width: 100% !important;
    }

    /* Remove default icon arrows */
    .breadcrumbs_container i.fa {
        display: none !important;
    }

    /* Arrow separator */
    .breadcrumbs_container b::after {
        content: "›";
        padding: 0 6px;
        color: #e0c19a !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        display: inline-block !important;
        white-space: nowrap !important; /* keep arrow on same line */
    }

    /* Hide ONLY the product name (last breadcrumb) */
    .breadcrumbs_container b:last-of-type {
        display: none !important;
    }
    .breadcrumbs_container b:last-of-type::after {
        content: "" !important;
    }

    /* Fade animation */
    @keyframes fadeInBreadcrumb {
        to { opacity: 1; }
    }
}