/*
Theme Name: GCPP Dark
Template: kadence
Text Domain: gcpp-dark
Description: Gold Coast Paint Protection – Dark brand theme (Kadence child)
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
*/

/* ================================================================
   GCPP DARK THEME — Brand: #0F73BA blue / #808281 grey / #0d1117 bg
   ================================================================ */

/* Kadence CSS palette variables */
:root {
  --global-palette1: #0F73BA;
  --global-palette2: #0a5a96;
  --global-palette3: #ffffff;
  --global-palette4: #d1d5db;
  --global-palette5: #9ca3af;
  --global-palette6: #808281;
  --global-palette7: #161b22;
  --global-palette8: #111827;
  --global-palette9: #0d1117;
}

/* Base */
html, body, .site {
  background-color: #0d1117 !important;
  color: #e5e7eb !important;
}

/* ── Header ─────────────────────────────────────────────────────── */
#masthead,
.site-header,
.header-wrap,
.hfb-header,
.hfe-header,
header.site-header,
.kadence-sticky-header #masthead {
  background-color: #0d1117 !important;
  border-bottom: 1px solid #1e2330 !important;
}

/* Nav links */
.main-navigation a,
.kadence-navigation a,
.nav--toggle-small .menu > li > a,
.primary-menu > li > a {
  color: #ffffff !important;
}
.main-navigation a:hover,
.primary-menu > li > a:hover,
.primary-menu > li.current-menu-item > a {
  color: transparent!important; color:#2178B8!important
}

/* Dropdown menus */
.main-navigation .sub-menu,
.kadence-navigation .sub-menu {
  background-color: #161b22 !important;
  border: 1px solid #1e2330 !important;
}
.main-navigation .sub-menu a { color: #d1d5db !important; }
.main-navigation .sub-menu a:hover { color: #0F73BA !important; }

/* Mobile nav */
.kadence-mobile-header-nav,
.mobile-navigation,
.kadence-mobile-nav-wrap {
  background-color: #0d1117 !important;
}
.kadence-mobile-nav-wrap a { color: #ffffff !important; }

/* Site title */
.site-title a, .site-title { color: #ffffff !important; }
.site-description { color: #9ca3af !important; }

/* Logo */
.site-logo img,
.custom-logo,
.hfb-header .site-logo img,
header .wp-block-image img {
  max-height: 70px !important;
  width: auto !important;
}

/* ── Content areas ──────────────────────────────────────────────── */
.site-content,
.content-area,
main,
.hentry,
.entry-content,
.page-content {
  background-color: #0d1117 !important;
  color: #d1d5db !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title,
.wp-block-heading {
  color: #ffffff !important;
}

/* Body text */
p { color: #d1d5db; }
ul li, ol li { color: #d1d5db; }
ul li strong, ol li strong { color: #ffffff; }

/* Links */
a { color: #0F73BA !important; }
a:hover { color: #0a5a96 !important; }

/* ── Buttons ────────────────────────────────────────────────────── */
.wp-block-button__link,
.button,
.kadence-button,
input[type="submit"],
button[type="submit"] {
  background-color: #0F73BA !important;
  color: #ffffff !important;
  border-color: #0F73BA !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  transition: background-color 0.2s ease !important;
}
.wp-block-button__link:hover,
.button:hover,
.kadence-button:hover {
  background-color: #0a5a96 !important;
}
.wp-block-button.is-style-outline .wp-block-button__link {
  background-color: transparent !important;
  color: #0F73BA !important;
  border: 2px solid #0F73BA !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background-color: #0F73BA !important;
  color: #ffffff !important;
}

/* ── Tables ─────────────────────────────────────────────────────── */
.wp-block-table { border-radius: 8px; overflow: hidden; }
table {
  border-collapse: collapse;
  width: 100%;
  color: #d1d5db !important;
}
th {
  background-color: #0F73BA !important;
  color: #ffffff !important;
  padding: 12px 16px !important;
  text-align: left;
  font-weight: 600;
}
td {
  border: 1px solid #1e2330 !important;
  padding: 10px 16px !important;
}
tr:nth-child(even) td { background-color: #161b22 !important; }
tr:nth-child(odd) td { background-color: #0d1117 !important; }

/* ── Forms ──────────────────────────────────────────────────────── */
input,
textarea,
select {
  background-color: #161b22 !important;
  border: 1px solid #1e2330 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 10px 12px !important;
}
input:focus,
textarea:focus,
select:focus {
  border-color: #0F73BA !important;
  outline: none !important;
}
::placeholder { color: #6b7280 !important; }

/* ── Footer ─────────────────────────────────────────────────────── */
#colophon,
.site-footer,
footer.site-footer,
.footer-wrap,
.footer-container,
.hfe-footer {
  background-color: #0d1117 !important;
  border-top: 1px solid #1e2330 !important;
  color: #9ca3af !important;
}
.site-footer a, .hfe-footer a { color: #9ca3af !important; }
.site-footer a:hover, .hfe-footer a:hover { color: #0F73BA !important; }

/* ── Misc ───────────────────────────────────────────────────────── */
hr { border-color: #1e2330 !important; }
.kadence-page-header,
.entry-hero-wrap,
.wp-block-cover {
  background-color: #161b22;
}

/* ── Elementor compatibility ─────────────────────────────────────── */
.elementor-widget-text-editor p,
.elementor-widget-text-editor li { color: #d1d5db; }
.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3,
.elementor-widget-heading h4 { color: #ffffff !important; }
.elementor-kit-tag:nth-child(1) { --e-global-color-primary: #0F73BA; }
.e-global-color-primary { --e-global-color: #0F73BA; }


/* ── Hide Kadence / Elementor theme header & footer ── */
#masthead,
.site-header,
.hfb-header,
.hfe-header,
header.site-header,
.kadence-sticky-header,
.elementor-location-header,
.site-branding,
.site-title,
.site-description,
.main-navigation,
.header-wrap,
.top-header-wrap {
  display: none !important;
}

/* Remove top padding Kadence adds to compensate for sticky header */
.site, .site-content, #content, .content-area {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Keep footer hidden too — our pages have their own CTA */
#colophon,
.site-footer,
footer.site-footer,
.hfe-footer,
.elementor-location-footer {
  display: none !important;
}


/* ══ NUCLEAR HEADER KILL ══ */
/* Hide ALL possible header/title elements from Kadence + Elementor */
#masthead, .site-header, header.site-header,
.hfb-header, .hfe-header, .header-wrap,
.top-header-wrap, .kadence-sticky-header,
.elementor-location-header, .site-branding,
.site-title, .site-description, .main-navigation,
.kadence-navigation, .nav--toggle-small,
#site-navigation, .primary-navigation,
.wp-block-navigation, .wp-block-site-title,
.wp-block-site-logo { display: none !important; height: 0 !important; overflow: hidden !important; }

/* Hide Kadence page title / entry header / breadcrumbs / hero area */
.entry-header, .page-hero-section, .kadence-page-header,
.entry-hero-wrap, .hero-section, .page-title-wrap,
.wp-block-template-part[class*="header"],
.kadence-breadcrumbs, .kadence-page-title,
.page-header, .kadence-inner-column-inner > .entry-header,
.content-hero-section { display: none !important; }

/* Kill any top padding/margin WordPress adds for admin bar + sticky header */
html { margin-top: 0 !important; }
body { margin-top: 0 !important; padding-top: 0 !important; }
body.logged-in { margin-top: 0 !important; }
#wpadminbar { position: fixed !important; }
.site, #page, #content, .site-content,
.content-area, .wp-site-blocks,
.entry-content > * { padding-top: 0 !important; margin-top: 0 !important; }

/* Hide footer too */
#colophon, .site-footer, footer.site-footer,
.hfe-footer, .elementor-location-footer,
.footer-wrap, .footer-container { display: none !important; }

/* Make sure our gcpp-home block goes full width edge to edge */
#gcpp-home { width: 100% !important; max-width: 100% !important; }
.entry-content { padding: 0 !important; margin: 0 !important; max-width: 100% !important; }
.wp-block-group, .wp-block-html { margin: 0 !important; padding: 0 !important; }


/* ══ FULLWIDTH PAGE FIX ══ */
body.gcpp-fullwidth-page .entry-content,
body.gcpp-fullwidth-page .page-content,
body.gcpp-fullwidth-page #primary,
body.gcpp-fullwidth-page main,
body.gcpp-fullwidth-page .site-content,
body.gcpp-fullwidth-page .content-area {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  overflow: visible !important;
}

/* Kadence wraps content in .kadence-content-width-normal — kill it */
body.gcpp-fullwidth-page .kadence-content-width-normal,
body.gcpp-fullwidth-page .wp-block-group,
body.gcpp-fullwidth-page .alignfull {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}