/* Customer site brand layer, loaded after styles.css. Cream and navy stay the base; the three logo dots
   (img/irth-dots.svg, img/dot-*.svg) are Irth's signature: a dot leads every shelf, the dots stamp the
   lead dish and close the page. Accent colours carry meaning: blue = from the sea, red = Irth only,
   orange = add / what's next. Dots are never rotated, mirrored or recoloured. */
:root{--dot-r:url(/img/dot-red.svg);--dot-o:url(/img/dot-orange.svg);--dot-b:url(/img/dot-blue.svg)}

/* shelves: one dot before each heading, colour by what the shelf is */
.shelf h2,.crave h2{display:flex;align-items:flex-start;gap:9px}
.shelf h2::before,.crave h2::before{content:"";flex:none;margin-top:.4em;width:16px;height:16px;background:var(--dot-o) center/contain no-repeat}
#sh-sea h2::before{background-image:var(--dot-b)}
#sh-only h2::before,#sh-best h2::before{background-image:var(--dot-r)}

/* lead dish: the three dots stamp the photo, always in the same corner (no RTL flip) */
.hsell .hd{position:relative}
.hsell .hd::after{content:"";position:absolute;left:14px;bottom:14px;width:58px;height:58px;border-radius:50%;background:var(--cream) url(/img/irth-dots.svg) center/36px no-repeat;pointer-events:none}

/* add buttons: orange = add; once the dish is in the cart the button turns navy and shows the count */
.qadd,.up .plus,.pqb .plus{background:var(--orange);color:var(--navy)}
.qadd:has(b){background:var(--navy);color:var(--cream)}

/* Irth only tag and story rule pick up the red */
.story{border-inline-start-color:var(--red)}

/* bottom tabs: the current tab gets an orange dot */
.tabs [aria-current=page]::after{content:"";position:absolute;bottom:-5px;width:6px;height:6px;border-radius:50%;background:var(--orange)}

/* order tracking: done = navy, now = orange */
.tl li.now .dot{border-color:var(--orange);box-shadow:0 0 0 4px #FDE9C8}

/* sign-off: the dots close every page */
footer.foot::before{content:"";display:block;width:44px;height:44px;margin:0 auto 10px;background:url(/img/irth-dots.svg) center/contain no-repeat}