/*
Theme Name: Talal Kalahji Official
Theme URI: https://talalkalahji.com/
Author: Talal Kalahji
Description: قالب رسمي ثنائي اللغة للأستاذ طلال قلعه جي مع صور وشعارات قابلة للتبديل من مخصص ووردبريس.
Version: 1.0.0
Text Domain: talal-kalahji
*/
:root{--navy:#061421;--navy2:#0b263a;--gold:#c99a50;--cream:#f4f0e8;--white:#fff;--ink:#16222c;--muted:#68747c;--line:#d8d2c9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,"Noto Sans Arabic",sans-serif;line-height:1.85}body.lang-en{font-family:Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(22px,5vw,80px);background:rgba(6,20,33,.97);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand img{max-width:190px;max-height:55px;object-fit:contain;filter:brightness(0) invert(1)}.brand-text b,.brand-text small{display:block}.brand-text b{font-size:14px}.brand-text small{font-size:10px;color:#aeb8c0}.main-nav{display:flex;gap:22px;font-size:13px}.main-nav a{color:#d8e0e6}.main-nav a:hover{color:var(--gold)}.menu-button{display:none}.lang-switch{background:transparent;color:var(--gold);border:1px solid #ffffff36;padding:8px 12px;font-weight:700;cursor:pointer}.hero{min-height:690px;padding:80px clamp(24px,7vw,110px);background:radial-gradient(circle at 12% 15%,#1a4b6a 0,transparent 34%),linear-gradient(135deg,var(--navy),#071b2a);color:#fff;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:75px;overflow:hidden}.eyebrow{font-weight:700;font-size:12px;color:var(--gold)}.hero h1{font-size:clamp(43px,5vw,74px);line-height:1.3;margin:15px 0}.hero h2{font-size:clamp(17px,2vw,25px);line-height:1.9;max-width:790px;margin:0 0 20px;color:#eef2f4}.lead{max-width:720px;color:#bdc8d0;font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:30px}.button{padding:12px 23px;font-weight:700;font-size:13px}.primary{background:var(--gold);color:var(--navy)}.secondary{border:1px solid #ffffff44}.portrait-wrap{position:relative;min-height:520px}.portrait-frame{height:480px;border:1px solid #ffffff24;background:#17364b;overflow:hidden;position:relative}.portrait-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#061421 0,transparent 45%)}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:saturate(.9) contrast(1.03)}.union-seal{position:absolute;bottom:8px;inset-inline-start:-35px;width:210px;background:#fff;color:var(--navy);padding:13px;display:flex;align-items:center;gap:10px;box-shadow:0 18px 35px #0005}.union-seal img{width:63px;height:63px;object-fit:contain}.union-seal span{font-weight:700;font-size:12px;line-height:1.55}.institutional-strip{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;padding:0 clamp(24px,7vw,110px);border-bottom:1px solid var(--line)}.institutional-strip p{margin:0;padding:30px 22px;font-weight:700;border-inline-end:1px solid var(--line);text-align:center}.section{padding:105px clamp(24px,7vw,110px);display:grid;grid-template-columns:240px 1fr;gap:75px}.section-label{font-weight:700;font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}.section-label span{color:var(--gold);margin-inline-end:12px}.section h2,.contact h2,.union-section h2{font-size:clamp(29px,4vw,49px);line-height:1.55;margin:0 0 34px}.prose{columns:2;column-gap:55px;color:#46535c;font-size:17px}.prose p{margin:0 0 22px;break-inside:avoid}.union-section{background:var(--navy2);color:#fff;padding:95px clamp(24px,7vw,110px)}.union-intro{display:grid;grid-template-columns:115px 145px 1fr;gap:22px;align-items:center;margin-bottom:52px}.union-intro>img{width:100%;height:115px;object-fit:contain;background:#fff;padding:9px}.responsibility-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff20;border-inline-start:1px solid #ffffff20}.responsibility-grid article{min-height:170px;padding:28px;border-inline-end:1px solid #ffffff20;border-bottom:1px solid #ffffff20}.responsibility-grid span{color:var(--gold);font-size:12px}.responsibility-grid p{font-weight:600;margin:24px 0 0;color:#d7e0e6}.experience{background:#fff}.timeline article{display:grid;grid-template-columns:130px 1fr;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.timeline article>span{color:#9b6b31;font-size:13px;font-weight:700}.timeline h3{margin:0;font-size:20px}.timeline p{margin:5px 0 0;color:var(--muted)}.media{background:#e9e3da}.media-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}.media-card{background:#fff;min-height:350px;display:flex;flex-direction:column;overflow:hidden}.media-card.featured{background:var(--navy);color:#fff}.media-card img{width:100%;height:190px;object-fit:cover}.media-card div{padding:24px;display:flex;flex-direction:column;flex:1}.media-card span{color:var(--gold);font-size:12px;font-weight:700}.media-card h3{font-size:18px;line-height:1.8;margin:18px 0}.media-card a{margin-top:auto;font-weight:700;color:#9b6b31}.contact{background:var(--navy);color:#fff;padding:95px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-details a,.contact-details p{display:block;padding:17px 0;margin:0;border-bottom:1px solid #ffffff20;font-size:17px}.contact-details span{display:block;color:#8fa0ab;font-size:11px}footer{background:#030b11;color:#aab5bd;padding:28px clamp(24px,7vw,110px);display:flex;align-items:center;justify-content:space-between;font-size:12px}.only-en{display:none}body.lang-en .only-ar{display:none}body.lang-en .only-en{display:block}body.lang-en span.only-en,body.lang-en a.only-en{display:inline}
@media(max-width:980px){.site-header{height:76px}.menu-button{display:block;background:transparent;color:#fff;border:1px solid #ffffff38;padding:7px 12px}.main-nav{display:none;position:absolute;top:76px;inset-inline:0;background:var(--navy2);padding:22px;flex-direction:column}.main-nav.open{display:flex}.hero{grid-template-columns:1fr}.institutional-strip,.responsibility-grid,.media-grid,.contact{grid-template-columns:1fr}.section{grid-template-columns:1fr;gap:32px}.prose{columns:1}.union-intro{grid-template-columns:90px 110px 1fr}}
@media(max-width:600px){.site-header{padding-inline:15px}.brand img{max-width:115px}.brand-text{display:none}.hero{padding:55px 20px;gap:40px}.hero-actions{flex-direction:column}.union-seal{inset-inline-start:10px}.section,.union-section,.contact{padding:72px 20px}.union-intro{grid-template-columns:75px 90px}.union-intro>div{grid-column:1/-1}.timeline article{grid-template-columns:1fr}footer{flex-direction:column;gap:10px}}