/*
Theme Name: KotaChaser Child
Theme URI: https://kotachaser.com
Description: KotaChaser branded child theme for the Kadence parent theme.
Author: KotaChaser
Template: kadence
Version: 1.0.0
Text Domain: kotachaser-child
*/

/* ===== KotaChaser Brand Variables ===== */
:root{
  --kc-navy: #242E41;
  --kc-navy-2: #20282C;
  --kc-gold: #E5973E;
  --kc-orange: #8B4F25;
  --kc-cream: #FAF3E0;
  --kc-mist: #687274;
  --kc-charcoal: #22241F;

  --kc-radius: 14px;
}

/* Base */
body{
  color: var(--kc-charcoal);
}

a{
  text-decoration-thickness: .08em;
  text-underline-offset: .18em;
}

/* Buttons */
.wp-block-button__link,
button,
input[type="submit"],
.kadence-button{
  border-radius: var(--kc-radius) !important;
}

/* Primary button look */
.wp-block-button.is-style-fill .wp-block-button__link,
.kadence-button.kb-button-primary{
  background: var(--kc-gold) !important;
  color: #111 !important;
  border: none !important;
}

/* Secondary button */
.wp-block-button.is-style-outline .wp-block-button__link{
  border-color: var(--kc-gold) !important;
  color: var(--kc-gold) !important;
}

/* Section helpers */
.kc-surface{
  background: var(--kc-cream);
  border-radius: calc(var(--kc-radius) + 6px);
  padding: clamp(16px, 3vw, 34px);
}

.kc-band{
  background: var(--kc-navy);
  color: #fff;
  border-radius: calc(var(--kc-radius) + 6px);
  padding: clamp(18px, 3vw, 42px);
}
/* =========================
   KotaChaser Brand System
   ========================= */

:root{
  --kc-navy:  #242E41;
  --kc-slate: #384B5A;
  --kc-gold:  #F9D131;
  --kc-orange:#EF9D2C;

  --kc-cream: #EBE7DB;
  --kc-sand:  #E4D2B1;
  --kc-gray:  #9EA3A2;

  --kc-forest:#434A33;
  --kc-mist:  #718DA2;

  --kc-radius: 14px;
  --kc-shadow: 0 10px 24px rgba(0,0,0,.10);
}

/* Page base */
body{
  background: var(--kc-cream);
  color: rgba(0,0,0,.82);
}

/* Links */
a{
  color: var(--kc-gold);
  text-decoration: none;
}
a:hover, a:focus{
  color: var(--kc-orange);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Headings (keeps a clean, branded feel) */
h1,h2,h3,h4,h5,h6{
  color: var(--kc-navy);
  letter-spacing: .2px;
}

/* Cards / containers */
.wp-site-blocks .wp-block-group,
.entry-content .wp-block-group,
.kc-card,
article,
.widget{
  border-radius: var(--kc-radius);
}

/* Optional: add a soft card style to common content blocks */
.entry-content > .wp-block-group,
.entry-content > .wp-block-columns,
.entry-content > .wp-block-cover{
  background: rgba(255,255,255,.70);
  border: 1px solid var(--kc-sand);
  box-shadow: var(--kc-shadow);
  padding: clamp(16px, 2vw, 28px);
  margin-bottom: 22px;
}

/* Buttons (WordPress + common themes) */
button,
.button,
.wp-block-button__link,
input[type="submit"],
input[type="button"],
input[type="reset"]{
  background: var(--kc-gold);
  color: var(--kc-navy);
  border: none;
  border-radius: var(--kc-radius);
  padding: 12px 18px;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(36,46,65,.18);
  transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease;
}

button:hover,
.button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover{
  background: var(--kc-orange);
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(36,46,65,.22);
}

/* Make the Donate button pop (give it a class in the menu: donate-btn) */
a.donate-btn{
  background: var(--kc-orange);
  color: #111 !important;
  padding: 10px 14px;
  border-radius: 999px;
  font-weight: 800;
}
a.donate-btn:hover{ filter: brightness(1.03); }

/* Forms */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select{
  border-radius: 12px;
  border: 1px solid var(--kc-sand);
  background: rgba(255,255,255,.85);
  padding: 10px 12px;
}

/* Footer */
.site-footer,
footer{
  background: var(--kc-navy);
  color: rgba(255,255,255,.85);
}
.site-footer a, footer a{
  color: var(--kc-gold);
}
.site-footer a:hover, footer a:hover{
  color: var(--kc-orange);
}

/* =========================
   Kadence header helpers
   (safe even if not Kadence)
   ========================= */

/* If your header/nav area is dark */
.site-header,
.kadence-header-wrap{
  background: var(--kc-navy);
}

/* Menu links on dark header */
.site-header a,
.kadence-header-wrap a{
  color: rgba(255,255,255,.92);
}
.site-header a:hover,
.kadence-header-wrap a:hover{
  color: var(--kc-gold);
}

/* Banner image container (we'll add this class to the header element) */
.kc-banner{
  background: var(--kc-navy);
}
.kc-banner img{
  display:block;
  width:100%;
  height:auto;
}

/* Hide big banner on phones (recommended) */
@media (max-width: 768px){
  .kc-banner{ display:none; }
}