/* ===========================================================
   Fly By Deniz — Amber  ·  page-level styles
   (About, Contact, Services, Blog, FAQ, WooCommerce, 404, Search)
   Builds only on tokens already defined in styles.css
   =========================================================== */

/* ---------- compact page hero + breadcrumb ---------- */
.page-hero { position: relative; overflow: hidden; padding: 132px 0 60px; }
.page-hero .scene { position: absolute; inset: 0; }
.page-hero .scene-scrim { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(26,20,18,.62) 0%, rgba(26,20,18,.74) 60%, var(--bg-1) 100%); }
:root[data-theme="light"] .page-hero .scene-scrim { background: linear-gradient(180deg, rgba(250,243,231,.55) 0%, rgba(250,243,231,.72) 60%, var(--bg-1) 100%); }
.page-hero .wrap { position: relative; z-index: 2; }
.page-hero h1 { font-size: clamp(36px, 5vw, 62px); font-weight: 500; max-width: 18ch; }
.page-hero h1 em { font-style: italic; color: var(--amber-soft); }
.page-hero .ph-sub { color: var(--muted); font-size: 18px; line-height: 1.6; max-width: 56ch; margin-top: 16px; }

.breadcrumb { display: flex; align-items: center; gap: 9px; font-size: 13px; color: var(--muted); margin-bottom: 20px; flex-wrap: wrap; }
.breadcrumb a { color: var(--muted); transition: color .2s; }
.breadcrumb a:hover { color: var(--amber); }
.breadcrumb .sep { opacity: .5; }
.breadcrumb .current { color: var(--amber-soft); font-weight: 500; }

/* ---------- prose / article copy ---------- */
.prose { max-width: 72ch; }
.prose p { color: var(--muted); font-size: 16.5px; line-height: 1.78; margin-bottom: 22px; }
.prose h2 { font-family: var(--serif); font-weight: 500; font-size: clamp(26px,3vw,38px); margin: 44px 0 16px; }
.prose h3 { font-family: var(--serif); font-weight: 500; font-size: 24px; margin: 32px 0 12px; }
.prose ul { margin: 0 0 22px; padding: 0; list-style: none; display: grid; gap: 12px; }
.prose ul li { position: relative; padding-left: 30px; color: var(--muted); font-size: 16px; line-height: 1.6; }
.prose ul li::before { content: ""; position: absolute; left: 0; top: 7px; width: 16px; height: 16px; border-radius: 50%; background: rgba(229,162,61,.16); box-shadow: inset 0 0 0 1.5px var(--amber); }
.prose blockquote { margin: 30px 0; padding: 22px 28px; border-left: 3px solid var(--amber); background: var(--surface); border-radius: 0 14px 14px 0; font-family: var(--serif); font-size: 21px; line-height: 1.45; color: var(--text); }
.prose a.inline { color: var(--amber-soft); text-decoration: underline; text-underline-offset: 3px; }

/* ---------- generic split (image + copy) ---------- */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.split.reverse .split-media { order: 2; }
.split-media { position: relative; border-radius: 22px; overflow: hidden; min-height: 460px; }
.split-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.split-media .scene { position: absolute; inset: 0; }

/* ---------- stat band ---------- */
.stat-band { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.stat { padding: 30px 26px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); text-align: center; }
.stat .num { font-family: var(--serif); font-size: clamp(38px,4vw,52px); color: var(--amber-soft); line-height: 1; }
.stat .lbl { color: var(--muted); font-size: 14px; margin-top: 10px; }

/* ---------- value cards ---------- */
.value-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.value-card { padding: 32px 28px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); transition: .3s; }
.value-card:hover { border-color: var(--line-strong); transform: translateY(-5px); }
.value-card .vc-ic { width: 52px; height: 52px; border-radius: 14px; background: rgba(229,162,61,.1); display: grid; place-items: center; color: var(--amber); margin-bottom: 18px; }
:root[data-theme="light"] .value-card .vc-ic { color: var(--coral-deep); }
.value-card h3 { font-family: var(--serif); font-weight: 500; font-size: 22px; }
.value-card p { color: var(--muted); font-size: 14.5px; line-height: 1.6; margin-top: 10px; }

/* ---------- team ---------- */
.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.team-card { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
.team-card .tc-photo { aspect-ratio: 3/3.4; position: relative; overflow: hidden; }
.team-card .tc-photo img, .team-card .tc-photo .scene { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.team-card .tc-body { padding: 18px 20px 22px; }
.team-card .tc-name { font-weight: 600; font-size: 16px; }
.team-card .tc-role { color: var(--amber-soft); font-size: 13px; margin-top: 3px; }

/* ===========================================================
   CONTACT
   =========================================================== */
.contact-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 48px; align-items: start; }
.contact-info { display: grid; gap: 16px; }
.ci-card { display: flex; gap: 16px; padding: 22px 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); transition: .25s; }
.ci-card:hover { border-color: var(--line-strong); }
.ci-card .ci-ic { width: 46px; height: 46px; border-radius: 12px; background: rgba(229,162,61,.1); display: grid; place-items: center; color: var(--amber); flex: none; }
:root[data-theme="light"] .ci-card .ci-ic { color: var(--coral-deep); }
.ci-card .ci-k { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); font-weight: 600; }
.ci-card .ci-v { font-size: 16px; margin-top: 4px; color: var(--text); }
.ci-card .ci-v a:hover { color: var(--amber); }

.wc-form { display: grid; gap: 18px; padding: 32px; border: 1px solid var(--line-strong); border-radius: var(--radius); background: var(--surface); }
.wc-form .fld { display: grid; gap: 8px; }
.wc-form .row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.wc-form label { font-size: 13px; font-weight: 600; color: var(--text); letter-spacing: .01em; }
.wc-form label .req { color: var(--coral); }
.wc-form input, .wc-form select, .wc-form textarea {
  width: 100%; background: var(--bg-2); border: 1px solid var(--line-strong); border-radius: 12px;
  padding: 13px 15px; color: var(--text); font-family: inherit; font-size: 14.5px; transition: border-color .2s, box-shadow .2s;
}
.wc-form textarea { min-height: 130px; resize: vertical; }
.wc-form input::placeholder, .wc-form textarea::placeholder { color: var(--faint); }
.wc-form input:focus, .wc-form select:focus, .wc-form textarea:focus { outline: none; border-color: var(--amber); box-shadow: 0 0 0 3px rgba(229,162,61,.14); }
.wc-form .form-note { display: none; padding: 13px 16px; border-radius: 12px; background: rgba(46,113,80,.16); border: 1px solid rgba(46,113,80,.4); color: #6FD79B; font-size: 14px; }
:root[data-theme="light"] .wc-form .form-note { color: #1C7A47; }

.map-embed { margin-top: 0; border-radius: var(--radius); overflow: hidden; border: 1px solid var(--line); position: relative; min-height: 320px; background: var(--surface-2); }
.map-embed iframe { width: 100%; height: 100%; min-height: 320px; border: 0; display: block; filter: saturate(.9) hue-rotate(-6deg); }
.map-embed .map-pin { position: absolute; left: 50%; top: 46%; transform: translate(-50%,-50%); z-index: 2; pointer-events: none; }

/* ===========================================================
   SERVICES
   =========================================================== */
.svc-rows { display: grid; gap: 22px; }
.svc-row { display: grid; grid-template-columns: 320px 1fr auto; gap: 32px; align-items: center; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); transition: .3s; }
.svc-row:hover { border-color: var(--line-strong); transform: translateY(-4px); box-shadow: 0 24px 48px -28px rgba(0,0,0,.6); }
:root[data-theme="light"] .svc-row:hover { box-shadow: 0 20px 44px -26px rgba(90,50,20,.32); }
.svc-row .svc-media { position: relative; border-radius: 14px; overflow: hidden; aspect-ratio: 16/10; }
.svc-row .svc-media img, .svc-row .svc-media .scene { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.svc-row .svc-media .num { position: absolute; left: 14px; top: 12px; z-index: 2; font-family: var(--serif); font-size: 15px; color: var(--amber-soft); background: rgba(26,20,18,.6); border: 1px solid var(--line-strong); border-radius: 8px; padding: 4px 11px; backdrop-filter: blur(6px); }
.svc-row h3 { font-family: var(--serif); font-weight: 500; font-size: 26px; }
.svc-row p { color: var(--muted); font-size: 15px; line-height: 1.6; margin-top: 10px; max-width: 52ch; }
.svc-row .svc-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.svc-row .svc-tags span { font-size: 12px; color: var(--muted); border: 1px solid var(--line); border-radius: 99px; padding: 5px 12px; }
.svc-row .svc-go { width: 52px; height: 52px; border-radius: 50%; border: 1px solid var(--line-strong); display: grid; place-items: center; color: var(--amber); transition: .25s; flex: none; }
.svc-row:hover .svc-go { background: var(--grad-cta); color: #2A170B; border-color: transparent; }

/* service single */
.svc-detail-grid { display: grid; grid-template-columns: 1fr 360px; gap: 48px; align-items: start; }
.svc-aside { position: sticky; top: 96px; display: grid; gap: 18px; }
.svc-aside .ask-card { border: 1px solid var(--line-strong); border-radius: var(--radius); padding: 26px; background: var(--surface); }
.svc-aside .ask-card h4 { font-family: var(--serif); font-weight: 500; font-size: 22px; }
.svc-aside .ask-card p { color: var(--muted); font-size: 14px; line-height: 1.55; margin: 8px 0 18px; }
.svc-aside .ask-card .btn { width: 100%; justify-content: center; }
.svc-aside .ask-card .ask-or { text-align: center; color: var(--faint); font-size: 12px; margin: 12px 0; letter-spacing: .1em; }
.related-svc { display: grid; gap: 10px; }
.related-svc a { display: flex; align-items: center; justify-content: space-between; padding: 13px 16px; border: 1px solid var(--line); border-radius: 12px; color: var(--text); font-size: 14.5px; transition: .2s; }
.related-svc a:hover { border-color: var(--amber); background: rgba(229,162,61,.06); }
.related-svc a svg { color: var(--coral); }

.step-list { counter-reset: step; display: grid; gap: 18px; margin: 22px 0; }
.step-list li { list-style: none; position: relative; padding: 20px 24px 20px 70px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.step-list li::before { counter-increment: step; content: counter(step); position: absolute; left: 22px; top: 20px; width: 34px; height: 34px; border-radius: 50%; background: var(--grad-cta); color: #2A170B; font-weight: 700; display: grid; place-items: center; font-size: 15px; }
.step-list li b { display: block; font-size: 16.5px; margin-bottom: 5px; }
.step-list li span { color: var(--muted); font-size: 14.5px; line-height: 1.55; }

/* ===========================================================
   BLOG
   =========================================================== */
.blog-layout { display: grid; grid-template-columns: 1fr 300px; gap: 48px; align-items: start; }
.blog-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.post-card { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface); transition: .3s; display: flex; flex-direction: column; }
.post-card:hover { border-color: var(--line-strong); transform: translateY(-6px); box-shadow: 0 26px 50px -28px rgba(0,0,0,.6); }
:root[data-theme="light"] .post-card:hover { box-shadow: 0 22px 44px -26px rgba(90,50,20,.3); }
.post-card .pc-media { aspect-ratio: 16/10; position: relative; overflow: hidden; }
.post-card .pc-media img, .post-card .pc-media .scene { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.post-card:hover .pc-media img { transform: scale(1.05); }
.post-card .pc-cat { position: absolute; left: 14px; top: 14px; z-index: 2; font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: #2A170B; background: var(--amber-soft); padding: 5px 11px; border-radius: 99px; }
.post-card .pc-body { padding: 22px 22px 24px; display: flex; flex-direction: column; flex: 1; }
.post-card .pc-meta { display: flex; gap: 14px; color: var(--faint); font-size: 12.5px; margin-bottom: 10px; }
.post-card h3 { font-family: var(--serif); font-weight: 500; font-size: 22px; line-height: 1.2; }
.post-card p { color: var(--muted); font-size: 14px; line-height: 1.55; margin-top: 10px; }
.post-card .pc-more { margin-top: auto; padding-top: 16px; display: inline-flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; color: var(--amber-soft); }
.post-card .pc-more svg { color: var(--coral); transition: transform .25s; }
.post-card:hover .pc-more svg { transform: translateX(4px); }
.post-card.featured { grid-column: span 2; flex-direction: row; }
.post-card.featured .pc-media { width: 52%; aspect-ratio: auto; }
.post-card.featured .pc-body { width: 48%; justify-content: center; }
.post-card.featured h3 { font-size: 30px; }

.blog-side { display: grid; gap: 28px; position: sticky; top: 96px; }
.side-box { border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; background: var(--surface); }
.side-box h4 { font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--amber); margin-bottom: 16px; }
.side-cats { display: grid; gap: 4px; }
.side-cats a { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border-radius: 10px; color: var(--muted); font-size: 14.5px; transition: .2s; }
.side-cats a:hover { background: rgba(229,162,61,.08); color: var(--text); }
.side-cats a span { font-size: 12px; color: var(--faint); }
.side-posts { display: grid; gap: 14px; }
.side-post { display: flex; gap: 13px; align-items: center; }
.side-post .sp-thumb { width: 64px; height: 56px; border-radius: 10px; overflow: hidden; flex: none; position: relative; }
.side-post .sp-thumb img, .side-post .sp-thumb .scene { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.side-post .sp-t { font-size: 14px; font-weight: 500; line-height: 1.35; }
.side-post .sp-d { color: var(--faint); font-size: 12px; margin-top: 3px; }
.tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; }
.tag-cloud a { font-size: 13px; color: var(--muted); border: 1px solid var(--line); border-radius: 99px; padding: 6px 13px; transition: .2s; }
.tag-cloud a:hover { border-color: var(--amber); color: var(--text); }

/* blog single */
.post-hero { position: relative; height: 460px; overflow: hidden; display: flex; align-items: flex-end; }
.post-hero img, .post-hero .scene { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.post-hero .ph-scrim { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(26,20,18,.2) 0%, rgba(26,20,18,.85) 100%); }
.post-hero .wrap { position: relative; z-index: 2; padding-bottom: 44px; }
.post-hero h1 { font-size: clamp(32px,4.4vw,54px); font-weight: 500; max-width: 22ch; color: #F9F2E7; }
.post-hero .pm { display: flex; gap: 16px; color: rgba(247,240,230,.8); font-size: 14px; margin-top: 16px; }
.post-single { display: grid; grid-template-columns: 1fr 280px; gap: 56px; align-items: start; }
.post-share { position: sticky; top: 96px; display: grid; gap: 14px; }
.post-share .ps-h { font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); }
.post-share .ps-row { display: flex; gap: 10px; }
.post-share .ps-row a { width: 42px; height: 42px; border-radius: 12px; border: 1px solid var(--line); display: grid; place-items: center; color: var(--muted); transition: .2s; }
.post-share .ps-row a:hover { color: var(--amber); border-color: var(--line-strong); }
.author-card { display: flex; gap: 14px; align-items: center; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); margin-top: 40px; }
.author-card .ac-av { width: 56px; height: 56px; border-radius: 50%; background: var(--grad-sun); border: 1px solid var(--line-strong); flex: none; }
.author-card .ac-n { font-weight: 600; }
.author-card .ac-r { color: var(--muted); font-size: 13px; margin-top: 2px; }

/* ===========================================================
   FAQ page
   =========================================================== */
.faq-cats { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px; }
.faq-cat { padding: 10px 18px; border: 1px solid var(--line-strong); border-radius: 99px; font-size: 14px; font-weight: 500; color: var(--muted); cursor: pointer; transition: .2s; background: none; font-family: inherit; }
.faq-cat.active { background: var(--grad-cta); color: #2A170B; border-color: transparent; }
.faq-cat:not(.active):hover { color: var(--text); border-color: var(--amber); }
.faq-section { margin-bottom: 14px; }
.faq-section-h { font-family: var(--serif); font-size: 22px; font-weight: 500; color: var(--amber-soft); margin: 36px 0 8px; }

/* ===========================================================
   WOOCOMMERCE — cart / checkout / account
   =========================================================== */
.cart-layout { display: grid; grid-template-columns: 1fr 360px; gap: 40px; align-items: start; }
.cart-table { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
.cart-row { display: grid; grid-template-columns: 88px 1fr auto auto auto; gap: 20px; align-items: center; padding: 18px 22px; border-bottom: 1px solid var(--line); }
.cart-row:last-child { border-bottom: none; }
.cart-row .cr-thumb { width: 88px; height: 66px; border-radius: 10px; overflow: hidden; position: relative; }
.cart-row .cr-thumb img, .cart-row .cr-thumb .scene { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cart-row .cr-name { font-weight: 600; font-size: 15.5px; }
.cart-row .cr-meta { color: var(--muted); font-size: 13px; margin-top: 4px; }
.cart-row .cr-price { color: var(--text); font-size: 15px; font-weight: 500; }
.qty { display: inline-flex; align-items: center; border: 1px solid var(--line-strong); border-radius: 10px; overflow: hidden; }
.qty button { width: 34px; height: 36px; color: var(--text); font-size: 16px; transition: .15s; }
.qty button:hover { background: rgba(229,162,61,.12); color: var(--amber); }
.qty input { width: 42px; height: 36px; text-align: center; background: none; border: none; color: var(--text); font-family: inherit; font-size: 14px; border-left: 1px solid var(--line); border-right: 1px solid var(--line); }
.cart-row .cr-rm { width: 34px; height: 34px; border-radius: 8px; display: grid; place-items: center; color: var(--faint); transition: .2s; }
.cart-row .cr-rm:hover { color: var(--coral); background: rgba(232,116,79,.1); }
.cart-foot { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 18px 22px; flex-wrap: wrap; }
.coupon { display: flex; gap: 10px; }
.coupon input { background: var(--bg-2); border: 1px solid var(--line-strong); border-radius: 10px; padding: 11px 14px; color: var(--text); font-family: inherit; font-size: 14px; }
.coupon input:focus { outline: none; border-color: var(--amber); }
/* Refined ghost styling for secondary WC buttons (apply coupon / update cart) —
   was falling back to the crude default WC light-grey button. */
.coupon .button,
.woocommerce .coupon button.button,
.woocommerce button.button[name="apply_coupon"],
.woocommerce button.button[name="update_cart"],
.woocommerce input.button[name="update_cart"] {
	background: var(--bg-2, #241B16) !important;
	color: var(--text, #F7F0E6) !important;
	border: 1px solid var(--line-strong, rgba(231,200,150,.22)) !important;
	border-radius: 10px !important;
	padding: 11px 22px !important;
	font-family: var(--sans, 'Inter', sans-serif) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: .03em;
	line-height: 1.2;
	text-transform: none;
	box-shadow: none !important;
	cursor: pointer;
	transition: border-color .18s, background .18s, color .18s, transform .18s;
}
.coupon .button:hover,
.woocommerce .coupon button.button:hover,
.woocommerce button.button[name="apply_coupon"]:hover,
.woocommerce button.button[name="update_cart"]:hover:not(:disabled) {
	border-color: var(--amber, #E5A23D) !important;
	color: var(--amber, #E5A23D) !important;
	background: rgba(229,162,61,.08) !important;
	transform: translateY(-1px);
}
.woocommerce button.button[name="update_cart"]:disabled { opacity: .5; cursor: default; }

.order-summary { border: 1px solid var(--line-strong); border-radius: var(--radius); padding: 28px; background: var(--surface); position: sticky; top: 96px; }
.order-summary h3 { font-family: var(--serif); font-weight: 500; font-size: 24px; margin-bottom: 18px; }
.os-line { display: flex; justify-content: space-between; padding: 11px 0; color: var(--muted); font-size: 14.5px; border-bottom: 1px solid var(--line); }
.os-line.total { border-bottom: none; padding-top: 18px; color: var(--text); font-size: 18px; font-weight: 600; }
.os-line.total .amt { font-family: var(--serif); font-size: 28px; color: var(--amber-soft); }
.order-summary .btn { width: 100%; justify-content: center; margin-top: 20px; }
.os-trust { display: flex; align-items: center; gap: 8px; justify-content: center; color: var(--faint); font-size: 12.5px; margin-top: 14px; }

.checkout-grid { display: grid; grid-template-columns: 1fr 380px; gap: 44px; align-items: start; }
.checkout-block { margin-bottom: 30px; }
.checkout-block .cb-h { display: flex; align-items: center; gap: 12px; font-family: var(--serif); font-size: 22px; font-weight: 500; margin-bottom: 18px; }
.checkout-block .cb-h .cb-n { width: 30px; height: 30px; border-radius: 50%; background: var(--grad-cta); color: #2A170B; display: grid; place-items: center; font-size: 14px; font-weight: 700; font-family: var(--sans); }
.pay-methods { display: grid; gap: 12px; }
.pay-method { display: flex; align-items: center; gap: 14px; padding: 16px 18px; border: 1px solid var(--line-strong); border-radius: 12px; cursor: pointer; transition: .2s; }
.pay-method.active { border-color: var(--amber); background: rgba(229,162,61,.07); }
.pay-method .pm-radio { width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--line-strong); flex: none; position: relative; }
.pay-method.active .pm-radio { border-color: var(--amber); }
.pay-method.active .pm-radio::after { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: var(--amber); }
.pay-method .pm-label { font-weight: 600; font-size: 14.5px; }
.pay-method .pm-sub { color: var(--muted); font-size: 12.5px; margin-top: 2px; }

/* my account */
.account-layout { display: grid; grid-template-columns: 250px 1fr; gap: 40px; align-items: start; }
.account-nav { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--surface); }
.account-nav a { display: flex; align-items: center; gap: 13px; padding: 15px 20px; color: var(--muted); font-size: 14.5px; font-weight: 500; border-bottom: 1px solid var(--line); transition: .2s; }
.account-nav a:last-child { border-bottom: none; }
.account-nav a svg { color: var(--amber); opacity: .85; }
.account-nav a.active { background: rgba(229,162,61,.1); color: var(--text); }
.account-nav a.active svg { opacity: 1; }
.account-nav a:hover { color: var(--text); }
.dash-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-bottom: 30px; }
.dash-card { padding: 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.dash-card .dc-k { color: var(--muted); font-size: 13px; }
.dash-card .dc-v { font-family: var(--serif); font-size: 32px; color: var(--amber-soft); margin-top: 6px; }
.order-list { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; }
.order-head, .order-item { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr auto; gap: 16px; align-items: center; padding: 16px 22px; }
.order-head { background: var(--bg-2); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); font-weight: 600; }
.order-item { border-top: 1px solid var(--line); font-size: 14.5px; }
.status-pill { font-size: 12px; font-weight: 600; padding: 5px 12px; border-radius: 99px; display: inline-block; }
.status-pill.completed { background: rgba(46,113,80,.18); color: #6FD79B; }
.status-pill.processing { background: rgba(229,162,61,.16); color: var(--amber-soft); }
:root[data-theme="light"] .status-pill.completed { color: #1C7A47; }

/* transfer voucher (print-ready) */
.voucher { border: 1px solid var(--line-strong); border-radius: var(--radius); overflow: hidden; background: var(--surface); box-shadow: 0 24px 50px -30px rgba(0,0,0,.6); }
:root[data-theme="light"] .voucher { box-shadow: 0 20px 44px -28px rgba(90,50,20,.3); }
.voucher .vou-top { display: flex; align-items: center; justify-content: space-between; padding: 22px 26px; background: linear-gradient(100deg, rgba(229,162,61,.16), rgba(232,116,79,.1)); border-bottom: 1px solid var(--line); }
.voucher .vou-top .brand .mark { width: 34px; height: 34px; }
.voucher .vou-top .word { font-family: var(--serif); font-size: 16px; letter-spacing: .1em; }
.voucher .vou-badge { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #2E7150; background: rgba(46,113,80,.16); border: 1px solid rgba(46,113,80,.4); padding: 6px 14px; border-radius: 99px; }
:root[data-theme="light"] .voucher .vou-badge { color: #1C7A47; }
.voucher .vou-title { font-family: var(--serif); font-weight: 500; font-size: 24px; padding: 22px 26px 4px; }
.voucher .vou-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; padding: 16px 26px 6px; }
.voucher .vou-f { display: flex; flex-direction: column; gap: 3px; padding: 12px 0; }
.voucher .vou-f.wide { grid-column: span 2; }
.voucher .vk { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--faint); font-weight: 600; }
.voucher .vv { font-size: 16px; color: var(--text); font-weight: 500; }
.voucher .vou-driver { margin: 10px 26px 0; padding: 18px 0 4px; border-top: 1px dashed var(--line-strong); }
.voucher .vou-driver .vou-grid { padding: 4px 0; }
.voucher .vd-h { font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--amber); font-weight: 600; }
.voucher .vou-foot { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 26px; border-top: 1px solid var(--line); background: var(--bg-2); flex-wrap: wrap; }
.voucher .vou-foot span { color: var(--muted); font-size: 13px; max-width: 44ch; }

/* auth (login/register) */
.auth-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; max-width: 920px; margin: 0 auto; }
.auth-card { border: 1px solid var(--line-strong); border-radius: var(--radius); padding: 36px; background: var(--surface); }
.auth-card h2 { font-family: var(--serif); font-weight: 500; font-size: 28px; margin-bottom: 6px; }
.auth-card .sub { color: var(--muted); font-size: 14.5px; margin-bottom: 24px; }

/* ===========================================================
   404 + Search
   =========================================================== */
.err-wrap { text-align: center; max-width: 640px; margin: 0 auto; padding: 60px 0; }
.err-code { font-family: var(--serif); font-size: clamp(120px, 18vw, 220px); line-height: .9; font-weight: 500; background: var(--grad-cta); -webkit-background-clip: text; background-clip: text; color: transparent; }
.err-wrap h1 { font-family: var(--serif); font-weight: 500; font-size: clamp(28px,3.4vw,40px); margin-top: 10px; }
.err-wrap p { color: var(--muted); font-size: 17px; line-height: 1.6; margin-top: 14px; }
.err-actions { display: flex; gap: 14px; justify-content: center; margin-top: 30px; flex-wrap: wrap; }
.err-search { display: flex; max-width: 460px; margin: 26px auto 0; border: 1px solid var(--line-strong); border-radius: 99px; overflow: hidden; background: var(--surface); }
.err-search input { flex: 1; background: none; border: none; padding: 15px 22px; color: var(--text); font-family: inherit; font-size: 15px; }
.err-search input:focus { outline: none; }
.err-search button { padding: 0 24px; background: var(--grad-cta); color: #2A170B; display: grid; place-items: center; }

.search-bar { display: flex; max-width: 640px; border: 1px solid var(--line-strong); border-radius: 99px; overflow: hidden; background: var(--surface); margin-bottom: 14px; }
.search-bar input { flex: 1; background: none; border: none; padding: 16px 24px; color: var(--text); font-family: inherit; font-size: 16px; }
.search-bar input:focus { outline: none; }
.search-bar button { padding: 0 26px; background: var(--grad-cta); color: #2A170B; font-weight: 600; }
.search-meta { color: var(--muted); font-size: 14.5px; margin-bottom: 30px; }
.search-meta b { color: var(--text); }
.result-list { display: grid; gap: 18px; }
.result { display: grid; grid-template-columns: 180px 1fr; gap: 22px; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); transition: .25s; }
.result:hover { border-color: var(--line-strong); transform: translateX(4px); }
.result .r-thumb { border-radius: 12px; overflow: hidden; aspect-ratio: 16/10; position: relative; }
.result .r-thumb img, .result .r-thumb .scene { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.result .r-type { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--amber); font-weight: 600; }
.result h3 { font-family: var(--serif); font-weight: 500; font-size: 22px; margin-top: 6px; }
.result p { color: var(--muted); font-size: 14px; line-height: 1.55; margin-top: 8px; }

/* ---------- pagination (shared) ---------- */
.pagination { display: flex; gap: 8px; justify-content: center; margin-top: 48px; }
.pagination a { min-width: 44px; height: 44px; padding: 0 14px; border-radius: 12px; border: 1px solid var(--line); display: grid; place-items: center; color: var(--muted); font-weight: 600; font-size: 14px; transition: .2s; }
.pagination a:hover { border-color: var(--amber); color: var(--text); }
.pagination a.active { background: var(--grad-cta); color: #2A170B; border-color: transparent; }

/* ---------- newsletter CTA strip (shared) ---------- */
.cta-strip { background: var(--surface); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.cta-strip .wrap { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 48px 32px; flex-wrap: wrap; }
.cta-strip h3 { font-family: var(--serif); font-weight: 500; font-size: clamp(24px,2.6vw,34px); max-width: 22ch; }
.cta-strip p { color: var(--muted); font-size: 15px; margin-top: 8px; }

/* ===========================================================
   RESPONSIVE
   =========================================================== */
@media (max-width: 1024px) {
  .contact-grid { grid-template-columns: 1fr; gap: 32px; }
  .svc-detail-grid { grid-template-columns: 1fr; }
  .svc-aside { position: static; grid-template-columns: 1fr 1fr; }
  .blog-layout { grid-template-columns: 1fr; }
  .blog-side { position: static; grid-template-columns: 1fr 1fr; }
  .post-single { grid-template-columns: 1fr; }
  .post-share { position: static; flex-direction: row; align-items: center; }
  .cart-layout, .checkout-grid { grid-template-columns: 1fr; }
  .order-summary { position: static; }
  .account-layout { grid-template-columns: 1fr; }
  .stat-band { grid-template-columns: repeat(2,1fr); }
  .team-grid { grid-template-columns: repeat(2,1fr); }
  .value-grid { grid-template-columns: 1fr; }
  .split { grid-template-columns: 1fr; gap: 32px; }
  .split.reverse .split-media { order: 0; }
  .split-media { min-height: 320px; }
}
@media (max-width: 720px) {
  .svc-row { grid-template-columns: 1fr; gap: 18px; }
  .svc-row .svc-go { display: none; }
  .blog-grid { grid-template-columns: 1fr; }
  .post-card.featured { grid-column: span 1; flex-direction: column; }
  .post-card.featured .pc-media, .post-card.featured .pc-body { width: 100%; }
  .post-card.featured .pc-media { aspect-ratio: 16/10; }
  .blog-side, .svc-aside { grid-template-columns: 1fr; }
  .dash-cards { grid-template-columns: 1fr; }
  .stat-band, .team-grid { grid-template-columns: 1fr 1fr; }
  .auth-grid { grid-template-columns: 1fr; }
  .cart-row { grid-template-columns: 64px 1fr auto; grid-template-areas: "thumb name name" "thumb meta meta" "qty price rm"; row-gap: 10px; }
  .order-head { display: none; }
  .order-item { grid-template-columns: 1fr 1fr; gap: 8px; }
  .result { grid-template-columns: 1fr; }
  .result .r-thumb { aspect-ratio: 16/9; }
}

/* ==========================================================================
   AMBER WOOCOMMERCE ADAPTER (1.1.0)
   The design system (pages.css / page-styles.css) targets the mockup's
   semantic classes (.tour-card / .cart-layout / .checkout-grid). The live WC
   templates emit WC-standard + .lwp-* markup, so the design styles never
   reached the rendered shop/PDP/cart/checkout. This layer styles the ACTUAL
   WC output to the Amber dark design: boxed layout, sidebar grid, dark glass
   cards, amber/coral CTAs, dark filter sidebar, dark cart/checkout panels.
   Uses the theme design tokens (--surface/--text/--primary/--accent/--line).
   ========================================================================== */
/* cart/search/account drawers above sticky header */
.lwp-cart-drawer, .lwp-search-overlay { z-index: 100000; }
.lwp-cart-drawer__panel { z-index: 100001; }
.lwp-account-pop { z-index: 100002; }

/* ==========================================================================
   LuwiPress Amber — Shop archive dark re-theme (Kit CSS override layer)
   Goal: boxed 1280px container + 296px sticky filters sidebar + 2-col card grid,
   repaint white account/search/cart panels dark, amber/coral tokens throughout.
   Tokens: --primary #E5A23D  --accent #E8744F  --sale #C9572F
           --bg #211710  --surface #2A201A  --surface-2 #322519
           --ink #F7F0E6  --muted #B7A99A  --faint #8C7E70
           --line rgba(231,200,150,.16)  --line-strong rgba(231,200,150,.26)
           --grad-cta linear-gradient(100deg,#E5A23D 0%,#E8744F 100%)
           --cta-ink #2A170B
   ========================================================================== */

/* ---- local token aliases so the rest of the block is readable ---------- */
.lwp-shop-archive,
body.woocommerce main {
  --ink: var(--text, #F7F0E6);
  --cta-ink: #2A170B;
}

/* ==========================================================================
   1. BOXED CONTAINER + SIDEBAR/GRID LAYOUT (amber real DOM structure)
   main > .lwp-page-container > .lwp-shop-grid-wrap > (aside.lwp-shop-sidebar + section.lwp-shop-results > ul.products)
   ========================================================================== */
main.lwp-shop-archive {
  background: var(--bg-1, #211710) !important;
  color: var(--ink, #F7F0E6) !important;
}
.lwp-shop-archive .lwp-page-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 46px 32px 104px !important;
  box-sizing: border-box !important;
}
.lwp-shop-archive .lwp-shop-grid-wrap {
  display: grid !important;
  grid-template-columns: 296px minmax(0, 1fr) !important;
  gap: 38px !important;
  align-items: start !important;
  margin-top: 30px !important;
}
.lwp-shop-archive .lwp-shop-sidebar {
  grid-column: 1 / 2 !important;
  position: sticky !important;
  top: 100px !important;
  align-self: start !important;
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}
.lwp-shop-archive .lwp-shop-results {
  grid-column: 2 / 3 !important;
  min-width: 0 !important;
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}
.lwp-shop-archive .lwp-smart-filters {
  width: 100% !important;
  max-width: 100% !important;
  position: static !important;
  background: var(--surface, #2A201A) !important;
  border: 1px solid var(--line, rgba(231,200,150,.16)) !important;
  border-radius: 20px !important;
  padding: 8px 24px 24px !important;
  color: var(--ink, #F7F0E6) !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  float: none !important;
}
.lwp-shop-archive .lwp-shop-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 0 4px !important;
}
.lwp-shop-archive .lwp-shop-toolbar .woocommerce-result-count {
  margin: 0 !important;
  color: var(--muted, #B7A99A) !important;
  font-size: 14.5px !important;
}
.lwp-shop-archive .lwp-shop-toolbar .woocommerce-ordering {
  margin: 0 !important;
  float: none !important;
}
.lwp-shop-archive .lwp-shop-results ul.products {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  margin: 22px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  width: 100% !important;
  float: none !important;
}
.lwp-shop-archive .lwp-shop-results ul.products::before,
.lwp-shop-archive .lwp-shop-results ul.products::after { content: none !important; display: none !important; }
.lwp-shop-archive .lwp-shop-results ul.products li.product {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
}

/* ==========================================================================
   2. FILTER SIDEBAR — blocks, headings, checkboxes, price, quick toggles
   ========================================================================== */
.lwp-shop-archive .lwp-filter-block {
  padding: 20px 0 !important;
  border-top: 1px solid var(--line) !important;
}
.lwp-shop-archive .lwp-filter-block:first-child {
  border-top: 0 !important;
}
.lwp-shop-archive .lwp-filter-block__title {
  font-size: 11.5px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: var(--amber) !important;
  font-weight: 600 !important;
  margin: 0 0 14px !important;
}

/* Filter option rows (tags / categories as checkbox/anchor rows). */
.lwp-shop-archive .lwp-filter-block a,
.lwp-shop-archive .lwp-filter-block label,
.lwp-shop-archive .lwp-filter-block li a {
  color: var(--muted) !important;
  font-size: 14px !important;
  text-decoration: none !important;
  transition: color .15s ease !important;
}
.lwp-shop-archive .lwp-filter-block a:hover,
.lwp-shop-archive .lwp-filter-block label:hover,
.lwp-shop-archive .lwp-filter-block li a:hover {
  color: var(--ink) !important;
}
.lwp-shop-archive .lwp-filter-block .count {
  color: var(--faint) !important;
  font-size: 12px !important;
  margin-left: auto !important;
}

/* Popular-tags as pill chips on dark. */
.lwp-shop-archive .lwp-filter-block.tagcloud a,
.lwp-shop-archive .tagcloud a,
.lwp-shop-archive .lwp-filter-block .tag-cloud a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 12px !important;
  margin: 0 6px 6px 0 !important;
  border: 1px solid var(--line) !important;
  border-radius: 99px !important;
  background: transparent !important;
  color: var(--muted) !important;
  font-size: 12.5px !important;
}
.lwp-shop-archive .tagcloud a:hover,
.lwp-shop-archive .lwp-filter-block.tagcloud a:hover {
  border-color: var(--amber) !important;
  color: var(--ink) !important;
}

/* Custom checkboxes (On-sale / In-stock toggles, attribute filters). */
.lwp-shop-archive .lwp-filter-block input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  border: 1.5px solid var(--line-strong) !important;
  border-radius: 6px !important;
  background: transparent !important;
  cursor: pointer !important;
  position: relative !important;
  vertical-align: middle !important;
  flex: 0 0 auto !important;
}
.lwp-shop-archive .lwp-filter-block input[type="checkbox"]:checked {
  background: var(--grad-cta) !important;
  border-color: transparent !important;
}
.lwp-shop-archive .lwp-filter-block input[type="checkbox"]:checked::after {
  content: "✓" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--cta-ink) !important;
}

/* Price range slider thumb/track. */
.lwp-shop-archive .lwp-filter-block input[type="range"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  height: 4px !important;
  border-radius: 99px !important;
  background: var(--line-strong) !important;
}
.lwp-shop-archive .lwp-filter-block input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: var(--amber) !important;
  border: 3px solid var(--surface) !important;
  cursor: pointer !important;
}
.lwp-shop-archive .lwp-filter-block input[type="range"]::-moz-range-thumb {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: var(--amber) !important;
  border: 3px solid var(--surface) !important;
  cursor: pointer !important;
}
.lwp-shop-archive .price_slider_amount .price_label,
.lwp-shop-archive .lwp-filter-block .price-vals {
  color: var(--ink) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

/* Quick-toggle chips (.lwp-quick-toggle). */
.lwp-shop-archive .lwp-quick-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: 99px !important;
  background: transparent !important;
  color: var(--muted) !important;
  font-size: 13px !important;
  cursor: pointer !important;
}
.lwp-shop-archive .lwp-quick-toggle:hover {
  border-color: var(--amber) !important;
  color: var(--ink) !important;
}
.lwp-shop-archive .lwp-quick-toggle.is-active,
.lwp-shop-archive .lwp-quick-toggle[aria-pressed="true"] {
  background: var(--grad-cta) !important;
  border-color: transparent !important;
  color: var(--cta-ink) !important;
  font-weight: 600 !important;
}

/* ==========================================================================
   3. SORT CONTROL (pill select)
   ========================================================================== */
.lwp-shop-archive .woocommerce-ordering select.orderby,
.lwp-shop-archive select.orderby,
.woocommerce-ordering select {
  background: var(--surface) !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--ink) !important;
  border-radius: 99px !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  outline: none !important;
}
.lwp-shop-archive .woocommerce-ordering select.orderby option {
  background: var(--surface) !important;
  color: var(--ink) !important;
}
.lwp-shop-archive .woocommerce-ordering select.orderby:focus {
  border-color: var(--amber) !important;
}

/* ==========================================================================
   4. PRODUCT CARDS — dark glass tiles
   ========================================================================== */
.lwp-shop-archive ul.products li.product,
.lwp-shop-archive ul.products li.product.lwp-pcard,
.lwp-shop-archive li.product .lwp-pcard {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ink) !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}
.lwp-shop-archive ul.products li.product:hover,
.lwp-shop-archive ul.products li.product.lwp-pcard:hover {
  transform: translateY(-6px) !important;
  border-color: var(--line-strong) !important;
  box-shadow: 0 28px 54px -26px rgba(0,0,0,.66) !important;
}

/* Product image area. */
.lwp-shop-archive li.product a img,
.lwp-shop-archive li.product img.attachment-woocommerce_thumbnail,
.lwp-shop-archive li.product .wp-post-image {
  width: 100% !important;
  height: 218px !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
  transition: transform .4s ease !important;
}
.lwp-shop-archive li.product:hover img.attachment-woocommerce_thumbnail,
.lwp-shop-archive li.product:hover .wp-post-image {
  transform: scale(1.08) !important;
}

/* Sale flash → coral glass pill over the photo. */
.lwp-shop-archive li.product .onsale {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  margin: 0 !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 6px 12px !important;
  border-radius: 99px !important;
  background: rgba(16,10,7,.55) !important;
  border: 1px solid var(--line-strong) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  backdrop-filter: blur(6px) !important;
  color: var(--ink) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

/* Card text body. */
.lwp-shop-archive li.product .woocommerce-loop-product__title,
.lwp-shop-archive li.product h2,
.lwp-shop-archive li.product h3 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 23px !important;
  font-weight: 500 !important;
  color: var(--ink) !important;
  padding: 18px 22px 0 !important;
  margin: 0 !important;
}
.lwp-shop-archive li.product .lwp-pcard__meta,
.lwp-shop-archive li.product .woocommerce-product-details__short-description {
  color: var(--muted) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  padding: 8px 22px 0 !important;
  margin: 0 !important;
}
.lwp-shop-archive li.product .price {
  font-family: 'Fraunces', Georgia, serif !important;
  color: var(--ink) !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  padding: 14px 22px 0 !important;
  margin: 0 !important;
  display: block !important;
}
.lwp-shop-archive li.product .price del {
  color: var(--faint) !important;
  font-size: 15px !important;
  opacity: .8 !important;
}
.lwp-shop-archive li.product .price ins {
  color: var(--amber-soft) !important;
  text-decoration: none !important;
}

/* ==========================================================================
   5. ADD-TO-CART / "VIEW" BUTTON — coral glass → gradient fill on hover
   ========================================================================== */
.lwp-shop-archive li.product a.add_to_cart_button,
.lwp-shop-archive li.product a.button.product_type_simple,
.lwp-shop-archive li.product button.product_type_simple,
.lwp-shop-archive li.product .button,
.lwp-shop-archive li.product a.added_to_cart {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 20px 22px 22px !important;
  margin-top: auto !important;
  padding: 12px 20px !important;
  border-radius: 99px !important;
  background: rgba(232,116,79,.12) !important;
  border: 1px solid rgba(232,116,79,.32) !important;
  color: var(--coral) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-transform: none !important;
  transition: background .18s ease, color .18s ease, border-color .18s ease !important;
}
.lwp-shop-archive li.product a.add_to_cart_button:hover,
.lwp-shop-archive li.product a.button.product_type_simple:hover,
.lwp-shop-archive li.product button.product_type_simple:hover,
.lwp-shop-archive li.product .button:hover,
.lwp-shop-archive li.product:hover a.add_to_cart_button {
  background: var(--grad-cta) !important;
  border-color: transparent !important;
  color: var(--cta-ink) !important;
}
.lwp-shop-archive li.product a.button.loading::after {
  color: var(--cta-ink) !important;
}

/* ==========================================================================
   6. PAGINATION
   ========================================================================== */
.lwp-shop-archive .woocommerce-pagination ul.page-numbers {
  display: flex !important;
  gap: 8px !important;
  justify-content: center !important;
  border: 0 !important;
  margin: 48px 0 0 !important;
  padding: 0 !important;
}
.lwp-shop-archive .woocommerce-pagination .page-numbers {
  min-width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: var(--muted) !important;
  font-weight: 600 !important;
  margin: 0 !important;
}
.lwp-shop-archive .woocommerce-pagination .page-numbers.current,
.lwp-shop-archive .woocommerce-pagination a.page-numbers:hover {
  background: var(--grad-cta) !important;
  border-color: transparent !important;
  color: var(--cta-ink) !important;
}

/* ==========================================================================
   7. WHITE PANELS → DARK  (account dropdown / search overlay / cart drawer)
   These render with the theme's LIGHT --ink so text is invisible on white.
   Repaint surface + text per the dark design.
   ========================================================================== */

/* ---- 7a. ACCOUNT DROPDOWN (.lwp-account-pop) -------------------------- */
.lwp-account-pop {
  background: #2A201A !important;
  border: 1px solid rgba(231,200,150,.26) !important;
  border-radius: 14px !important;
  box-shadow: 0 24px 50px -20px rgba(0,0,0,.7) !important;
  color: #F7F0E6 !important;
}
.lwp-account-pop__head {
  background: rgba(229,162,61,.08) !important;
  border-bottom: 1px solid rgba(231,200,150,.16) !important;
  color: #F7F0E6 !important;
}
.lwp-account-pop__hi {
  color: #F7F0E6 !important;
}
.lwp-account-pop__em {
  color: #F0C277 !important;
}
.lwp-account-pop__nav a,
.lwp-account-pop__nav .lwp-account-pop__label,
.lwp-account-pop__label {
  color: #B7A99A !important;
}
.lwp-account-pop__nav a:hover {
  background: rgba(229,162,61,.10) !important;
  color: #F7F0E6 !important;
}
.lwp-account-pop a,
.lwp-account-pop p,
.lwp-account-pop span,
.lwp-account-pop strong { color: inherit !important; }
.lwp-account-pop svg { color: #E5A23D !important; }

/* ---- 7b. SEARCH OVERLAY (.lwp-search-panel) -------------------------- */
.lwp-search-panel {
  background: #2A201A !important;
  border: 1px solid rgba(231,200,150,.26) !important;
  color: #F7F0E6 !important;
  box-shadow: 0 36px 64px -26px rgba(0,0,0,.74) !important;
}
.lwp-search-panel .lwp-search-input,
.lwp-search-panel input[type="search"],
.lwp-search-panel input[type="text"] {
  background: rgba(36,27,22,.6) !important;
  border: 1px solid rgba(231,200,150,.26) !important;
  border-radius: 99px !important;
  color: #F7F0E6 !important;
  caret-color: #E5A23D !important;
}
.lwp-search-panel .lwp-search-input::placeholder,
.lwp-search-panel input::placeholder {
  color: #8C7E70 !important;
}
.lwp-search-panel .lwp-search-input:focus {
  border-color: #E5A23D !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(229,162,61,.14) !important;
}
.lwp-search-panel h2,
.lwp-search-panel h3,
.lwp-search-panel .lwp-search-meta b { color: #F7F0E6 !important; }
.lwp-search-panel p,
.lwp-search-panel .lwp-search-meta { color: #B7A99A !important; }
.lwp-search-panel a { color: #E8744F !important; }
.lwp-search-panel button[type="submit"],
.lwp-search-panel .lwp-search-submit {
  background: linear-gradient(100deg, #E5A23D 0%, #E8744F 100%) !important;
  color: #2A170B !important;
  border: 0 !important;
}

/* ---- 7c. CART DRAWER (.lwp-cart-drawer__panel) ----------------------- */
.lwp-cart-drawer__panel {
  background: #1A1412 !important;
  border-left: 1px solid rgba(231,200,150,.26) !important;
  color: #F7F0E6 !important;
  box-shadow: 0 36px 64px -26px rgba(0,0,0,.74) !important;
}
.lwp-cart-drawer__head {
  background: #1A1412 !important;
  border-bottom: 1px solid rgba(231,200,150,.16) !important;
  color: #F7F0E6 !important;
}
.lwp-cart-drawer__panel h2,
.lwp-cart-drawer__panel h3,
.lwp-cart-drawer__panel .cart-item-name,
.lwp-cart-drawer__panel strong { color: #F7F0E6 !important; }
.lwp-cart-drawer__panel p,
.lwp-cart-drawer__panel .cart-item-meta,
.lwp-cart-drawer__panel small { color: #B7A99A !important; }
.lwp-cart-drawer__panel .price,
.lwp-cart-drawer__panel .amount,
.lwp-cart-drawer__panel .cart-total .amount { color: #F0C277 !important; }
.lwp-cart-drawer__panel a:not(.button) { color: #E8744F !important; }
.lwp-cart-drawer__panel hr,
.lwp-cart-drawer__panel .cart-item { border-color: rgba(231,200,150,.16) !important; }
.lwp-cart-drawer__panel .button,
.lwp-cart-drawer__panel a.checkout,
.lwp-cart-drawer__panel button.checkout {
  background: linear-gradient(100deg, #E5A23D 0%, #E8744F 100%) !important;
  color: #2A170B !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 30px -10px rgba(229,162,61,.6) !important;
}

/* Shared scrim for the overlay/drawer backdrops. */
.lwp-cart-drawer__overlay,
.lwp-search-overlay,
.lwp-account-pop__overlay {
  background: rgba(10,7,6,.62) !important;
}

/* ==========================================================================
   8. RESPONSIVE — collapse sidebar under 980px, single column under 768px
   ========================================================================== */
@media (max-width: 980px) {
  main.lwp-shop-archive,
  .lwp-shop-archive .woocommerce {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .lwp-shop-archive .lwp-smart-filters {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    top: auto !important;
    margin-bottom: 8px !important;
  }
  .lwp-shop-archive .woocommerce-result-count,
  .lwp-shop-archive .woocommerce-ordering,
  .lwp-shop-archive ul.products,
  .lwp-shop-archive .woocommerce-pagination,
  .lwp-shop-archive nav.woocommerce-pagination {
    grid-column: 1 / -1 !important;
  }
}
@media (max-width: 768px) {
  body.woocommerce main.lwp-shop-archive,
  main.lwp-shop-archive {
    padding: 36px 20px 72px !important;
  }
  .lwp-shop-archive ul.products {
    grid-template-columns: 1fr !important;
  }
  .lwp-shop-archive li.product a img,
  .lwp-shop-archive li.product .wp-post-image {
    height: 200px !important;
  }
  .lwp-shop-archive li.product .woocommerce-loop-product__title,
  .lwp-shop-archive li.product h2,
  .lwp-shop-archive li.product h3 {
    font-size: 21px !important;
  }
}

/* ==========================================================================
   8b. RESPONSIVE CORRECTION — collapse grid-wrap (real structure)
   ========================================================================== */
@media (max-width: 980px) {
  .lwp-shop-archive .lwp-shop-grid-wrap { grid-template-columns: 1fr !important; gap: 22px !important; }
  .lwp-shop-archive .lwp-shop-sidebar { position: static !important; top: auto !important; grid-column: 1 / -1 !important; margin-bottom: 6px !important; }
  .lwp-shop-archive .lwp-shop-results { grid-column: 1 / -1 !important; }
}
@media (max-width: 768px) {
  .lwp-shop-archive .lwp-page-container { padding: 30px 18px 64px !important; }
  .lwp-shop-archive .lwp-shop-results ul.products { grid-template-columns: 1fr !important; }
}


/* ==========================================================================
   9. SMART-FILTER + CARD-BUTTON dark override
   (beats theme inline #lwp-amber-smart-filters white #fff/#f6f3ed/--gold +
    widgets.css card button background:var(--ink) cream)
   ========================================================================== */
.lwp-shop-archive .lwp-smart-filters .lwp-filter-block {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--line, rgba(231,200,150,.16)) !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 18px 0 !important;
}
.lwp-shop-archive .lwp-smart-filters .lwp-filter-block:first-child { border-top: 0 !important; padding-top: 6px !important; }
.lwp-shop-archive .lwp-smart-filters .lwp-filter-block__title,
.lwp-shop-archive .lwp-smart-filters .widget-title {
  color: var(--amber, #E5A23D) !important;
}
.lwp-shop-archive .lwp-smart-filters ul li a,
.lwp-shop-archive .lwp-smart-filters .woocommerce-widget-layered-nav-list a {
  color: var(--muted, #B7A99A) !important;
}
.lwp-shop-archive .lwp-smart-filters ul li a:hover {
  color: var(--ink, #F7F0E6) !important;
  border-bottom-color: var(--amber, #E5A23D) !important;
}
.lwp-shop-archive .lwp-smart-filters ul li a span,
.lwp-shop-archive .lwp-smart-filters .woocommerce-widget-layered-nav-list a .count {
  color: var(--faint, #8C7E70) !important;
}
.lwp-shop-archive .lwp-smart-filters .lwp-tag-cloud li a,
.lwp-shop-archive .lwp-smart-filters .lwp-quick-toggle {
  background: rgba(231,200,150,.06) !important;
  border: 1px solid var(--line, rgba(231,200,150,.16)) !important;
  color: var(--muted, #B7A99A) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 6px 13px !important;
  border-radius: 999px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
.lwp-shop-archive .lwp-smart-filters .lwp-tag-cloud { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; }
.lwp-shop-archive .lwp-smart-filters .lwp-tag-cloud li { margin: 0 !important; }
.lwp-shop-archive .lwp-smart-filters .lwp-tag-cloud li a span { color: var(--faint, #8C7E70) !important; font-size: 11px !important; margin: 0 !important; }
.lwp-shop-archive .lwp-smart-filters .lwp-quick-toggles li { margin: 0 0 7px !important; }
/* standardized control radius: sort select matches the 13px button family */
.lwp-shop-archive .woocommerce-ordering select.orderby,
.woocommerce-ordering select.orderby { border-radius: 13px !important; }
.lwp-shop-archive .lwp-smart-filters .lwp-tag-cloud li a:hover,
.lwp-shop-archive .lwp-smart-filters .lwp-quick-toggle:not(.is-active):hover {
  border-color: var(--amber, #E5A23D) !important;
  color: var(--ink, #F7F0E6) !important;
  background: rgba(231,200,150,.10) !important;
}
.lwp-shop-archive .lwp-smart-filters .lwp-quick-toggle.is-active {
  background: linear-gradient(100deg,#E5A23D 0%,#E8744F 100%) !important;
  border-color: transparent !important;
  color: #2A170B !important;
}
.lwp-shop-archive .lwp-smart-filters .price_slider_amount .price_label { color: var(--muted, #B7A99A) !important; }
.lwp-shop-archive .lwp-smart-filters .price_slider_amount .button,
.lwp-shop-archive .lwp-smart-filters .woocommerce-widget-layered-nav-dropdown__submit {
  background: linear-gradient(100deg,#E5A23D 0%,#E8744F 100%) !important;
  color: #2A170B !important; border: 0 !important;
}
.lwp-shop-archive .lwp-smart-filters .price_slider .ui-slider-range { background: var(--amber, #E5A23D) !important; }
.lwp-shop-archive .lwp-smart-filters .price_slider .ui-slider-handle { background: var(--amber, #E5A23D) !important; border-color: var(--surface, #2A201A) !important; }

/* card add-to-cart button: beat widgets.css var(--ink) cream bg (specificity html body .lwp-shop-archive ...) */
html body.woocommerce.woocommerce-page ul.products li.product.lwp-pcard > a.button.add_to_cart_button,
html body.woocommerce.woocommerce-page ul.products li.product.lwp-pcard > a.button.product_type_simple,
html body.woocommerce.woocommerce-page ul.products li.product.lwp-pcard > a.button.product_type_variable,
html body.woocommerce.woocommerce-page ul.products li.product.lwp-pcard > a.button.product_type_grouped,
html body.woocommerce.woocommerce-page ul.products li.product.lwp-pcard > a.button.product_type_external,
html body.woocommerce.woocommerce-page ul.products li.product.lwp-pcard > a.button:not(.lwp-pcard-link) {
  background: rgba(232,116,79,.12) !important;
  background-color: rgba(232,116,79,.12) !important;
  background-image: none !important;
  border: 1px solid rgba(232,116,79,.34) !important;
  color: #E8744F !important;
  border-radius: 13px !important;
  text-transform: none !important;
  letter-spacing: .01em !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 13px !important;
  box-shadow: none !important;
}
html body.woocommerce.woocommerce-page ul.products li.product.lwp-pcard > a.button.add_to_cart_button:hover,
html body.woocommerce.woocommerce-page ul.products li.product.lwp-pcard > a.button:not(.lwp-pcard-link):hover,
html body .lwp-shop-archive ul.products li.product.lwp-pcard:hover > a.button.add_to_cart_button {
  background: linear-gradient(100deg,#E5A23D 0%,#E8744F 100%) !important;
  background-color: #E5A23D !important;
  background-image: linear-gradient(100deg,#E5A23D 0%,#E8744F 100%) !important;
  border-color: transparent !important;
  color: #2A170B !important;
}
html body.woocommerce.woocommerce-page ul.products li.product.lwp-pcard > a.add_to_cart_button.added {
  background: linear-gradient(100deg,#E5A23D 0%,#E8744F 100%) !important;
  color: #2A170B !important;
}

/* ==========================================================================
   10. PRODUCT DETAIL PAGE (native theme single-product.php — Elementor off)
   box + 2-col grid + amber add-to-cart + dark qty/tabs/perks
   ========================================================================== */
body.single-product main.lwp-pdp { background: var(--bg-1, #211710) !important; color: var(--ink, #F7F0E6) !important; }
body.single-product .lwp-pdp-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 40px 32px 84px !important;
  box-sizing: border-box !important;
}
body.single-product .lwp-pdp-grid > div.product {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) !important;
  gap: 54px !important;
  align-items: start !important;
}
body.single-product .lwp-pdp-grid > div.product > .lwp-pdp-sticky-col {
  grid-column: 1 / 2 !important; width: auto !important;
  position: sticky !important; top: 100px !important; align-self: start !important;
  margin: 0 !important; float: none !important;
}
body.single-product .lwp-pdp-grid > div.product > .summary,
body.single-product .lwp-pdp-grid > div.product > .entry-summary {
  grid-column: 2 / 3 !important; width: auto !important; margin: 0 !important; float: none !important;
}
body.single-product .lwp-pdp-grid > div.product > .woocommerce-tabs,
body.single-product .lwp-pdp-grid > div.product > .related,
body.single-product .lwp-pdp-grid > div.product > .upsells {
  grid-column: 1 / -1 !important; width: auto !important; float: none !important;
}
/* native add-to-cart -> amber gradient (kills WC default purple) */
body.single-product form.cart { display: flex !important; align-items: center !important; gap: 12px !important; flex-wrap: wrap !important; }
body.single-product form.cart .quantity { display: inline-flex !important; align-items: center !important; margin: 0 !important; }
body.single-product form.cart .single_add_to_cart_button,
body.single-product .summary .single_add_to_cart_button,
body.single-product .single_add_to_cart_button.button.alt,
body.single-product .single_add_to_cart_button {
  background: linear-gradient(100deg,#E5A23D 0%,#E8744F 100%) !important;
  background-color: #E5A23D !important;
  background-image: linear-gradient(100deg,#E5A23D 0%,#E8744F 100%) !important;
  color: #2A170B !important;
  border: 0 !important;
  border-radius: 13px !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 30px !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: .01em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 9px 20px -14px rgba(229,162,61,.45) !important;
}
body.single-product form.cart .single_add_to_cart_button:hover,
body.single-product .single_add_to_cart_button:hover { filter: brightness(1.06) !important; }
/* quantity input -> dark, balanced height with the button (no longer tiny) */
body.single-product .quantity input.qty,
body.single-product form.cart .quantity input.qty {
  background: var(--surface-2, #322519) !important;
  color: var(--ink, #F7F0E6) !important;
  border: 1px solid var(--line, rgba(231,200,150,.22)) !important;
  border-radius: 13px !important;
  height: 50px !important;
  width: 78px !important;
  padding: 0 6px 0 14px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}
body.single-product .quantity input.qty::-webkit-inner-spin-button,
body.single-product .quantity input.qty::-webkit-outer-spin-button { filter: invert(.7) !important; }
/* price visible */
body.single-product .summary > .price,
body.single-product .summary .price,
body.single-product .summary .price .amount { color: var(--primary, #E5A23D) !important; }
body.single-product .summary .price del .amount { color: var(--faint, #8C7E70) !important; }
/* tabs -> dark */
body.single-product .woocommerce-tabs ul.tabs { background: transparent !important; }
body.single-product .woocommerce-tabs ul.tabs::before { border-bottom-color: var(--line, rgba(231,200,150,.16)) !important; }
body.single-product .woocommerce-tabs ul.tabs li {
  background: transparent !important; border: 1px solid var(--line, rgba(231,200,150,.16)) !important;
  border-radius: 99px !important;
}
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after { display: none !important; }
body.single-product .woocommerce-tabs ul.tabs li a { color: var(--muted, #B7A99A) !important; }
body.single-product .woocommerce-tabs ul.tabs li.active { background: rgba(229,162,61,.10) !important; border-color: rgba(229,162,61,.4) !important; }
body.single-product .woocommerce-tabs ul.tabs li.active a,
body.single-product .woocommerce-tabs ul.tabs li a:hover { color: var(--primary, #E5A23D) !important; }
body.single-product .woocommerce-Tabs-panel,
body.single-product .woocommerce-Tabs-panel p,
body.single-product .woocommerce-Tabs-panel li { color: var(--muted, #B7A99A) !important; }
body.single-product .woocommerce-Tabs-panel h1,
body.single-product .woocommerce-Tabs-panel h2,
body.single-product .woocommerce-Tabs-panel h3 { color: var(--ink, #F7F0E6) !important; }
/* related heading + perks band dark (belt-and-braces over token fix) */
body.single-product .related > h2, body.single-product .related.products > h2 { color: var(--ink, #F7F0E6) !important; }
body.single-product .lwp-pdp-perks { background: var(--surface, #2A201A) !important; border-color: var(--line, rgba(231,200,150,.16)) !important; }
body.single-product .lwp-pdp-perks li { color: var(--muted, #B7A99A) !important; }
/* description heading + short desc text */
body.single-product .summary .woocommerce-product-details__short-description,
body.single-product .summary .woocommerce-product-details__short-description p { color: var(--muted, #B7A99A) !important; }
body.single-product .summary .product_title { color: var(--ink, #F7F0E6) !important; }
@media (max-width: 900px) {
  body.single-product .lwp-pdp-grid > div.product { grid-template-columns: 1fr !important; gap: 28px !important; }
  body.single-product .lwp-pdp-grid > div.product > .lwp-pdp-sticky-col { position: static !important; top: auto !important; grid-column: 1 / -1 !important; }
  body.single-product .lwp-pdp-grid > div.product > .summary { grid-column: 1 / -1 !important; }
  body.single-product .lwp-pdp-container { padding: 28px 18px 60px !important; }
}

/* ==========================================================================
   12. CART + CHECKOUT — box (fix L/R margins) + dark panels (classic + blocks)
   ========================================================================== */
body.woocommerce-cart .lwp-fallback-main,
body.woocommerce-checkout .lwp-fallback-main,
body.woocommerce-account .lwp-fallback-main,
body.woocommerce-cart main.lwp-fallback-main,
body.woocommerce-checkout main.lwp-fallback-main {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 38px 32px 84px !important;
  box-sizing: border-box !important;
}
/* classic checkout/cart panels -> dark surface */
.lwp-co-step, .lwp-co-summary {
  background: var(--surface, #2A201A) !important;
  border: 1px solid var(--line, rgba(231,200,150,.16)) !important;
  color: var(--ink, #F7F0E6) !important;
  border-radius: 16px !important;
}
.lwp-co-step h2, .lwp-co-step h3, .lwp-co-step__title,
.lwp-co-summary h2, .lwp-co-summary h3, .lwp-co-summary__title { color: var(--ink, #F7F0E6) !important; }
.lwp-co-step label, .lwp-co-summary label, .woocommerce-checkout label,
.woocommerce-cart label { color: var(--muted, #B7A99A) !important; }
.lwp-co-step .input-text,
.woocommerce-checkout input.input-text, .woocommerce-checkout textarea.input-text,
.woocommerce-checkout input[type="text"], .woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"], .woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea, .woocommerce-cart input[type="text"],
.woocommerce-account input.input-text, .woocommerce-account input[type="text"],
.woocommerce-account input[type="email"], .woocommerce-account input[type="password"],
.woocommerce-account input[type="tel"], .woocommerce-account textarea,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  background: var(--surface-2, #322519) !important;
  color: var(--ink, #F7F0E6) !important;
  border: 1px solid var(--line, rgba(231,200,150,.22)) !important;
  border-radius: 10px !important;
}
.woocommerce-checkout input::placeholder, .woocommerce-checkout textarea::placeholder,
.woocommerce-account input::placeholder { color: var(--faint, #8C7E70) !important; }
.woocommerce-checkout input:focus, .woocommerce-checkout textarea:focus,
.woocommerce-account input:focus { border-color: var(--primary, #E5A23D) !important; outline: none !important; }
/* account: nav tabs + panels dark */
.woocommerce-account .woocommerce-MyAccount-navigation { background: var(--surface, #2A201A) !important; border: 1px solid var(--line, rgba(231,200,150,.16)) !important; border-radius: 16px !important; }
.woocommerce-account .woocommerce-MyAccount-navigation a { color: var(--muted, #B7A99A) !important; }
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover { color: var(--primary, #E5A23D) !important; }
.woocommerce-account .woocommerce-MyAccount-content { color: var(--muted, #B7A99A) !important; }
.woocommerce-account .woocommerce-MyAccount-content a { color: var(--primary, #E5A23D) !important; }
.woocommerce-account form.login, .woocommerce-account form.register,
.woocommerce-account .u-column1, .woocommerce-account .u-column2 {
  background: var(--surface, #2A201A) !important; border: 1px solid var(--line, rgba(231,200,150,.16)) !important;
  border-radius: 16px !important; padding: 28px !important;
}
/* select2 dropdowns dark */
.woocommerce-checkout .select2-selection,
.select2-container--default .select2-selection--single {
  background: var(--surface-2, #322519) !important;
  border: 1px solid var(--line, rgba(231,200,150,.22)) !important;
  border-radius: 10px !important;
  height: auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--ink, #F7F0E6) !important; line-height: 40px !important; }
.select2-dropdown { background: var(--surface, #2A201A) !important; border-color: var(--line, rgba(231,200,150,.22)) !important; }
.select2-container--default .select2-results__option { background: var(--surface, #2A201A) !important; color: var(--ink, #F7F0E6) !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: rgba(229,162,61,.18) !important; color: var(--ink, #F7F0E6) !important; }
.select2-search--dropdown .select2-search__field { background: var(--surface-2, #322519) !important; color: var(--ink, #F7F0E6) !important; border-color: var(--line, rgba(231,200,150,.22)) !important; }
/* order review table */
.lwp-co-summary table, .woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td,
.shop_table, .shop_table th, .shop_table td { color: var(--ink, #F7F0E6) !important; border-color: var(--line, rgba(231,200,150,.14)) !important; }
.woocommerce-checkout-review-order-table .amount, .shop_table .amount { color: var(--primary, #E5A23D) !important; }
/* coupon / info bars */
.checkout_coupon, .woocommerce-form-coupon-toggle, .woocommerce-info,
.woocommerce-form-login-toggle, .cart-discount {
  background: var(--surface, #2A201A) !important; color: var(--muted, #B7A99A) !important;
  border-color: var(--line, rgba(231,200,150,.16)) !important;
}
.woocommerce-info a, .woocommerce-form-coupon-toggle a, .showcoupon { color: var(--primary, #E5A23D) !important; }
#place_order { border-radius: 13px !important; color: #2A170B !important; padding: 14px 32px !important; font-weight: 600 !important; }
/* payment method box */
#payment, .woocommerce-checkout #payment { background: var(--surface-2, #322519) !important; border-radius: 14px !important; }
#payment .payment_methods li, #payment label { color: var(--ink, #F7F0E6) !important; }
#payment .payment_box { background: var(--surface, #2A201A) !important; color: var(--muted, #B7A99A) !important; }
/* WC Blocks cart/checkout primary buttons -> amber */
.wc-block-components-button.wp-element-button.contained,
.wc-block-components-button.wp-element-button:not(.wc-block-components-button--text),
.wp-block-woocommerce-cart a.wc-block-cart__submit-button,
.wc-block-cart__submit-button {
  background: linear-gradient(100deg,#E5A23D 0%,#E8744F 100%) !important;
  background-color: #E5A23D !important;
  color: #2A170B !important;
  border: 0 !important;
  border-radius: 13px !important;
}

/* ==========================================================================
   13. UNIFIED MINIMAL BREADCRUMB + minimal archive header (one template for
   shop / category / product). Redundant archive H1 hidden (sr-only) so the
   page reads clean while the H1 stays in the DOM for SEO. PDP product title
   (in .summary) is untouched — that's the real content heading.
   ========================================================================== */
.lwp-crumb {
  font-size: 13px !important;
  color: var(--muted, #B7A99A) !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  flex-wrap: wrap !important;
  border: 0 !important;
  background: transparent !important;
}
.lwp-crumb a { color: var(--muted, #B7A99A) !important; text-decoration: none !important; transition: color .15s ease !important; }
.lwp-crumb a:hover { color: var(--text, #F7F0E6) !important; }
.lwp-crumb .current { color: var(--primary, #E5A23D) !important; font-weight: 500 !important; }
.lwp-crumb .sep { font-size: 0 !important; margin: 0 !important; line-height: 0 !important; }
.lwp-crumb .sep::before { content: "/" !important; font-size: 13px !important; color: var(--faint, #8C7E70) !important; }

/* shop / category archive: drop the eyebrow + hide the redundant page-title
   (kept sr-only for SEO). Category description/lead stays — it's real content. */
.lwp-shop-archive .lwp-archive-header { margin: 0 0 6px !important; min-height: 0 !important; }
.lwp-shop-archive .lwp-archive-header .lwp-eyebrow { display: none !important; }
.lwp-shop-archive .lwp-archive-header .lwp-page-title {
  position: absolute !important;
  width: 1px !important; height: 1px !important;
  padding: 0 !important; margin: -1px !important;
  overflow: hidden !important; clip: rect(0,0,0,0) !important;
  white-space: nowrap !important; border: 0 !important;
}
/* when the header has a category image (split layout), keep the media but
   pull the copy column tidy without the big title gap */
.lwp-shop-archive .lwp-archive-header--split .lwp-archive-header__copy { justify-content: center !important; }
.lwp-shop-archive .lwp-page-lead { margin-top: 4px !important; }