/* archvie page css */
	
	
	.archive div.page-content{
		margin:0px !important;
	}	
	
	
	.archive div.page-content div.container{
		margin:0px !important;
		padding:0px !important;
		min-width:100% !important;
	}
	.archive .row.content-wrapper.sidebar-left {
		max-width: 1260px;
		align-self:center !important;
	}
	.archive div#primary {
		width: 100%;
	}
	.archive main#main {
		width: 100%;
		display: flex;
		flex-direction: column;
		background-color: #F5F9FA;
	}
	
	.archive div.page-content div.custom-shop-banner{
		margin-bottom:60px !important;
	}
	
	
	
	
/* ==========================================
   3. LOAD MORE BUTTON STYLING
   ========================================== */
.archive nav.klb-load-more ul.page-numbers div.button.light {
    background-color: #0ba3e6 !important; /* Brand Blue */
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 12px 35px !important;
    border: none !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 14px rgba(11, 163, 230, 0.25) !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    cursor: pointer;
    display: inline-block !important;
    text-align: center;
    text-decoration: none !important;
    margin-top: 20px !important;
}
.archive nav.klb-load-more ul.page-numbers div.button.light:hover {
    background-color: #0682c3 !important; /* Darker Blue */
    box-shadow: 0 6px 20px rgba(6, 130, 195, 0.35) !important;
    transform: translateY(-2px) !important;
}
	
	.archive .row.content-wrapper.sidebar-left {
	margin-top: 60px;
    margin-bottom: 60px;
}
	
	
	.archive .sidebar-inner {
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    padding: 20px;
		background-color:white !important;
}
	
	
	/* ==========================================
   1. PRODUCTS PREMIUM SHADOW CARD DESIGN (IMAGE 2)
   ========================================== */
/* Grid column wrapper (li) ko transparent rakhna */
.archive .products .product, 
.archive .woocommerce ul.products li.product {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Card content main wrapper to be transparent and allow overflow shadow */
.archive .products .product-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: visible !important; /* Shadow/buttons ko baahar aane dene ke liye */
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    transition: all 0.3s ease-in-out !important;
}

/* Image Container Wrapper (Convert to Rounded White Card with Soft Shadow) */
.archive .products .product-content .thumbnail-wrapper {
    background-color: #ffffff !important;
    border-radius: 20px !important;
    padding: 20px !important;
    position: relative !important; /* Absolutes ko float karne ke liye */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important; /* Premium Soft Shadow */
    transition: all 0.3s ease !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Hover karne par Image Card ka upar slide hona aur shadow elevate hona */
.archive .products .product:hover .product-content .thumbnail-wrapper {
    transform: translateY(-6px) !important;
    box-shadow: 0 15px 35px rgba(11, 163, 230, 0.1) !important; /* Highlight with soft blue/dark shadow */
}

.archive .products .product-content .thumbnail-wrapper img {
    border-radius: 12px !important;
    width: 100% !important;
    height: auto !important;
}


/* ==========================================
   1A. FLOATING ADD TO CART BUTTON (SOLID BLUE PILL)
   ========================================== */
/* Button inside image card: Center floating pill design */
.archive .products .product-content .thumbnail-wrapper a.add_to_cart_button,
.archive .products .product-content .thumbnail-wrapper a.button {
    position: absolute !important;
    bottom: 15px !important;
    left: 50% !important;
    transform: translate(-50%, 10px) !important; /* Horizontal center + vertical offset */
    width: 85% !important;
    background-color: #0ba3e6 !important;
    color: #ffffff !important;
    border-radius: 30px !important; /* Pill style */
    padding: 10px 15px !important;
    font-family: 'Inter' !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    display: block !important;
    box-sizing: border-box !important;
    box-shadow: 0 6px 15px rgba(11, 163, 230, 0.2) !important;
    opacity: 0 !important; /* Hide by default */
    transition: all 0.3s ease-in-out !important;
    z-index: 6 !important;
    border: none !important;
	min-height:55px !important;
}

/* Hover karne par add-to-cart button slide up aur display hoga */
.archive .products .product:hover .product-content .thumbnail-wrapper a.add_to_cart_button,
.archive .products .product:hover .product-content .thumbnail-wrapper a.button {
    opacity: 1 !important;
    transform: translate(-50%, 0) !important; /* Slide up to center */
}

/* Add to cart hover state */
.archive .products .product-content .thumbnail-wrapper a.add_to_cart_button:hover,
.archive .products .product-content .thumbnail-wrapper a.button:hover {
    background-color: #0682c3 !important;
    box-shadow: 0 8px 20px rgba(6, 130, 195, 0.35) !important;
}

/* Dynamic view cart indicator links ko hide rakhna */
.archive .products .product-content .thumbnail-wrapper a.added_to_cart {
    display: none !important;
}


/* ==========================================
   1B. FLOATING ACTION ICONS (WHITE GOL BUTTONS)
   ========================================== */
/* Icons wrapper align on top-right vertically */
.archive .products .product-content .thumbnail-wrapper .product-buttons {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    z-index: 5 !important;
    opacity: 0 !important; /* Hide by default */
    transform: translateX(10px) !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hover par action buttons slide-in aur show honge */
.archive .products .product:hover .thumbnail-wrapper .product-buttons {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

/* YITH wishlist wrapper layouts reset */
.archive .products .product-content .thumbnail-wrapper .product-buttons .yith-wcwl-add-to-wishlist,
.archive .products .product-content .thumbnail-wrapper .product-buttons .yith-wcwl-add-button {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block !important;
}

/* Har icon button ko white drop-shadow circle banana */
.archive .products .product-content .thumbnail-wrapper .product-buttons a,
.archive .products .product-content .thumbnail-wrapper .product-buttons .yith-wcwl-add-to-wishlist a,
.archive .products .product-content .thumbnail-wrapper .product-buttons .compare-button a {
    background-color: #ffffff !important;
    color: #1f2937 !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.2s ease-in-out !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Hover karne par icon blue aur text white ho jayega */
.archive .products .product-content .thumbnail-wrapper .product-buttons a:hover,
.archive .products .product-content .thumbnail-wrapper .product-buttons .yith-wcwl-add-to-wishlist a:hover,
.archive .products .product-content .thumbnail-wrapper .product-buttons .compare-button a:hover {
    background-color: #0ba3e6 !important;
    color: #ffffff !important;
    transform: scale(1.08) !important;
}


/* ==========================================
   1C. CENTERED TRANSPARENT TEXT CONTENT & PRICES
   ========================================== */
/* Bottom Text wrapper (Fully Transparent & Centered) */
.archive .products .product-content .content-wrapper {
    background-color: transparent !important; /* Transparent background */
    padding: 15px 5px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Center text elements horizontally */
    text-align: center !important;   /* Center text alignment */
    border: none !important;
}

/* Product Title Styling (Playfair Display, Centered, Black) */
.archive .products .product-content .product-title,
.archive .products .product-content .product-title a {
    font-family: 'Playfair Display', serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #111827 !important; /* Solid Black */
    margin: 5px 0 6px 0 !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

.archive .products .product:hover .product-title a {
    color: #0ba3e6 !important;
}

/* Price & Suffix Styling (Centered, Brand Blue) */
.archive .products .product-content .price {
    font-family: 'Inter' !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #0ba3e6 !important;
    display: flex !important;
    flex-direction: column !important; /* Price aur tax suffix ek dusre ke niche */
    align-items: center !important;
    gap: 4px !important;
}

.archive .products .product-content .price .amount {
    color: #0ba3e6 !important;
    font-weight: 600 !important;
}

/* Suffix "Incl. 21% BTW" (Lighter Gray, centered underneath price) */
.archive .products .product-content .price .woocommerce-price-suffix {
    font-family: 'Inter' !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    color: #6b7280 !important; /* Lighter Gray for clean contrast */
    opacity: 0.8 !important;
    display: block !important;
    margin-top: 2px !important;
}


/* ==========================================
   2. FILTER SIDEBAR CHECKBOXES & HEADINGS STYLING
   ========================================== */
/* Sidebar headings (Selecteer Inhoud, etc.) ka font Poppins karna */
.archive #sidebar .widget-title {
    font-family:'Inter' !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #1f2937 !important;
    letter-spacing: 0.3px !important;
}

/* Checkbox input container (.button-box) size aur styles override */
.archive #sidebar ul.woocommerce-widget-layered-nav-list .type-button span.button-box {
    width: 16px !important;
    height: 16px !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 4px !important;
    position: absolute !important;
    left: 0 !important;
    top: 4px !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease-in-out !important;
}

/* Checkbox border on hover */
.archive #sidebar ul.woocommerce-widget-layered-nav-list .type-button:hover span.button-box {
    border-color: #0ba3e6 !important;
    background-color: #f0f9ff !important;
}

/* Active Checkbox (Chosen state) */
.archive #sidebar ul.woocommerce-widget-layered-nav-list li.chosen .type-button span.button-box {
    background-color: #0ba3e6 !important;
    border-color: #0ba3e6 !important;
}

/* Checkbox ke andar white Tick Mark check sign override */
.archive #sidebar ul.woocommerce-widget-layered-nav-list li.chosen .type-button span.button-box:after {
    opacity: 1 !important;
    left: 4px !important;
    top: 1px !important;
    width: 4px !important;
    height: 7px !important;
    border: solid #ffffff !important;
    border-width: 0 0 2px 2px !important;
    transform: rotate(-45deg) !important;
}

/* Filter texts alignment */
.archive #sidebar ul.woocommerce-widget-layered-nav-list .type-button a {
    padding-left: 28px !important;
    font-size: 14px !important;
    color: #4b5563 !important;
    transition: color 0.2s !important;
	font-family:'Inter';
}

.archive #sidebar ul.woocommerce-widget-layered-nav-list .type-button:hover a {
    color: #0ba3e6 !important;
}
.archive label {
    font-family: 'Inter';
}

.archive #sidebar ul.woocommerce-widget-layered-nav-list li.chosen .type-button a {
    color: #0ba3e6 !important;
    font-weight: 600 !important;
}

/* Count numbers */
.archive #sidebar ul.woocommerce-widget-layered-nav-list .type-button .count {
    color: #9ca3af !important;
    font-size: 12px !important;
}


/* ==========================================
   3. LOAD MORE BUTTON STYLING
   ========================================== */
.archive nav.klb-load-more ul.page-numbers div.button.light {
    background-color: #0ba3e6 !important;
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 12px 35px !important;
    border: none !important;
    border-radius: 30px !important;
    box-shadow: 0 4px 14px rgba(11, 163, 230, 0.25) !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    cursor: pointer;
    display: inline-block !important;
    text-align: center;
    text-decoration: none !important;
    margin-top: 20px !important;
}

.archive nav.klb-load-more ul.page-numbers div.button.light:hover {
    background-color: #0682c3 !important;
    box-shadow: 0 6px 20px rgba(6, 130, 195, 0.35) !important;
    transform: translateY(-2px) !important;
}


/* ==========================================
   4. MOBILE FILTER BUTTON STYLING
   ========================================== */
.archive .before-shop-loop .filter-button a {
    background-color: #0ba3e6 !important;
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px 18px !important;
    border-radius: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 10px rgba(11, 163, 230, 0.2) !important;
    transition: all 0.2s ease-in-out !important;
}

.archive .before-shop-loop .filter-button a:hover {
    background-color: #0682c3 !important;
    transform: translateY(-1px) !important;
}

.archive .before-shop-loop {
    margin-top: 0;
    background-color: white;
    padding: 10px;
    border-radius: 10px;
}

/* Load more button ko hide karna taake infinite scroll lage */
.archive nav.klb-load-more ul.page-numbers div.button.light,
.archive .klb-load-more div.button {
    opacity: 0 !important;
    pointer-events: none !important;
    margin-top: 10px !important;
    margin-bottom: 30px !important;
}







/* cart page css */

/* ==========================================
   1. GLOBAL CART PAGE CLEANUP & FONTS (INTER)
   ========================================== */
.page-id-6 .page-content, .page-id-15 .page-content {
	margin-bottom: 50px !important;
}

.page-id-6,
.page-id-6 th,
.page-id-6 td,
.page-id-6 input,
.page-id-6 button,
.page-id-6 select,
.page-id-6 a,
.page-id-6 span,
.page-id-6 strong {
    font-family: 'Inter', sans-serif !important; /* Font changed to Inter */
}

/* ==========================================
   2. SHOP TABLE LAYOUT & GAP BETWEEN CARDS
   ========================================== */
.page-id-6 .shop_table {
    border-collapse: separate !important; /* Gaps and borders enable karne ke liye */
    border-spacing: 0 15px !important;    /* Har row ke darmian 15px ka gap */
    width: 100% !important;
    border: none !important;
}

/* Table Headings (Black & Bold) */
.page-id-6 .shop_table thead th {
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #111827 !important; /* Solid Black */
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-bottom: 2px solid #e5e7eb !important;
    padding: 15px 10px !important;
    background: transparent !important;
    opacity: 1 !important;
}

/* ==========================================
   3. PRODUCT ROWS AS WHITE CARDS (1PX GREY BORDER & SOFT SHADOW)
   ========================================== */
/* Har cell par solid grey border aur background color apply karna */
.page-id-6 .shop_table tbody tr.woocommerce-cart-form__cart-item td {
    background-color: #ffffff !important; /* Clean White Card Background */
    border-top: 1px solid #e5e7eb !important;   /* 1px Solid Light Grey */
    border-bottom: 1px solid #e5e7eb !important;/* 1px Solid Light Grey */
    padding: 20px 10px !important;
    vertical-align: middle !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important; /* Very subtle shadow */
}

/* First cell (Cross icon) ko left border aur left round corner dena + Left Padding */
.page-id-6 .shop_table tbody tr.woocommerce-cart-form__cart-item td:first-child {
    border-left: 1px solid #e5e7eb !important;
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
    padding-left: 20px !important;
}

/* Last cell (Subtotal) ko right border aur right round corner dena + Right Padding */
.page-id-6 .shop_table tbody tr.woocommerce-cart-form__cart-item td:last-child {
    border-right: 1px solid #e5e7eb !important;
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    padding-right: 20px !important;
}

/* Product Title Link */
.page-id-6 td.product-name a {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #1f2937 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}

.page-id-6 td.product-name a:hover {
    color: #0ba3e6 !important;
}

/* Product thumbnail image */
.page-id-6 td.product-thumbnail img {
    border-radius: 8px !important;
    border: 1px solid #e5e7eb !important;
}

/* Delete item button (Soft Red Circle) */
.page-id-6 a.remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background-color: #fee2e2 !important;
    color: #ef4444 !important;
    font-size: 12px !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    left: 10px !important;
}

.page-id-6 a.remove:hover {
    background-color: #ef4444 !important;
    color: #ffffff !important;
}


/* ==========================================
   4. QUANTITY SELECTOR REDESIGN
   ========================================== */
.page-id-6 .quantity {
    display: inline-flex !important;
    align-items: center !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 30px !important; /* Rounded pill style */
    overflow: hidden !important;
    background-color: #ffffff !important;
    height: 38px !important;
}

.page-id-6 .quantity .quantity-button {
    width: 32px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    background-color: transparent !important;
    color: #9ca3af !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    transition: all 0.2s !important;
    user-select: none !important;
}

.page-id-6 .quantity .quantity-button:hover {
    color: #0ba3e6 !important;
    background-color: #f3f4f6 !important;
}

.page-id-6 .quantity .qty {
    width: 40px !important;
    height: 38px !important;
    border: none !important;
    text-align: center !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    background: transparent !important;
    outline: none !important;
}


/* ==========================================
   5. PRICES & SUBTOTALS
   ========================================== */
.page-id-6 td.product-price .amount,
.page-id-6 td.product-subtotal .amount {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #111827 !important;
}

.page-id-6 td.product-subtotal .amount {
    color: #0ba3e6 !important; /* Subtotal gets blue */
}


/* ==========================================
   6. COUPON & ACTION BUTTONS
   ========================================== */
.page-id-6 td.actions {
    padding: 25px 0 !important;
    border-bottom: none !important;
}

.page-id-6 .actions-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
}

/* Coupon Area */
.page-id-6 .coupon {
    display: inline-flex !important;
    gap: 10px !important;
    align-items: center !important;
}

.page-id-6 .coupon input#coupon_code {
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
    outline: none !important;
    transition: all 0.2s !important;
    height: 42px !important;
    background-color: #f9fafb !important;
    width: 180px !important;
}

.page-id-6 .coupon input#coupon_code:focus {
    border-color: #0ba3e6 !important;
    background-color: #ffffff !important;
}

/* Coupon Apply Button */
.page-id-6 .coupon button.button {
    background-color: transparent !important;
    color: #4b5563 !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 8px 20px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
    height: 42px !important;
}

.page-id-6 .coupon button.button:hover {
    border-color: #0ba3e6 !important;
    color: #0ba3e6 !important;
    background-color: #f0f9ff !important;
}

/* Update Cart Button (Solid Blue) */
.page-id-6 button[name="update_cart"] {
    background-color: #0ba3e6 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    transition: all 0.2s ease-in-out !important;
    cursor: pointer !important;
    height: 42px !important;
    box-shadow: 0 4px 10px rgba(11, 163, 230, 0.2) !important;
}

.page-id-6 button[name="update_cart"]:hover:not(:disabled) {
    background-color: #0682c3 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 15px rgba(6, 130, 195, 0.3) !important;
}

.page-id-6 button[name="update_cart"]:disabled {
    opacity: 0.5 !important;
    background-color: #e5e7eb !important;
    color: #9ca3af !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}


/* ==========================================
   7. CART TOTALS CARD (WHITE SHADOW CARD - NO DASHED BORDER)
   ========================================== */
.page-id-6 .cart-collaterals .cart_totals {
    background-color: #ffffff !important; /* Clean White Background */
    border: 1px solid #e5e7eb !important;     /* 1px Solid Light Grey Border */
    border-radius: 16px !important;
    padding: 30px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important; /* Premium Soft Shadow */
}

/* Hover effects disable karna */
.page-id-6 .cart-collaterals .cart_totals:hover {
    transform: none !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
}

.page-id-6 .cart-collaterals .cart_totals h2 {
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #111827 !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    padding-bottom: 12px !important;
}

/* Totals Table Structure */
.page-id-6 .cart_totals table.shop_table {
    width: 100% !important;
    margin-bottom: 25px !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.page-id-6 .cart_totals table.shop_table tr {
    border-bottom: 1px solid #f9fafb !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 0 !important;
}

.page-id-6 .cart_totals table.shop_table th,
.page-id-6 .cart_totals table.shop_table td {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.page-id-6 .cart_totals table.shop_table th {
    font-weight: 500 !important;
    color: #4b5563 !important;
    font-size: 14px !important;
    text-align: left !important;
    width: auto !important;
}

.page-id-6 .cart_totals table.shop_table td {
    text-align: right !important;
    width: auto !important;
    font-size: 14px !important;
}

.page-id-6 .cart_totals tr.cart-subtotal td .amount {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #1f2937 !important;
}

/* Shipping Layout */
.page-id-6 .cart_totals tr.shipping {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
}

.page-id-6 .cart_totals tr.shipping td {
    text-align: left !important;
    width: 100% !important;
}

.page-id-6 .cart_totals tr.shipping ul#shipping_method {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.page-id-6 .cart_totals tr.shipping ul#shipping_method label {
    font-weight: 500 !important;
    color: #1f2937 !important;
}

.page-id-6 .cart_totals tr.shipping .woocommerce-shipping-destination {
    font-size: 12px !important;
    color: #6b7280 !important;
    margin-top: 4px !important;
}

.page-id-6 .cart_totals .shipping-calculator-button {
    font-size: 13px !important;
    color: #0ba3e6 !important;
    text-decoration: none !important;
    font-weight: 500 !important;
}

.page-id-6 .cart_totals .shipping-calculator-button:hover {
    text-decoration: underline !important;
}

/* Total Price Row */
.page-id-6 .cart_totals tr.order-total {
    border-bottom: none !important;
    padding-top: 15px !important;
}

.page-id-6 .cart_totals tr.order-total th {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #111827 !important;
}

.page-id-6 .cart_totals tr.order-total td strong .amount {
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #0ba3e6 !important;
}

.page-id-6 .cart_totals tr.order-total td small.includes_tax {
    display: block !important;
    font-size: 11px !important;
    color: #9ca3af !important;
    font-weight: 400 !important;
    margin-top: 5px !important;
}

/* ==========================================
   8. PROCEED TO CHECKOUT BUTTON (FULL WIDTH)
   ========================================== */
.page-id-6 .wc-proceed-to-checkout {
    padding: 0 !important;
}

.page-id-6 a.checkout-button {
    background-color: #0ba3e6 !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 14px 20px !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(11, 163, 230, 0.25) !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center;
    text-decoration: none !important;
}

.page-id-6 a.checkout-button:hover {
    background-color: #0682c3 !important;
    box-shadow: 0 6px 20px rgba(6, 130, 195, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* Cart notification alert notices */
.page-id-6 div.woocommerce-notices-wrapper .woocommerce-message {
    border: 1px solid #e5e7eb !important;
    margin-bottom: 1.875rem !important;
    margin-top: 1.875rem !important;
    padding: 1rem;
    font-size: .875rem;
    border-radius: 8px;
    background-color: #ffffff !important;
    font-family: 'Inter' !important;
    font-weight: 600 !important;
}









/* ==========================================
   1. GLOBAL CHECKOUT PAGE FONTS & CLEANUP (INTER)
   ========================================== */
.page-id-15,
.page-id-15 th,
.page-id-15 td,
.page-id-15 input,
.page-id-15 button,
.page-id-15 select,
.page-id-15 a,
.page-id-15 span,
.page-id-15 label,
.page-id-15 h3,
.page-id-15 strong {
    font-family: 'Inter', sans-serif !important; /* Font changed to Inter */
}

/* ==========================================
   2. INPUT FIELDS & SELECT2 DROPDOWNS
   ========================================== */
/* Standard text inputs, textareas, and payment inputs */
.page-id-15 .woocommerce-billing-fields input.input-text,
.page-id-15 .woocommerce-shipping-fields input.input-text,
.page-id-15 .woocommerce-additional-fields textarea,
.page-id-15 .woocommerce-form-coupon input.input-text,
.page-id-15 #payment input.input-text {
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    outline: none !important;
    transition: all 0.2s ease-in-out !important;
    background-color: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.page-id-15 .woocommerce-billing-fields input.input-text:focus,
.page-id-15 .woocommerce-shipping-fields input.input-text:focus,
.page-id-15 .woocommerce-additional-fields textarea:focus,
.page-id-15 .woocommerce-form-coupon input.input-text:focus,
.page-id-15 #payment input.input-text:focus {
    border-color: #0ba3e6 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(11, 163, 230, 0.1) !important;
}

/* WooCommerce Select2 Dropdown */
.page-id-15 .select2-container--default .select2-selection--single {
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    height: 45px !important;
    padding: 8px 16px !important;
    outline: none !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
}

.page-id-15 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 26px !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    padding: 0 !important;
}

.page-id-15 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 43px !important;
    right: 12px !important;
}

/* ==========================================
   3. CHECKOUT HEADINGS STYLING
   ========================================== */
.page-id-15 .woocommerce-billing-fields h3,
.page-id-15 #ship-to-different-address,
.page-id-15 .woocommerce-additional-fields h3 {
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #111827 !important;
    margin-bottom: 20px !important;
    margin-top: 15px !important;
    border-bottom: 1px solid #e5e7eb !important;
    padding-bottom: 12px !important;
}


/* ==========================================
   4. OUTER ORDER REVIEW WRAPPER (WHITE SHADOW CARD)
   ========================================== */
/* Outer box ko styled white card banana (1px solid grey + shadow) */
.page-id-15 .order-review-wrapper {
    background-color: #ffffff !important; /* Clean White */
    border: 1px solid #e5e7eb !important;     /* 1px Solid Grey Border */
    border-radius: 16px !important;
    padding: 30px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important; /* Soft Premium Shadow */
}

/* Inner box borders and background clear */
.page-id-15 #order_review,
.page-id-15 .woocommerce-checkout-review-order {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* "Your Order" Heading inside the card */
.page-id-15 #order_review_heading {
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #111827 !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #cbd5e1 !important;
    padding-bottom: 12px !important;
    margin-top: 0 !important;
}

/* Order items list table styling */
.page-id-15 #order_review table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 25px !important;
}

.page-id-15 #order_review table.shop_table tr {
    border-bottom: 1px solid #e5e7eb !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 0 !important;
}

.page-id-15 #order_review table.shop_table th,
.page-id-15 #order_review table.shop_table td {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.page-id-15 #order_review table.shop_table th {
    font-weight: 500 !important;
    color: #4b5563 !important;
    font-size: 14px !important;
    text-align: left !important;
    width: auto !important;
}

.page-id-15 #order_review table.shop_table td {
    text-align: right !important;
    width: auto !important;
    font-size: 14px !important;
}

/* Product names */
.page-id-15 #order_review table.shop_table .product-name {
    font-weight: 600 !important;
    color: #1f2937 !important;
}

/* Prices */
.page-id-15 #order_review table.shop_table .product-total .amount,
.page-id-15 #order_review table.shop_table tr.cart-subtotal td .amount {
    font-weight: 600 !important;
    color: #1f2937 !important;
}

/* Grand Total row */
.page-id-15 #order_review table.shop_table tr.order-total {
    border-bottom: none !important;
    padding-top: 15px !important;
}

.page-id-15 #order_review table.shop_table tr.order-total th {
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #111827 !important;
}

.page-id-15 #order_review table.shop_table tr.order-total td strong .amount {
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #0ba3e6 !important;
}

/* BTW tax description shift to new line */
.page-id-15 #order_review table.shop_table tr.order-total td small.includes_tax {
    display: block !important;
    font-size: 11px !important;
    color: #9ca3af !important;
    font-weight: 400 !important;
    margin-top: 5px !important;
}


/* ==========================================
   5. PAYMENT METHODS LIST STYLING
   ========================================== */
.page-id-15 #payment ul.payment_methods {
    padding: 0 !important;
    margin: 20px 0 !important;
    list-style: none !important;
    border-bottom: 1px solid #e5e7eb !important;
    padding-bottom: 20px !important;
}

.page-id-15 #payment ul.payment_methods li {
    padding: 10px 0 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #1f2937 !important;
}

.page-id-15 #payment ul.payment_methods li input[type="radio"] {
    margin-right: 8px !important;
    width: 16px !important;
    height: 16px !important;
    accent-color: #0ba3e6 !important;
    cursor: pointer !important;
}

.page-id-15 #payment ul.payment_methods li label {
    cursor: pointer !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #1f2937 !important;
}

.page-id-15 #payment ul.payment_methods li img {
    max-height: 20px !important;
    width: auto !important;
    margin-left: 5px !important;
    vertical-align: middle !important;
}

/* Dropdown payment details box */
.page-id-15 #payment .payment_box {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-top: 10px !important;
    font-size: 13px !important;
    color: #4b5563 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}


/* ==========================================
   6. TERMS & CONDITIONS CHECKBOX
   ========================================== */
.page-id-15 .woocommerce-terms-and-conditions-wrapper {
    margin: 15px 0 !important;
}

.page-id-15 .woocommerce-form__label-for-checkbox {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    font-size: 13px !important;
    color: #4b5563 !important;
    cursor: pointer !important;
}

.page-id-15 .woocommerce-form__label-for-checkbox input[type="checkbox"] {
    margin-top: 3px !important;
    accent-color: #0ba3e6 !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
}

.page-id-15 .woocommerce-form__label-for-checkbox a {
    color: #0ba3e6 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.page-id-15 .woocommerce-form__label-for-checkbox a:hover {
    text-decoration: underline !important;
}


/* ==========================================
   7. WAARDEBON (COUPON) NOTIFICATION INFO
   ========================================== */
.page-id-15 .woocommerce-info {
    border: 1px solid #e5e7eb !important;
    border-left: 4px solid #0ba3e6 !important;
    background-color: #f0f9ff !important;
    color: #0c4a6e !important;
    padding: 15px 20px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-bottom: 25px !important;
}

.page-id-15 .woocommerce-info a {
    color: #0ba3e6 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.page-id-15 .woocommerce-info a:hover {
    text-decoration: underline !important;
}

/* Coupon section form wrapper */
.page-id-15 form.checkout_coupon {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
}

/* Coupon apply button inside form */
.page-id-15 form.checkout_coupon button.button {
    background-color: #0ba3e6 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

.page-id-15 form.checkout_coupon button.button:hover {
    background-color: #0682c3 !important;
}


/* ==========================================
   8. PLACE ORDER BUTTON (SOLID BLUE PILL)
   ========================================== */
.page-id-15 #place_order,
.page-id-15 .woocommerce-checkout button#place_order {
    background-color: #0ba3e6 !important;
    color: #ffffff !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 14px 20px !important;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 14px rgba(11, 163, 230, 0.25) !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center;
    text-decoration: none !important;
    margin-top: 20px !important;
}

.page-id-15 #place_order:hover,
.page-id-15 .woocommerce-checkout button#place_order:hover {
    background-color: #0682c3 !important;
    box-shadow: 0 6px 20px rgba(6, 130, 195, 0.35) !important;
    transform: translateY(-2px) !important;
}

.page-id-15 .woocommerce-form-coupon-toggle {
    border-radius: 10px;
    background-color: #f7f7f757 !important;
}


















/* ==========================================
   1. GLOBAL MY ACCOUNT FONTS & CLEANUP (INTER)
   ========================================== */
.page-id-16 div.page-content {
	margin-bottom: 60px !important;
}

.page-id-16,
.page-id-16 th,
.page-id-16 td,
.page-id-16 input,
.page-id-16 button,
.page-id-16 select,
.page-id-16 textarea,
.page-id-16 a,
.page-id-16 span,
.page-id-16 label,
.page-id-16 h4,
.page-id-16 strong {
    font-family: 'Inter', sans-serif !important; /* Font changed to Inter */
}

/* Page Layout adjustment */
.page-id-16 .my-account-wrapper {
    display: flex !important;
    gap: 40px !important;
    align-items: flex-start !important;
}

/* ==========================================
   2. SIDEBAR USER AVATAR & DETAIL BOX (WHITE SHADOW CARD)
   ========================================== */
.page-id-16 .my-account-navigation nav {
    background-color: #ffffff !important; /* Clean White */
    border: 1px solid #e5e7eb !important;     /* 1px Solid Light Grey Border */
    border-radius: 16px !important;
    padding: 25px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}

.page-id-16 .user-detail {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding-bottom: 20px !important;
    border-bottom: 1.5px dashed #e5e7eb !important;
    margin-bottom: 15px !important;
}

/* Avatar to Premium Blue Circle */
.page-id-16 .user-avatar {
    background-color: #0ba3e6 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 10px rgba(11, 163, 230, 0.2) !important;
}

/* "Welkom terug," Text (Now in Brand Blue) */
.page-id-16 .user-info span {
    display: block !important;
    font-size: 11px !important;
    color: #0ba3e6 !important;
    font-weight: 600 !important;
    margin-bottom: 2px !important;
}

.page-id-16 .user-info h4.entry-name {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #111827 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    word-break: break-all !important;
}

/* ==========================================
   3. SIDEBAR NAVIGATION MENU & HOVER EFFECT
   ========================================== */
.page-id-16 .my-account-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.page-id-16 .my-account-navigation ul li {
    border: none !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
}

/* Links default styling */
.page-id-16 .my-account-navigation ul li a {
    display: block !important;
    padding: 10px 15px !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    color: #4b5563 !important;
    text-decoration: none !important;
    transition: all 0.25s ease-in-out !important;
    background-color: transparent !important;
    border: none !important;
}

/* Hover effect with slide-in animation */
.page-id-16 .my-account-navigation ul li a:hover {
    background-color: #f3f4f6 !important;
    color: #0ba3e6 !important;
    padding-left: 20px !important;
}

/* Active Link Highlight (Solid Blue) */
.page-id-16 .my-account-navigation ul li.is-active a {
    background-color: #0ba3e6 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

.page-id-16 .my-account-navigation ul li.is-active a:hover {
    background-color: #0682c3 !important;
    color: #ffffff !important;
    padding-left: 15px !important;
}


/* ==========================================
   4. CONTENT AREA & GLOBAL LINKS
   ========================================== */
.page-id-16 .woocommerce-MyAccount-content p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #4b5563 !important;
    margin-bottom: 15px !important;
}

.page-id-16 .woocommerce-MyAccount-content p strong {
    color: #111827 !important;
    font-weight: 600 !important;
}

.page-id-16 .woocommerce-MyAccount-content a {
    color: #0ba3e6 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.2s !important;
}

.page-id-16 .woocommerce-MyAccount-content a:hover {
    color: #0682c3 !important;
    text-decoration: underline !important;
}

/* ==========================================
   5. BUTTONS STYLING (FORCE WHITE TEXT ON BLUE)
   ========================================== */
.page-id-16 .woocommerce-MyAccount-content a.button,
.page-id-16 .woocommerce-MyAccount-content button.button,
.page-id-16 .woocommerce-MyAccount-content .button {
    background-color: #0ba3e6 !important;
    color: #ffffff !important; /* Force White Text */
    border-radius: 30px !important;
    padding: 10px 24px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(11, 163, 230, 0.15) !important;
}

.page-id-16 .woocommerce-MyAccount-content a.button:hover,
.page-id-16 .woocommerce-MyAccount-content button.button:hover,
.page-id-16 .woocommerce-MyAccount-content .button:hover {
    background-color: #0682c3 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 15px rgba(6, 130, 195, 0.25) !important;
}


/* ==========================================
   6. TABLES HEADINGS (WISHLIST & ORDERS - NO FAINT TEXT)
   ========================================== */
.page-id-16 .woocommerce-MyAccount-content table th,
.page-id-16 .woocommerce-MyAccount-content table thead th {
    color: #111827 !important; /* Solid Black */
    opacity: 1 !important;        /* Remove faint opacity */
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    border-bottom: 2px solid #e5e7eb !important;
    padding: 12px 10px !important;
}


/* ==========================================
   7. PRODUCT ROWS AS WHITE CARDS (1PX GREY BORDER & SHADOW)
   ========================================== */
.page-id-16 .woocommerce-MyAccount-content table.shop_table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
    border: none !important;
    margin-top: 15px !important;
}

/* Card table cell defaults */
.page-id-16 .woocommerce-MyAccount-content table.shop_table tbody td {
    background-color: #ffffff !important; /* Pure White Cells */
    border-top: 1px solid #e5e7eb !important;   /* 1px Solid Grey */
    border-bottom: 1px solid #e5e7eb !important;/* 1px Solid Grey */
    padding: 15px 10px !important;
    font-size: 14px !important;
    vertical-align: middle !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02) !important;
}

/* First Column Card Border Left */
.page-id-16 .woocommerce-MyAccount-content table.shop_table tbody td:first-child {
    border-left: 1px solid #e5e7eb !important;
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    padding-left: 15px !important;
}

/* Last Column Card Border Right */
.page-id-16 .woocommerce-MyAccount-content table.shop_table tbody td:last-child {
    border-right: 1px solid #e5e7eb !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    padding-right: 15px !important;
}

/* Remove button default margin to fix spacing issues */
.page-id-16 .woocommerce-MyAccount-content table.shop_table tbody td .button,
.page-id-16 .woocommerce-MyAccount-content table.shop_table tbody td button,
.page-id-16 .woocommerce-MyAccount-content table.shop_table tbody td a.button {
    margin-bottom: 0 !important; 
    margin-top: 0 !important;
}

/* View order button style adjustment */
.page-id-16 .woocommerce-MyAccount-content table.shop_table a.button.view {
    padding: 6px 16px !important;
    font-size: 12px !important;
}


/* ==========================================
   8. EDIT FORMS PROFILE DETAILS & ADDRESSES
   ========================================== */
.page-id-16 .woocommerce-MyAccount-content input.input-text,
.page-id-16 .woocommerce-MyAccount-content select,
.page-id-16 .woocommerce-MyAccount-content textarea {
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    outline: none !important;
    transition: all 0.2s ease-in-out !important;
    background-color: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.page-id-16 .woocommerce-MyAccount-content input.input-text:focus,
.page-id-16 .woocommerce-MyAccount-content select:focus,
.page-id-16 .woocommerce-MyAccount-content textarea:focus {
    border-color: #0ba3e6 !important;
    box-shadow: 0 0 0 3px rgba(11, 163, 230, 0.1) !important;
}
.page-id-16 .my-account-wrapper .woocommerce-MyAccount-navigation ul{
	border: 0px !important;
}


/* ==========================================
   9. PASSWORD FIELD EYE ICON FIX (MY ACCOUNT)
   ========================================== */
/* Password input fields par right-side padding */
.page-id-16 .woocommerce-MyAccount-content input[type="password"] {
    padding-right: 45px !important;
}

/* Password wrapper class ko relative positioned karna */
.page-id-16 .woocommerce-MyAccount-content span.password-input {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

/* Default broken font/dashicon ko bilkul hidden karna */
.page-id-16 .woocommerce-MyAccount-content button.show-password-input::after,
.page-id-16 .woocommerce-MyAccount-content .show-password-input::after {
    content: none !important;
    display: none !important;
}

/* Button visibility toggle ke default background aur border ko clear karna */
.page-id-16 .woocommerce-MyAccount-content button.show-password-input,
.page-id-16 .woocommerce-MyAccount-content .show-password-input {
    position: absolute !important;
    top: 50% !important;
    right: 15px !important;
    transform: translateY(-50%) !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 10 !important;
    min-height: auto !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
}

/* 1. Normal Eye SVG: Jab password hidden ho (Grey Color) */
.page-id-16 .woocommerce-MyAccount-content button.show-password-input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z' /%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z' /%3E%3C/svg%3E") !important;
}

/* 2. Normal Eye Hover SVG: Hover karne par (Brand Blue Color) */
.page-id-16 .woocommerce-MyAccount-content button.show-password-input:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230ba3e6' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z' /%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z' /%3E%3C/svg%3E") !important;
}

/* 3. Slashed Eye SVG: Jab password displayed ho (Grey Color) */
.page-id-16 .woocommerce-MyAccount-content button.show-password-input.display-password {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l18 18' /%3E%3C/svg%3E") !important;
}

/* 4. Slashed Eye Hover SVG: Hover karne par (Brand Blue Color) */
.page-id-16 .woocommerce-MyAccount-content button.show-password-input.display-password:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230ba3e6' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l18 18' /%3E%3C/svg%3E") !important;
}


/* ==========================================
   10. LOGIN & REGISTER CARDS STYLING (PAGE-ID-16)
   ========================================== */
.page-id-16 div#customer_login {
    gap: 20px !important;
    display: flex;
}

.page-id-16 #customer_login .col-1,
.page-id-16 #customer_login .col-2 {
    background-color: #ffffff !important; /* Pure White Card */
    border: 1px solid #e5e7eb !important;     /* 1px Solid Light Grey Border */
    border-radius: 16px !important;
    padding: 35px 30px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
    margin-bottom: 25px !important;
}

/* Headings inside login/register cards */
.page-id-16 #customer_login h2 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 20px !important;
    color: #111827 !important;
    margin-bottom: 25px !important;
    border-bottom: 1.5px dashed #cbd5e1 !important;
    padding-bottom: 12px !important;
    margin-top: 0 !important;
}

/* Text inputs styling */
.page-id-16 #customer_login input.input-text {
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    outline: none !important;
    transition: all 0.2s ease-in-out !important;
    background-color: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.page-id-16 #customer_login input.input-text:focus {
    border-color: #0ba3e6 !important;
    background-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(11, 163, 230, 0.1) !important;
}

/* Checkboxes and radio buttons styling */
.page-id-16 #customer_login .woocommerce-form__label-for-checkbox {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: #4b5563 !important;
    cursor: pointer !important;
    margin: 10px 0 !important;
}

.page-id-16 #customer_login .woocommerce-form__label-for-checkbox input[type="checkbox"],
.page-id-16 #customer_login input[type="radio"] {
    accent-color: #0ba3e6 !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
}

/* Paragraph info styling */
.page-id-16 #customer_login p {
    font-size: 13px !important;
    line-height: 1.6 !important;
    color: #4b5563 !important;
}

/* Privacy policy text links */
.page-id-16 #customer_login .woocommerce-privacy-policy-text a {
    color: #0ba3e6 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.page-id-16 #customer_login .woocommerce-privacy-policy-text a:hover {
    color: #0682c3 !important;
    text-decoration: underline !important;
}

/* Submit Buttons (Solid Blue Pill) */
.page-id-16 #customer_login button.button {
    background-color: #0ba3e6 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 10px 30px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    cursor: pointer !important;
    box-shadow: 0 4px 10px rgba(11, 163, 230, 0.15) !important;
    margin: 15px 0 !important;
}

.page-id-16 #customer_login button.button:hover {
    background-color: #0682c3 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 15px rgba(6, 130, 195, 0.25) !important;
}

/* Lost Password Link */
.page-id-16 #customer_login .woocommerce-LostPassword {
    margin-top: 10px !important;
}

.page-id-16 #customer_login .woocommerce-LostPassword a {
    color: #0ba3e6 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

.page-id-16 #customer_login .woocommerce-LostPassword a:hover {
    color: #0682c3 !important;
    text-decoration: underline !important;
}


















/* ==========================================
   11. GLOBAL PASSWORD FIELD EYE ICON UPDATE (PAGE-ID-16)
   ========================================== */
/* Password input fields par right-side padding dena */
.page-id-16 input[type="password"] {
    padding-right: 45px !important;
}

/* Password wrapper class ko relative positioned karna */
.page-id-16 span.password-input {
    position: relative !important;
    display: block !important;
    width: 100% !important;
}

/* Default broken font/dashicon ko bilkul hidden karna */
.page-id-16 button.show-password-input::after,
.page-id-16 .show-password-input::after {
    content: none !important;
    display: none !important;
}

/* Button visibility toggle ke default background aur border ko clear karna */
.page-id-16 button.show-password-input,
.page-id-16 .show-password-input {
    position: absolute !important;
    top: 50% !important;
    right: 15px !important;
    transform: translateY(-50%) !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 24px !important;
    height: 24px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 10 !important;
    min-height: auto !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 20px 20px !important;
}

/* 1. Normal Eye SVG: Jab password hidden ho (Grey Color) */
.page-id-16 button.show-password-input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z' /%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z' /%3E%3C/svg%3E") !important;
}

/* 2. Normal Eye Hover SVG: Hover karne par (Brand Blue Color) */
.page-id-16 button.show-password-input:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230ba3e6' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z' /%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z' /%3E%3C/svg%3E") !important;
}

/* 3. Slashed Eye SVG: Jab password displayed ho (Grey Color) */
.page-id-16 button.show-password-input.display-password {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l18 18' /%3E%3C/svg%3E") !important;
}

/* 4. Slashed Eye Hover SVG: Hover karne par (Brand Blue Color) */
.page-id-16 button.show-password-input.display-password:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%230ba3e6' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l18 18' /%3E%3C/svg%3E") !important;
}
















/* ==========================================
   12. ORDER TRACKING CARD STYLING (PAGE-ID-1014)
   ========================================== */
/* Main page title ko center aur solid black karna */
.page-id-1014 h1,
.page-id-1014 h2,
.page-id-1014 .entry-title {
    color: #111827 !important; /* Solid Black */
    font-family: 'Inter', sans-serif !important; /* Font changed to Inter */
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

/* Form wrapper ko centered premium white card mein badalna (Width: 800px) */
.page-id-1014 form.track_order {
    background-color: #ffffff !important; /* Clean White Background */
    border: 1px solid #e5e7eb !important;     /* 1px Solid Light Grey Border */
    border-radius: 16px !important;
    padding: 45px 50px !important; /* Spacious internal padding */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important; /* Soft Shadow */
    max-width: 800px !important; /* Increased Width */
    margin: 40px auto !important; /* Center alignment */
    box-sizing: border-box !important;
}

/* Tracking description text styling (Darker & Bold) */
.page-id-1014 form.track_order p:first-of-type {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #374151 !important; /* Darker gray description */
    margin-bottom: 30px !important;
}

/* Input labels (Solid Black & Extra Bold) */
.page-id-1014 form.track_order label {
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important; /* Extra Bold */
    font-size: 15px !important;
    color: #111827 !important;   /* Solid Black */
    display: block !important;
    margin-bottom: 10px !important;
}

/* Input fields styling */
.page-id-1014 form.track_order input.input-text {
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    outline: none !important;
    transition: all 0.2s ease-in-out !important;
    background-color: #ffffff !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.page-id-1014 form.track_order input.input-text:focus {
    border-color: #0ba3e6 !important;
    box-shadow: 0 0 0 3px rgba(11, 163, 230, 0.1) !important;
}

/* Input field placeholders */
.page-id-1014 form.track_order input.input-text::placeholder {
    color: #9ca3af !important;
    font-size: 12px;
}

/* Force fields to stack vertically: 1 field per line */
.page-id-1014 form.track_order .form-row-first,
.page-id-1014 form.track_order .form-row-last {
    width: 100% !important; /* Take full card width */
    float: none !important;  /* No floating layout */
    margin-bottom: 25px !important; /* Margin between fields */
    box-sizing: border-box !important;
}

/* Submit button "Volgen" (Solid Blue Pill) */
.page-id-1014 form.track_order button.button {
    background-color: #0ba3e6 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 30px !important;
    padding: 12px 40px !important; /* Extra padding */
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: inline-block !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    cursor: pointer !important;
    box-shadow: 0 4px 10px rgba(11, 163, 230, 0.15) !important;
    margin-top: 10px !important;
}

.page-id-1014 form.track_order button.button:hover {
    background-color: #0682c3 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 15px rgba(6, 130, 195, 0.25) !important;
}

/* Responsive spacing adjustments for mobile */
@media (max-width: 768px) {
    .page-id-1014 form.track_order {
        padding: 25px !important;
        margin: 20px 10px !important;
    }
}












/* ==========================================
   13. HEADER CART DROPDOWN STYLING (UPDATED)
   ========================================== */
/* Main dropdown container wrapper */
header div.cart-dropdown-wrapper {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;     /* 1px Solid Light Grey Border */
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important; /* Soft Shadow */
    padding: 20px !important;
    width: 330px !important; /* Perfect standard width */
    box-sizing: border-box !important;
    font-family: 'Inter', sans-serif !important; /* Set to Inter */
}

/* Force Inter font on all dropdown elements */
header div.cart-dropdown-wrapper,
header div.cart-dropdown-wrapper span,
header div.cart-dropdown-wrapper a,
header div.cart-dropdown-wrapper strong {
    font-family: 'Inter', sans-serif !important;
}

/* Mini cart product item flex row layout */
header div.cart-dropdown-wrapper .elementor-menu-cart__product {
    display: flex !important;
    align-items: center !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #f3f4f6 !important;
    gap: 12px !important;
    position: relative !important;
}

/* Image styling */
header div.cart-dropdown-wrapper .elementor-menu-cart__product-image {
    width: 50px !important;
    height: auto !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

header div.cart-dropdown-wrapper .elementor-menu-cart__product-image img {
    border-radius: 6px !important;
    border: 1px solid #e5e7eb !important;
    width: 100% !important;
    height: auto !important;
}

/* Product title name alignment (Font size reduced to 12px) */
header div.cart-dropdown-wrapper .elementor-menu-cart__product-name {
    flex-grow: 1 !important;
    font-size: 12px !important; /* Font size decreased */
    font-weight: 600 !important;
    color: #1f2937 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    text-align: left !important;
}

header div.cart-dropdown-wrapper .elementor-menu-cart__product-name a {
    color: #1f2937 !important;
    font-size: 12px !important; /* Font size decreased */
    text-decoration: none !important;
    transition: color 0.2s !important;
}

header div.cart-dropdown-wrapper .elementor-menu-cart__product-name a:hover {
    color: #0ba3e6 !important;
}

/* Price & Quantity styling */
header div.cart-dropdown-wrapper .elementor-menu-cart__product-price {
    font-size: 12px !important;
    color: #4b5563 !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 0 !important;
}

header div.cart-dropdown-wrapper .elementor-menu-cart__product-price .quantity {
    border: none !important; /* Remove bordered boxes */
    padding: 0 !important;
    background: transparent !important;
    display: inline-block !important;
}

header div.cart-dropdown-wrapper .elementor-menu-cart__product-price .product-quantity {
    color: #9ca3af !important; /* Lighter grey for '1 x' multiplier */
    margin-right: 3px !important;
}

header div.cart-dropdown-wrapper .elementor-menu-cart__product-price .woocommerce-Price-amount {
    color: #0ba3e6 !important; /* Brand Blue */
    font-weight: 600 !important;
}

/* Remove buttons styling (Duplicate close button hidden) */
header div.cart-dropdown-wrapper .elementor-menu-cart__product-remove {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* Hide the elementor duplicate close button */
header div.cart-dropdown-wrapper .elementor-menu-cart__product-remove a.elementor_remove_from_cart_button {
    display: none !important; /* Hidden duplicate button */
}

header div.cart-dropdown-wrapper .elementor-menu-cart__product-remove a.remove_from_cart_button {
    color: #ef4444 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    width: 22px !important;
    height: 22px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    transition: all 0.2s ease-in-out !important;
    position: relative !important;
    margin: 0 !important;
}

header div.cart-dropdown-wrapper .elementor-menu-cart__product-remove a.remove_from_cart_button:hover {
    background-color: #fee2e2 !important;
}

header div.cart-dropdown-wrapper .elementor-menu-cart__product-remove a.remove_from_cart_button::before {
    content: "×" !important; /* Unicode cross symbol */
    font-family: Arial, sans-serif !important;
    font-weight: bold !important;
}

/* Subtotal row formatting */
header div.cart-dropdown-wrapper .elementor-menu-cart__subtotal {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 15px 0 !important;
    font-size: 14px !important;
    color: #1f2937 !important;
    border-bottom: 1px solid #f3f4f6 !important;
    margin-bottom: 15px !important;
}

header div.cart-dropdown-wrapper .elementor-menu-cart__subtotal strong {
    font-weight: 600 !important;
}

header div.cart-dropdown-wrapper .elementor-menu-cart__subtotal .woocommerce-Price-amount {
    font-weight: 700 !important;
    color: #0ba3e6 !important; /* Brand Blue */
}

/* Checkout Button (Hidden as requested) */
header div.cart-dropdown-wrapper a.elementor-button--checkout {
    display: none !important;
}

/* View Cart Button (Solid Brand Blue Pill) */
header div.cart-dropdown-wrapper a.elementor-button--view-cart {
    background-color: #0ba3e6 !important; /* Brand Sky Blue */
    font-family: 'Inter', sans-serif !important; /* Set to Inter */
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    padding: 12px 24px !important;
    border-radius: 30px !important; /* Pill style */
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 10px rgba(11, 163, 230, 0.15) !important;
    transition: all 0.2s ease-in-out !important;
    margin-top: 15px !important;
    border: none !important;
    text-decoration: none !important;
}

header div.cart-dropdown-wrapper a.elementor-button--view-cart:hover {
    background-color: #0682c3 !important; /* Darker Blue */
    box-shadow: 0 6px 15px rgba(6, 130, 195, 0.25) !important;
    color: #ffffff !important;
}


















/* ==========================================================================
   ARCHIVE PAGE: SUBCATEGORY CARDS (product-category)
   ========================================================================== */

/* Grid wrapper reset */
.archive .products li.product-category {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Card link wrapper — white rounded card with shadow (same family as product cards) */
.archive .products li.product-category > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background-color: #ffffff !important;
    border-radius: 20px !important;
    padding: 30px 20px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    min-height: 220px !important;
}

/* Hover lift effect, same as product cards */
.archive .products li.product-category:hover > a {
    transform: translateY(-6px) !important;
    box-shadow: 0 15px 35px rgba(11, 163, 230, 0.1) !important;
}

/* Image — full width, NOT cropped, proper aspect ratio maintained */
.archive .products li.product-category > a img {
    width: 100% !important;
    max-width: 160px !important;
    height: auto !important;
    aspect-ratio: 2 / 3 !important; /* matches original 60x90 ratio, avoids distortion */
    object-fit: contain !important; /* poori image dikhegi, crop nahi hogi */
    image-rendering: -webkit-optimize-contrast !important; /* thora sharper rendering */
    margin: 0 auto 20px auto !important;
    display: block !important;
}

/* Title styling — matches product title style */
.archive .products li.product-category > a .woocommerce-loop-category__title {
    font-family: 'Playfair Display', serif !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #111827 !important;
    text-align: center !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    transition: color 0.2s ease !important;
}

/* Title hover color */
.archive .products li.product-category:hover .woocommerce-loop-category__title {
    color: #0ba3e6 !important;
}

/* Count badge "(18)" styling */
.archive .products li.product-category .woocommerce-loop-category__title mark.count {
    background: none !important;
    color: #6b7280 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}