/*
Theme Name: Koykan Capital (Astra Child)
Theme URI: https://koykancapital.com
Template: astra
Author: Marketing by Bešić
Description: Astra child theme replicating the Koykan v3 "Institutional" header & footer. Menus and widgets stay GUI-editable in WP Admin. Page bodies are built with Elementor templates.
Version: 1.0.0
*/

/* ============================================================
   Koykan v3 tokens (OKLCH -> hex). Acrom with safe fallbacks.
   ============================================================ */
:root{
  --k-paper:#FBFAF7; --k-paper2:#F4F1EC; --k-ink:#1F1A16; --k-ink-body:#4A443D;
  --k-muted:#6B645C; --k-char:#1A1714; --k-on-char:#F3F0EB; --k-on-char-mut:#A89E92;
  --k-beige:#826452; --k-beige2:#BC9275; --k-beige-soft:#C9A589;
  --k-line:rgba(31,26,22,.12); --k-line-char:rgba(243,240,235,.16);
  --k-font:'Acrom','Nunito Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --k-maxw:1280px; --k-gutter:clamp(1.5rem,.5rem + 4vw,4.5rem);
}

/* Hide Astra's default header/footer; we inject our own via hooks */
.ast-primary-header-bar,.site-header,.site-below-footer-wrap,.site-primary-footer-wrap,
.ast-above-header-wrap{display:none !important;}
body{font-family:var(--k-font);color:var(--k-ink-body);background:var(--k-paper);margin:0;}

/* ================= HEADER (white, solid) ================= */
.k-header{position:sticky;top:0;z-index:1000;background:#FFFFFF;border-bottom:1px solid var(--k-line);}
.k-header .k-wrap{max-width:var(--k-maxw);margin:0 auto;padding:0 var(--k-gutter);
  display:flex;align-items:center;justify-content:space-between;min-height:74px;gap:2rem;}
.k-brand{display:flex;align-items:center;}
.k-brand img{height:30px;width:auto;display:block;}
.k-menu{display:flex;align-items:center;gap:1.9rem;margin:0;padding:0;list-style:none;}
.k-menu a{color:var(--k-ink);text-decoration:none;font-size:.86rem;font-weight:500;
  letter-spacing:.01em;transition:color .25s cubic-bezier(.16,1,.3,1);white-space:nowrap;}
.k-menu a:hover{color:var(--k-beige);}
.k-menu .current-menu-item>a,.k-menu .current_page_item>a{color:var(--k-beige);}
.k-login{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--k-line);
  color:var(--k-ink);border-radius:2px;padding:.55rem 1.15rem;font-weight:500;font-size:.84rem;
  text-decoration:none;transition:all .25s;}
.k-login::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--k-beige);}
.k-login:hover{background:var(--k-ink);color:#FFFFFF;border-color:var(--k-ink);}
.k-burger{display:none;background:none;border:0;cursor:pointer;width:28px;height:22px;position:relative;}
.k-burger span{display:block;height:1.5px;background:var(--k-ink);margin:5px 0;transition:.3s;}

/* ================= FOOTER ================= */
.k-footer{background:var(--k-char);color:var(--k-on-char-mut);}
.k-footer .k-wrap{max-width:var(--k-maxw);margin:0 auto;padding:clamp(3rem,2rem+3vw,5rem) var(--k-gutter) 2rem;}
.k-footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:3rem;}
.k-footer-logo{height:28px;width:auto;margin-bottom:1.2rem;}
.k-footer-tagline{color:var(--k-beige-soft);font-size:1rem;margin:0 0 1.4rem;letter-spacing:.01em;}
.k-footer-legal{font-size:.78rem;line-height:1.6;color:var(--k-on-char-mut);margin:.3rem 0;}
.k-footer-col h4{color:var(--k-on-char);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;
  font-weight:500;margin:0 0 1.1rem;}
.k-footer-col ul{list-style:none;margin:0;padding:0;}
.k-footer-col li{margin:.55rem 0;}
.k-footer-col a{color:var(--k-on-char-mut);text-decoration:none;font-size:.86rem;transition:color .25s;}
.k-footer-col a:hover{color:var(--k-beige-soft);}
.k-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;
  margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--k-line-char);
  font-size:.76rem;color:var(--k-on-char-mut);}

/* ================= RESPONSIVE ================= */
@media(max-width:921px){
  .k-burger{display:block;}
  .k-menu{position:fixed;inset:74px 0 auto 0;background:#FFFFFF;flex-direction:column;
    align-items:flex-start;gap:0;padding:1rem var(--k-gutter) 2rem;
    border-bottom:1px solid var(--k-line);box-shadow:0 12px 30px rgba(31,26,22,.08);
    transform:translateY(-120%);transition:transform .35s cubic-bezier(.16,1,.3,1);}
  .k-menu.open{transform:translateY(0);}
  .k-menu li,.k-menu a{width:100%;}
  .k-menu a{padding:.85rem 0;font-size:1rem;border-bottom:1px solid var(--k-line);}
  .k-login{margin-top:.8rem;width:100%;justify-content:center;}
  .k-footer-top{grid-template-columns:1fr;gap:2.2rem;}
}

/* Acrom (drop woff2 into the child theme /fonts dir to activate; falls back gracefully) */
@font-face{font-family:'Acrom';src:local('Acrom');font-weight:300 800;font-display:swap;}