/* ==========================================================================
   TheLazyFam — Light skin (everyday / November)
   White pages, black text & buttons, logo-yellow for badges and highlights.
   Loaded after every other theme stylesheet when Customize → Skin = Light.
   ========================================================================== */

body.tlf-skin-light {
  --tlf-bg: #FFFFFF;
  --tlf-bg-2: #F5F4F1;
  --tlf-bg-3: #ECEBE7;
  --tlf-line: #E8E6E1;
  --tlf-line-2: #D4D2CC;
  --tlf-text: #0A0A0A;
  --tlf-muted: #5F5B55;
  --tlf-muted-2: #8C877F;
  --tlf-on-accent: #0A0A0A;
  --tlf-accent-text: #8A6200;      /* deep gold — readable on white */
  --tlf-btn-bg: #0A0A0A;
  --tlf-btn-text: #FFFFFF;
  background: #FFFFFF !important;
  color: #0A0A0A;
}
html:has(body.tlf-skin-light) { background: #FFFFFF; }
body.tlf-skin-light ::selection { background: var(--tlf-accent); color: #0A0A0A; }

/* Anything sitting on a photo keeps light text (hero banner) */
body.tlf-skin-light .tlf-hero {
  --tlf-text: #F4F1EA; --tlf-muted: #CFCAC0; --tlf-bg: #0A0A0A; --tlf-line: rgba(244,241,234,.25);
  --tlf-btn-bg: var(--tlf-accent); --tlf-btn-text: #0A0A0A; --tlf-accent-text: var(--tlf-accent);
  color: #F4F1EA;
}

/* ---- Buttons ---- */
@media (hover: hover) {
body.tlf-skin-light .tlf-btn--accent:hover,
body.tlf-skin-light .woocommerce a.button.alt:hover,
body.tlf-skin-light .woocommerce button.button.alt:hover,
body.tlf-skin-light .tlf-buy .single_add_to_cart_button:hover {
  background: var(--tlf-accent) !important; color: #0A0A0A !important;
}
}
body.tlf-skin-light .tlf-btn--ghost { border-color: rgba(10,10,10,.28); }
body.tlf-skin-light .woocommerce button.button:disabled,
body.tlf-skin-light .woocommerce button.button.disabled,
body.tlf-skin-light .woocommerce button.button:disabled[disabled] { background: #DEDCD7 !important; color: #6F6B64 !important; }
body.tlf-skin-light .tlf-round { border-color: rgba(10,10,10,.22); background: rgba(255,255,255,.75); color: #0A0A0A; }
body.tlf-skin-light .tlf-round:hover, body.tlf-skin-light .tlf-iconbtn:hover { background: #0A0A0A; color: #fff; border-color: #0A0A0A; }
body.tlf-skin-light .tlf-searchform button { background: #0A0A0A; color: #fff; }
body.tlf-skin-light .tlf-pslider .tlf-pslider__nav .tlf-round:not(.tlf-round--accent) { border-color: var(--tlf-ps-prev, rgba(10,10,10,.25)) !important; }
body.tlf-skin-light .tlf-pgrid .tlf-pgrid__more .tlf-btn--ghost { border-color: var(--tlf-ps-btn, rgba(10,10,10,.3)) !important; }

/* ---- Badges ---- */
body.tlf-skin-light .tlf-pbadge--new { background: #fff; color: #0A0A0A; border: 1px solid rgba(10,10,10,.18); }
body.tlf-skin-light .tlf-pbadge--soldout { background: #0A0A0A; color: #fff; }


/* ---- Cards ---- */
body.tlf-skin-light .tlf-card__media { background: var(--tlf-bg-2); }
@media (max-width: 600px) {
  body.tlf-skin-light ul.products li.product.tlf-card .tlf-wish .woosw-btn {
    background: rgba(255,255,255,.85) !important; border-color: rgba(10,10,10,.12) !important; color: #0A0A0A !important;
  }
}
body.tlf-skin-light .tlf-wish .woosw-btn.woosw-added,
body.tlf-skin-light .tlf-wish .woosw-btn.woosw-btn-added { color: #0A0A0A !important; background: var(--tlf-accent) !important; border-color: var(--tlf-accent) !important; }
body.tlf-skin-light .tlf-price ins .amount, body.tlf-skin-light .price ins { color: #B4231A !important; } /* sale price in red on white */

/* ---- Product page ---- */
body.tlf-skin-light .tlf-product .tlf-perks .tlf-perk { border-color: var(--tlf-line-2) !important; color: #3D3A35 !important; }
body.tlf-skin-light .tlf-product .tlf-perks .tlf-perk--fam { border-color: #0A0A0A !important; color: #0A0A0A !important; background: var(--tlf-accent) !important; }
body.tlf-skin-light .tlf-product .tlf-perks .tlf-perk--fam:hover { background: #0A0A0A !important; color: var(--tlf-accent) !important; }
body.tlf-skin-light .tlf-product .tlf-perks .tlf-perk--fam .tlf-fam-dot { background: #0A0A0A; box-shadow: 0 0 0 0 rgba(10,10,10,.5); }
body.tlf-skin-light .tlf-product .tlf-perks .tlf-perk--fam::before {
  background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,.55) 48%, rgba(255,255,255,.9) 50%, rgba(255,255,255,.55) 52%, transparent 70%);
}
body.tlf-skin-light .tlf-pillbtn.is-on, body.tlf-skin-light .tlf-pills-select .is-on { background: #0A0A0A !important; color: #fff !important; border-color: #0A0A0A !important; }
body.tlf-skin-light .blockUI.blockOverlay { background: rgba(255,255,255,.7) !important; }
body.tlf-skin-light .woocommerce-message, body.tlf-skin-light .woocommerce-info { background: var(--tlf-bg-2) !important; color: #0A0A0A !important; }
body.tlf-skin-light .woocommerce-message::before, body.tlf-skin-light .woocommerce-info::before { color: #0A0A0A !important; }

/* ---- Bag drawer ---- */
body.tlf-skin-light .tlf-drawer__panel { background: #FFFFFF !important; box-shadow: -20px 0 60px rgba(0,0,0,.12); }
body.tlf-skin-light .tlf-drawer__head { border-bottom-color: var(--tlf-line) !important; }
body.tlf-skin-light .tlf-drawer .tlf-drawer__body .woocommerce-mini-cart .woocommerce-mini-cart-item { background: var(--tlf-bg-2); border-color: var(--tlf-line) !important; }
body.tlf-skin-light .tlf-drawer .woocommerce-mini-cart__total { border-top-color: var(--tlf-line) !important; }
body.tlf-skin-light .tlf-drawer__backdrop { background: rgba(10,10,10,.35); }
body.tlf-skin-light .tlf-drawer .woocommerce-mini-cart__empty-message::before {
  background: #0A0A0A !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 12H6.2z'/%3E%3Cpath d='M9 10V7a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") center / contain no-repeat !important;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1.2 12H6.2z'/%3E%3Cpath d='M9 10V7a3 3 0 0 1 6 0v3'/%3E%3C/svg%3E") center / contain no-repeat !important;
}
body.tlf-skin-light .woocommerce-mini-cart__buttons .button:not(.checkout) { background: #fff !important; color: #0A0A0A !important; border: 1px solid #0A0A0A !important; }

/* ---- Quick add bar ---- */
body.tlf-skin-light .tlf-qbar__row, body.tlf-skin-light .tlf-qbar__panel {
  background: rgba(255,255,255,.96); border-color: var(--tlf-line); box-shadow: 0 14px 40px rgba(0,0,0,.14);
}
body.tlf-skin-light .tlf-qbar__thumb { background: var(--tlf-bg-2); }
body.tlf-skin-light .tlf-qbar__size { border-color: var(--tlf-line-2); }
body.tlf-skin-light .tlf-qbar.needs-size .tlf-qbar__size { border-color: #0A0A0A; color: #0A0A0A; background: var(--tlf-accent); }
body.tlf-skin-light .tlf-qbar button.tlf-qbar__pill { border-color: var(--tlf-line-2) !important; }
body.tlf-skin-light .tlf-qbar button.tlf-qbar__pill.is-on { background: #0A0A0A !important; color: #fff !important; border-color: #0A0A0A !important; }
body.tlf-skin-light .tlf-qbar button.tlf-qbar__add.is-done { background: var(--tlf-accent) !important; color: #0A0A0A !important; }
body.tlf-skin-light .tlf-qbar__price ins { color: #B4231A !important; }
@media (min-width: 900px) { body.tlf-skin-light .tlf-qbar__row, body.tlf-skin-light .tlf-qbar__panel { border-color: rgba(10,10,10,.14); } }
@keyframes tlf-qbar-glow-light {
  0% { box-shadow: 0 14px 40px rgba(0,0,0,.14), 0 0 0 0 rgba(244,192,66,.8); }
  60%, 100% { box-shadow: 0 14px 40px rgba(0,0,0,.14), 0 0 0 12px rgba(244,192,66,0); }
}
body.tlf-skin-light .tlf-qbar.is-shown .tlf-qbar__row { animation-name: tlf-qbar-glow-light; }

/* ---- Floating menu bar ---- */
body.tlf-skin-light .tlf-dock {
  --d-bg: rgba(255,255,255,.9);
  --d-line: rgba(10,10,10,.09);
  --d-text: #0A0A0A;
  --d-muted: #6B675F;
}
body.tlf-skin-light .tlf-dock__bar { box-shadow: 0 16px 44px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.8); }
body.tlf-skin-light .tlf-dock__link:hover, body.tlf-skin-light .tlf-dock__btn:not(.tlf-dock__btn--cart):hover { background: rgba(10,10,10,.05) !important; }
body.tlf-skin-light .tlf-dock__link.is-current { color: #0A0A0A !important; }
body.tlf-skin-light .tlf-dock__num { color: #0A0A0A; background: var(--tlf-accent); border-radius: 5px; padding: 0 4px; }
@media (min-width: 900px) {
  body.tlf-skin-light .tlf-dock button.tlf-dock__btn--search:hover,
  body.tlf-skin-light .tlf-dock.is-searching button.tlf-dock__btn--search { background: rgba(10,10,10,.06) !important; }
}
@media (max-width: 899px) {
  body.tlf-skin-light .tlf-dock__btn--cart.is-current { color: #0A0A0A !important; }
  body.tlf-skin-light .tlf-dock__menulogo { background: #fff; box-shadow: 0 -6px 22px rgba(0,0,0,.12), 0 0 0 4px rgba(255,255,255,.95); }
  body.tlf-skin-light .tlf-dock .tlf-navbadge { border-color: #fff; }
}
body.tlf-skin-light .tlf-dock__backdrop { background: rgba(10,10,10,.28); }
body.tlf-skin-light .tlf-dock__sheet { background: #FFFFFF; box-shadow: 0 30px 80px rgba(0,0,0,.2); }
body.tlf-skin-light .tlf-dock button.tlf-dock__close { background: var(--tlf-bg-2) !important; }
body.tlf-skin-light .tlf-dock__search { background: var(--tlf-bg-2); border-color: var(--tlf-line); }
body.tlf-skin-light .tlf-dock__search:focus-within { border-color: #0A0A0A; box-shadow: 0 0 0 3px rgba(10,10,10,.08); }
body.tlf-skin-light .tlf-dock .tlf-dock__search button[type="submit"] { background: #0A0A0A !important; color: #fff !important; }
body.tlf-skin-light .tlf-dock__cat { background: var(--tlf-bg-2); border-color: var(--tlf-line); }
body.tlf-skin-light .tlf-dock__cat:hover { background: #EFEDE9; border-color: var(--tlf-line-2); }
body.tlf-skin-light .tlf-dock__cat.is-current { background: rgba(244,192,66,.22); border-color: var(--tlf-accent); }
body.tlf-skin-light .tlf-dock__cat.is-current .tlf-dock__catname { color: #0A0A0A !important; }
body.tlf-skin-light .tlf-dock__catcount { background: #fff; }

/* Classic logo-burst menu (if chosen) */
body.tlf-skin-light .tlf-nav .tlf-label { background: #fff; color: #0A0A0A; border-color: rgba(10,10,10,.12); }
body.tlf-skin-light .tlf-backdrop { background: rgba(255,255,255,.55); }

/* ---- First-visit "Menu" hint: no spider or webs, just the tag ---- */
body.tlf-skin-light :is(.tlf-intro__topweb, .tlf-intro__thread, .tlf-intro__silk, .tlf-intro__logoweb) { display: none !important; }
body.tlf-skin-light .tlf-intro__drop svg { display: none !important; }
body.tlf-skin-light .tlf-intro__tag { background: #0A0A0A; color: var(--tlf-accent); box-shadow: 0 8px 22px rgba(0,0,0,.2); }
body.tlf-skin-light .tlf-intro__tag i { border-top-color: #0A0A0A; }
body.tlf-skin-light .tlf-intro__tag::before { display: none; }

/* ---- Shop header / misc ---- */
body.tlf-skin-light .tlf-pill, body.tlf-skin-light .tlf-cats a { border-color: var(--tlf-line-2); }
body.tlf-skin-light :is(.tlf-pill.is-active, .tlf-cats a.is-active, .tlf-cats .is-current) { background: #0A0A0A !important; color: #fff !important; border-color: #0A0A0A !important; }
body.tlf-skin-light .tlf-404 { color: #0A0A0A; }
body.tlf-skin-light .tlf-drawer .woocommerce-mini-cart__buttons .button:not(.checkout) { background: #fff !important; color: #0A0A0A !important; border: 1.5px solid #0A0A0A !important; }
body.tlf-skin-light .tlf-drawer .woocommerce-mini-cart__buttons .checkout { background: #0A0A0A !important; color: #fff !important; border: 0 !important; }
@media (hover: hover) {
  body.tlf-skin-light .tlf-drawer .woocommerce-mini-cart__buttons .checkout:hover { background: var(--tlf-accent) !important; color: #0A0A0A !important; }
  body.tlf-skin-light .tlf-drawer .woocommerce-mini-cart__buttons .button:not(.checkout):hover { background: #0A0A0A !important; color: #fff !important; }
}
@media (hover: hover) and (pointer: fine) {
  body.tlf-skin-light .tlf-card__sizes a {
    background: rgba(255,255,255,.92) !important; border: 1px solid rgba(10,10,10,.12) !important;
    color: #0A0A0A !important; box-shadow: 0 4px 14px rgba(0,0,0,.08);
  }
  body.tlf-skin-light .tlf-card__sizes a:hover { background: #0A0A0A !important; border-color: #0A0A0A !important; color: #FFFFFF !important; }
  body.tlf-skin-light .tlf-card__sizes a.is-out { color: #9A968E !important; background: rgba(255,255,255,.8) !important; }
}
body.tlf-skin-light .tlf-dock__slot.is-current::after { width: 6px; height: 6px; margin-left: -3px; box-shadow: 0 0 0 1.5px rgba(10,10,10,.85); }