/*
Theme Name:  LISANGA LISANGA Hub
Theme URI:   https://sawa-ra.org
Author:      LISANGA - D.G.A.F
Author URI:  https://sawa-ra.org
Description: Theme officiel LISANGA Hub - LISANGA / Sawa-Ra. Theme principal. Compatible PHP 7.4.
Version:     1.0.0
Requires at least: 5.8
Requires PHP: 7.4
License:     Proprietary
Text Domain: lisanga-lisanga
*/

:root {
  --beige:   #F5EFE0;
  --beige2:  #EDE5CE;
  --cafe:    #6B4E2A;
  --cafe-l:  #A07848;
  --or:      #C9A84C;
  --orT:     #7D6008;
  --bleu:    #1A3A5C;
  --bleuF:   #122840;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { background: var(--beige); font-family: Georgia, 'Times New Roman', serif; color: var(--cafe); font-size: 15px; line-height: 1.7; }
a { color: var(--or); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; height: auto; display: block; }
.skip-link { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.skip-link:focus { position: fixed; top: 0; left: 0; width: auto; height: auto; clip: auto; background: #C9A84C; color: #122840; padding: 8px 16px; z-index: 9999; font-family: Arial, sans-serif; font-size: 13px; font-weight: 600; }
.lisanga-kente { height: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }
.lisanga-kente .k { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 6px; }
.lisanga-hero-adinkra { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: .07; pointer-events: none; }
.motif-bg { position: relative; overflow: hidden; }
.motif-bg::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .08; pointer-events: none; background-image: repeating-linear-gradient(90deg, #6B4E2A 0 1px, transparent 1px 18px), repeating-linear-gradient(0deg, #6B4E2A 0 1px, transparent 1px 18px), repeating-linear-gradient(45deg, #8B6914 0 1px, transparent 1px 36px), repeating-linear-gradient(-45deg, #8B6914 0 1px, transparent 1px 36px); }
.sec-lbl { font-family: Arial, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; margin-bottom: .75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 6px; }
.sec-lbl::after { content: ''; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: .5px; opacity: .35; }
.mcard { border-radius: 4px; padding: .625rem .75rem; }
.mcard-t { font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; margin-bottom: 3px; }
.mcard-b { font-family: Arial, sans-serif; font-size: 10px; line-height: 1.5; color: #6B4E2A; }
.lms-card { border-radius: 4px; padding: .5rem .625rem; background: rgba(255,255,255,.55); }
.lms-t { font-family: Arial, sans-serif; font-size: 10px; font-weight: 700; margin-bottom: 2px; }
.lms-l { font-family: Arial, sans-serif; font-size: 9px; }
.lms-bar { height: 3px; border-radius: 2px; background: #ddd; margin-top: 5px; overflow: hidden; }
.lms-fill { height: 3px; border-radius: 2px; }
.lic-card { background: rgba(255,255,255,.55); border-radius: 5px; padding: .625rem .75rem; }
.lic-num { font-family: monospace; font-size: 9px; color: #A07848; }
.lic-nom { font-family: Arial, sans-serif; font-size: 13px; font-weight: 700; margin: .25rem 0 .125rem; }
.lic-grade { font-family: Arial, sans-serif; font-size: 10px; padding: 1px 6px; border-radius: 2px; font-weight: 700; }
.del-card { background: rgba(255,255,255,.55); border-radius: 4px; padding: .5rem .625rem; margin-bottom: 6px; }
.del-t { font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; margin-bottom: 2px; }
.del-b { font-family: Arial, sans-serif; font-size: 10px; line-height: 1.4; color: #6B4E2A; }
.del-seal { font-family: Arial, sans-serif; font-size: 9px; margin-top: 4px; }
.dir-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; padding: .375rem 0; border-bottom: .5px solid rgba(107,78,42,.12); }
.dir-row:last-child { border-bottom: none; }
.dir-pip { width: 8px; height: 8px; border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; }
.dir-name { font-family: Arial, sans-serif; font-size: 11px; font-weight: 700; min-width: 130px; }
.dir-desc { font-family: Arial, sans-serif; font-size: 10px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #A07848; }
.dir-badge { font-family: Arial, sans-serif; font-size: 9px; padding: 1px 5px; border-radius: 2px; }
.stat-box { background: rgba(255,255,255,.6); border-radius: 4px; padding: .5rem .625rem; text-align: center; }
.stat-n { font-family: Arial, sans-serif; font-size: 18px; font-weight: 700; }
.stat-l { font-family: Arial, sans-serif; font-size: 9px; color: #A07848; }
.site-main { padding: 2rem 1.25rem; max-width: 900px; margin: 0 auto; }
.entry-title { font-size: 26px; color: #122840; margin-bottom: 1rem; }
.entry-content p { margin-bottom: 1rem; line-height: 1.75; }
.entry-content h2 { font-size: 22px; margin: 1.5rem 0 .75rem; }
.lisanga-footer { font-family: Arial, sans-serif; }
@media (max-width: 900px) { .hub-grid { grid-template-columns: 1fr 1fr !important; } .footer-grid { grid-template-columns: 1fr 1fr !important; } }
@media (max-width: 600px) {
  #lisanga-navbar .nav-menu { display: none; }
  #lisanga-navbar .nav-menu.is-open { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; top: 80px; left: 0; right: 0; z-index: 400; padding: 1rem 0; }
  .nav-hamburger { display: block !important; }
  .hero-btns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
}