/* =====================================================================
   Latitude Key — Guide ("Things to do") visual styling.
   Layout/behaviour live in the plugin (lk.css + lk-guide.js); this file is
   design-system paint only: Playfair titles, Work Sans body, official palette,
   pill chips/cards. Loaded on /guide/ + /guide/{category}/ + tag archives.
   ===================================================================== */
.lk-guide {
	--lk-ink:#16303C; --lk-blue:#5581A2; --lk-blue-deep:#3C617D;
	--lk-muted:#5B6B73; --lk-line:#E3E8EA; --lk-panel:#fff;
	color:var(--lk-ink); font-family:"Work Sans", system-ui, sans-serif;
}

.lk-guide-title { font-family:"Playfair Display", Georgia, serif; font-weight:700; color:var(--lk-ink); font-size:clamp(32px,5vw,52px); line-height:1.08; margin:0; text-wrap:balance; }
.lk-guide-eyebrow { font-size:.78rem; letter-spacing:.12em; text-transform:uppercase; }
.lk-guide-eyebrow a { color:var(--lk-blue); text-decoration:none; font-weight:600; }
.lk-guide-eyebrow a:hover { color:var(--lk-blue-deep); }
.lk-guide-intro { color:var(--lk-muted); font-size:1.05rem; line-height:1.7; }

/* ---- Category directory ---- */
.lk-guide-cat { background:var(--lk-panel); border:1px solid var(--lk-line); border-radius:14px; box-shadow:0 1px 2px rgba(22,48,60,.05); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.lk-guide-cat:hover { transform:translateY(-4px); box-shadow:0 16px 36px rgba(22,48,60,.12); border-color:transparent; }
.lk-guide-cat-media { background:#eef2f4; border-radius:14px 14px 0 0; }
.lk-guide-cat-img { transition:transform .5s ease; }
.lk-guide-cat:hover .lk-guide-cat-img { transform:scale(1.05); }
.lk-guide-cat-ph { color:var(--lk-blue); background:linear-gradient(135deg,#dfe7ea,#eef2f4); }
.lk-guide-cat-body { padding-left:16px; padding-right:16px; padding-bottom:18px; }
.lk-guide-cat-name { font-family:"Playfair Display", Georgia, serif; font-weight:700; font-size:1.25rem; color:var(--lk-ink); }
.lk-guide-cat:hover .lk-guide-cat-name { color:var(--lk-blue); }
.lk-guide-cat-count { color:var(--lk-muted); font-size:.85rem; }

/* ---- Filter chips ---- */
/* !important throughout: the Elementor global "Buttons" skin (kit is loaded
   site-wide) otherwise repaints these <button>s off the stylesheet. */
.lk-guide-chip { display:inline-flex; align-items:center; height:38px!important; padding:0 16px!important; border-radius:999px!important; border:1px solid var(--lk-line)!important; background:#fff!important; color:var(--lk-ink)!important; font-family:"Work Sans", system-ui, sans-serif!important; font-size:.9rem!important; font-weight:600!important; line-height:1!important; letter-spacing:0!important; text-transform:none!important; text-decoration:none!important; box-shadow:none!important; transition:border-color .15s ease, background .15s ease, color .15s ease!important; }
.lk-guide-chip:hover { border-color:var(--lk-blue)!important; background:#fff!important; color:var(--lk-blue-deep)!important; }
.lk-guide-chip.is-active { background:var(--lk-blue)!important; border-color:var(--lk-blue)!important; color:#fff!important; }
.lk-guide-chip:focus-visible { outline:2px solid var(--lk-blue)!important; outline-offset:2px; }

/* ---- Entry cards ---- */
.lk-guide-card { background:var(--lk-panel); border:1px solid var(--lk-line); border-radius:14px; box-shadow:0 1px 2px rgba(22,48,60,.05); }
.lk-guide-card-name { font-family:"Playfair Display", Georgia, serif; font-weight:700; font-size:1.28rem; line-height:1.25; color:var(--lk-ink); margin:0; }
.lk-guide-card-city { font-size:.78rem; letter-spacing:.06em; text-transform:uppercase; color:var(--lk-blue); font-weight:600; margin:0; }
.lk-guide-card-desc { color:var(--lk-muted); font-size:.96rem; line-height:1.6; }
.lk-guide-card-meta { font-size:.9rem; }
.lk-guide-meta-ic { color:var(--lk-blue); }
.lk-guide-meta-txt { color:var(--lk-ink); }
.lk-guide-meta-txt a { color:var(--lk-blue); text-decoration:none; }
.lk-guide-meta-txt a:hover { color:var(--lk-blue-deep); }
.lk-guide-services-title { font-family:"Work Sans", system-ui, sans-serif; font-size:.9rem; line-height:1.3; letter-spacing:0; text-transform:none; color:var(--lk-muted); font-weight:600; }
.lk-guide-services-val { color:var(--lk-ink); font-size:.9rem; line-height:1.5; margin:0; }
.lk-guide-card-link { display:inline-flex; align-items:center; height:36px!important; padding:0 16px!important; border-radius:999px!important; border:1px solid var(--lk-line)!important; background:#fff!important; color:var(--lk-ink)!important; text-decoration:none!important; font-family:"Work Sans", system-ui, sans-serif!important; font-size:.85rem!important; font-weight:600!important; line-height:1!important; text-transform:none!important; box-shadow:none!important; transition:border-color .15s ease, background .15s ease, color .15s ease!important; }
.lk-guide-card-link:hover { border-color:var(--lk-blue)!important; background:#fff!important; color:var(--lk-blue-deep)!important; }
.lk-guide-card-link--resv { background:var(--lk-blue)!important; border-color:var(--lk-blue)!important; color:#fff!important; }
.lk-guide-card-link--resv:hover { background:var(--lk-blue-deep)!important; border-color:var(--lk-blue-deep)!important; color:#fff!important; }
.lk-guide-card-hours summary { color:var(--lk-blue); font-weight:600; font-size:.9rem; }
.lk-guide-card-hours .lk-guide-hours-body { color:var(--lk-muted); font-size:.9rem; line-height:1.6; margin-top:6px; }
.lk-guide-noresults, .lk-guide-empty { color:var(--lk-muted); font-size:1rem; }

/* ---- Specials: alternating full-width offer rows on /specials/ ---- */
.lk-specials .lk-guide-head { margin-bottom:80px; } /* double the gap before the offers (specials only) */
.lk-specials-rows { display:flex; flex-direction:column; gap:36px; }
.lk-special-row { display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,5vw,64px); align-items:center; }
/* Newest row = image left / content right; flip every other row. */
.lk-special-row:nth-child(even) .lk-special-media { order:2; }
.lk-special-row--nomedia { grid-template-columns:1fr; max-width:760px; margin-inline:auto; }

.lk-special-media { border-radius:20px; overflow:hidden; box-shadow:0 26px 60px -34px rgba(16,42,56,.5); }
.lk-special-img { width:100%; height:100%; aspect-ratio:4/3; object-fit:cover; display:block; transition:transform .6s ease; }
.lk-special-media:hover .lk-special-img { transform:scale(1.04); }

.lk-special-content { display:flex; flex-direction:column; align-items:center; text-align:center; gap:14px; padding:15px 0; }
.lk-special-badge { display:inline-block; padding:6px 14px; border-radius:999px; background:var(--lk-blue); color:#fff; font-family:"Work Sans", system-ui, sans-serif; font-size:.78rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; line-height:1; }
.lk-special-title { font-family:"Playfair Display", Georgia, serif; font-weight:700; font-size:clamp(26px,3.4vw,40px); line-height:1.15; color:var(--lk-ink); margin:0; text-wrap:balance; }
.lk-special-valid { margin:0; font-size:.8rem; letter-spacing:.06em; text-transform:uppercase; color:var(--lk-blue); font-weight:600; }
.lk-special-desc { color:var(--lk-muted); font-size:1.02rem; line-height:1.7; padding:0 clamp(24px,9%,72px); }
.lk-special-desc > :first-child { margin-top:0; }
.lk-special-desc > :last-child { margin-bottom:0; }
.lk-special-cta { display:inline-flex!important; align-items:center; height:46px!important; padding:0 26px!important; border-radius:999px!important; border:1px solid var(--lk-blue)!important; background:var(--lk-blue)!important; color:#fff!important; text-decoration:none!important; font-family:"Work Sans", system-ui, sans-serif!important; font-size:.92rem!important; font-weight:600!important; line-height:1!important; text-transform:none!important; letter-spacing:0!important; box-shadow:none!important; transition:background .15s ease, border-color .15s ease!important; margin-top:4px; }
.lk-special-cta:hover { background:var(--lk-blue-deep)!important; border-color:var(--lk-blue-deep)!important; color:#fff!important; }
/* Fit the button to its label and centre it (beats the site button skin that forces
   a full-width flex button). */
.lk-special-content a.lk-special-cta { width:auto!important; max-width:100%!important; align-self:center!important; }
.lk-special-terms { margin-top:2px; }
.lk-special-terms summary { color:var(--lk-blue); font-weight:600; font-size:.85rem; cursor:pointer; }
.lk-special-terms .lk-special-terms-body { color:var(--lk-muted); font-size:.85rem; line-height:1.6; margin-top:6px; }

@media (max-width:860px) {
	.lk-specials-rows { gap:24px; }
	.lk-special-row, .lk-special-row:nth-child(even) { grid-template-columns:1fr; gap:22px; }
	.lk-special-row:nth-child(even) .lk-special-media { order:0; } /* image always on top when stacked */
}