/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 30 2026 | 08:47:49 */
/* ============================================================
   LAYOUT & BORDERS
   ============================================================ */
.sorting-box,
.desktop-filters-container {
	border: none !important;
}

@media (min-width: 768px) {
	.desktop-view-only {
		padding: 0px !important;
	}
}


/* ============================================================
   WISHLIST ICON
   ============================================================ */
.wiz-wishlist-icon-widget,
.wiz-wishlist-icon-inner {
	display: flex;
}
button.wiz-wishlist.wiz-wishlist--top-right {
	border-radius: 50%;
}

button.wiz-wishlist.wiz-wishlist--top-right:hover, button.wiz-wishlist.wiz-wishlist--top-right:focus {
    background-color: #fff;
}

/* ============================================================
	Discount badge
   ============================================================ */
.pricing-discount-badge.retail-mode-price {
    color: #f80808 !important;
    border: 1px solid #f80808;
}


/* ============================================================
   SEARCH WIDGET
   ============================================================ */
.wiz-search-icon__trigger {
	background: transparent !important;
	border-radius: 0px !important;
	border: 1px solid #E4E4FD;
}

/* Search header on mobile/tablet — icon-only, no label */
@media (max-width: 1024px) {
	.wiz-search-icon__text {
		display: none !important;
	}
	.wiz-search-icon__trigger {
		background-color: #fff !important;
		width: fit-content !important;
		padding: 0px !important;
		border: none !important;
	}
}


/* ============================================================
   CUSTOM ATTRIBUTES
   ============================================================ */
.wiz-custom-attr__text {
	color: #5e7482 !important;
	font-weight: 500;
}


/* ============================================================
   LOGIN MENU
   ============================================================ */
.login_user_menu_wrapper::after {
	height: 0px !important;
}


/* ============================================================
   UTILITY: OPACITY TOGGLE (mobile-only reveal)
   ============================================================ */
.opacity-none {
	opacity: 0;
}
@media (max-width: 768px) {
	.opacity-none {
		opacity: 1;
	}
}


/* ============================================================
   HEADER — SCROLL BEHAVIOR
   ============================================================ */

/* Hide-on-scroll top offset (desktop header) */
#hide-header,
#hide-header1 {
	top: 0;
	transition: top 0.4s ease;
}
.hide-on-scroll1 {
	top: -110px !important;
}
@media (min-width: 901px) {
	.hide-on-scroll {
		top: -153px !important;
	}
}
@media (max-width: 900px) {
	.hide-on-scroll {
		top: 0px !important;
	}
}

/* Reveal logo + icons container once sticky effect is active */
.header-logo-hide-first,
#scroll-header-container {
	opacity: 0;
	transition: opacity 0.3s ease;
}
.elementor-sticky--effects .header-logo-hide-first,
.elementor-sticky--effects #scroll-header-container {
	opacity: 1;
}


/* ============================================================
   ADD / EDIT card Overlay background
   ============================================================ */
div#modal-addcardaddachctacommon-2-add_card_ach_modal_-checkout-pm-v2_card-overlay.open{
	background-color: rgba(0, 0, 0, 0.3) !important;
}

/* ============================================================
    Category skeleton fix 
   ============================================================ */
.wiz-plp-skeleton.wiz-plp-skeleton--overlay .wiz-plp-skeleton__page-head.wiz-plp-skeleton__page-head--category {
    position: static;
}
.wiz-plp-skeleton__category-carousel { gap: 34px; }
.wiz-plp-skeleton__category-card { width: 96px; }
.wiz-plp-skeleton__category-card:nth-child(n+6) { display: none; }
.wiz-plp-skeleton__category-card-img { aspect-ratio: 1 / 1; border-radius: 50%; }



/* ============================================================
    ADD TO CART BTN FONT FAMILY 
   ============================================================ */
button.atc-btn.wiz-atc__button div {
    font-family: "ArcherPro Medium", "Sans-serif";
}



/* ============================================================
   Product cards 
 ============================================================ */
.wiz-tags__chip--global {
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
  border-radius: 35% !important;
}


.wiz-tags__chip--global {
  border-radius: 12px !important;
}


button.wiz-wishlist.wiz-wishlist--top-right {
    background-color: white;;
}


/* =========================================================
   Drawer's z-index and button style issue
 ============================================================ */
.drawer-overlay.open {
z-index: 9999 !important;
}

.drawer.open button, .swatch-request-drawer-footer button {
    border: none !important;
}

/* .e-con:has(
  .drawer.open,
  .copy-address-drawer.open,
  .modal.open,
  .change-password-modal:not([style*="none"])
) {
  z-index: auto !important;
} */


/* =========================================================
	country code buton 
 ============================================================ */
button.iti__selected-country, button.iti__selected-country:hover  {
	background-color: unset !important;
	color: black !important;
}

/* ===================================================
   swal modal ctas 
================================*/
.swal2-popup.swal2-modal.wiz-workflow-modal.swal2-show button {
background-color: #DFD5C8 !important;
color: black !important;
}

.swal2-popup.swal2-modal.wiz-workflow-modal.swal2-show button:hover {
background-color: #A1832E !important;
color: #fff !important;
}


/* ==========================================================
   Focus indicators – WCAG 2.2 (2.4.7, 1.4.11, 2.4.11, 2.4.13)
   Charcoal ring for contrast + Kalalou beige (#dfd5c8) halo
   ========================================================== */

/* Form fields: highlight on focus (mouse and keyboard) */
input:not([type="hidden"]):focus,
select:focus,
textarea:focus {
  outline: 2px solid #3d3d3d !important;
  outline-offset: 0 !important;
  border-color: #3d3d3d !important;
  box-shadow: 0 0 0 5px #dfd5c8 !important;
}

/* Links, buttons and other tab stops: keyboard focus only */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
  outline: 3px solid #3d3d3d !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 5px #dfd5c8 !important;
}

/* Windows High Contrast / forced-colors mode: use system colors */
@media (forced-colors: active) {
  input:focus,
  select:focus,
  textarea:focus,
  a:focus-visible,
  button:focus-visible {
    outline: 3px solid Highlight !important;
    box-shadow: none !important;
  }
}