/* ============================================================
   MERMAID COVE — SEASON STATUS
   Built on the site tokens in styles.css.
   ============================================================ */

/* ---------- Top status bar ---------- */

.cove-bar{
  position:relative;z-index:60;
  padding:.65rem 1rem;
  background:linear-gradient(115deg,#135e9e,#2676b3);
  color:#eaf6ff;
  font:600 .82rem/1.4 var(--sans);
  letter-spacing:.01em;
  text-align:center;
}
.cove-bar.is-urgent{
  background:linear-gradient(115deg,#c2185b,#e0457f);
  color:#fff;
  font-weight:700;
}
.cove-bar-inner{
  display:flex;align-items:center;justify-content:center;gap:.55rem;
  max-width:1100px;margin:0 auto;
}
.cove-bar-mark{font-size:.8rem;opacity:.9;flex:none}
.cove-bar-text{display:inline-block}

@media(max-width:520px){
  .cove-bar{padding:.6rem .85rem;font-size:.76rem}
  .cove-bar-mark{display:none}
}

/* ---------- Hero badge ---------- */

.cove-badge{
  display:inline-block;
  margin:.9rem 0 0;
  padding:.5rem 1rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.42);
  background:rgba(10,27,46,.42);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  color:#fff;
  font:700 .76rem var(--sans);
  letter-spacing:.05em;
  text-transform:uppercase;
}

[data-cove-season="closed"] .cove-badge{
  border-color:rgba(255,255,255,.3);
  background:rgba(10,27,46,.6);
}

/* ---------- Season notice band ---------- */

.cove-notice{
  padding:clamp(2.4rem,5vw,3.6rem) 1.2rem;
  background:linear-gradient(160deg,#fff2f7,#fdf6ee 60%);
  border-bottom:1px solid rgba(199,111,192,.16);
}
.cove-notice.is-closed{
  background:linear-gradient(160deg,#eef5fb,#fdf6ee 60%);
  border-bottom-color:rgba(38,118,179,.16);
}
.cove-notice-inner{
  max-width:720px;margin:0 auto;text-align:center;
}
.cove-notice-eyebrow{
  margin:0 0 .6rem;
  text-transform:uppercase;letter-spacing:.16em;
  font:800 .68rem var(--sans);
  color:#c2185b;
}
.cove-notice.is-closed .cove-notice-eyebrow{color:var(--deep-blue)}

.cove-notice-title{
  margin:0 0 .9rem;
  font:600 clamp(1.7rem,4vw,2.5rem)/1.08 var(--serif);
  letter-spacing:-.02em;
  color:var(--deep-blue);
}
.cove-notice-body{
  margin:0 auto 1.5rem;
  max-width:56ch;
  font:400 1.02rem/1.7 var(--sans);
  color:var(--muted);
}
.cove-notice-cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:.95rem 1.9rem;
  border-radius:999px;
  background:linear-gradient(115deg,#ff6ea0,#a58fe0);
  color:#fff;
  font:700 .82rem var(--sans);letter-spacing:.06em;
  box-shadow:0 12px 30px rgba(199,111,192,.4);
  transition:transform .2s ease;
}
.cove-notice-cta:hover{transform:translateY(-1px)}
.cove-notice-cta:focus-visible{outline:3px solid var(--deep-blue);outline-offset:3px}

.cove-notice.is-closed .cove-notice-cta{
  background:linear-gradient(115deg,#135e9e,#2676b3);
  box-shadow:0 12px 30px rgba(19,94,158,.34);
}

@media(prefers-reduced-motion:reduce){
  .cove-notice-cta{transition:none}
  .cove-notice-cta:hover{transform:none}
}

/* ---------- Satellite chips, on pages that promote the Cove ---------- */

.cove-chip{
  display:inline-block;
  margin-left:.4rem;
  padding:.16rem .5rem;
  border-radius:999px;
  background:rgba(194,24,91,.12);
  border:1px solid rgba(194,24,91,.3);
  color:#a3134c;
  font:700 .62rem/1.35 var(--sans);
  letter-spacing:.05em;
  text-transform:uppercase;
  vertical-align:middle;
  white-space:nowrap;
}
.cove-chip.is-closed{
  background:rgba(19,94,158,.1);
  border-color:rgba(19,94,158,.28);
  color:#12547f;
}

/* ---------- Location card season descriptors ----------
   Real HTML on locations.html, not injected, so search engines and AI
   assistants can read which venues are seasonal. Sits directly under
   the address, ahead of the contact links. */

.loc-season{
  margin:.5rem 0 .85rem;
  padding-left:.75rem;
  border-left:3px solid rgba(199,111,192,.45);
  font:600 .88rem/1.55 var(--sans);
  color:#4a5a78;
  max-width:46ch;
}
.loc-season.is-year-round{
  border-left-color:rgba(19,94,158,.5);
}
.loc-season.is-seasonal::before{
  content:"\2726";
  margin-right:.35rem;
  color:#c76fc0;
  font-size:.78em;
}
.loc-season.is-year-round::before{
  content:"\2726";
  margin-right:.35rem;
  color:var(--deep-blue);
  font-size:.78em;
}
