/* ============================================================
   CUMBERLAND COVE POA — "New look" GLOBAL chrome skin
   ------------------------------------------------------------
   Applied site-wide (every page) ONLY when the visitor has
   opted into the new look. Everything is scoped under
   body.ccpoa-newlook, so classic visitors are never affected.

   This restyles the SHARED chrome — nav, footer, background,
   typography, cards — so interior pages feel consistent with
   the new homepage. Page content inherits the new fonts/colors;
   per-page-type bespoke styling is intentionally out of scope.
   ============================================================ */

body.ccpoa-newlook{
  --bs-body-bg:#f6f1e7;
  --bs-body-color:#29302b;
  background:#f6f1e7 !important;
  color:#29302b;
  font-family:'Source Sans 3', system-ui, sans-serif;
  font-size:1.05rem;
  line-height:1.6;
}

/* Headings — warm forest + Lora (theme already sets Lora; lock the tone) */
body.ccpoa-newlook h1,
body.ccpoa-newlook h2,
body.ccpoa-newlook h3,
body.ccpoa-newlook h4,
body.ccpoa-newlook h5,
body.ccpoa-newlook h6{
  color:#0e3a2c !important;
  font-family:'Lora', Georgia, serif;
}

/* Content links (leave buttons / dropdown items alone).
   NOTE: the new homepage's buttons use .cc-btn (not Bootstrap's .btn),
   so they must be excluded here or this rule overrides their text color. */
body.ccpoa-newlook .site-main a:not(.btn):not(.button):not(.cc-btn):not(.dropdown-item):not(.page-numbers){
  color:#217256;
}
body.ccpoa-newlook .site-main a:not(.btn):not(.button):not(.cc-btn):not(.dropdown-item):not(.page-numbers):hover{
  color:#0e3a2c;
}

/* ---------------- Shared top nav ---------------- */
body.ccpoa-newlook .navbar{
  background:#fffdf8 !important;
  border-bottom:1px solid #e3dccb;
  box-shadow:0 2px 12px rgba(20,50,40,.05);
}
/* Primary nav buttons (Home, Member links, Information, Committees, Pay Dues…) */
body.ccpoa-newlook .navbar .btn-outline-success{
  color:#0e3a2c !important;
  border-color:#cdd9d0 !important;
  background:#fff !important;
  font-weight:700;
}
body.ccpoa-newlook .navbar .btn-outline-success:hover,
body.ccpoa-newlook .navbar .btn-outline-success:focus{
  background:#e7efe9 !important;
  border-color:#217256 !important;
  color:#0e3a2c !important;
}
body.ccpoa-newlook .navbar .btn-success{
  background:#165441 !important;
  border-color:#165441 !important;
  color:#fff !important;
}
body.ccpoa-newlook .navbar .btn-success:hover{
  background:#0e3a2c !important;border-color:#0e3a2c !important;
}
/* Account button — warm amber to set it apart */
body.ccpoa-newlook .navbar .btn-outline-primary{
  color:#8f4f15 !important;
  border-color:#eecfac !important;
  background:#fffaf3 !important;
  font-weight:700;
}
body.ccpoa-newlook .navbar .btn-outline-primary:hover,
body.ccpoa-newlook .navbar .btn-outline-primary:focus{
  background:#fbe8cf !important;
  border-color:#b4661f !important;
  color:#8f4f15 !important;
}
/* Dropdown menus */
body.ccpoa-newlook .navbar .dropdown-menu{
  border-color:#e3dccb;
  box-shadow:0 12px 30px rgba(20,50,40,.14);
}
body.ccpoa-newlook .navbar .dropdown-item:hover,
body.ccpoa-newlook .navbar .dropdown-item:focus{
  background:#e7efe9;
  color:#0e3a2c;
}
/* Search box accents */
body.ccpoa-newlook .navbar .input-group-text,
body.ccpoa-newlook .navbar .form-control{
  border-color:#cdd9d0 !important;
}

/* ---------------- Cards (interior pages) ---------------- */
body.ccpoa-newlook .site-main .card{
  --bs-card-bg:#fffdf8 !important;
  border:1px solid #e3dccb;
  border-radius:14px;
}
body.ccpoa-newlook .site-main .card-header{
  background:#e7efe9;
  border-bottom:1px solid #d6e4da;
}

/* ---------------- Buttons (content) ---------------- */
body.ccpoa-newlook .site-main .btn-primary{
  background:#165441;border-color:#165441;
}
body.ccpoa-newlook .site-main .btn-primary:hover{
  background:#0e3a2c;border-color:#0e3a2c;
}

/* ---------------- Footer ---------------- */
body.ccpoa-newlook .site-footer{
  background:#0e3a2c !important;
  color:#bcd6c8 !important;
}
body.ccpoa-newlook .site-footer a{color:#dcefe2 !important}