/*
Theme Name: DEKAT Child
Theme URI: https://www.dekat.co.za
Description: DEKAT corporate-identity child theme for Divi. Brings the DEKAT design system — Didot masthead, Organda headlines, Alien League labels, Futura body, charcoal + ruby palette — into the whole site. Built for African Sky Publishing.
Author: African Sky Publishing
Author URI: https://www.dekat.co.za
Template: Divi
Version: 1.0.0
*/

/* ============================================================
   DEKAT — FONTS (self-hosted in /assets/fonts/)
   ============================================================ */
@font-face{font-family:'DidotD';src:url('assets/fonts/Didot.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'DidotD';src:url('assets/fonts/DidotItalic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'DidotD';src:url('assets/fonts/DidotBold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Organda';src:url('assets/fonts/OrgandaLight.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'AlienLeague';src:url('assets/fonts/AlienLeague.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'FuturaD';src:url('assets/fonts/FuturaMedium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'FuturaD';src:url('assets/fonts/FuturaMediumItalic.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'FuturaD';src:url('assets/fonts/FuturaBold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

/* ============================================================
   DEKAT — DESIGN TOKENS
   ============================================================ */
:root{
  --dk-black:#08090C;      /* footer bar / small accents only */
  --dk-charcoal:#16161A;   /* primary dark background */
  --dk-ink:#2B2B2E;        /* headlines on white */
  --dk-body:#3A3A3C;       /* body text */
  --dk-stone:#8A8178;      /* secondary text */
  --dk-ash:#CFC8BE;        /* light warm grey */
  --dk-line:#E6E2DB;       /* hairlines */
  --dk-paper:#FFFFFF;
  --dk-ruby:#B20000;       /* THE accent — one per page */
}

/* ============================================================
   BASE TYPOGRAPHY — applies site-wide
   ============================================================ */
body, p, li, .et_pb_text, input, textarea, select{
  font-family:'FuturaD', 'Jost', sans-serif;
  color:var(--dk-body);
}
h1, h2, h3, h4, h5, h6,
.et_pb_module h1, .et_pb_module h2, .et_pb_module h3, .et_pb_module h4{
  font-family:'Organda', 'Playfair Display', serif;
  font-weight:400;
  letter-spacing:.03em;
  color:var(--dk-ink);
}

/* Eyebrows / labels / buttons use Alien League */
.dk-eyebrow, .et_pb_button, button, .dk-label{
  font-family:'AlienLeague', sans-serif !important;
  letter-spacing:.16em;
  text-transform:uppercase;
}

/* ============================================================
   THE DEKAT MASTHEAD  (Didot Regular, stretched 150%)
   Use class "dk-mark" on a text element to render the wordmark.
   ============================================================ */
.dk-mark{
  font-family:'DidotD', serif;
  font-weight:400;
  letter-spacing:.05em;
  display:inline-block;
  transform:scaleY(1.5);
  transform-origin:left;
  line-height:1;
}

/* ============================================================
   BUTTONS — ruby accent
   ============================================================ */
.et_pb_button, .et_pb_button:hover,
.dk-btn{
  background-color:var(--dk-ruby) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:0 !important;
  font-family:'AlienLeague', sans-serif !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  padding:15px 30px !important;
  transition:background-color .2s ease !important;
}
.et_pb_button:hover, .dk-btn:hover{ background-color:#8f0000 !important; }
.et_pb_button:after{ display:none !important; }  /* remove Divi arrow */

/* ============================================================
   DARK SECTIONS — charcoal, not black
   Apply the Divi section a CSS class "dk-dark"
   ============================================================ */
.dk-dark{ background-color:var(--dk-charcoal) !important; }
.dk-dark, .dk-dark p, .dk-dark li, .dk-dark .et_pb_text{ color:#fff !important; }
.dk-dark h1, .dk-dark h2, .dk-dark h3, .dk-dark h4{ color:#fff !important; }
.dk-dark a{ color:#fff; opacity:.92; }
.dk-dark a:hover{ opacity:1; color:var(--dk-ash); }

/* eyebrow stroke device */
.dk-eyebrow{ color:var(--dk-stone); font-size:14px; display:inline-flex; align-items:center; gap:12px; }
.dk-eyebrow::before{ content:""; width:28px; height:1px; background:var(--dk-ruby); display:inline-block; }
.dk-dark .dk-eyebrow{ color:var(--dk-ash); }

/* hairline rule */
.dk-hr{ border:0; border-top:1px solid var(--dk-line); margin:40px 0; }

/* footer heavy-bar separator text */
.dk-footbar{ background:var(--dk-black); color:#fff; text-align:center; padding:18px; }
.dk-footbar span{ font-size:10px; letter-spacing:.26em; text-transform:uppercase; opacity:.6; }
.dk-footbar b{ opacity:.35; padding:0 11px; font-weight:400; }

/* ============================================================
   DEKAT INTEREST FORM (rendered by the dekat-argief-form plugin)
   ============================================================ */
.dk-form{ max-width:34rem; }
.dk-form .dk-row{ display:flex; gap:10px; flex-wrap:wrap; }
.dk-form input[type=email]{
  flex:1 1 240px; background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.26); color:#fff;
  font-family:'FuturaD',sans-serif; font-size:15px; padding:15px 18px; outline:none;
}
.dk-form input[type=email]::placeholder{ color:#a59f97; }
.dk-form input[type=email]:focus{ border-color:var(--dk-ash); }
.dk-form button{
  background:var(--dk-ruby); color:#fff; border:0;
  font-family:'AlienLeague',sans-serif; font-size:14px; letter-spacing:.16em;
  text-transform:uppercase; padding:15px 28px; cursor:pointer; white-space:nowrap;
}
.dk-form button:hover{ background:#8f0000; }
.dk-form .dk-consent{ display:flex; gap:10px; align-items:flex-start; margin-top:16px; font-size:12.5px; color:#a59f97; line-height:1.5; }
.dk-form .dk-consent input{ margin-top:3px; accent-color:var(--dk-ruby); width:15px; height:15px; flex-shrink:0; }
.dk-form .dk-consent a{ color:var(--dk-ash); text-decoration:underline; }
.dk-form .dk-micro{ font-size:12px; color:#8a857d; margin-top:14px; }
.dk-form .dk-ok{ font-family:'Organda',serif; font-size:20px; color:var(--dk-ash); padding:14px 0; letter-spacing:.03em; }

/* On a light background, make the form text dark for legibility */
.dk-form.dk-on-light input[type=email]{ background:#fff; border-color:var(--dk-line); color:var(--dk-ink); }
.dk-form.dk-on-light .dk-consent{ color:var(--dk-stone); }
.dk-form.dk-on-light .dk-consent a{ color:var(--dk-ink); }
.dk-form.dk-on-light .dk-micro{ color:var(--dk-stone); }