/* ============================================================
   ZAKAS — ملف CSS خاص بهذا التمبلت فقط
   يُحمّل مع تمبلت "زكاس" فقط، فأي تعديل هنا لا يؤثر على غيره.
   هنا كل تحكّم الهيدر والفوتر لتمبلت زكاس.
   ============================================================ */

/* ============================ HEADER ============================ */
.zk-header { position:relative; z-index:30; border-bottom:1px solid #eee; background:#fff; }
.zk-header .header-inner { padding:16px 0; }
.zk-logo { max-height:46px; width:auto; object-fit:contain; }
.zk-header .mainmenu { display:flex; flex-wrap:nowrap; gap:2px; margin:0; padding:0; list-style:none; }
.zk-header .mainmenu__item { position:relative; flex:0 0 auto; }
.zk-header .mainmenu__link { display:block; padding:9px 11px; color:#1a1c22; font-weight:700; font-size:13px; white-space:nowrap; }
.zk-header .mainmenu__item.active > .mainmenu__link,
.zk-header .mainmenu__link:hover { color:var(--brand,#c2080f); }
.zk-submenu {
    position:absolute; top:100%; inset-inline-start:0; min-width:210px;
    background:#fff; box-shadow:0 12px 30px rgba(0,0,0,.1); border-radius:8px;
    padding:8px 0; margin:0; list-style:none; z-index:40;
    opacity:0; visibility:hidden; transform:translateY(8px); transition:.22s ease;
}
.zk-header .menu-item-has-children:hover .zk-submenu { opacity:1; visibility:visible; transform:translateY(0); }
.zk-submenu li a { display:block; padding:8px 18px; color:#3b4250; font-weight:600; font-size:14px; }
.zk-submenu li a:hover { color:var(--brand,#c2080f); background:#faf7f7; }

.zk-header .header-toolbar { display:flex; align-items:center; gap:4px; margin:0; padding:0; list-style:none; }
.zk-header .header-toolbar__btn {
    position:relative; display:flex; align-items:center; justify-content:center;
    width:42px; height:42px; border-radius:50%; color:#1a1c22; font-size:19px;
    transition:background .2s ease, color .2s ease;
}
.zk-header .header-toolbar__btn:hover { background:#f5f5f5; color:var(--brand,#c2080f); }
.zk-lang { font-size:13px !important; font-weight:800; }

/* ============================ FOOTER ============================ */
.zk-footer { background:#16181d; color:#c7cbd3; padding:60px 0 0; margin-top:20px; }
.zk-footer h4 { color:#fff; font-size:16px; font-weight:800; margin-bottom:20px; }
.zk-footer ul { list-style:none; padding:0; margin:0; }
.zk-footer ul li { margin-bottom:11px; }
.zk-footer a { color:#c7cbd3; }
.zk-footer a:hover { color:#fff; }
.zk-footer__logo img { max-height:44px; width:auto; margin-bottom:18px; filter:brightness(0) invert(1); }
.zk-footer__about p { font-size:14px; line-height:1.9; color:#9a9fa9; margin-bottom:18px; }
.zk-footer__social { display:flex; gap:10px; }
.zk-footer__social a { width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; font-size:16px; }
.zk-footer__social a:hover { background:var(--brand,#c2080f); }
.zk-footer__contact { font-size:14px; margin:14px 0 0; }
.zk-footer__bottom { border-top:1px solid rgba(255,255,255,.08); margin-top:44px; padding:20px 0; text-align:center; font-size:13px; color:#8b909b; }