/* LCAG FOI colour override
   Safe version: change accents only, keep homepage image intact */

:root{
  --lcag-ink:#111111;
  --lcag-teal:#006f78;
  --lcag-teal-2:#0a8791;
  --lcag-gold:#f2d21b;
  --lcag-mist:#f6f6f2;
  --lcag-line:#deded6;
  --lcag-white:#ffffff;
}

/* General link colour */
a,
a:visited{
  color: var(--lcag-teal-2);
}

a:hover,
a:focus{
  color: var(--lcag-teal);
}

/* Top nav strip */
#topnav,
.topnav,
.top-nav,
.utility-nav{
  background: var(--lcag-ink) !important;
  border-bottom: 4px solid var(--lcag-gold) !important;
}

#topnav a,
.topnav a,
.top-nav a,
.utility-nav a{
  color: #fff !important;
}

/* Main header area */
#header,
.header,
.site-header{
  border-bottom: 4px solid var(--lcag-teal) !important;
}

/* IMPORTANT:
   These target the coloured overlay/panel inside the banner,
   not the outer background image itself. */
.banner__inner,
.banner_inner,
.banner-inner,
#banner_inner,
.home__banner__content,
.homepage__search,
#frontpage_search{
  background: rgba(0,111,120,.92) !important;
  color: #fff !important;
}

/* Keep text on banner/search panel readable */
.banner__inner h1,
.banner__inner h2,
.banner__inner h3,
.banner__inner p,
.banner_inner h1,
.banner_inner h2,
.banner_inner h3,
.banner_inner p,
.banner-inner h1,
.banner-inner h2,
.banner-inner h3,
.banner-inner p,
#banner_inner h1,
#banner_inner h2,
#banner_inner h3,
#banner_inner p,
.home__banner__content h1,
.home__banner__content h2,
.home__banner__content h3,
.home__banner__content p,
.homepage__search h1,
.homepage__search h2,
.homepage__search h3,
.homepage__search p,
#frontpage_search h1,
#frontpage_search h2,
#frontpage_search h3,
#frontpage_search p,
#frontpage_search label{
  color: #fff !important;
}

/* Search/button accents */
button,
input[type="submit"],
a.button,
.button{
  background: var(--lcag-gold) !important;
  border-color: var(--lcag-ink) !important;
  color: var(--lcag-ink) !important;
  font-weight: 700 !important;
}

button:hover,
input[type="submit"]:hover,
a.button:hover,
.button:hover{
  background: #fff6a8 !important;
  color: var(--lcag-ink) !important;
}

/* Secondary buttons */
.button-secondary,
.secondary-button,
a.button.secondary{
  background: #fff !important;
  border: 1px solid var(--lcag-teal) !important;
  color: var(--lcag-teal) !important;
}

/* Panels/cards */
.request_listing,
.request-item,
.public-body,
.authority__body,
.notice,
.box,
.card{
  border-color: var(--lcag-line) !important;
}

/* Tags / highlight labels */
.label,
.tag,
.badge{
  background: #fff6a8 !important;
  color: var(--lcag-ink) !important;
}

/* Footer */
#footer,
.footer,
.site-footer{
  background: var(--lcag-ink) !important;
  color: #eee !important;
}

#footer a,
.footer a,
.site-footer a{
  color: #fff !important;
}