/* Jizan 2.1 - site-wide components: colour tokens, dark mode switch, breadcrumbs,
   boxed / framed layout, category colour accents. */
:root{--jz-text:#000;--jz-text-2:#444;--jz-muted:#888;--jz-bg:#fff;--jz-surface:#f5f5f5;--jz-surface-2:#ececec;--jz-border:#e5e5e5;--jz-line:#000;--jz-shadow:0 10px 30px rgba(0,0,0,.14)}
html[data-theme="dark"]{--jz-text:#ececec;--jz-text-2:#c4c4c4;--jz-muted:#8f8f8f;--jz-bg:#121212;--jz-surface:#1a1a1a;--jz-surface-2:#232323;--jz-border:#2c2c2c;--jz-line:#e6e6e6;--jz-shadow:0 10px 30px rgba(0,0,0,.55);--jizan-spin-veil:rgba(18,18,18,.72);--jizan-spin-track:rgba(255,255,255,.14)}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}

/* ---- Dark mode switch ---- */
.jizan-theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:transparent;color:#fff;cursor:pointer;vertical-align:middle;transition:border-color .2s,color .2s,background-color .2s}
.jizan-theme-toggle:hover{border-color:var(--jizan-accent,#F44336);color:var(--jizan-accent,#F44336)}
.jizan-theme-toggle:focus-visible{outline:2px solid var(--jizan-accent,#F44336);outline-offset:2px}
.jizan-theme-toggle svg{position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .3s}
.jizan-tt__sun{opacity:0;transform:rotate(-90deg) scale(.5)}
.jizan-tt__moon{opacity:1;transform:none}
html[data-theme="dark"] .jizan-tt__sun{opacity:1;transform:none}
html[data-theme="dark"] .jizan-tt__moon{opacity:0;transform:rotate(90deg) scale(.5)}
.jizan-tt__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.social-top ul li.jizan-theme-item{display:inline-block;margin-left:15px;vertical-align:middle;line-height:40px}
.social-top ul li.jizan-theme-item .jizan-theme-toggle{top:-1px}
.kt-mega-nav li.jizan-theme-item{float:right}
.kt-mega-nav li.jizan-theme-item .jizan-theme-toggle{margin:9px 0 0 10px;border-color:var(--jz-border);color:var(--jz-text)}
.jizan-theme-toggle--mobile{display:none}
@media (max-width:767px){
	.slicknav_menu .jizan-theme-toggle--mobile{display:inline-flex;position:absolute;left:63px;top:10px;width:40px;height:33px;border:0;border-radius:4px;background:#222;color:#fff}
	.slicknav_menu .jizan-theme-toggle--mobile svg{width:16px;height:16px;margin:-8px 0 0 -8px}
}
@media (prefers-reduced-motion:reduce){.jizan-theme-toggle svg{transition:opacity .2s}}
html.jizan-scheme-anim,html.jizan-scheme-anim *,html.jizan-scheme-anim *:before,html.jizan-scheme-anim *:after{transition:background-color .3s ease,border-color .3s ease,color .2s ease!important}

/* ---- Breadcrumbs ---- */
.jizan-breadcrumbs-col{padding-top:22px}
.jizan-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;font-family:Oswald,sans-serif;font-size:11px;font-weight:500;line-height:18px;letter-spacing:1.5px;text-transform:uppercase}
.jizan-breadcrumbs li{display:inline-flex;align-items:center;min-width:0;margin:0;color:var(--jz-muted)}
.jizan-breadcrumbs li+li:before{content:"";display:inline-block;width:5px;height:5px;margin:0 10px 0 8px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg);opacity:.7}
.jizan-breadcrumbs a{color:var(--jz-text)!important;text-decoration:none;transition:color .2s}
.jizan-breadcrumbs a:hover,.jizan-breadcrumbs a:focus{color:var(--jizan-accent,#F44336)!important}
.jizan-breadcrumbs span[aria-current]{display:inline-block;max-width:420px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--jz-muted)}
.jizan-breadcrumbs-col+.col-md-8>.mt30:first-child,.jizan-breadcrumbs-col+.mt30+.col-md-8>.mt30:first-child{margin-top:18px}
@media (max-width:767px){.jizan-breadcrumbs span[aria-current]{max-width:200px}}

/* ---- Boxed / framed layout ---- */
body.jizan-layout-boxed .jizan-site{position:relative;max-width:1230px;margin:0 auto;background:var(--jz-bg);box-shadow:0 0 40px rgba(0,0,0,.12)}
body.jizan-layout-framed .jizan-site{margin:30px auto;box-shadow:0 2px 50px rgba(0,0,0,.14)}
body.jizan-layout-boxed .main-container{background-color:var(--jz-bg)}
body.jizan-layout-minimal .top-banner{display:none}
body.jizan-layout-boxed .container{max-width:100%}
@media (min-width:1200px){body.jizan-layout-boxed .container{width:1170px}}
@media (max-width:1259px){body.jizan-layout-framed .jizan-site{margin:0 auto}}
html[data-theme="dark"] body.jizan-layout-boxed{background-color:#0b0b0b;background-image:none}

/* ---- Category accent on archive headers ---- */
body.category .kt-pt .kt-page-title{position:relative}
body.category .kt-pt{border-left:0}
body.category .kt-pt .kt-page-title:after{content:"";display:block;width:56px;height:4px;margin:12px 0 0;background:var(--jizan-cat,var(--jizan-accent,#F44336))}
.kt-mega-nav li[class*="jizan-cat-"]>a{position:relative}
.kt-mega-nav li[class*="jizan-cat-"]>a:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:transparent;transition:background-color .2s}

/* ---- Menus: items appear one after another (js/jizan-menu.js + jizanSpinner.stagger) ---- */
@keyframes jizan-stagger-in{from{opacity:0;transform:translateY(var(--jz-y,10px))}to{opacity:1;transform:none}}
.jizan-stagger{animation:jizan-stagger-in .34s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--jz-d,0ms)}
@keyframes jizan-fade-in{from{opacity:0}to{opacity:1}}
.jizan-fade-in{animation:jizan-fade-in .22s ease-out both}
img.jizan-img-wait{opacity:0}
img.jizan-img-in{transition:opacity .35s ease-out}
.kt-mega-nav .jizan-mega-ajax.kt-mega-eclipse .sub-menu .sub-posts li{width:30.73%}
@media (prefers-reduced-motion:reduce){.jizan-stagger{animation:none}}

/* ---- Breaking news ticker (2.1): thin-stroke arrows, progress line, pause on hover ---- */
.news-ticker-wrapper.jizan-tk{position:relative}
.news-ticker .jizan-tk-arrow{position:absolute;top:1px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0;padding:0;border:1px solid #dcdcdc;border-radius:0;background:var(--jz-bg,#fff);color:var(--jz-text,#000);cursor:pointer;transition:border-color .25s ease,color .25s ease,background-color .25s ease}
.news-ticker .jizan-tk-arrow.slide-next{right:0}
.news-ticker .jizan-tk-arrow.slide-prev{right:34px;left:auto}
.news-ticker .jizan-tk-arrow:hover,.news-ticker .jizan-tk-arrow:focus-visible{border-color:var(--jizan-accent,#F44336);color:var(--jizan-accent,#F44336);outline:0}
.news-ticker .jizan-tk-arrow:focus-visible{box-shadow:0 0 0 2px rgba(244,67,54,.25)}
.news-ticker.slick-initialized{padding-right:76px}
.jizan-tk-progress{position:absolute;left:0;right:0;bottom:-3px;height:2px;overflow:hidden;background:transparent;pointer-events:none}
.jizan-tk-progress span{display:block;width:100%;height:100%;background:var(--jizan-accent,#F44336);opacity:.85;transform:scaleX(0);transform-origin:0 50%}
.jizan-tk-progress.is-running span{animation:jizan-tk-run var(--jizan-tk-wait,3000ms) linear forwards}
.jizan-tk.is-paused .jizan-tk-progress span{animation-play-state:paused}
@keyframes jizan-tk-run{to{transform:scaleX(1)}}
html[data-theme="dark"] .news-ticker .jizan-tk-arrow{border-color:#3a3a3a}
@media (max-width:767px){.news-ticker .jizan-tk-arrow{top:-29px}.news-ticker .jizan-tk-arrow.slide-next{right:1px;border-color:#fff;background:#fff;color:#000}.news-ticker .jizan-tk-arrow.slide-prev{right:31px;border-color:#fff;background:#fff;color:#000}.news-ticker.slick-initialized{padding-right:0}}
@media (prefers-reduced-motion:reduce){.jizan-tk-progress{display:none}}

/* ---- Hamburger (2.1): 1.5px lines, hover expand, morph to X while the panel is open ---- */
.menu-btn.jizan-burger{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;width:30px;height:40px;margin:0 20px 0 0;padding:0 4px;border:0;border-radius:0;background:none;color:#fff;line-height:1;cursor:pointer;float:left}
.jizan-burger span{display:block;width:22px;height:1.5px;border-radius:1px;background:currentColor;transform-origin:50% 50%;transition:transform .4s cubic-bezier(.22,.61,.36,1),width .3s cubic-bezier(.22,.61,.36,1),opacity .2s}
.jizan-burger span:nth-child(2){width:14px}
.jizan-burger span:nth-child(3){width:18px}
.jizan-burger:hover span,.jizan-burger:focus-visible span{width:22px}
.jizan-burger:hover span:nth-child(2){transform:translateX(3px)}
.jizan-burger:focus-visible{outline:2px solid var(--jizan-accent,#F44336);outline-offset:2px}
.jizan-burger[aria-expanded="true"] span{width:22px}
.jizan-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.jizan-burger[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(0)}
.jizan-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.slicknav_menu .slicknav_icon{display:flex;flex-direction:column;justify-content:center;gap:4px;width:20px;height:14px;margin:2px 0 0 9px}
.slicknav_menu .slicknav_icon:before{display:none}
.slicknav_menu .slicknav_icon-bar,.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{width:20px;height:1.5px;margin:0;border-radius:1px;background:#fff;box-shadow:none;transform-origin:50% 50%;transition:transform .4s cubic-bezier(.22,.61,.36,1),width .3s,opacity .2s}
.slicknav_menu .slicknav_icon-bar:nth-child(2){width:13px}
.slicknav_menu .slicknav_icon-bar:nth-child(3){width:17px}
.slicknav_btn:hover .slicknav_icon-bar{width:20px}
.slicknav_btn[aria-expanded="true"] .slicknav_icon-bar{width:20px}
.slicknav_btn[aria-expanded="true"] .slicknav_icon-bar:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.slicknav_btn[aria-expanded="true"] .slicknav_icon-bar:nth-child(2){opacity:0}
.slicknav_btn[aria-expanded="true"] .slicknav_icon-bar:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
@media (prefers-reduced-motion:reduce){.jizan-burger span,.slicknav_menu .slicknav_icon-bar{transition:none}}
@media (max-width:767px){.menu-btn.jizan-burger{display:none}}

/* Mega columns menu (2.1, inc/mega-columns.php): column titles + links + preview pane */
.kt-mega-nav .jizan-mega-cols>.sub-menu.jizan-mc{padding:34px 34px 30px}
.kt-mega-nav>ul>li.jizan-mega-cols:focus-within>.sub-menu{max-height:1500px;opacity:1;top:100%;visibility:visible}
.jizan-mc__inner{display:flex;align-items:flex-start;gap:44px}
.kt-mega-nav .jizan-mc__inner>.sub-links{flex:1 1 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px;float:none;width:auto;margin:0;padding:0;text-align:start}
.kt-mega-nav .jizan-mc ul,.minimal-menu .jizan-mc ul{position:static;visibility:visible;opacity:1;min-width:0;margin:0;padding:0;background:none;box-shadow:none;z-index:auto}
.kt-mega-nav .jizan-mc li,.minimal-menu .jizan-mc ul li,.minimal-menu ul li:hover .jizan-mc ul li{display:block;float:none;width:auto;margin:0;padding:0;overflow:visible;border:0}
.jizan-mc__title{position:relative;display:block;margin:0 0 6px;padding:0 0 14px;font-family:Oswald,sans-serif;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:2px;text-transform:uppercase;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.jizan-mc__title:after{content:"";position:absolute;inset-inline-start:0;bottom:-1px;width:32px;height:2px;background:var(--jizan-accent,#F44336)}
.kt-mega-nav .jizan-mc .sub-links .sub-links a{display:flex;align-items:center;gap:0;width:100%;margin:0;padding:11px 0 10px;font-size:12px;line-height:16px;letter-spacing:1px;color:#cfcfcf;transition:color .2s,padding .25s cubic-bezier(.22,.61,.36,1)}
.kt-mega-nav .jizan-mc .sub-links .sub-links a:after{background:rgba(255,255,255,.07)}
.kt-mega-nav .jizan-mc .sub-links .sub-links a:before{content:"";flex:0 0 auto;order:-1;width:0;height:1px;margin:0;background:var(--jizan-accent,#F44336);transition:width .25s cubic-bezier(.22,.61,.36,1),margin .25s cubic-bezier(.22,.61,.36,1)}
.kt-mega-nav .jizan-mc .sub-links .sub-links a:hover,.kt-mega-nav .jizan-mc .sub-links .sub-links a:focus,.kt-mega-nav .jizan-mc .sub-links .sub-links a.is-active{color:#fff;text-decoration:none;outline:0}
.kt-mega-nav .jizan-mc .sub-links .sub-links a:hover:before,.kt-mega-nav .jizan-mc .sub-links .sub-links a:focus:before,.kt-mega-nav .jizan-mc .sub-links .sub-links a.is-active:before{width:14px;margin-inline-end:8px}
.kt-mega-nav .jizan-mc .sub-links .sub-links a:focus-visible{outline:2px solid var(--jizan-accent,#F44336);outline-offset:2px}
.kt-mega-nav .jizan-mc .jizan-menu-highlight>a{color:#fff;font-weight:600}
.kt-mega-nav .jizan-mc .jizan-menu-highlight>a:after{background:var(--jizan-accent,#F44336)}
.jizan-mc__preview{flex:0 0 300px;margin:0;color:#fff}
.jizan-mc__shot{position:relative;aspect-ratio:4/3;overflow:hidden;background:#2c2c2c;border:1px solid rgba(255,255,255,.08)}
.jizan-mc__shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;transition:opacity .25s ease,transform .6s cubic-bezier(.22,.61,.36,1)}
.jizan-mc__shot img.is-swapping{opacity:0}
.jizan-mc__preview:hover .jizan-mc__shot img{transform:scale(1.02)}
.jizan-mc__name{margin:14px 0 2px;font-family:Oswald,sans-serif;font-size:14px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:#fff}
.jizan-mc__hint{margin:0;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8a8a8a}
.jizan-menu-badge{display:inline-block;margin-inline-start:6px;padding:2px 5px 1px;font-family:Oswald,sans-serif;font-size:9px;font-weight:500;line-height:1.3;letter-spacing:1px;text-transform:uppercase;color:#fff;background:var(--jizan-accent,#F44336);border-radius:2px;vertical-align:middle}
@media (max-width:1199px){.jizan-mc__preview{display:none}.jizan-mc__inner{gap:0}}
/* Off-canvas / phones: column titles are accordion headings */
.jizan-oc .jizan-mc-col>a{font-family:Oswald,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;opacity:.7}
@media (prefers-reduced-motion:reduce){.jizan-mc__shot img,.kt-mega-nav .jizan-mc .sub-links .sub-links a,.kt-mega-nav .jizan-mc .sub-links .sub-links a:before{transition:none}}
html[data-theme="dark"] .kt-mega-nav .sub-menu.jizan-mc{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
/* Phones (2.1 part 3a): long titles in fixed-height panel cards are clamped to 2 lines (no overlap
   with the author line); the Panel 7 slider shows its text as a band under the picture. */
@media (max-width:767px){
	body [class*="widget_highlighted_posts"] .single-article:nth-child(n) .ktp-metas h1.entry-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
	.slider_100_big .gallery-cell{height:auto;min-height:0;padding-top:300px}
	.slider_100_big .gallery-cell>.jizan-cover-img{height:300px;bottom:auto}
	.slider_100_big .ktp-slider-metas{position:relative;z-index:1;top:auto;width:100%;height:auto}
	.slider_100_big .ktp-inner-slider{position:static;transform:none;-webkit-transform:none;padding:22px 16px 26px}
	.slider_100_big .gallery-cell h1.entry-title{font-size:22px;line-height:1.3}
}

/* Centred section titles (Stories "Center"): heading style 1 gets its pattern line on both sides. */
body.jizan-h-heading_one .jizan-stories-wrap--center .kt-st .kt-section-title{padding:0 15px}
body.jizan-h-heading_one .jizan-stories-wrap--center .kt-st .kt-section-title:before{content:"";display:block;position:absolute;top:50%;right:100%;width:2800px;height:15px;margin-top:-9px;background:url('../images/overlay-pattern.png');opacity:.05}
html[data-theme="dark"] body.jizan-h-heading_one .jizan-stories-wrap--center .kt-st .kt-section-title:before{filter:invert(1);opacity:.1}