/*  Luxury Handbags Customizer Additional CSS, served as a file by coveti-custom-css-file 1.0.0. Edit it in Appearance > Customize > Additional CSS; this file regenerates on save. */
/*  Luxury Handbags PDP — neutralise the wishlist-button hack (scoped to wishlist wrapper) */
.wd-single-wishlist-btn.vc_custom_1727536776161 {
  margin-top: 0 !important;
  padding: 6px 0 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}


/*  Luxury Handbags PDP — hide redundant payment-icon banner (card brands already covered by Stripe express + checkout); decorative image, not cloaked content */
body.single-product img[src*="guaranteed-safe-checkout-bordered"] { display: none !important; }

/*  Luxury Handbags PDP — keep WhatsApp help link quiet, left-aligned (not a centered button) */
body.single-product .wd-button-wrapper:has(a[href*="api.whatsapp.com"]) { text-align: left !important; }


/*  Luxury Handbags PDP — refine Emirates Skywards trust badge in place: slimmer/premium. Brand red & logo proportions untouched. */
body.single-product .coveti-skywards-widget.is-before-sizeguide{ gap:14px !important; margin:4px 16px 10px 0 !important; align-items:center !important; }
body.single-product .coveti-skywards-widget.is-before-sizeguide .coveti-skywards-widget__logo,
body.single-product .coveti-skywards-widget.is-before-sizeguide .coveti-skywards-widget__logo img{ width:58px !important; height:auto !important; flex:0 0 58px !important; }
body.single-product .coveti-skywards-widget.is-before-sizeguide .coveti-skywards-widget__text{ font-size:12px !important; line-height:1.35 !important; }


/* ═══  Luxury Handbags Agent — cold-start muse rail, pill repair ═══
   The rail renders outside any .cais-root wrapper, so every --cais-* token is
   undefined there and .cais-pill's own background declaration dies. WoodMart's
   :is(.btn,.button,button,[type="submit"],[type="button"]) is the same (0,1,0)
   weight as .cais-pill and loads later, so the theme won every shared property.
   Two-class selectors (0,2,0) settle it on weight. Literal LONGHANDS only — a
   shorthand carrying var() becomes a pending-substitution value and did NOT win
   this cascade in testing. Verified live, desktop + 375px, 2026-08-09. */

/* keep the rail on its own line: .wd-shop-tools is a wrapping flex row, and
   correctly-sized pills otherwise let "Show : 50 / 100 / 150" slide up beside it */
.wd-shop-tools > .coveti-muse { flex: 0 0 100%; width: 100%; }

.coveti-muse .cais-pill,
.coveti-muse .coveti-muse__pill {
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 44px;
	height: auto;
	padding-top: 11px;
	padding-right: 16px;
	padding-bottom: 11px;
	padding-left: 16px;
	border-width: 1px;
	border-style: solid;
	border-color: #918A80;
	border-radius: 999px;
	background-color: #FAF8F3;
	background-image: none;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
	color: #5C564C;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.2;
	font-family: -apple-system, "Inter", "SF Pro Text", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	letter-spacing: normal;
	text-transform: none;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .2s ease, border-color .2s ease, transform .12s ease;
}
.coveti-muse .cais-pill:hover,
.coveti-muse .coveti-muse__pill:hover {
	border-color: #BC964E;
	background-color: #FAF8F3;
	color: #5C564C;
}
.coveti-muse .cais-pill:active,
.coveti-muse .coveti-muse__pill:active { transform: scale(.96); }
.coveti-muse .cais-pill:focus-visible,
.coveti-muse .coveti-muse__pill:focus-visible {
	outline: 2px solid #BC964E;
	outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
	.coveti-muse .cais-pill,
	.coveti-muse .coveti-muse__pill { transition: none; }
	.coveti-muse .cais-pill:active,
	.coveti-muse .coveti-muse__pill:active { transform: none; }
}


/* ═══  Luxury Handbags Agent — product-loop CTAs, restore the agent's own control shape ═══
   .coveti-ais-loop__btn declares radius 8px / Copperplate Light / weight 700 at
   (0,1,0), which TIES with WoodMart's :is(.btn,.button,button,…) and loses on
   load order, so the buttons rendered as hard-cornered system-sans blocks. The
   existing body.coveti-catalog rule (0,2,1) already re-declares font-size,
   letter-spacing and padding for exactly this reason — these three were missed.
   Fill colours are untouched: ink = primary, gold hairline = secondary, by design. */
body.coveti-catalog .coveti-ais-loop__btn {
	border-radius: 8px;
	font-family: "Copperplate Light", -apple-system, "Inter", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-weight: 700;
}


/* ═══  Luxury Handbags Agent — control sweep round 2 ═══
   Same defect throughout: an agent rule at (0,1,0) ties WoodMart's
   :is(.btn,.button,button,[type="submit"],[type="button"]) and loses on load
   order. Note the agent rules open with `all: unset` — that does NOT protect
   them; it is itself one (0,1,0) declaration the theme simply overwrites.
   Two-class selectors (0,2,0); literal longhands only (a shorthand carrying
   var() loses this cascade); no --cais-* tokens because none of these surfaces
   sit inside .cais-root. Verified live at 1913px, 2026-08-09. */

.cais-strip__pills .cais-strip__pill{-webkit-appearance:none;appearance:none;box-sizing:border-box;display:inline-flex;align-items:center;min-height:36px;height:auto;padding-top:8px;padding-right:14px;padding-bottom:8px;padding-left:14px;border-width:1px;border-style:solid;border-color:#ECE6DA;border-radius:999px;background-color:#FFFFFF;background-image:none;box-shadow:none;color:#5C564C;font-weight:500;font-size:12px;line-height:1.2;font-family:-apple-system, "Inter", "SF Pro Text", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;letter-spacing:normal;text-transform:none;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .12s ease}
.cais-strip__pills .cais-strip__pill:hover{background-color:rgba(188,150,78,.12);border-color:#BC964E}
.cais-strip__pills .cais-strip__pill:active{transform:scale(.95)}
.cais-strip__pills .cais-strip__pill:focus-visible{outline:2px solid #BC964E;outline-offset:2px}
/* the gold --rel variant must survive the rule above, not be flattened by it */
.cais-strip__pills .cais-strip__pill--rel{color:#7A5E1E;background-color:rgba(188,150,78,.08);border-color:rgba(188,150,78,.32)}
.cais-strip__pills .cais-strip__pill--rel:hover{background-color:rgba(188,150,78,.16)}

.cais-strip__refine .cais-strip__input{-webkit-appearance:none;appearance:none;box-sizing:border-box;flex:1 1 auto;min-width:0;min-height:0;height:auto;border-width:0;border-style:none;border-radius:0;background-color:transparent;background-image:none;box-shadow:none;outline:none;color:#1A1A1A;font-size:14px;font-weight:400;font-family:-apple-system, "Inter", "SF Pro Text", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;padding-top:9px;padding-right:0;padding-bottom:9px;padding-left:0}
.cais-strip__refine .cais-strip__input::placeholder{color:#6E6657;opacity:1}
/* 16px on phones so iOS does not zoom on focus — from the original spec */
@media (max-width:767px){.cais-strip__refine .cais-strip__input{font-size:16px}}

.cais-strip__refine .cais-strip__go{box-sizing:border-box;flex:0 0 auto;width:40px;height:40px;min-width:40px;min-height:40px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#3a2c08;background-color:transparent;background-image:radial-gradient(circle at 30% 28%,#E3C57E,#BC964E 58%,#9A7A3A);box-shadow:0 4px 12px -4px rgba(188,150,78,.6);font-size:0;letter-spacing:normal;text-transform:none;cursor:pointer}
.cais-strip__refine .cais-strip__go:focus-visible{outline:2px solid #BC964E;outline-offset:2px}

.cais-feed__thumbs .cais-feed__thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:36px;height:36px;min-width:36px;min-height:36px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-width:0;border-style:none;border-radius:50%;background-color:transparent;background-image:none;box-shadow:none;display:flex;align-items:center;justify-content:center;color:#5C564C;font-size:0;letter-spacing:normal;text-transform:none;cursor:pointer;transition:color .2s ease,background-color .2s ease,transform .12s ease}
.cais-feed__thumbs .cais-feed__thumb:hover{background-color:rgba(0,0,0,.05)}
.cais-feed__thumbs .cais-feed__thumb:active{transform:scale(.88)}
.cais-feed__thumbs .cais-feed__thumb:focus-visible{outline:2px solid #BC964E;outline-offset:2px}
.cais-feed__thumbs .cais-feed__thumb--up.is-on{color:#BC964E}
.cais-feed__thumbs .cais-feed__thumb--dn.is-on{color:#780926}

.cais-feed__actions .cais-feed__more{-webkit-appearance:none;appearance:none;box-sizing:border-box;white-space:nowrap;height:auto;min-height:0;padding-top:7px;padding-right:11px;padding-bottom:7px;padding-left:11px;border-width:1px;border-style:solid;border-color:#ECE6DA;border-radius:999px;background-color:rgba(188,150,78,.12);background-image:none;box-shadow:none;color:#7A5E1E;font-weight:600;font-size:9.5px;line-height:1.2;font-family:-apple-system, "Inter", "SF Pro Text", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,transform .12s ease}
.cais-feed__actions .cais-feed__more:hover{background-color:rgba(188,150,78,.2)}
.cais-feed__actions .cais-feed__more:active{transform:scale(.95)}
.cais-feed__actions .cais-feed__more:focus-visible{outline:2px solid #BC964E;outline-offset:2px}

.coveti-ais-sheet .coveti-ais-sheet__close{color:#222222}


/* 44px tap floor on the feed-card "more" pill. The spec sets only padding
   (7px/11px at 9.5px type), which computes to a 27px control — below the
   stylesheet's own stated P0 tap floor. Display is set explicitly so the
   centring does not depend on the theme's button rule. */
.cais-feed__actions .cais-feed__more{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:44px;
}


/* Let the feed-card action row wrap. Shortening the label to "Similar" (68px)
   was not enough on its own: .cais-feed__actions carries 12px side padding, so
   a 166px card leaves a 140px content row — 82px of thumbs + 8px gap = 50px for
   the pill. Nothing readable fits in 50px. Wrapping drops the pill to its own
   line only when it cannot fit, so wider cards still lay it out inline. */
.cais-feed__card .cais-feed__actions{
	flex-wrap:wrap;
	row-gap:8px;
}


/* 44px tap floor on the feed thumbs too. The spec sets 36px, which is under the
   stylesheet's own P0 floor; raising it keeps the 17px glyph and simply adds
   padding. Thumbs row goes 82px -> 98px, still inside the 140px content row, and
   the "Similar" pill was already wrapping to its own line. Card grows ~8px. */
.cais-feed__thumbs .cais-feed__thumb{
	width:44px;
	height:44px;
	min-width:44px;
	min-height:44px;
}

