/* Sapcote Garden Centre: theme-only rules for the page templates (10 Nov 2026). The kit css is untouched.

   A card with no page to go to (a tile for real trees, coal and logs, a plant range; a month card on the page it
   describes) prints as the kit card in a <div class="... plain"> with no action line (inc/helpers.php sgc_card_tag()).
   The kit's .card rules style the box and type whatever the element, so at rest it is the same card; it simply does
   not react to the pointer (no lift, no shadow, no photo zoom, no icon turn, no gold rule), because nothing happens
   when you press it. */
.card.plain{pointer-events:none}

/* The Google reviews slot under the homepage rating, for logged-in editors only, when the slider cannot print here
   (inc/reviews-widget.php): the kit's dashed embed slot with one line. */
.sgc-slot-note p{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2,#4a5443)}

/* The year planner (11 Nov 2026, inc/hours.php): under the weekly rows of the strip popover, Find us and the footer, the
   dated lines of the next 14 days (an hour change in force or starting, each special day: "Christmas Day / Fri 25 Dec |
   Closed"), ruled off like the cafe rows. Nothing prints while the planner is empty. The script marks a special day's
   own row .today on its date. */
.hours tr.sgc-day th,.hp .pop tr.sgc-day th,.hours tr.sgc-day td,.hp .pop tr.sgc-day td{white-space:normal;vertical-align:top}
.hours tr.sgc-day.first th,.hours tr.sgc-day.first td,.hp .pop tr.sgc-day.first th,.hp .pop tr.sgc-day.first td{border-top:1px solid var(--hair);padding-top:9px}
.hours tr.sgc-day th .d,.hp .pop tr.sgc-day th .d,.ft5 .hrs dt.sgc-day .d{display:block;font-size:13px;line-height:1.3;color:var(--muted);font-weight:400}
.ft5 .hrs dt.sgc-day,.ft5 .hrs dd.sgc-day{white-space:normal}
.ft5 .hrs dt.sgc-day.first,.ft5 .hrs dd.sgc-day.first{padding-top:8px;border-top:1px solid rgba(81,115,28,.2)}

/* the homepage's newest Google reviews (13 Nov 2026): the kit review card (.rev in sgc-kit-pages.css, which the homepage
   does not load) three across, two on tablets, a swipe row on phones. `rev`, `wall`, `allrev`, `off` scoped to #reviews. */
#reviews .wall{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);margin-top:var(--s6);columns:auto}
#reviews .rev{background:#fff;border-radius:var(--r);box-shadow:var(--shadow-card);padding:22px 24px 20px;margin:0;display:flex;flex-direction:column}
#reviews .rev .mark{display:flex;align-items:center;gap:10px;min-height:24px}
#reviews .rev .mark .glogo{gap:0}
#reviews .rev .mark .gstars{font-size:17px;color:var(--gold);gap:1px}
#reviews .rev .gstars .off{color:var(--hair)}
#reviews .rev .say{font-size:17px;line-height:1.5;color:var(--ink);margin:12px 0 10px;max-width:none;flex:1}
#reviews .rev .who{font-size:15px;color:var(--muted);margin:0;max-width:none}
#reviews .allrev{display:inline-flex;align-items:center;gap:10px;margin-top:var(--s5);font-weight:700;color:var(--green-dark);text-decoration:underline;text-underline-offset:3px}
#reviews .allrev:hover{color:var(--green)}
@media (max-width:1000px){#reviews .wall{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){#reviews .wall{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:var(--s5) -16px 0;padding:4px 16px 12px}#reviews .rev{flex:0 0 84%;scroll-snap-align:start}}

/* the homepage's Christmas section, option A (13 Nov 2026, Matt): the heading beside a three-photo mosaic, the facts as one
   line of pills whose type scales to the row (container units) so it never wraps; a swipe row on phones. Classes
   `xmas-a`, `xa-*` (none in the kit css). */
#season.xmas-a .xa-top{display:grid;grid-template-columns:.82fr 1.18fr;gap:var(--s7);align-items:center;margin-bottom:var(--s6)}
#season.xmas-a .xa-head p{font-size:19px;color:#F3E6E7;max-width:42ch;margin:0 0 var(--s5)}
#season.xmas-a .xa-head .cta{display:flex;flex-wrap:wrap;gap:12px}
#season.xmas-a .xa-head .cta .ic{width:20px;height:20px}
#season.xmas-a .xa-head .btn-white{border-color:rgba(255,255,255,.75)}
.xa-mosaic{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:14px;height:520px}
.xa-mosaic.n1,.xa-mosaic.n2{grid-template-rows:1fr}
.xa-mosaic.n1{grid-template-columns:1fr}
.xa-mosaic figure{margin:0;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 26px 50px -22px rgba(0,0,0,.6);background:#5a1620}
.xa-mosaic.n3 .m1{grid-row:1/3}
.xa-mosaic picture,.xa-mosaic img{width:100%;height:100%;object-fit:cover;display:block}
.xa-mosaic figcaption{position:absolute;left:12px;bottom:12px;background:rgba(20,10,12,.62);color:#fff;font:700 15px/1 var(--font);padding:8px 12px;border-radius:999px}
.xa-chips{list-style:none;margin:0 0 var(--s7);padding:0;display:flex;flex-wrap:nowrap;gap:10px;justify-content:space-between;container-type:inline-size}
.xa-chips li{flex:0 1 auto;min-width:0;white-space:nowrap;display:inline-flex;align-items:center;gap:.45em;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.6em 1em .6em .75em;font-size:clamp(12px,1.33cqi,16px);color:#fff;line-height:1.2}
.xa-chips .ic{width:1.1em;height:1.1em;color:var(--xmas-gold);flex:none}
@media (max-width:900px){
 #season.xmas-a .xa-top{grid-template-columns:1fr;gap:var(--s5)}
 .xa-mosaic{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto}
 .xa-mosaic.n3 .m1{grid-column:1/3;grid-row:auto;aspect-ratio:4/3}.xa-mosaic.n3 .m2,.xa-mosaic.n3 .m3{aspect-ratio:1/1}
 .xa-mosaic.n1 figure,.xa-mosaic.n2 figure{aspect-ratio:4/3}
}
@media (max-width:960px){   /* below this the one line would need type under 12px: the pills become a swipe row */
 .xa-chips{overflow-x:auto;scroll-snap-type:x proximity;margin:0 calc(var(--gutter) * -1) var(--s6);padding:2px var(--gutter) 6px;scrollbar-width:none;justify-content:flex-start}
 .xa-chips::-webkit-scrollbar{display:none}
 .xa-chips li{font-size:15px;flex:0 0 auto;scroll-snap-align:start}
}

/* the homepage's Google reviews carousel (13 Nov 2026): one scrolling row of the review cards, three to a view, two on
   tablets, most of one on phones; arrows and page dots under it (assets/js/sgc.js). `rcar*` (none in the kit css). */
#reviews .rcar{margin-top:var(--s6)}
#reviews .rcar-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--s4)) / 3);gap:var(--s4);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:6px 4px 22px;margin:0 -4px;scroll-padding-inline:4px;scrollbar-width:none}
#reviews .rcar-track::-webkit-scrollbar{display:none}
#reviews .rcar-track:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:var(--r)}
#reviews .rcar-track .rev{scroll-snap-align:start;min-height:100%}
#reviews .rcar-track .rev .say{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
#reviews .rcar-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap}
#reviews .rcar-links{display:flex;align-items:center;gap:var(--s5);flex-wrap:wrap}
#reviews .rcar-links .allrev{margin-top:0}
#reviews .rcar-ctl{display:flex;align-items:center;gap:12px}
#reviews .rcar-dots{display:flex;gap:8px;margin-right:6px}
#reviews .rcar-dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:var(--hair);cursor:pointer}
#reviews .rcar-dots button.on{background:var(--green);width:26px;border-radius:999px}
#reviews .rcar-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--green);background:#fff;color:var(--green-dark);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s}
#reviews .rcar-btn .ic{width:20px;height:20px}
#reviews .rcar-prev .ic{transform:rotate(180deg)}
#reviews .rcar-btn:hover:not(:disabled){background:var(--green);color:#fff}
#reviews .rcar-btn:disabled{opacity:.35;cursor:default}
#reviews .rcar-btn:focus-visible,#reviews .rcar-dots button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
@media (max-width:1000px){#reviews .rcar-track{grid-auto-columns:calc((100% - var(--s4)) / 2)}}
@media (max-width:640px){
 #reviews .rcar-track{grid-auto-columns:84%;margin:0 -16px;padding:6px 16px 22px;scroll-padding-left:16px}
 #reviews .rcar-nav{flex-direction:column-reverse;align-items:flex-start}
 #reviews .rcar-dots{display:none}
}
@media (prefers-reduced-motion:reduce){#reviews .rcar-track{scroll-behavior:auto}}