/* kattenburcht.com — storefront overrides
   Loaded after the hashed bundle stylesheet, so rules here win without touching a
   cache-busted build asset.

   2026-07-23: remove the "Bekijk foto's" tile from the PDP thumbnail strip.
   The button lives inside the minified SPA bundle (products._id-*.js); hiding it here
   avoids surgery on minified JS and is a one-line revert. The remaining thumbnails
   reflow on their own — the strip is a flex row. */
.pdp-thumbs .pdp-ar-tile,
button.pdp-ar-tile {
  display: none !important;
}

/* --- Kattenburcht palette (warm espresso + terracotta) --- */
:root{
  --tms-primary:#3B2A22; --tms-primary-dark:#2B1E18; --tms-accent:#C9784A;
  --tms-bg:#FBF7F2; --tms-secondary:#F5EDE4; --tms-border:#E8DCD0;
  --p-green:#3B2A22; --p-orange:#D98E3A; --p-peach:#FBF1E7; --p-crumb:#FBF1E7;
  --footer-bg:#2B1E18; --footer-accent:#C9784A; --footer-muted:#D8C9BC;
}
/* warm CTA + cookie bar (override any leftover green) */
:root{ --p-cta:#C9784A; --p-cta-dark:#B0653A; }
.tms-cookie, .cookie-banner, [class*="cookie"]{ background:#2B1E18 !important; }

/* --- 2026-08-05: re-attach the utilities the palette recolour orphaned ---
   The espresso recolour rewrote the hex values inside the compiled stylesheet, but the PDP
   bundle (products._id-*.js) still emits the ORIGINAL garden-green class names. Tailwind
   arbitrary-value utilities are matched by literal name, so these five classes ended up with
   no rule at all — the element kept whatever else was on it and nothing more.

   The damaging one was the SELECTED size chip: its classes are
       border-[#264f36] bg-[#264f36] text-white
   and only `text-white` survived, so the chosen option rendered as a white label on a white
   background. The selected size was literally invisible — you could only read it by dragging
   the cursor over it to get the browser's selection highlight.

   Fix maps each dead green onto the palette that replaced it, rather than editing the
   cache-busted bundle. */
.bg-\[\#264f36\]                  { background-color:#3B2A22 !important; }
.border-\[\#264f36\]              { border-color:#3B2A22 !important; }
.hover\:border-\[\#264f36\]:hover { border-color:#3B2A22 !important; }
.text-\[\#264f36\]                { color:#3B2A22 !important; }
/* delivery/returns ticks — match the green .pdp-prebar-check already renders */
.text-\[\#18b006\]                { color:#039855 !important; }

/* Option chips are controls, not copy. Without this, dragging or double-tapping a chip
   selects its label text (and on mobile pops the translate bubble) instead of switching size. */
button[aria-pressed]{ -webkit-user-select:none; user-select:none; }