/* Zhakaw v23 Options Edition
   The original Kazhaw 2016 structure remains the base. These classes only switch optional polish levels. */

body.zhakaw-mode-classic_exact {
  --zhakaw-radius: 0;
  --zhakaw-shadow: none;
  --zhakaw-card-bg: #fff;
  --zhakaw-accent: #a20000;
}
body.zhakaw-mode-classic_working {
  --zhakaw-radius: 0;
  --zhakaw-shadow: none;
  --zhakaw-card-bg: #fff;
  --zhakaw-accent: #a20000;
}
body.zhakaw-mode-light_modern {
  --zhakaw-radius: 6px;
  --zhakaw-shadow: 0 1px 5px rgba(0,0,0,.10);
  --zhakaw-card-bg: #fff;
  --zhakaw-accent: #9d0000;
}
body.zhakaw-mode-modern_portal {
  --zhakaw-radius: 12px;
  --zhakaw-shadow: 0 8px 22px rgba(0,0,0,.14);
  --zhakaw-card-bg: #ffffff;
  --zhakaw-accent: #8f0000;
}

/* Option 1: Exact Classic. Keep it flat, narrow, and archive-like. */
body.zhakaw-mode-classic_exact #zhakaw-legacy-view,
body.zhakaw-mode-classic_exact #zhakaw-legacy-view .NewsDivpg,
body.zhakaw-mode-classic_exact #zhakaw-legacy-view .zhakaw-detail-card,
body.zhakaw-mode-classic_exact #zhakaw-legacy-view .CatmoreDvRe,
body.zhakaw-mode-classic_exact #zhakaw-legacy-view .Newstabpanel,
body.zhakaw-mode-classic_exact #zhakaw-legacy-view .zhakaw-old-form {
  border-radius:0!important;
  box-shadow:none!important;
}
body.zhakaw-mode-classic_exact #zhakaw-legacy-view .zhakaw-section-note,
body.zhakaw-mode-classic_exact #zhakaw-legacy-view .zhakaw-form-note,
body.zhakaw-mode-classic_exact .zhakaw-option-switcher { display:none!important; }

/* Option 2: Classic Working. Same look, clearer working controls. */
body.zhakaw-mode-classic_working #zhakaw-legacy-view .zhakaw-font-controls a,
body.zhakaw-mode-classic_working #zhakaw-legacy-view .RadDataPager a,
body.zhakaw-mode-classic_working #zhakaw-legacy-view button {
  cursor:pointer;
}
body.zhakaw-mode-classic_working #zhakaw-legacy-view a:hover { color:#cc0000!important; }

/* Option 3: Light Modern Refresh. Subtle only; no layout redesign. */
body.zhakaw-mode-light_modern { background:#eeeeee; }
body.zhakaw-mode-light_modern #zhakaw-legacy-view .NewsDivpg,
body.zhakaw-mode-light_modern #zhakaw-legacy-view .zhakaw-detail-card,
body.zhakaw-mode-light_modern #zhakaw-legacy-view .CatmoreDvRe,
body.zhakaw-mode-light_modern #zhakaw-legacy-view .Newstabpanel,
body.zhakaw-mode-light_modern #zhakaw-legacy-view .zhakaw-old-form {
  border-radius:var(--zhakaw-radius)!important;
  box-shadow:var(--zhakaw-shadow)!important;
}
body.zhakaw-mode-light_modern #zhakaw-legacy-view .TitleDetailDivnew1,
body.zhakaw-mode-light_modern #zhakaw-legacy-view .NewsDivpg1,
body.zhakaw-mode-light_modern #zhakaw-legacy-view .zhakaw-section-heading {
  letter-spacing:.1px;
}
body.zhakaw-mode-light_modern #zhakaw-legacy-view img {
  image-rendering:auto;
}
body.zhakaw-mode-light_modern #zhakaw-legacy-view a,
body.zhakaw-mode-light_modern .bnrnewdvL2 a,
body.zhakaw-mode-light_modern .bnrnewdvL3 a div {
  transition:color .15s ease, background .15s ease, border-color .15s ease, transform .15s ease;
}
body.zhakaw-mode-light_modern #zhakaw-legacy-view .CatmoreDvRe:hover,
body.zhakaw-mode-light_modern #zhakaw-legacy-view .Newstabpanel:hover {
  transform:translateY(-1px);
}

/* Option 4: Modern Portal. Stronger modern skin, but still uses the Kazhaw grid and routes. */
body.zhakaw-mode-modern_portal {
  background:linear-gradient(180deg,#f5f5f5 0%,#e6e6e6 100%);
  font-smoothing:antialiased;
  -webkit-font-smoothing:antialiased;
}
body.zhakaw-mode-modern_portal .Babkbg { background:transparent!important; }
body.zhakaw-mode-modern_portal .newheader,
body.zhakaw-mode-modern_portal .bnrnewdv,
body.zhakaw-mode-modern_portal .Headlinedv,
body.zhakaw-mode-modern_portal #zhakaw-legacy-view .NewsDivpg,
body.zhakaw-mode-modern_portal #zhakaw-legacy-view .zhakaw-detail-card,
body.zhakaw-mode-modern_portal #zhakaw-legacy-view .CatmoreDvRe,
body.zhakaw-mode-modern_portal #zhakaw-legacy-view .Newstabpanel,
body.zhakaw-mode-modern_portal #zhakaw-legacy-view .zhakaw-old-form {
  border-radius:var(--zhakaw-radius)!important;
  box-shadow:var(--zhakaw-shadow)!important;
}
body.zhakaw-mode-modern_portal .bnrnewdvL3 a div,
body.zhakaw-mode-modern_portal #zhakaw-legacy-view .zhakaw-font-controls a,
body.zhakaw-mode-modern_portal #zhakaw-legacy-view .RadDataPager a,
body.zhakaw-mode-modern_portal #zhakaw-legacy-view button {
  border-radius:999px!important;
}
body.zhakaw-mode-modern_portal #zhakaw-legacy-view .TitleDetailDivnew1,
body.zhakaw-mode-modern_portal #zhakaw-legacy-view .NewsDivpg1,
body.zhakaw-mode-modern_portal #zhakaw-legacy-view .zhakaw-section-heading {
  color:var(--zhakaw-accent)!important;
  font-size:19px!important;
}
body.zhakaw-mode-modern_portal #zhakaw-legacy-view .CatIMG,
body.zhakaw-mode-modern_portal #zhakaw-legacy-view .CatmoreDvRe img,
body.zhakaw-mode-modern_portal #zhakaw-legacy-view .Newstabpanel img {
  border-radius:10px!important;
}
body.zhakaw-mode-modern_portal #zhakaw-legacy-view a,
body.zhakaw-mode-modern_portal .bnrnewdvL2 a,
body.zhakaw-mode-modern_portal .bnrnewdvL3 a div {
  transition:all .18s ease;
}
body.zhakaw-mode-modern_portal #zhakaw-legacy-view .CatmoreDvRe:hover,
body.zhakaw-mode-modern_portal #zhakaw-legacy-view .Newstabpanel:hover {
  transform:translateY(-2px);
}

/* Optional test switcher appears only with ?zh_options=1, injected by JS. */
.zhakaw-option-switcher {
  position:fixed;
  z-index:999999;
  left:14px;
  bottom:14px;
  width:245px;
  background:#fff;
  border:1px solid #bdbdbd;
  box-shadow:0 6px 18px rgba(0,0,0,.22);
  border-radius:8px;
  padding:10px;
  font:12px/1.4 Tahoma,Arial,sans-serif;
  direction:ltr;
  text-align:left;
}
.zhakaw-option-switcher strong{display:block;margin-bottom:7px;color:#8b0000;}
.zhakaw-option-switcher a{display:block;padding:5px 7px;margin:3px 0;color:#222!important;background:#f4f4f4;border:1px solid #ddd;border-radius:4px;text-decoration:none!important;}
.zhakaw-option-switcher a:hover,.zhakaw-option-switcher a.is-active{background:#a20000;color:#fff!important;border-color:#8b0000;}

/* Mobile compatibility only for the optional modern modes. Classic modes keep the archived fixed canvas. */
@media (max-width: 760px) {
  body.zhakaw-mode-light_modern .Babkbg,
  body.zhakaw-mode-modern_portal .Babkbg { min-width:0!important; width:100%!important; overflow-x:hidden; }
  body.zhakaw-mode-light_modern .masterhe,
  body.zhakaw-mode-modern_portal .masterhe,
  body.zhakaw-mode-light_modern .newheader,
  body.zhakaw-mode-modern_portal .newheader,
  body.zhakaw-mode-light_modern .bnrnewdv,
  body.zhakaw-mode-modern_portal .bnrnewdv,
  body.zhakaw-mode-light_modern .AllDivision,
  body.zhakaw-mode-modern_portal .AllDivision { width:100%!important; max-width:100%!important; }
  body.zhakaw-mode-light_modern .DivLeft,
  body.zhakaw-mode-modern_portal .DivLeft { display:none!important; }
  body.zhakaw-mode-light_modern .DivMiddle,
  body.zhakaw-mode-modern_portal .DivMiddle,
  body.zhakaw-mode-light_modern .RightColum,
  body.zhakaw-mode-modern_portal .RightColum,
  body.zhakaw-mode-light_modern #zhakaw-legacy-view,
  body.zhakaw-mode-modern_portal #zhakaw-legacy-view,
  body.zhakaw-mode-light_modern #zhakaw-legacy-view .DetailNewdiv,
  body.zhakaw-mode-modern_portal #zhakaw-legacy-view .DetailNewdiv,
  body.zhakaw-mode-light_modern #zhakaw-legacy-view .NewsDivpg,
  body.zhakaw-mode-modern_portal #zhakaw-legacy-view .NewsDivpg,
  body.zhakaw-mode-light_modern #zhakaw-legacy-view .zhakaw-detail-card,
  body.zhakaw-mode-modern_portal #zhakaw-legacy-view .zhakaw-detail-card { width:100%!important; max-width:100%!important; box-sizing:border-box!important; }
  body.zhakaw-mode-light_modern #zhakaw-legacy-view .CatIMG,
  body.zhakaw-mode-modern_portal #zhakaw-legacy-view .CatIMG { max-width:96%!important; height:auto!important; }
  body.zhakaw-mode-light_modern #zhakaw-legacy-view .CatmoreDv,
  body.zhakaw-mode-modern_portal #zhakaw-legacy-view .CatmoreDv { display:block!important; }
}