/* ============================================================
   PRAGUE & BEYOND — CENTRAL VISUAL THEME
   Homepage palette source of truth.
   Visual overrides only: no layout/behavior rewrites.
   ============================================================ */

 :root {
    --pb-dark-cyan: #20878E !important;
    --pb-light-blue: #92C4C6 !important;
    --pb-champagne: #F6E3D6 !important;
    --pb-earth-yellow: #F3C375 !important;
    --pb-cocoa: #D66F29 !important;

    --navy: #20878E !important;
    --navy-deep: #176E74 !important;

    --blue: #20878E !important;
    --blue-soft: #92C4C6 !important;

    --gold: #F3C375 !important;
    --gold2: #F3C375 !important;
    --gold-dark: #D66F29 !important;

    --cream: #F6E3D6 !important;
}

html body,
html body button,
html body input,
html body select,
html body textarea,
html body summary,
html body details{
  font-family:"Figtree",Inter,Arial,Helvetica,sans-serif;
}

/* Shared controls. Existing dimensions/layout are intentionally untouched. */
html body .btn,
html body button.btn,
html body .continue-btn,
html body .primary-btn,
html body .submit-btn{
  background-color:var(--pb-dark-cyan)!important;
  border-color:var(--pb-dark-cyan)!important;
  color:#fff!important;
}
html body .btn:hover,
html body button.btn:hover,
html body .continue-btn:hover,
html body .primary-btn:hover,
html body .submit-btn:hover{
  background-color:var(--pb-cocoa)!important;
  border-color:var(--pb-cocoa)!important;
  color:#fff!important;
}
html body .btn.gold,
html body .gold-btn,
html body .secondary-btn{
  background:var(--pb-earth-yellow)!important;
  border-color:var(--pb-earth-yellow)!important;
  color:var(--pb-dark-cyan)!important;
}

html body input:focus,
html body select:focus,
html body textarea:focus{
  border-color:var(--pb-dark-cyan)!important;
  box-shadow:0 0 0 3px rgba(32,135,142,.12)!important;
  outline:0;
}

html body a:focus-visible,
html body button:focus-visible,
html body input:focus-visible,
html body select:focus-visible,
html body textarea:focus-visible{
  outline:2px solid var(--pb-earth-yellow)!important;
  outline-offset:2px;
}

/* Existing language control gets the homepage palette without structural changes. */
html body .pb-language-box:hover,
html body .pb-language-box:focus-within{
  border-color:var(--pb-earth-yellow)!important;
  box-shadow:0 0 0 3px rgba(243,195,117,.18)!important;
}
html body .pb-language-icon,
html body .pb-language-icon svg{
  color:var(--pb-earth-yellow)!important;
  stroke:var(--pb-earth-yellow)!important;
}

/* ------------------------------------------------------------
   PUBLIC / AUTH / ONBOARDING PAGES
   Match homepage visual language. Do not change layout geometry.
   ------------------------------------------------------------ */
html[data-pb-theme-scope="public"] body{
  color:var(--pb-ink);
}

/* Shared public header only. Dashboard scope never receives these rules. */
html[data-pb-theme-scope="public"] body > header,
html[data-pb-theme-scope="public"] body > header .nav,
html[data-pb-theme-scope="public"] body header.site-header,
html[data-pb-theme-scope="public"] body header.site-header .nav{
  background:#20878E!important;
  background-color:#20878E!important;
  border-color:rgba(243,195,117,.22)!important;
  box-shadow:none!important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
html[data-pb-theme-scope="public"] body > header .logo,
html[data-pb-theme-scope="public"] body > header .brand,
html[data-pb-theme-scope="public"] body header.site-header .logo,
html[data-pb-theme-scope="public"] body header.site-header .brand{
  color:#FFFFFF!important;
}
html[data-pb-theme-scope="public"] body > header .logo span,
html[data-pb-theme-scope="public"] body > header .brand span,
html[data-pb-theme-scope="public"] body header.site-header .logo span,
html[data-pb-theme-scope="public"] body header.site-header .brand span{
  color:#F3C375!important;
}
html[data-pb-theme-scope="public"] body > header .nav nav > a:not(.btn),
html[data-pb-theme-scope="public"] body > header .nav .navlinks > a,
html[data-pb-theme-scope="public"] body > header .nav nav > details > summary,
html[data-pb-theme-scope="public"] body header.site-header .nav nav > a:not(.btn),
html[data-pb-theme-scope="public"] body header.site-header .nav nav > details > summary{
  color:#FFFFFF!important;
}
html[data-pb-theme-scope="public"] body > header .nav nav > a:not(.btn):hover,
html[data-pb-theme-scope="public"] body > header .nav .navlinks > a:hover,
html[data-pb-theme-scope="public"] body header.site-header .nav nav > a:not(.btn):hover{
  color:#FFFFFF!important;
  background:rgba(255,255,255,.10)!important;
}
html[data-pb-theme-scope="public"] body > header .login-btn,
html[data-pb-theme-scope="public"] body header.site-header .login-btn{
  border-color:rgba(32,135,142,.25)!important;
}

/* Public footer follows the homepage's dark premium footer treatment. */
html[data-pb-theme-scope="public"] body > footer,
html[data-pb-theme-scope="public"] body footer#page-bottom,
html[data-pb-theme-scope="public"] body footer.site-footer{
  background:var(--pb-ink)!important;
  color:#D7E0E0!important;
}
html[data-pb-theme-scope="public"] body > footer h1,
html[data-pb-theme-scope="public"] body > footer h2,
html[data-pb-theme-scope="public"] body > footer h3,
html[data-pb-theme-scope="public"] body > footer h4,
html[data-pb-theme-scope="public"] body > footer a:hover{
  color:#fff!important;
}
html[data-pb-theme-scope="public"] body > footer a,
html[data-pb-theme-scope="public"] body > footer p{
  color:#C9D4D4!important;
}
html[data-pb-theme-scope="public"] body .footer-bottom{
  border-top-color:rgba(255,255,255,.12)!important;
  color:#9FB0B0!important;
}

/* Onboarding/registration: color replacement only. */
html[data-pb-theme-scope="public"] body .business-register-page{
  background:#F8FBFB!important;
}
html[data-pb-theme-scope="public"] body .business-register-page::before{
  background:
    linear-gradient(90deg,rgba(32,135,142,.025) 1px,transparent 1px),
    linear-gradient(rgba(32,135,142,.025) 1px,transparent 1px)!important;
}
html[data-pb-theme-scope="public"] body .registration-heading h1,
html[data-pb-theme-scope="public"] body .card-title,
html[data-pb-theme-scope="public"] body .progress-step.active .progress-label,
html[data-pb-theme-scope="public"] body .progress-step.completed .progress-label{
  color:var(--pb-dark-cyan)!important;
}
html[data-pb-theme-scope="public"] body .registration-eyebrow{
  color:var(--pb-cocoa)!important;
}
html[data-pb-theme-scope="public"] body .registration-card{
  border-color:rgba(32,135,142,.14)!important;
  box-shadow:0 28px 70px rgba(32,135,142,.10),0 3px 10px rgba(32,135,142,.04)!important;
}
html[data-pb-theme-scope="public"] body .registration-card::before,
html[data-pb-theme-scope="public"] body .progress-step.active .progress-circle{
  background:var(--pb-dark-cyan)!important;
  border-color:var(--pb-dark-cyan)!important;
}
html[data-pb-theme-scope="public"] body .progress-step.completed .progress-circle,
html[data-pb-theme-scope="public"] body .category-option input:checked + .category-label .category-check{
  background:var(--pb-earth-yellow)!important;
  border-color:var(--pb-earth-yellow)!important;
  color:var(--pb-dark-cyan)!important;
}
html[data-pb-theme-scope="public"] body .category-option input:checked + .category-label,
html[data-pb-theme-scope="public"] body .category-label:hover{
  border-color:var(--pb-light-blue)!important;
}
html[data-pb-theme-scope="public"] body .category-option input:checked + .category-label .category-icon{
  background:var(--pb-dark-cyan)!important;
  color:#fff!important;
}

/* ------------------------------------------------------------
   DASHBOARDS
   Palette only. NO header/sidebar/grid/position/size/layout rules.
   ------------------------------------------------------------ */
html[data-pb-theme-scope="dashboard"] body{
  --primary:#20878E;
  --primary-dark:#176E74;
  --secondary:#92C4C6;
  --accent:#F3C375;
  --accent-dark:#D66F29;
}
html[data-pb-theme-scope="dashboard"] body .btn-primary,
html[data-pb-theme-scope="dashboard"] body .button-primary,
html[data-pb-theme-scope="dashboard"] body .primary-action{
  background-color:var(--pb-dark-cyan)!important;
  border-color:var(--pb-dark-cyan)!important;
  color:#fff!important;
}
html[data-pb-theme-scope="dashboard"] body .btn-primary:hover,
html[data-pb-theme-scope="dashboard"] body .button-primary:hover,
html[data-pb-theme-scope="dashboard"] body .primary-action:hover{
  background-color:var(--pb-cocoa)!important;
  border-color:var(--pb-cocoa)!important;
}
html[data-pb-theme-scope="dashboard"] body .active,
html[data-pb-theme-scope="dashboard"] body [aria-current="page"]{
  --navy:var(--pb-dark-cyan)!important;
}
/* =========================================================
   PRAGUE & BEYOND — FINAL PUBLIC HEADER COLOUR OVERRIDE
   Removes remaining legacy navy from shared public header.
   Layout and functionality untouched.
   ========================================================= */

body:not(.pb-dashboard) header,
body:not(.pb-dashboard) .site-header,
body:not(.pb-dashboard) header .nav,
body:not(.pb-dashboard) .header-inner {
    background: #20878E !important;
    background-color: #20878E !important;
    border-color: rgba(146,196,198,.42) !important;
}

/* Header links */
body:not(.pb-dashboard) header nav a {
    color: #FFFFFF !important;
}

/* Active navigation */
body:not(.pb-dashboard) header nav a.active,
body:not(.pb-dashboard) header nav a[aria-current="page"] {
    background: rgba(146,196,198,.24) !important;
    color: #FFFFFF !important;
}

/* Navigation hover */
body:not(.pb-dashboard) header nav a:hover {
    background: rgba(146,196,198,.18) !important;
    color: #FFFFFF !important;
}

/* Prague & Beyond logo */
body:not(.pb-dashboard) header .logo {
    color: #FFFFFF !important;
}

body:not(.pb-dashboard) header .logo span {
    color: #F3C375 !important;
}

/* For Business */
body:not(.pb-dashboard) header nav a[href*="partner"],
body:not(.pb-dashboard) header nav a[href*="business"] {
    color: #F3C375 !important;
}

/* Login */
body:not(.pb-dashboard) header .login-btn {
    background: transparent !important;
    color: #FFFFFF !important;
    border-color: rgba(255,255,255,.28) !important;
}

body:not(.pb-dashboard) header .login-btn:hover {
    background: rgba(255,255,255,.10) !important;
}

/* Language selector */
body:not(.pb-dashboard) header .pb-language-box,
body:not(.pb-dashboard) header .pb-lang-trigger {
    background: #FFFFFF !important;
    color: #243536 !important;
    border-color: rgba(146,196,198,.55) !important;
}

/* Keep language icon in palette */
body:not(.pb-dashboard) header .pb-language-icon,
body:not(.pb-dashboard) header .pb-language-icon svg {
    color: #F3C375 !important;
    stroke: #F3C375 !important;
}

/* Any legacy decorative/header lines */
body:not(.pb-dashboard) header::before,
body:not(.pb-dashboard) header::after,
body:not(.pb-dashboard) header .nav::before,
body:not(.pb-dashboard) header .nav::after {
    border-color: rgba(243,195,117,.30) !important;
}

/* Mobile header */
@media (max-width: 768px) {
    body:not(.pb-dashboard) header,
    body:not(.pb-dashboard) header .nav {
        background: #20878E !important;
        background-color: #20878E !important;
    }
}
/* =========================================
   FINAL HERO NAVY → TEAL
   Exact hero selectors from index.php
   ========================================= */

html body .pb-hero-vignette {
    background:
        linear-gradient(
            90deg,
            rgba(15,70,74,.96) 0%,
            rgba(23,110,116,.86) 25%,
            rgba(32,135,142,.50) 50%,
            rgba(32,135,142,.20) 75%,
            rgba(15,70,74,.68) 100%
        ),
        linear-gradient(
            180deg,
            rgba(23,110,116,.34),
            rgba(32,135,142,.10) 45%,
            rgba(12,58,62,.80)
        ) !important;
}

html body .pb-hero-blue {
    background:
        linear-gradient(
            90deg,
            rgba(12,58,62,.92) 0%,
            rgba(18,83,88,.72) 34%,
            rgba(32,135,142,.26) 70%,
            rgba(12,58,62,.52) 100%
        ) !important;
}

html body .pb-cinematic-hero::after {
    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(12,58,62,.94)
        ) !important;
}

html body .pb-glow-two {
    background: #20878E !important;
}

html body .pb-hero-blue-glow {
    background:
        radial-gradient(
            circle,
            rgba(243,195,117,.13) 0%,
            rgba(32,135,142,.25) 32%,
            transparent 70%
        ) !important;
}

html body .pb-atmosphere {
    background:
        radial-gradient(
            circle at 75% 45%,
            rgba(243,195,117,.08),
            transparent 27%
        ),
        radial-gradient(
            circle at 20% 80%,
            rgba(32,135,142,.35),
            transparent 35%
        ) !important;
}
/* FINAL CATEGORY NAME COLOR ONLY */
html body .badge {
    background: #20878E !important;
    color: #FFFFFF !important;
    border-color: rgba(243,195,117,.45) !important;
}


/* =====================================================================
   PRAGUE & BEYOND — FINAL BALANCED GLOBAL PALETTE
   This section intentionally comes LAST and is the source of truth.
   It changes colours only. Layout, sizing, positioning and functionality
   remain controlled by each existing page.
   ===================================================================== */

:root{
  --pb-dark-cyan:#20878E !important;
  --pb-light-blue:#92C4C6 !important;
  --pb-champagne:#F6E3D6 !important;
  --pb-earth-yellow:#F3C375 !important;
  --pb-cocoa:#D66F29 !important;

  --pb-footer:#203638 !important;
  --pb-ink:#1A1A1F !important;
  --pb-muted:#667085 !important;
  --pb-white:#FFFFFF !important;

  /* Translate common legacy page variables */
  --navy:#20878E !important;
  --navy-deep:#203638 !important;
  --deep:#203638 !important;
  --blue:#20878E !important;
  --blue-soft:#E7F1F1 !important;
  --gold:#F3C375 !important;
  --gold2:#D66F29 !important;
  --gold-dark:#D66F29 !important;
  --cream:#F6E3D6 !important;
  --soft:#EAF4F4 !important;
  --bg:#FBF7F3 !important;
  --line:rgba(32,135,142,.13) !important;
}

/* ---------------------------------------------------------------------
   PUBLIC PAGES — balanced use of the palette
   --------------------------------------------------------------------- */
html[data-pb-theme-scope="public"] body{
  background-color:#FFFFFF;
  color:#1A1A1F;
}

/* Keep the brand header strong, but use warm + cool secondary colours */
html[data-pb-theme-scope="public"] body > header,
html[data-pb-theme-scope="public"] body .site-header,
body:not(.pb-dashboard) > header,
body:not(.pb-dashboard) .site-header{
  background:#20878E !important;
  background-color:#20878E !important;
}

html[data-pb-theme-scope="public"] body .section-kicker,
html[data-pb-theme-scope="public"] body .eyebrow,
html[data-pb-theme-scope="public"] body .registration-eyebrow{
  color:#D66F29 !important;
}

/* Soft sections should not all be teal */
html[data-pb-theme-scope="public"] body .soft-section,
html[data-pb-theme-scope="public"] body .light-section,
html[data-pb-theme-scope="public"] body .business-register-page{
  background:#FBF7F3 !important;
}

/* Cards remain clean white; warm/cool borders add the palette subtly */
html[data-pb-theme-scope="public"] body .registration-card,
html[data-pb-theme-scope="public"] body .price-card,
html[data-pb-theme-scope="public"] body .checkout-box{
  background:#FFFFFF !important;
  border-color:rgba(32,135,142,.14) !important;
}

/* Primary action = cyan */
html body .btn:not(.gold):not(.secondary-btn):not(.white):not(.red),
html body .primary-btn,
html body .continue-btn,
html body .submit-btn{
  background:#20878E !important;
  border-color:#20878E !important;
  color:#FFFFFF !important;
}

/* Warm secondary action = yellow */
html body .btn.gold,
html body .gold-btn,
html body .secondary-btn{
  background:#F3C375 !important;
  border-color:#F3C375 !important;
  color:#203638 !important;
}

/* Cocoa is an accent/hover, not a site-wide fill */
html body .btn:not(.gold):not(.secondary-btn):not(.white):not(.red):hover,
html body .primary-btn:hover,
html body .continue-btn:hover,
html body .submit-btn:hover{
  background:#D66F29 !important;
  border-color:#D66F29 !important;
  color:#FFFFFF !important;
}

/* Champagne badges / notices */
html[data-pb-theme-scope="public"] body .plan-badge,
html[data-pb-theme-scope="public"] body .section-chip,
html[data-pb-theme-scope="public"] body .plan-chip{
  background:#F6E3D6 !important;
  border-color:rgba(214,111,41,.20) !important;
  color:#A84F17 !important;
}

/* Category badge remains a controlled cyan accent */
html body .badge{
  border-color:rgba(243,195,117,.45) !important;
}

/* ---------------------------------------------------------------------
   DASHBOARD — exact selectors from business/dashboard.php
   Full palette, without changing the existing dashboard layout.
   --------------------------------------------------------------------- */
html[data-pb-theme-scope="dashboard"] body{
  --navy:#20878E !important;
  --deep:#203638 !important;
  --gold:#F3C375 !important;
  --gold2:#D66F29 !important;
  --soft:#EAF4F4 !important;
  --bg:#FBF7F3 !important;
  --ink:#1A1A1F !important;
  --muted:#667085 !important;
  --line:rgba(32,135,142,.13) !important;
  --white:#FFFFFF !important;
  --shadow:0 22px 60px rgba(32,54,56,.08),0 2px 8px rgba(32,135,142,.05) !important;

  background:#FBF7F3 !important;
  color:#1A1A1F !important;
}

/* SIDEBAR — same premium dark family as homepage footer */
html[data-pb-theme-scope="dashboard"] body .sidebar{
  background:#203638 !important;
  color:#FFFFFF !important;
}

html[data-pb-theme-scope="dashboard"] body .brand{
  border-bottom-color:rgba(146,196,198,.20) !important;
}

html[data-pb-theme-scope="dashboard"] body .brandmark{
  border-color:rgba(243,195,117,.60) !important;
  background:rgba(243,195,117,.08) !important;
  color:#F3C375 !important;
}

html[data-pb-theme-scope="dashboard"] body .brand strong span{
  color:#F3C375 !important;
}

html[data-pb-theme-scope="dashboard"] body .brand small,
html[data-pb-theme-scope="dashboard"] body .nav-label,
html[data-pb-theme-scope="dashboard"] body .business-mini span{
  color:rgba(255,255,255,.58) !important;
}

html[data-pb-theme-scope="dashboard"] body .nav a{
  color:rgba(255,255,255,.82) !important;
  border-color:transparent !important;
}

html[data-pb-theme-scope="dashboard"] body .nav a:hover{
  background:rgba(146,196,198,.12) !important;
  color:#FFFFFF !important;
}

html[data-pb-theme-scope="dashboard"] body .nav a.active{
  background:rgba(246,227,214,.12) !important;
  color:#FFFFFF !important;
  border-color:rgba(243,195,117,.42) !important;
  box-shadow:inset 3px 0 0 #F3C375,0 8px 22px rgba(0,0,0,.10) !important;
}

html[data-pb-theme-scope="dashboard"] body .nav a.active .icon{
  color:#F3C375 !important;
}

html[data-pb-theme-scope="dashboard"] body .navbadge{
  background:#F6E3D6 !important;
  color:#A84F17 !important;
}

html[data-pb-theme-scope="dashboard"] body .business-mini{
  background:rgba(146,196,198,.07) !important;
  border-color:rgba(146,196,198,.18) !important;
}

/* TOP BAR */
html[data-pb-theme-scope="dashboard"] body .top{
  background:rgba(255,255,255,.96) !important;
  border-bottom-color:rgba(32,135,142,.12) !important;
}

html[data-pb-theme-scope="dashboard"] body .crumb strong,
html[data-pb-theme-scope="dashboard"] body .topicon,
html[data-pb-theme-scope="dashboard"] body .avatar{
  color:#20878E !important;
}

html[data-pb-theme-scope="dashboard"] body .avatar{
  background:#EAF4F4 !important;
}

html[data-pb-theme-scope="dashboard"] body .alertdot{
  background:#D66F29 !important;
}

/* PAGE TITLES */
html[data-pb-theme-scope="dashboard"] body .head h1,
html[data-pb-theme-scope="dashboard"] body .page-title h1,
html[data-pb-theme-scope="dashboard"] body .card-title,
html[data-pb-theme-scope="dashboard"] body .subhero h2,
html[data-pb-theme-scope="dashboard"] body .modal-top h3{
  color:#203638 !important;
}

html[data-pb-theme-scope="dashboard"] body .eyebrow{
  color:#D66F29 !important;
}

/* DASHBOARD CARDS — white base, not teal */
html[data-pb-theme-scope="dashboard"] body .stat,
html[data-pb-theme-scope="dashboard"] body .card,
html[data-pb-theme-scope="dashboard"] body .subhero,
html[data-pb-theme-scope="dashboard"] body .modal-box{
  background:#FFFFFF !important;
  border-color:rgba(32,135,142,.13) !important;
  box-shadow:0 22px 60px rgba(32,54,56,.08),0 2px 8px rgba(32,135,142,.04) !important;
}

/* Stats alternate subtle accents using all theme colours */
html[data-pb-theme-scope="dashboard"] body .stats .stat:nth-child(4n+1){
  border-top:3px solid #20878E !important;
}
html[data-pb-theme-scope="dashboard"] body .stats .stat:nth-child(4n+2){
  border-top:3px solid #92C4C6 !important;
}
html[data-pb-theme-scope="dashboard"] body .stats .stat:nth-child(4n+3){
  border-top:3px solid #F3C375 !important;
}
html[data-pb-theme-scope="dashboard"] body .stats .stat:nth-child(4n+4){
  border-top:3px solid #D66F29 !important;
}

html[data-pb-theme-scope="dashboard"] body .stat .value{
  color:#203638 !important;
}

/* TABLES */
html[data-pb-theme-scope="dashboard"] body .table{
  border-color:rgba(32,135,142,.13) !important;
  background:#FFFFFF !important;
}

html[data-pb-theme-scope="dashboard"] body th{
  background:#EAF4F4 !important;
  color:#476466 !important;
}

html[data-pb-theme-scope="dashboard"] body th,
html[data-pb-theme-scope="dashboard"] body td{
  border-bottom-color:rgba(32,135,142,.10) !important;
}

/* FORMS */
html[data-pb-theme-scope="dashboard"] body input,
html[data-pb-theme-scope="dashboard"] body select,
html[data-pb-theme-scope="dashboard"] body textarea{
  background:#FFFFFF !important;
  border-color:rgba(32,135,142,.18) !important;
  color:#1A1A1F !important;
}

html[data-pb-theme-scope="dashboard"] body input:focus,
html[data-pb-theme-scope="dashboard"] body select:focus,
html[data-pb-theme-scope="dashboard"] body textarea:focus{
  border-color:#20878E !important;
  box-shadow:0 0 0 3px rgba(146,196,198,.28) !important;
}

/* BUTTONS */
html[data-pb-theme-scope="dashboard"] body .btn{
  background:#20878E !important;
  border-color:#20878E !important;
  color:#FFFFFF !important;
}

html[data-pb-theme-scope="dashboard"] body .btn:hover{
  background:#D66F29 !important;
  border-color:#D66F29 !important;
  color:#FFFFFF !important;
}

html[data-pb-theme-scope="dashboard"] body .btn.gold{
  background:#F3C375 !important;
  border-color:#F3C375 !important;
  color:#203638 !important;
}

html[data-pb-theme-scope="dashboard"] body .btn.gold:hover{
  background:#D66F29 !important;
  border-color:#D66F29 !important;
  color:#FFFFFF !important;
}

html[data-pb-theme-scope="dashboard"] body .btn.white,
html[data-pb-theme-scope="dashboard"] body .small{
  background:#FFFFFF !important;
  border-color:rgba(32,135,142,.18) !important;
  color:#20878E !important;
}

html[data-pb-theme-scope="dashboard"] body .btn.white:hover,
html[data-pb-theme-scope="dashboard"] body .small:hover{
  background:#EAF4F4 !important;
  color:#176E74 !important;
}

/* Chips: champagne + cocoa */
html[data-pb-theme-scope="dashboard"] body .section-chip,
html[data-pb-theme-scope="dashboard"] body .plan-chip,
html[data-pb-theme-scope="dashboard"] body .plan-access-note{
  background:#F6E3D6 !important;
  border-color:rgba(214,111,41,.20) !important;
  color:#A84F17 !important;
}

html[data-pb-theme-scope="dashboard"] body .section-chip::before{
  background:#D66F29 !important;
}

html[data-pb-theme-scope="dashboard"] body .locktag{
  color:#D66F29 !important;
}

/* Soft information components: light blue */
html[data-pb-theme-scope="dashboard"] body .quick,
html[data-pb-theme-scope="dashboard"] body .info,
html[data-pb-theme-scope="dashboard"] body .tool{
  border-color:rgba(32,135,142,.14) !important;
}

html[data-pb-theme-scope="dashboard"] body .empty{
  background:#F7FBFB !important;
  border-color:rgba(146,196,198,.60) !important;
}

/* Reviews / stars */
html[data-pb-theme-scope="dashboard"] body .stars{
  color:#F3C375 !important;
}

/* Keep semantic success/error statuses readable */
html[data-pb-theme-scope="dashboard"] body .badge.active,
html[data-pb-theme-scope="dashboard"] body .badge.paid,
html[data-pb-theme-scope="dashboard"] body .badge.confirmed,
html[data-pb-theme-scope="dashboard"] body .badge.completed,
html[data-pb-theme-scope="dashboard"] body .flash.success{
  background:#EAF4F4 !important;
  color:#176E74 !important;
}

html[data-pb-theme-scope="dashboard"] body .badge.pending{
  background:#FFF4D9 !important;
  color:#8A6112 !important;
}

html[data-pb-theme-scope="dashboard"] body .badge.default{
  background:#F6E3D6 !important;
  color:#A84F17 !important;
}

/* ---------------------------------------------------------------------
   FOOTER — exact requested homepage dark green-charcoal
   This is deliberately last so page-specific footer variables cannot
   recolour it.
   --------------------------------------------------------------------- */
html body footer,
html body #page-bottom,
html[data-pb-theme-scope="public"] body > footer,
html[data-pb-theme-scope="public"] body footer#page-bottom,
html[data-pb-theme-scope="public"] body footer.site-footer{
  background:#203638 !important;
  background-color:#203638 !important;
}

/* Preserve existing footer typography/layout; colour only */
html body footer h1,
html body footer h2,
html body footer h3,
html body footer h4{
  color:#FFFFFF !important;
}

html body footer p,
html body footer a{
  color:#AEBDBD !important;
}

html body footer a:hover{
  color:#FFFFFF !important;
}

html body footer .footer-bottom{
  border-top-color:rgba(255,255,255,.12) !important;
  color:#8FA3A3 !important;
}


/* FINAL PUBLIC HEADER SOURCE OF TRUTH */
html[data-pb-theme-scope="public"] body > header,
html[data-pb-theme-scope="public"] body > header .nav,
html[data-pb-theme-scope="public"] body > header .navlinks,
html[data-pb-theme-scope="public"] body header.site-header,
html[data-pb-theme-scope="public"] body header.site-header .nav{
  background-color:#20878E!important;
}
html[data-pb-theme-scope="public"] body > header .brand,
html[data-pb-theme-scope="public"] body > header .logo,
html[data-pb-theme-scope="public"] body > header .navlinks > a,
html[data-pb-theme-scope="public"] body > header nav > a{
  color:#FFFFFF!important;
}
html[data-pb-theme-scope="public"] body > header .brand span,
html[data-pb-theme-scope="public"] body > header .logo span{
  color:#F3C375!important;
}