/* Wynn's additions on top of the Flora Exotica styles: the three ways to order, reviews, visit with hours and map. */

/* Three ways (not a sequence, so no numbers) */
.steps.ways li::before { content: none; }
.way-link { display: inline-block; margin-top: 14px; font-weight: 700; text-underline-offset: 4px; }

/* Shop cards: "Call to order" is a link styled like the original Add button */
.card a.add { text-decoration: none; text-align: center; }
.shop-note { margin-top: 28px; color: var(--soft); font-size: .9375rem; }

/* Reviews */
.reviews { background: var(--white); border-top: 1px solid var(--line); }
.rating { margin: -8px 0 32px; color: var(--soft); }
.rating strong { color: var(--ink); font-weight: 700; }
.stars { color: #b8862f; letter-spacing: .1em; margin-right: 4px; }
.quotes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.quotes li { padding-top: 18px; border-top: 1px solid var(--ink); }
.quotes blockquote { margin: 0; }
.quotes blockquote p { font: 400 clamp(1.25rem, 1rem + .6vw, 1.5rem)/1.35 var(--fd); }
.quotes blockquote p::before { content: "“"; }
.quotes blockquote p::after { content: "”"; }
.quotes .who { margin-top: 12px; color: var(--soft); font-size: .875rem; }

/* Visit */
.visit { border-top: 1px solid var(--line); }
.visit-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 1rem + 4vw, 5rem); align-items: start; }
.visit h2 { font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem); line-height: 1.15; margin-bottom: 14px; }
.open { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; margin-bottom: 18px; }
.open::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: #9aa3ab; }
.open[data-open="yes"]::before { background: #3f8a4f; box-shadow: 0 0 0 4px rgba(63, 138, 79, .16); }
.visit address { font-style: normal; font-size: 1.125rem; line-height: 1.5; }
.visit .soft { color: var(--soft); margin-top: 6px; }
.visit .small { font-size: .875rem; }
.visit .phone { margin-top: 14px; font: 400 1.5rem/1.2 var(--fd); }
.visit .phone a { text-decoration: none; }
.visit .phone a:hover { text-decoration: underline; text-underline-offset: 5px; }
.hours { display: grid; grid-template-columns: auto 1fr; gap: 6px 24px; margin: 22px 0 6px; }
.hours dt { color: var(--soft); }
.hours dd { margin: 0; }
.hours .is-today { color: var(--ink); font-weight: 700; }
.visit .row { margin-top: 24px; }
.map { aspect-ratio: 4 / 3; background: var(--beige); border: 1px solid var(--line); overflow: hidden; }
.map iframe { width: 100%; height: 100%; border: 0; display: block; }

@media (max-width: 900px) {
  .quotes { grid-template-columns: 1fr; }
  .visit-grid { grid-template-columns: 1fr; }
}
.card a.add { display: inline-flex; align-items: center; justify-content: center; }

/* Busier shop photos than Flora Exotica's: a slightly deeper shade behind the slide text on wide screens. */
@media (min-width: 701px) {
  .slide::after { background: linear-gradient(90deg, rgba(15,20,25,.78) 0%, rgba(15,20,25,.5) 42%, rgba(15,20,25,.08) 75%); }
}

/* Shop filter for Wynn's two families */
.shop[data-f="flowers"] .card:not([data-f="flowers"]),
.shop[data-f="plants"] .card:not([data-f="plants"]) { display: none; }

/* Phones: the header shows "Wynn's" alone so the centred name fits */
@media (max-width: 700px) { .hd .wm-rest { display: none; } }