/* ============================================================
   The Coromandel — 2026 restrained refresh (loaded last, overrides only)
   Goal: WCAG-AA contrast, de-bubble, trust signals. No DOM/URL changes.
   ============================================================ */
:root{
  --teal-900:#0e3a52;
  --teal-700:#134a68;
  --teal-600:#1c5f83;
  --teal-050:#eef4f7;
  --cta:#0b7a4b;         /* AA on white (4.8) */
  --cta-hover:#09633d;
  --ink:#1f2933;
  --muted:#5b6670;
  --line:#dbe3e8;
  --sand:#f4efe6;
  --rating:#c8791a;
  --warn:#9a2a2a;
  --radius:8px;
  --font-head:"Source Serif 4",Georgia,serif;
}

/* ---- Responsible-gambling trust bar (added markup) ---- */
.rg-bar{background:var(--teal-900);color:#fff;font-size:13px;line-height:1.4;text-align:center;padding:8px 12px}
.rg-bar a{color:#fff;text-decoration:underline;font-weight:600}
.rg-bar .rg-badge{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #fff;border-radius:4px;padding:1px 7px;font-weight:700;margin-right:6px}

/* ---- Header: de-bubble, readable logo ---- */
.header-container{background:var(--teal-700)!important;border-radius:0!important;box-shadow:none!important;margin-top:0!important;border-bottom:3px solid var(--teal-900)}
.header-logo a{color:#fff!important;font-family:var(--font-head);font-weight:700}

/* ---- Headings: editorial serif = trust ---- */
.main__content h1{font-family:var(--font-head);color:var(--teal-900);line-height:1.2}
.main__content h2{font-family:var(--font-head);color:var(--teal-900);line-height:1.25}
.main__content p{color:var(--ink);line-height:1.65}

/* ---- Offer cards: flat, scannable ---- */
.content__popular-bk-main__item{background:#fff!important;border:1px solid var(--line);border-radius:var(--radius);box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
.content__popular-bk-main__item:hover{border-color:var(--teal-600);box-shadow:0 2px 8px rgba(15,58,82,.08)}
.content__popular-bk__rating p.grey__text{color:var(--muted)!important;font-weight:600}

/* ---- CTAs: trust-green, AA contrast, 44px tap target, no shout-caps ---- */
.content__popular-bk-main__btn a,
.content__action__btn{background:var(--cta)!important;border-color:var(--cta)!important;color:#fff!important;text-transform:none!important;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:var(--radius);font-weight:700;letter-spacing:.2px}
.content__popular-bk-main__btn a:hover,
.content__action__btn:hover{background:var(--cta-hover)!important;border-color:var(--cta-hover)!important;color:#fff!important}
.content__popular-bk-main__link a{color:var(--teal-700);font-weight:600}

/* ---- Comparison / data tables ---- */
.table-wrap{border:1px solid var(--line);box-shadow:none!important;border-radius:var(--radius);overflow:hidden}
.table-main td,.table-main th{padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
.table-main tr:nth-child(even){background:var(--teal-050)}
.table-main thead td,.table-main thead th,.table-main tr:first-child td{background:var(--teal-700);color:#fff;font-weight:700;font-family:var(--font-head)}
@media(max-width:600px){.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-main{width:100%;min-width:520px}}

/* ---- Author / E-E-A-T ---- */
.author__block,.author-note{background:var(--sand)!important;border:1px solid var(--line);border-radius:var(--radius);box-shadow:none!important}
.author__block__img img,.author-image img{border-radius:50%}
.author-title{color:var(--teal-900);font-weight:700}

/* ---- Footer responsible-gambling / disclosure ---- */
.footer__rg{background:var(--teal-900);color:#cdd9e0;font-size:13px;line-height:1.6;padding:18px 0;margin-top:24px}
.footer__rg .container{max-width:1100px;margin:0 auto;padding:0 15px}
.footer__rg a{color:#fff;text-decoration:underline}
.footer__rg .rg-badge{display:inline-block;border:1.5px solid #cdd9e0;border-radius:4px;padding:0 6px;font-weight:700;margin-right:6px}

/* ---- Focus visibility (a11y) ---- */
a:focus-visible,button:focus-visible{outline:3px solid var(--teal-600);outline-offset:2px}
