/* Najjar Kuwait - new design system (site-wide) */
@import url('https://fonts.googleapis.com/css2?family=Changa:wght@500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap');
:root{
  --paper:#FBF6EE; --card:#FFFFFF; --ink:#1B1712; --muted:#6B5D4F;
  --navy:#0C2A3A; --navy2:#123A50;
  --brand:#F26419; --brand2:#F7A311;
  --line:#EBDFCE; --wa:#1FA855;
  --shadow:0 10px 30px rgba(27,23,18,.10);
  --shadow-sm:0 4px 14px rgba(27,23,18,.07);
  --rad:16px;
}
html{scroll-behavior:smooth}
body{background:var(--paper) !important;color:var(--ink) !important;font-family:'Tajawal','Segoe UI',Tahoma,Arial,sans-serif !important;font-size:17px !important;line-height:1.9 !important;-webkit-font-smoothing:antialiased}
body.rtl{direction:rtl}
h1,h2,h3,h4,h5{font-family:'Changa','Tajawal',sans-serif !important;line-height:1.3 !important;text-wrap:balance}
a{color:var(--brand)}
a:hover{color:var(--brand2)}
img{max-width:100%;height:auto}
.wrapper-outer,.inner-wrapper{background:transparent !important;box-shadow:none !important;border:none !important}
.wrapper-outer{max-width:none !important;width:auto !important;margin:0 !important}
#sidebar{display:none !important}
#callnowbutton{display:none !important}
.breaking-news,.top-nav,#top-nav,.tie-alignright.social-icons,.search-block{display:none !important}
#topcontrol{background:var(--brand) !important;color:#fff !important;border-radius:12px !important;width:42px !important;height:42px !important;line-height:42px !important;text-align:center !important}
.ck-top{background:var(--navy);color:#EAF2F6;font-size:13.5px}
.ck-top .ck-wrap{display:flex;align-items:center;justify-content:space-between;min-height:38px;gap:12px;flex-wrap:wrap}
.ck-top .ck-tl{display:flex;gap:18px;align-items:center;opacity:.92}
.ck-top b{color:var(--brand2)}
.ck-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.ck-head{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(27,23,18,.05)}
.ck-head .ck-wrap{display:flex;align-items:center;gap:16px;min-height:74px}
.ck-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:0 0 auto}
.ck-logo{width:52px;height:52px;flex:0 0 auto;filter:drop-shadow(0 4px 10px rgba(242,100,25,.32))}
.ck-bt{display:flex;flex-direction:column;line-height:1}
.ck-bt b{font-family:'Changa';font-weight:800;font-size:1.32rem;color:var(--ink);letter-spacing:-.2px}
.ck-bt i{font-style:normal;font-size:.72rem;color:var(--brand);font-weight:700;margin-top:3px}
.ck-hcall{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-inline-start:auto}
.ck-btn{display:inline-flex;align-items:center;gap:8px;padding:.62em 1.1em;border-radius:999px;font-weight:800;font-size:15px;text-decoration:none;border:none;cursor:pointer;white-space:nowrap;transition:transform .12s ease,filter .12s ease;font-family:'Tajawal',sans-serif}
.ck-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.ck-btn svg{width:19px;height:19px;flex:0 0 auto}
.ck-btn-tel{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff !important}
.ck-btn-wa{background:var(--wa);color:#04321a !important}
.ck-btn-wa svg{fill:#04321a}
.ck-btn-tel svg{fill:#fff}
.ck-btn-ghost{background:transparent;border:2px solid var(--line);color:var(--ink) !important;font-weight:700}
.ck-btn-ghost:hover{border-color:var(--brand);color:var(--brand) !important}
.ck-burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:12px;background:var(--card);align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.ck-burger i{display:block;width:20px;height:2px;background:var(--ink);position:relative}
.ck-burger i::before,.ck-burger i::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--ink)}
.ck-burger i::before{top:-6px}
.ck-burger i::after{top:6px}
#main-nav,nav#main-nav{background:var(--navy) !important;border:none !important;box-shadow:none !important;position:relative !important;top:auto !important;float:none !important;height:auto !important;min-height:0 !important;margin:0 !important}
#main-nav .container,#main-nav > div{max-width:1180px;margin:0 auto;padding:0 12px}
#main-nav ul.menu{display:flex !important;flex-wrap:wrap;list-style:none;margin:0 !important;padding:0 !important;float:none !important;gap:0}
#main-nav ul.menu > li{float:none !important;position:relative;border:none !important}
#main-nav ul.menu > li > a{display:block;padding:.85em .95em !important;color:#D6E5ED !important;font-size:14.5px !important;font-weight:600 !important;font-family:'Tajawal',sans-serif !important;text-decoration:none;border:none !important;background:transparent !important;line-height:1.4 !important;height:auto !important;white-space:nowrap}
#main-nav ul.menu > li > a:hover,#main-nav ul.menu > li:hover > a,#main-nav ul.menu > li.current-menu-item > a{color:#fff !important;background:rgba(255,255,255,.09) !important;box-shadow:inset 0 -3px 0 var(--brand)}
#main-nav ul.sub-menu,#main-nav ul.menu ul{position:absolute;top:100%;right:0;min-width:230px;background:var(--navy2) !important;border:none !important;border-radius:0 0 12px 12px;box-shadow:0 14px 30px rgba(0,0,0,.28);padding:6px 0 !important;margin:0 !important;list-style:none;display:none;z-index:1000}
#main-nav ul.menu li:hover > ul.sub-menu,#main-nav ul.menu li:hover > ul{display:block}
#main-nav ul.sub-menu li{float:none !important;width:auto !important;border:none !important}
#main-nav ul.sub-menu li a{display:block;padding:.55em 1.1em !important;color:#C9DCE6 !important;font-size:14px !important;font-weight:500 !important;white-space:nowrap;background:transparent !important;border:none !important}
#main-nav ul.sub-menu li a:hover{background:var(--brand) !important;color:#fff !important}
#main-content,#main-content.container{max-width:1180px !important;width:auto !important;margin:0 auto !important;padding:0 20px !important;float:none !important;background:transparent !important}
#main-content::after{content:"";display:table;clear:both}
.content,div.content{width:100% !important;max-width:none !important;float:none !important;margin:0 !important;padding:0 !important;background:transparent !important;border:none !important;box-shadow:none !important}
#crumbs{font-size:13.5px !important;color:var(--muted) !important;padding:22px 0 4px !important;margin:0 !important;background:transparent !important;border:none !important}
#crumbs a{color:var(--brand) !important;text-decoration:none}
#crumbs .current{color:var(--ink) !important;font-weight:600}
article#the-post,.post-listing.post{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:16px !important;box-shadow:var(--shadow-sm) !important;padding:0 !important;overflow:hidden;margin:14px 0 30px !important}
.single-post-thumb{margin:0 !important;border-radius:0 !important;overflow:hidden;max-height:420px}
.single-post-thumb img{width:100% !important;height:auto !important;display:block;object-fit:cover}
.single-post-caption{display:none !important}
.post-inner{padding:30px 34px 34px !important;background:transparent !important}
h1.name.post-title,h1.entry-title,.post-title{font-size:clamp(1.65rem,3.6vw,2.35rem) !important;font-weight:800 !important;color:var(--ink) !important;margin:0 0 10px !important;letter-spacing:-.4px !important;line-height:1.28 !important}
p.post-meta{display:flex !important;align-items:center;gap:14px;flex-wrap:wrap;color:var(--muted) !important;font-size:13.5px !important;border:none !important;padding:0 0 16px !important;margin:0 0 18px !important;border-bottom:1px solid var(--line) !important}
p.post-meta a{color:var(--muted) !important;text-decoration:none}
p.post-meta .post-cats a{background:rgba(242,100,25,.11);color:var(--brand) !important;font-weight:700;padding:.24em .75em;border-radius:999px;font-size:12.5px}
.entry{font-size:17px !important;line-height:2 !important;color:var(--ink) !important;padding:0 !important}
.entry p{margin:0 0 1.1em !important}
.entry h2{font-size:1.5rem !important;font-weight:700 !important;color:var(--ink) !important;margin:1.8em 0 .55em !important;padding-inline-start:14px !important;border-inline-start:5px solid var(--brand) !important;border-bottom:none !important;background:none !important}
.entry h3{font-size:1.2rem !important;color:var(--navy2) !important;margin:1.4em 0 .4em !important}
.entry a{color:var(--brand) !important;text-decoration:underline;text-underline-offset:3px}
.entry img{border-radius:12px}
.share-post{border:none !important;background:transparent !important;padding:14px 0 !important;margin:0 0 6px !important;border-bottom:1px dashed var(--line) !important}
.share-post .share-text{color:var(--muted) !important;font-weight:700;font-size:13px}
#related_posts{background:rgba(12,42,58,.04) !important;border:1px solid var(--line) !important;border-radius:16px !important;padding:18px 20px !important;margin:26px 0 !important}
#related_posts .block-head,#related_posts h3{font-family:'Changa' !important;font-size:1.15rem !important;color:var(--navy) !important;border:none !important;margin:0 0 12px !important;padding:0 !important;background:none !important}
#related_posts .post-listing{background:transparent !important;border:none !important;box-shadow:none !important;padding:0 !important;margin:0 !important;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
#related_posts .post-item{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:12px !important;padding:10px !important;margin:0 !important;box-shadow:none !important}
#related_posts .post-item a{color:var(--ink) !important;text-decoration:none}
#related_posts .post-item a:hover{color:var(--brand) !important}
#related_posts img{border-radius:8px}
.post-tags{border:none !important;padding:16px 0 0 !important;margin:16px 0 0 !important;border-top:1px solid var(--line) !important}
.post-tags a{display:inline-block;background:rgba(12,42,58,.07) !important;color:var(--navy) !important;border:none !important;border-radius:999px !important;padding:.3em .8em !important;margin:0 0 6px 6px !important;font-size:12.5px !important;font-weight:600;text-decoration:none}
.post-tags a:hover{background:var(--brand) !important;color:#fff !important}
.page-head h1,.page-title,h1.page-title{font-size:clamp(1.5rem,3.4vw,2.1rem) !important;color:var(--ink) !important;margin:26px 0 18px !important}
.post-listing .post-item{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:14px !important;box-shadow:var(--shadow-sm) !important;padding:16px !important;margin-bottom:16px !important}
.post-listing .post-item a{color:var(--ink) !important;text-decoration:none}
.post-listing .post-item a:hover{color:var(--brand) !important}
.pagination a,.pagination span,.page-numbers{border-radius:10px !important;border:1px solid var(--line) !important;background:var(--card) !important;color:var(--ink) !important}
.pagination .current,.page-numbers.current{background:var(--brand) !important;color:#fff !important;border-color:var(--brand) !important}
footer#theme-footer,.ck-foot{background:var(--navy) !important;color:#CFE0E9 !important;padding:48px 0 22px !important;margin-top:26px !important;border:none !important}
.ck-foot .ck-fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:30px}
.ck-foot h4{color:#fff;font-family:'Changa';font-size:1.05rem;margin:0 0 14px}
.ck-foot a{color:#CFE0E9 !important;text-decoration:none;display:block;padding:.28em 0;font-size:14.5px}
.ck-foot a:hover{color:var(--brand2) !important}
.ck-fbrand{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ck-fbrand b{font-family:'Changa';font-weight:800;font-size:1.2rem;color:#fff}
.ck-fdesc{font-size:14px;color:#A9C1CD;line-height:1.9;max-width:36ch;margin:0}
.ck-fphone{font-family:'Changa' !important;font-weight:800 !important;font-size:1.4rem !important;color:var(--brand2) !important}
.ck-fbot{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;color:#9FB7C3}
#cw-fabs .cw-f-tel{background:linear-gradient(135deg,var(--brand),var(--brand2)) !important}
#cw-fabs .cw-f-tel svg{fill:#fff !important}
#cw-bar{background:var(--navy) !important}
.entry .cw-cta{background:linear-gradient(135deg,var(--navy),var(--navy2)) !important;border-radius:18px !important}
.entry a.cw-tel{background:linear-gradient(135deg,var(--brand),var(--brand2)) !important;color:#fff !important}
.entry .cw-tbl th{background:var(--navy) !important}
.entry ol.cw-steps li{border-right-color:var(--brand) !important;background:rgba(242,100,25,.06) !important}
.entry ol.cw-steps li:before{background:var(--navy) !important}
.entry ul.cw-ul li:before{background:var(--brand) !important}
.entry .cw-note{background:rgba(18,58,80,.07) !important;border-right-color:var(--navy2) !important}
.entry .cw-warn{background:rgba(242,100,25,.1) !important;border-right-color:var(--brand) !important}
.entry .cw-faq .cw-q{border-color:var(--line) !important;border-radius:14px !important}
.entry .cw-faq .cw-q h3{color:var(--navy) !important}
.entry .cw-fig svg{border:1px solid var(--line);border-radius:14px;background:#fff}
.cw-toc{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:1.6em 0}
.cw-toc ul{list-style:none;margin:0;padding:0;columns:2;column-gap:24px}
.cw-toc li{padding:.22em 0;break-inside:avoid}
.cw-toc a{color:var(--navy2) !important;text-decoration:none;font-size:14.5px;font-weight:500}
.cw-toc a:hover{color:var(--brand) !important}
@media (max-width:1024px){.ck-foot .ck-fcols{grid-template-columns:1fr 1fr}.post-inner{padding:24px 22px 28px !important}}
@media (max-width:900px){
.ck-burger{display:flex}
#main-nav{display:none}
body.ck-nav-open #main-nav{display:block !important}
#main-nav ul.menu{flex-direction:column;max-height:70vh;overflow-y:auto}
#main-nav ul.menu > li{width:100%}
#main-nav ul.sub-menu,#main-nav ul.menu ul{position:static;display:block;box-shadow:none;border-radius:0;background:rgba(0,0,0,.18) !important}
#main-nav ul.sub-menu li a{padding-inline-start:2em !important;font-size:13.5px !important}
.ck-top .ck-tl{display:none}
.cw-toc ul{columns:1}
}
@media (max-width:600px){
body{font-size:16px !important}
.ck-head .ck-wrap{min-height:64px}
.ck-logo{width:44px;height:44px}
.ck-bt b{font-size:1.12rem}
.ck-bt i{font-size:.66rem}
.ck-btn-ghost{display:none}
.ck-hcall .ck-btn-tel span{display:none}
.ck-hcall .ck-btn-wa span{display:none}
.post-inner{padding:20px 16px 24px !important}
.ck-foot .ck-fcols{grid-template-columns:1fr;gap:22px}
article#the-post{border-radius:12px !important}
.entry{font-size:16px !important}
}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]){--paper:#141110;--card:#1C1713;--ink:#F3EADD;--muted:#B0A08D;--line:#332A22;--navy:#0A2230;--navy2:#0F3245}
:root:not([data-theme="light"]) .ck-head{background:rgba(28,23,19,.94)}
:root:not([data-theme="light"]) .entry .cw-fig svg{background:var(--card)}
:root:not([data-theme="light"]) .cw-toc{background:var(--card)}
}
:root[data-theme="dark"]{--paper:#141110;--card:#1C1713;--ink:#F3EADD;--muted:#B0A08D;--line:#332A22;--navy:#0A2230;--navy2:#0F3245}
:root[data-theme="dark"] .ck-head{background:rgba(28,23,19,.94)}
@media print{.ck-top,.ck-head,#main-nav,#cw-fabs,#cw-bar,.share-post,#related_posts,footer#theme-footer{display:none !important}body{background:#fff !important;color:#000 !important}}
.entry{display:flex !important;flex-direction:column}
.entry > *{order:5;float:none !important;width:auto !important}
.entry > .share-post{order:90;margin-top:20px !important}
.entry > #related_posts{order:95;float:none !important;width:100% !important;clear:both !important}
#related_posts .post-listing .post-item{float:none !important;width:auto !important}
#related_posts .post-item img{width:100% !important;height:auto !important}
#check-also-box,.check-also,[id*="check-also"]{display:none !important}
.footer-bottom,#footer-bottom{display:none !important}
.post-bottom-meta,.about-author,#author-box,.author-info,.post-author{display:none !important}
.post-navigation{background:transparent !important;border:none !important;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 0 !important}
.post-navigation .prev-post,.post-navigation .next-post{background:var(--card) !important;border:1px solid var(--line) !important;border-radius:12px !important;padding:12px 14px !important;width:auto !important;float:none !important}
.post-navigation a{color:var(--ink) !important;text-decoration:none;font-size:14px}
.post-navigation a:hover{color:var(--brand) !important}
.post-navigation span{color:var(--muted) !important;font-size:12px}
@media(max-width:600px){.post-navigation{grid-template-columns:1fr}}