/*
Theme Name: Posh
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Imranhossainbpp
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1738094647
Updated: 2025-01-28 20:04:07

*/

.button.wc-forward {
  background: #000 !important;
  color: #FFF !important;
  border: 1px solid #000 !important;
  transition: .3s;
}
.button.wc-forward:hover {
  background: #FFF !important;
  color: #000 !important;
}
.elementor-menu-cart__footer-buttons .elementor-button {
	background: #000 !important;
}

h2, h3, h4, h5, h6, h7, h8, h9 {
	font-family: Poppins, sans-serif;
	color: #222;
	margin-bottom: 1rem;
}

h2 {
	font-size: 2.25rem;
	font-weight: 600;
}

h3 {
	font-size: 1.75rem;
	font-weight: 600;
}

h4 {
	font-size: 1.5rem;
	font-weight: 600;
}

h5 {
	font-size: 1rem;
	font-weight: 300;
}

h9 {
	font-size: 1.5rem;
	font-weight: 600;
}

add_action('elementor/query/products', function($query) {
	$meta_query = $query->get('meta_query') ?: [];
	$meta_query[] = [
		'key'     => '_visibility',
		'value'   => 'hidden',
		'compare' => '!=',
	];
	$query->set('meta_query', $meta_query);
});

/* Style the BOGO notice box */
.woocommerce-notices-wrapper .acfw-bogo-notice-text {
  background: #fff0f6;
  color: #4a004e;
  border: 2px solid #ff66b3;
  border-radius: 16px;
  padding: 16px 20px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

/* Style the button inside the notice */
.woocommerce-notices-wrapper .acfw-bogo-notice-text a.button {
  background-color: #ff66b3;
  color: white !important;
  border: none;
  border-radius: 999px;
  padding: 10px 22px;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.2s ease-in-out;
}

.woocommerce-notices-wrapper .acfw-bogo-notice-text a.button:hover {
  background-color: #e6007e;
}

/* =========================================
   Page 412 Cart Styling - WooCommerce Blocks
   Match Checkout3 Design - TARGETED ONLY
   ========================================= */

/* Only apply to page 412 (cart page) */
body.page-id-412 {
  font-family: 'Poppins', sans-serif;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  margin: 0;
  padding: 20px;
  min-height: 100vh;
}

/* Cart container styling */
body.page-id-412 .wp-block-woocommerce-cart {
  max-width: 1200px;
  margin: 0 auto;
  background: white;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
  overflow: hidden;
}

/* Cart header */
body.page-id-412 .wp-block-woocommerce-cart h1 {
  background: linear-gradient(135deg, #E0457B 0%, #0ABAB5 100%);
  color: white;
  padding: 50px 30px;
  text-align: center;
  margin: 0;
  font-size: 2.8rem;
  font-weight: 700;
  text-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* Cart items table */
body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-items {
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  border: 1px solid #e0e0e0;
  margin: 30px;
  overflow: hidden;
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-items table {
  width: 100%;
  border-collapse: collapse;
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-items th {
  background: #f8f9fa;
  color: #333;
  font-weight: 600;
  padding: 20px 15px;
  text-align: left;
  border-bottom: 2px solid #f0f0f0;
  font-size: 1rem;
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-items td {
  padding: 20px 15px;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: middle;
  transition: background-color 0.2s ease;
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-items tr:hover td {
  background-color: #fafbfc;
}

/* Product thumbnail */
body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-items .wc-block-cart-item__image img {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 8px;
}

/* Product name */
body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-items .wc-block-cart-item__name {
  font-weight: 600;
  color: #333;
  font-size: 1rem;
}

/* Product price */
body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-items .wc-block-cart-item__price {
  font-weight: 600;
  color: #E0457B;
  font-size: 1rem;
}

/* Quantity input */
body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-items .wc-block-cart-item__quantity input {
  width: 80px;
  padding: 12px 16px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-items .wc-block-cart-item__quantity input:focus {
  outline: none;
  border-color: #E0457B;
  box-shadow: 0 0 0 3px rgba(224, 69, 123, 0.1);
}

/* Remove button */
body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-items .wc-block-cart-item__remove-link {
  background: #dc3545;
  color: white;
  border: none;
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.3s ease;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-items .wc-block-cart-item__remove-link:hover {
  background: #c82333;
  transform: translateY(-1px);
}

/* Cart totals section */
body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-totals {
  background: white;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  border: 1px solid #e0e0e0;
  margin: 30px;
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-totals h2 {
  color: #333;
  margin: 0 0 25px 0;
  font-size: 1.5rem;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 2px solid #f0f0f0;
}

/* Cart totals table */
body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-totals .wc-block-cart__totals-table {
  width: 100%;
  border-collapse: collapse;
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-totals .wc-block-cart__totals-table th,
body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-totals .wc-block-cart__totals-table td {
  padding: 10px 0;
  font-size: 1rem;
  color: #666;
  border-bottom: 1px solid #f0f0f0;
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-totals .wc-block-cart__totals-table .wc-block-cart__totals-total th,
body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-totals .wc-block-cart__totals-table .wc-block-cart__totals-total td {
  border-top: 2px solid #f0f0f0;
  margin-top: 15px;
  padding-top: 15px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #333;
}

/* Checkout button */
body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart__proceed-to-checkout .wp-block-button__link {
  width: 100%;
  background: #E0457B;
  color: white;
  padding: 18px;
  border: none;
  border-radius: 12px;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top: 20px;
  font-family: 'Poppins', sans-serif;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart__proceed-to-checkout .wp-block-button__link:hover {
  background: #C03A68;
}

/* Coupon form */
body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart__coupon-form {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
  flex-wrap: wrap;
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart__coupon-form input {
  padding: 12px 16px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
  min-width: 200px;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart__coupon-form input:focus {
  outline: none;
  border-color: #E0457B;
  box-shadow: 0 0 0 3px rgba(224, 69, 123, 0.1);
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart__coupon-form .wp-block-button__link {
  background: #E0457B;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 1rem;
  font-family: 'Poppins', sans-serif;
  text-decoration: none;
  display: inline-block;
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart__coupon-form .wp-block-button__link:hover {
  background: #C03A68;
  transform: translateY(-1px);
}

/* Empty cart styling */
body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart__empty-cart {
  text-align: center;
  padding: 60px 20px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  border: 1px solid #e0e0e0;
  margin: 30px;
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart__empty-cart h2 {
  color: #E0457B;
  margin-bottom: 20px;
  font-size: 2rem;
  font-weight: 600;
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart__empty-cart p {
  color: #666;
  font-size: 1.1rem;
  margin-bottom: 30px;
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart__empty-cart .wp-block-button__link {
  background: #E0457B;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 1rem;
  font-family: 'Poppins', sans-serif;
  text-decoration: none;
  display: inline-block;
}

body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart__empty-cart .wp-block-button__link:hover {
  background: #C03A68;
  transform: translateY(-1px);
}

/* Mobile responsive for page 412 only */
@media (max-width: 768px) {
  body.page-id-412 .wp-block-woocommerce-cart {
    margin: 10px;
    border-radius: 12px;
  }
  
  body.page-id-412 .wp-block-woocommerce-cart h1 {
    padding: 30px 20px;
    font-size: 2rem;
  }
  
  body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-items,
  body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-totals,
  body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart__empty-cart {
    margin: 20px;
    padding: 20px;
  }
  
  body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-items table {
    font-size: 0.9rem;
  }
  
  body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-items th,
  body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-items td {
    padding: 15px 10px;
  }
  
  body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart-items .wc-block-cart-item__image img {
    width: 50px;
    height: 50px;
  }
  
  body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart__coupon-form {
    flex-direction: column;
    align-items: stretch;
  }
  
  body.page-id-412 .wp-block-woocommerce-cart .wc-block-cart__coupon-form input {
    min-width: 150px;
  }
}

/* Style all WooCommerce notices */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
    background: #fff !important;
    border: 1px solid #E0457B !important;
    border-radius: 8px !important;
    font-family: 'Poppins', sans-serif !important;
    color: #333 !important;
    padding: 15px 20px !important;
    margin: 10px 0 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

/* Style the action buttons/links within notices */
.woocommerce .woocommerce-message a,
.woocommerce .woocommerce-info a,
.woocommerce .woocommerce-error a {
    background: #E0457B !important;
    color: #fff !important;
    padding: 8px 16px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500 !important;
    display: inline-block !important;
    margin-left: 10px !important;
    transition: all 0.3s ease !important;
}

.woocommerce .woocommerce-message a:hover,
.woocommerce .woocommerce-info a:hover,
.woocommerce .woocommerce-error a:hover {
    background: #c03a6b !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(224, 69, 123, 0.3) !important;
}

/* Specific styling for checkout page notices */
.woocommerce-checkout .woocommerce-info {
    background: #f8f9fa !important;
    border-left: 4px solid #E0457B !important;
}

/* ============================================================
   Cart BNPL messaging de-overlap — page 412 (/cart/)
   Stacks the Stripe (Afterpay/Klarna/Affirm) and PayPal Pay Later
   "Pay in 4" messages cleanly above the PayPal buttons.
   Display layer only. No payment logic or plugin settings touched.
   ============================================================ */

.eael-woo-cart-wrapper .cart_totals .wc-proceed-to-checkout {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Stripe BNPL message: neutralize negative margins and the collapsed
   height so the message renders fully and reserves its own row. */
.eael-woo-cart-wrapper .cart_totals #payment-method-message,
.eael-woo-cart-wrapper .cart_totals #payment-method-message.pmme-updated,
.eael-woo-cart-wrapper .cart_totals .pmme-loading {
  --wc-bnpl-margin-bottom: 0 !important;
  --wc-bnpl-height: auto !important;
  --wc-bnpl-container-height: auto !important;
  margin: 0 !important;
  padding: 0 1em !important;
  height: auto !important;
  min-height: 24px;
}

/* PayPal Pay Later message: clear plugin spacing; the flex gap handles it. */
.eael-woo-cart-wrapper .cart_totals .ppcp-messages {
  margin: 0 !important;
  padding: 0 !important;
}