/* ==========================================================================
   "Mint" colour theme (owner's palette #FDFDFD, #E9DBC4, #98E3B4, #F5A846).
   Loaded after style.css when the theme is set to Mint (admin > Contact & settings).
   Mint and orange are too light for small text, so text accents use a deeper green.
   ========================================================================== */
:root {
    --cream: #fdfdfd;
    --sand: #f6f0e6;
    --line: #e9dbc4;
    --ink: #1f2a2e;
    --ink-soft: #4f5b5f;
    --rust: #2f7d57;       /* text accents, date blocks, icons */
    --rust-dark: #23613f;
    --brown: #23613f;
    --gold: #f5a846;       /* orange highlights */
    --mint: #98e3b4;
    --dark: #1d3b30;       /* footer, top bar */
}
body { background: #fdfdfd; }

/* Buttons: orange like the palette, with dark text so they stay readable */
.btn-primary { background: #f5a846; color: #1f2a2e; box-shadow: 0 10px 24px -10px rgba(245, 168, 70, .7); }
.btn-primary:hover { background: #ec9630; color: #1f2a2e; }
.btn-outline { border-color: #23613f; color: #23613f; }
.btn-outline:hover { background: #23613f; color: #fff; }
.btn-ghost { background: #e9dbc4; }
.btn-ghost:hover { background: #dfcdb0; }

/* Labels and small accents */
.h2-eyebrow { background: rgba(152, 227, 180, .35); color: #23613f; }
.eyebrow::before { background: #f5a846; }
.h2-badge .icon, .h2-contact-links .icon { color: #2f7d57; }
.h2-stats b { color: #2f7d57; }
.topbar { background: #1d3b30; }
.topbar b { color: #98e3b4; }
.topbar a:hover { color: #f5a846; }
.dep-bar span { background: #f5a846; }
.dep-steps li::before { background: #98e3b4; color: #1d3b30; }
.h2-step-icon { background: #98e3b4; color: #1d3b30; }
.h2-step-num { color: #f6f0e6; }
.host-fill-list .h2-step-num { color: #f5a846; }

/* Hero: soft white to beige, like the picture */
.h2-hero { background: linear-gradient(180deg, #fdfdfd 0%, #f6f0e6 100%); }
.hero::before {
    background:
        linear-gradient(90deg, rgba(20, 45, 35, .85) 0%, rgba(20, 45, 35, .6) 45%, rgba(20, 45, 35, .12) 80%),
        linear-gradient(0deg, rgba(20, 45, 35, .55) 0%, rgba(20, 45, 35, 0) 45%);
}
.ht-hero::before { background: linear-gradient(0deg, rgba(20, 45, 35, .88) 0%, rgba(20, 45, 35, .35) 60%, rgba(20, 45, 35, .15) 100%); }

/* The big coloured band is mint with dark text (like "A+ Accredited" in the picture) */
.h2-why { background: #98e3b4; color: #1f2a2e; }
.h2-why .h2-h2, .h2-why-list b { color: #1f2a2e; }
.h2-why .h2-eyebrow { background: rgba(255, 255, 255, .55); color: #1d3b30; }
.h2-why-list li > span:last-child { color: #2d3d38; }
.h2-why-icon { background: #fff; color: #23613f; }
.host-offer li { color: #1f2a2e; }
.host-offer .icon { background: #fff; color: #23613f; }
.host-note { background: rgba(255, 255, 255, .55); color: #1f2a2e; }

/* Cards */
.dep-card.is-full .dep-date { background: #8a918e; }
.dep-side { background: #fbf8f2; }
.h2-tour-foot b { color: #23613f; }
.h2-tour-count, .host-idea-tags span { background: #e9dbc4; }
.host-chip:has(input:checked) { border-color: #2f7d57; background: rgba(152, 227, 180, .25); }
.host-chip input, .quote-check input { accent-color: #2f7d57; }
.ht-early { background: rgba(245, 168, 70, .18); color: #8a4f0c; }
.ht-days li::before { background: #2f7d57; }
.host-band { background: linear-gradient(120deg, #2f7d57 0%, #1d3b30 100%); }
.host-band .btn-primary { background: #f5a846; color: #1f2a2e; }

/* Footer */
.site-footer { background: #1d3b30; }