/* Add your custom styles here */
.ug-user-dropdown { position: relative; display: inline-block; }

/* toggle button */
.ug-user-toggle { background: transparent; border: none; padding: 0; cursor: pointer; background-color: transparent !important;}
.ug-user-logo, .ug-user-avatar { border-radius: 50%; width: 44px; height: 44px; object-fit: cover; }

/* dropdown menu (hidden by default) */
.ug-user-menu {
  position: absolute;
  right: 0;
  top: 100%;
  min-width: 200px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  border-radius: 8px;
  display: none;
  z-index: 9999;
  padding: 10px;
}

/* show on hover or focus-within */
.ug-user-dropdown:hover .ug-user-menu,
.ug-user-dropdown:focus-within .ug-user-menu {
  display: block;
}

/* menu header */
.ug-user-menu-header { display:flex; gap:10px; align-items:center; padding-bottom:8px; border-bottom:1px solid #eee; margin-bottom:8px;}
.ug-user-menu-avatar img { width:48px; height:48px; border-radius:50%; }
.ug-user-name { font-weight:600; }
.ug-user-email { font-size:12px; color:#666; }

/* list */
.ug-user-menu-list { list-style:none; padding:0; margin:0; }
.ug-user-menu-list li { margin:6px 0; }
.ug-user-menu-list a { display:block; padding:8px 10px; border-radius:6px; color:#222; text-decoration:none; }
.ug-user-menu-list a:hover { background:#f5f5f5; }

/* logout highlight */
.ug-user-logout a { color:#d9534f; font-weight:600; }
 
 .product-swiper { width: 100%; overflow: hidden; }
 .product-swiper .swiper-slide { }
 .product-img{ position: relative; height: 350px; background: #e7e7e7; padding: 12px; text-align: center; border-radius: 16px; }
 .product-img img{ width: 100%; height: 100%; object-fit: contain; }
 .prodct-add-to-cart-btn{ background-color:#F82817; font-size:18px; font-weight:400; border-radius:5px; border:1px dashed #fff; padding:9px 15px; width:93%; text-align:center; display:block; color:#fff; position:absolute; bottom:12px; left:50%; transform:translateX(-50%); text-decoration:none; opacity:0; visibility:hidden; transition:.3s; }
 .prodct-wishlist{ font-size:18px; width:40px; height:40px; background-color:#fff; border-radius:40px; display:flex; justify-content:center; align-items:center; text-decoration:none; color:#191B18; }
 .product-box-header { display:flex; gap:10px; justify-content:flex-end; align-items:center; position:absolute; width:93%; top:12px; left:50%; transform:translateX(-50%); }
 .product-box-wrap:hover .prodct-add-to-cart-btn{ opacity:1; visibility:visible; }
 .product-cont h6, .product-cont h6 a{ font-size:18px; color:#191B18; font-weight:400; margin:0; padding:14px 0 6px; text-decoration:none; }
 .product-cont p{ font-size:15px; color:#5F6662; font-weight:400; margin:0; }
 .product-swiper .swiper-button-next:after, .product-swiper .swiper-button-prev:after{ content: ""; }
 .product-swiper .swiper-button-next, .product-swiper .swiper-button-prev{ width:60px; height:60px; border:1px solid #E8EEEA; border-radius:60px; display:flex; justify-content:center; align-items:center; position:absolute; top:-50px; right:0; left:auto; }
 .product-swiper .swiper-button-prev{ right:72px !important; }
 /* Hide YITH wishlist text but keep the icon (adjust selector if your theme/plugin differs) */
 .yith-wcwl-add-to-wishlist-button .yith-wcwl-add-to-wishlist-button__label,
 .yith-wcwl-add-to-wishlist .yith-wcwl-add-to-wishlist .yith-wcwl-text { display: none !important; }

 /* Strong override for your product card add-to-cart button */
.prodct-add-to-cart-btn.button,
.prodct-add-to-cart-btn.add_to_cart_button,
.product-img .prodct-add-to-cart-btn {
  background-color: #F82817 !important;   /* red background */
  color: #ffffff !important;              /* white text */
  border: 1px dashed #ffffff !important;  /* white dashed border */
  box-shadow: none !important;            /* remove theme shadows if any */
  width: calc(100% - 24px) !important;    /* match inner padding (adjust if needed) */
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: 12px !important;
  padding: 9px 15px !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  text-align: center !important;
  text-decoration: none !important;
  display: block !important;
  border-radius: 5px !important;
  z-index: 999 !important;                /* bring above overlays */
}

/* Ensure visible when you want (hover behavior preserved) */
/* If you want button visible only on hover keep original rule, otherwise force visible: */
.product-box-wrap:hover .prodct-add-to-cart-btn { opacity: 1 !important; visibility: visible !important; }

/* If some pages show a pale background due to opacity or theme filter, force full opacity */
.product-img .prodct-add-to-cart-btn { opacity: 1 !important; }

/* Optional: style added state and loading state */
.prodct-add-to-cart-btn.kc-loading { opacity: 0.9 !important; pointer-events: none !important; }
.prodct-add-to-cart-btn.kc-added  { background-color: #27ae60 !important; border-color: transparent !important; }

/* Make sure button isn't clipped by parent overflow (if needed) */
.product-img { overflow: visible !important; }

/* Specificity override for shop/carousel lists */
ul.products li .prodct-add-to-cart-btn,
li.swiper-slide .prodct-add-to-cart-btn {
  /* narrower width for inside card */
  width: 92% !important;
}