
/* Kawakib Ultra Header V7 */
:root{
  --kwk-uh7-bg:#ffffff;
  --kwk-uh7-bg2:#f8fafc;
  --kwk-uh7-text:#111827;
  --kwk-uh7-muted:#6b7280;
  --kwk-uh7-border:rgba(17,24,39,.09);
  --kwk-uh7-shadow:0 16px 45px rgba(15,23,42,.08);
  --kwk-uh7-accent:#d6a429;
}
body.kwk-uh7-accent-red{--kwk-uh7-accent:#dc2626}
body.kwk-uh7-accent-blue{--kwk-uh7-accent:#2563eb}
body.kwk-uh7-accent-green{--kwk-uh7-accent:#16a34a}
body.kwk-uh7-accent-purple{--kwk-uh7-accent:#7c3aed}
body.kwk-uh7-accent-black{--kwk-uh7-accent:#111827}
html.kwk-dark,
body.kwk-dark{
  --kwk-uh7-bg:#0b1220;
  --kwk-uh7-bg2:#111827;
  --kwk-uh7-text:#f9fafb;
  --kwk-uh7-muted:#cbd5e1;
  --kwk-uh7-border:rgba(255,255,255,.10);
  --kwk-uh7-shadow:0 18px 55px rgba(0,0,0,.35);
  background:#0b1220;
  color:#f9fafb;
}
.kwk-uh7-progress{position:fixed;top:0;right:0;left:0;height:3px;z-index:100000;background:transparent}
.kwk-uh7-progress span{display:block;height:100%;width:0;background:var(--kwk-uh7-accent)}
.kwk-uh7-header{width:100%;background:var(--kwk-uh7-bg);color:var(--kwk-uh7-text);border-bottom:1px solid var(--kwk-uh7-border);box-shadow:var(--kwk-uh7-shadow);z-index:9999;position:relative}
body.kwk-uh7-sticky-on .kwk-uh7-header{position:sticky;top:0}
body.admin-bar.kwk-uh7-sticky-on .kwk-uh7-header{top:32px}
body.kwk-uh7-glass-on .kwk-uh7-header{backdrop-filter:saturate(140%) blur(14px);background:color-mix(in srgb,var(--kwk-uh7-bg) 88%, transparent)}
.kwk-uh7-inner{max-width:var(--kwk-uh7-inner);margin:0 auto;padding:0 22px}
body.kwk-uh7-full .kwk-uh7-header{max-width:none!important}
.kwk-uh7-top{background:var(--kwk-uh7-bg2);border-bottom:1px solid var(--kwk-uh7-border);font-size:13px}
.kwk-uh7-top .kwk-uh7-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px}
.kwk-uh7-top-right{display:flex;align-items:center;gap:14px;min-width:0}
.kwk-uh7-date{color:var(--kwk-uh7-muted);white-space:nowrap}
.kwk-uh7-breaking{display:flex;align-items:center;gap:10px;min-width:0}
.kwk-uh7-breaking strong{background:var(--kwk-uh7-accent);color:#fff;border-radius:999px;padding:4px 10px;font-size:12px;white-space:nowrap}
.kwk-uh7-breaking span{color:var(--kwk-uh7-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:620px}
.kwk-uh7-top-left{display:flex;gap:8px}
.kwk-uh7-top-left a{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background:var(--kwk-uh7-bg);color:var(--kwk-uh7-text);text-decoration:none;border:1px solid var(--kwk-uh7-border);font-weight:800}
.kwk-uh7-main .kwk-uh7-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;min-height:92px}
.kwk-uh7-logo{text-align:center}
.kwk-uh7-logo img{max-width:var(--kwk-uh7-logo)!important;height:auto!important;display:inline-block}
.kwk-uh7-logo a{font-size:30px;font-weight:950;text-decoration:none;color:var(--kwk-uh7-text)}
.kwk-uh7-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.kwk-uh7-icon,.kwk-uh7-burger{border:1px solid var(--kwk-uh7-border);background:var(--kwk-uh7-bg2);color:var(--kwk-uh7-text);border-radius:14px;cursor:pointer}
.kwk-uh7-icon{width:42px;height:42px;font-size:21px}
.kwk-uh7-burger{width:44px;height:42px;display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.kwk-uh7-burger span{width:20px;height:2px;background:var(--kwk-uh7-text);display:block;border-radius:999px}
.kwk-uh7-cta{background:var(--kwk-uh7-accent);color:#fff!important;text-decoration:none;border-radius:14px;padding:11px 16px;font-weight:900}
.kwk-uh7-nav{background:var(--kwk-uh7-bg);border-top:1px solid var(--kwk-uh7-border)}
.kwk-uh7-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.kwk-uh7-menu-center .kwk-uh7-menu{justify-content:center}
.kwk-uh7-menu-right .kwk-uh7-menu{justify-content:flex-start}
.kwk-uh7-menu li{position:relative;margin:0}
.kwk-uh7-menu a{display:block;padding:15px 13px;color:var(--kwk-uh7-text);text-decoration:none;font-weight:850;font-size:15px;border-radius:12px;transition:.2s}
.kwk-uh7-menu a:hover{background:var(--kwk-uh7-bg2);color:var(--kwk-uh7-accent)}
.kwk-uh7-menu li.current-menu-item>a{color:var(--kwk-uh7-accent)}
.kwk-uh7-menu ul{display:none;position:absolute;top:100%;right:0;min-width:220px;background:var(--kwk-uh7-bg);border:1px solid var(--kwk-uh7-border);box-shadow:var(--kwk-uh7-shadow);border-radius:16px;padding:8px;z-index:1000}
.kwk-uh7-menu li:hover>ul{display:block}
.kwk-uh7-menu ul a{padding:10px 12px;white-space:nowrap}
.kwk-uh7-search-overlay{position:fixed;inset:0;background:rgba(2,6,23,.82);z-index:100001;display:none;align-items:center;justify-content:center;padding:22px}
.kwk-uh7-search-overlay.active{display:flex}
.kwk-uh7-search-overlay form{background:var(--kwk-uh7-bg);border:1px solid var(--kwk-uh7-border);box-shadow:var(--kwk-uh7-shadow);border-radius:28px;padding:28px;max-width:720px;width:100%;display:grid;gap:14px}
.kwk-uh7-search-overlay label{font-size:24px;font-weight:950;color:var(--kwk-uh7-text)}
.kwk-uh7-search-overlay input{height:58px;border:1px solid var(--kwk-uh7-border);border-radius:18px;padding:0 18px;font-size:20px;background:var(--kwk-uh7-bg2);color:var(--kwk-uh7-text)}
.kwk-uh7-search-overlay button[type=submit]{height:52px;border:0;border-radius:16px;background:var(--kwk-uh7-accent);color:#fff;font-weight:950;font-size:17px}
.kwk-uh7-search-close{position:absolute;top:22px;left:22px;width:46px;height:46px;border-radius:999px;border:0;background:#fff;color:#111827;font-size:30px;cursor:pointer}
.kwk-uh7-mobile-bar{display:none}
body.kwk-dark .kwk-hb6-card,
body.kwk-dark .kwk-hb6-hero-main,
body.kwk-dark .kwk-hb6-bento-item,
body.kwk-dark .kwk-hb6-editorial-list article,
body.kwk-dark .kwk-hb6-spotlight-main,
body.kwk-dark .kwk-hb6-tabs,
body.kwk-dark .kwk-hb6-timeline,
body.kwk-dark .kwk-hb6-compact article{background:#111827;border-color:rgba(255,255,255,.10)}
body.kwk-dark .kwk-hb6-section-title h2,
body.kwk-dark .kwk-hb6-card a,
body.kwk-dark .kwk-hb6-editorial-list a,
body.kwk-dark .kwk-hb6-hero-main a,
body.kwk-dark .kwk-hb6-spotlight a,
body.kwk-dark .kwk-hb6-timeline a,
body.kwk-dark .kwk-hb6-compact a{color:#f9fafb}
body.kwk-dark .kwk-hb6-card p,
body.kwk-dark .kwk-hb6-editorial-list p,
body.kwk-dark .kwk-hb6-hero-main p,
body.kwk-dark .kwk-hb6-spotlight p,
body.kwk-dark .kwk-hb6-timeline p{color:#cbd5e1}

/* Admin */
.kwk-uh7-admin .kwk-uh7-box{background:#fff;border:1px solid #dcdcde;border-radius:18px;padding:18px;max-width:980px;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.kwk-uh7-admin .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kwk-uh7-admin label{display:grid;gap:7px;margin:12px 0;font-weight:700}
.kwk-uh7-admin label.check{display:flex;align-items:center;gap:8px}
.kwk-uh7-admin input[type=text],.kwk-uh7-admin input[type=url],.kwk-uh7-admin input[type=number],.kwk-uh7-admin select{width:100%;padding:8px 10px;border-radius:8px}

@media(max-width:900px){
  body.admin-bar.kwk-uh7-sticky-on .kwk-uh7-header{top:46px}
  .kwk-uh7-main .kwk-uh7-inner{grid-template-columns:auto 1fr auto;min-height:74px}
  .kwk-uh7-burger{display:flex}
  .kwk-uh7-logo{text-align:right}
  .kwk-uh7-logo img{max-width:var(--kwk-uh7-logo-mobile)!important}
  .kwk-uh7-top-left{display:none}
  .kwk-uh7-breaking span{max-width:260px}
  .kwk-uh7-nav{display:none;position:absolute;right:0;left:0;top:100%;box-shadow:var(--kwk-uh7-shadow)}
  .kwk-uh7-nav.active{display:block}
  .kwk-uh7-menu{display:block;padding:10px}
  .kwk-uh7-menu a{padding:13px}
  .kwk-uh7-menu ul{position:static;display:block;box-shadow:none;border:0;background:transparent;padding:0 16px}
  .kwk-uh7-cta{display:none}
  .kwk-uh7-admin .grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .kwk-uh7-inner{padding:0 14px}
  .kwk-uh7-top .kwk-uh7-inner{min-height:34px}
  .kwk-uh7-date{display:none}
  .kwk-uh7-actions{gap:6px}
  .kwk-uh7-icon{width:38px;height:38px}
  .kwk-uh7-mobile-bar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;right:0;left:0;background:var(--kwk-uh7-bg);border-top:1px solid var(--kwk-uh7-border);z-index:9998;box-shadow:0 -10px 30px rgba(0,0,0,.10)}
  .kwk-uh7-mobile-bar a,.kwk-uh7-mobile-bar button{height:50px;border:0;background:transparent;color:var(--kwk-uh7-text);font-weight:850;text-decoration:none;display:grid;place-items:center;font-size:13px}
  body{padding-bottom:52px}
}
