:root {
  --mz-red: #c5161d;
  --mz-red-dark: #9f1116;
  --mz-black: #101114;
  --mz-text: #222831;
  --mz-muted: #6b7280;
  --mz-bg: #f4f5f7;
  --mz-card: #ffffff;
  --mz-border: #e6e8ec;
  --mz-soft: #fdf2f2;
  --mz-shadow: 0 14px 40px rgba(16, 17, 20, 0.07);
  --mz-radius: 22px;
}

html, body {
  direction: rtl;
  text-align: right;
  background: linear-gradient(180deg, #f7f8fb 0%, #f3f5f7 100%);
  color: var(--mz-text);
}

body {
  line-height: 1.9;
  text-rendering: optimizeLegibility;
}

a, button {
  transition: all .25s ease;
}

a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--mz-red);
  outline-offset: 2px;
  border-radius: 8px;
}

#theme-header, .header-content, .logo, #logo {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  min-height: auto !important;
}

#logo img, .logo img {
  max-height: 88px !important;
  width: auto;
}

#main-nav, .main-nav, #navigation {
  background: rgba(255,255,255,.96) !important;
  border: 1px solid var(--mz-border) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 30px rgba(17,17,17,.06) !important;
  backdrop-filter: blur(10px);
}

#main-nav ul li a, .main-nav ul li a, #navigation ul li a {
  color: var(--mz-text) !important;
  font-weight: 600 !important;
  padding: 15px 18px !important;
}

#main-nav ul li a:hover, .main-nav ul li a:hover, #navigation ul li a:hover,
#main-nav .current-menu-item a, .main-nav .current-menu-item a, #navigation .current-menu-item a {
  color: var(--mz-red) !important;
  background: #fff5f5 !important;
  border-radius: 10px !important;
}

.mz-container {
  width: min(1380px, calc(100% - 28px));
  margin-inline: auto;
}

.mz-awami-home {
  padding: 26px 0 56px;
}

.mz-top-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(320px, .95fr);
  gap: 24px;
  align-items: start;
}

.mz-feature-story,
.mz-card,
.mz-list-card,
.mz-widget,
.mz-page-card {
  background: var(--mz-card);
  border: 1px solid var(--mz-border);
  border-radius: var(--mz-radius);
  box-shadow: var(--mz-shadow);
  overflow: hidden;
}

.mz-feature-story {
  position: relative;
}

.mz-thumb-link,
.mz-thumb-link img {
  display: block;
  width: 100%;
}

.mz-thumb-link {
  background: #f1f3f5;
}

.mz-thumb-link img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.mz-thumb-placeholder {
  aspect-ratio: 16 / 9;
  background:
    linear-gradient(135deg, rgba(197,22,29,.07), rgba(0,0,0,.03)),
    linear-gradient(135deg, #eceff3, #dfe4ea);
}

.mz-feature-content,
.mz-card-content,
.mz-page-card {
  padding: 20px 22px;
}

.mz-cat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, var(--mz-red), var(--mz-red-dark));
  color: #fff;
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 13px;
  margin-bottom: 12px;
  box-shadow: 0 8px 18px rgba(197,22,29,.18);
}

.mz-feature-title,
.mz-card-title {
  margin: 0 0 8px;
  line-height: 1.65;
  font-weight: 700;
}

.mz-feature-title {
  font-size: clamp(28px, 3vw, 40px);
}

.mz-card-title {
  font-size: 20px;
}

.mz-feature-title a,
.mz-card-title a,
.mz-mini-link,
.mz-widget-title,
.mz-section-head h2 {
  color: var(--mz-black);
  text-decoration: none;
}

.mz-feature-title a:hover,
.mz-card-title a:hover,
.mz-mini-link:hover {
  color: var(--mz-red);
}

.mz-meta,
.mz-mini-date {
  color: var(--mz-muted);
  font-size: 13px;
}

.mz-excerpt,
.mz-widget-copy {
  color: #3f4752;
  font-size: 15px;
}

.mz-side-column {
  display: grid;
  gap: 18px;
  position: sticky;
  top: 20px;
}

.mz-paper-box {
  padding: 18px;
}

.mz-widget-title {
  font-size: 22px;
  margin: 0 0 14px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f1f3f5;
  font-weight: 800;
}

.mz-mini-list {
  display: grid;
  gap: 14px;
}

.mz-mini-item {
  padding-bottom: 14px;
  border-bottom: 1px solid #eef2f7;
}

.mz-mini-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.mz-mini-link {
  display: block;
  font-weight: 600;
  line-height: 1.8;
  margin-bottom: 4px;
}

.mz-home-section {
  margin-top: 36px;
}

.mz-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
  border-bottom: 3px solid var(--mz-red);
}

.mz-section-head h2 {
  margin: 0;
  font-size: 27px;
  padding-bottom: 10px;
  font-weight: 800;
}

.mz-grid {
  display: grid;
  gap: 20px;
}

.mz-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mz-split-section {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.mz-list-block {
  display: grid;
  gap: 16px;
}

.mz-card,
.mz-list-card,
.mz-feature-story,
.mz-widget {
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.mz-card:hover,
.mz-list-card:hover,
.mz-feature-story:hover,
.mz-widget:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(16, 17, 20, 0.11);
  border-color: #d9dee5;
}

.mz-list-card {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
}

.mz-list-card .mz-thumb-link img,
.mz-list-card .mz-thumb-placeholder {
  aspect-ratio: 4 / 3;
  height: 100%;
}

.mz-list-card .mz-card-content {
  padding: 14px 16px;
}

.mz-list-card .mz-card-title {
  font-size: 18px;
}

.mz-list-card .mz-meta {
  margin: 0;
}

.mz-list-card-empty {
  min-height: 180px;
}

#footer-widget-area, .footer-widget-area, #footer {
  background: #111111 !important;
  border-top: 4px solid var(--mz-red) !important;
  padding: 50px 0 !important;
}

#footer .widget-title {
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 700;
}

#footer a, #footer p, #footer li {
  color: #d1d5db !important;
  line-height: 2;
}

#footer a:hover {
  color: #f59e0b !important;
}

.breaking-news,
.news-ticker,
.newsticker,
.tie-slick-slider,
#breaking-news,
.breaking-news-box,
.ticker-wrap,
.marquee-wrap {
  display: none !important;
}

@media (max-width: 1100px) {
  .mz-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 991px) {
  .mz-top-layout,
  .mz-split-section,
  .mz-grid-3 {
    grid-template-columns: 1fr;
  }

  .mz-side-column {
    position: static;
  }
}

@media (max-width: 767px) {
  .mz-awami-home {
    padding-top: 14px;
  }

  .mz-container {
    width: min(100%, calc(100% - 18px));
  }

  .mz-feature-content,
  .mz-card-content,
  .mz-page-card,
  .mz-paper-box {
    padding-inline: 16px;
  }

  .mz-feature-title {
    font-size: 25px;
  }

  .mz-section-head h2 {
    font-size: 22px;
  }

  .mz-list-card {
    grid-template-columns: 1fr;
  }

  .mz-list-card .mz-thumb-link img,
  .mz-list-card .mz-thumb-placeholder {
    aspect-ratio: 16 / 9;
  }
}



/* Professional typography and color refinements */



:root {
  --mz-red: #b8141b;
  --mz-red-dark: #8f1015;
  --mz-black: #0d1016;
  --mz-text: #1f2937;
  --mz-muted: #667085;
  --mz-bg: #f3f4f6;
  --mz-card: #ffffff;
  --mz-border: #e5e7eb;
  --mz-soft: #fff6f6;
  --mz-gold: #d4a63c;
  --mz-gold-soft: #f5e8be;
  --mz-footer-top: #13161d;
  --mz-footer-bottom: #0d1016;
  --mz-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
}

body {
  background:
    radial-gradient(circle at top right, rgba(184,20,27,.04), transparent 20%),
    linear-gradient(180deg, #f9fafb 0%, #f3f4f6 100%);
  color: var(--mz-text);
}

.mz-feature-story,
.mz-card,
.mz-list-card,
.mz-widget,
.mz-page-card {
  box-shadow: var(--mz-shadow);
}

.mz-cat {
  background: linear-gradient(135deg, var(--mz-red), var(--mz-red-dark));
}

.mz-section-head {
  border-bottom-color: var(--mz-red);
}

.mz-section-head h2 {
  position: relative;
}

.mz-section-head h2::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  bottom: -3px;
  width: 52px;
  height: 3px;
  background: linear-gradient(90deg, var(--mz-gold), var(--mz-red));
  border-radius: 999px;
}

.mz-feature-content,
.mz-card-content {
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(252,252,253,1) 100%);
}

/* Premium footer styling across common Sahifa selectors */
#footer,
.footer-widget-area,
#footer-widget-area,
.footer-area {
  background:
    radial-gradient(circle at top left, rgba(212,166,60,.12), transparent 18%),
    linear-gradient(180deg, var(--mz-footer-top) 0%, var(--mz-footer-bottom) 100%) !important;
  border-top: 4px solid var(--mz-red) !important;
  padding: 58px 0 0 !important;
  position: relative;
  overflow: hidden;
}

#footer::before,
.footer-widget-area::before,
#footer-widget-area::before,
.footer-area::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,.03), transparent);
  pointer-events: none;
}

#footer .container,
#footer-widget-area .container,
.footer-widget-area .container,
.footer-area .container {
  position: relative;
  z-index: 1;
}

#footer .widget,
#footer-widget-area .widget,
.footer-widget-area .widget,
.footer-area .widget {
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 20px 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter: blur(6px);
  margin-bottom: 20px;
}

#footer .widget-title,
#footer-widget-area .widget-title,
.footer-widget-area .widget-title,
.footer-area .widget-title {
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  margin-bottom: 14px !important;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

#footer a,
#footer p,
#footer li,
#footer span,
#footer-widget-area a,
#footer-widget-area p,
#footer-widget-area li,
#footer-widget-area span,
.footer-widget-area a,
.footer-widget-area p,
.footer-widget-area li,
.footer-widget-area span,
.footer-area a,
.footer-area p,
.footer-area li,
.footer-area span {
  color: #d6dae1 !important;
  line-height: 2;
}

#footer a:hover,
#footer-widget-area a:hover,
.footer-widget-area a:hover,
.footer-area a:hover {
  color: #ffffff !important;
  text-decoration: none;
}

#footer ul,
#footer-widget-area ul,
.footer-widget-area ul,
.footer-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#footer ul li,
#footer-widget-area ul li,
.footer-widget-area ul li,
.footer-area ul li {
  padding: 7px 0;
  border-bottom: 1px dashed rgba(255,255,255,.08);
}

#footer ul li:last-child,
#footer-widget-area ul li:last-child,
.footer-widget-area ul li:last-child,
.footer-area ul li:last-child {
  border-bottom: 0;
}

#footer .tagcloud a,
#footer-widget-area .tagcloud a,
.footer-widget-area .tagcloud a,
.footer-area .tagcloud a {
  display: inline-block;
  margin: 0 0 8px 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
}

#footer .tagcloud a:hover,
#footer-widget-area .tagcloud a:hover,
.footer-widget-area .tagcloud a:hover,
.footer-area .tagcloud a:hover {
  background: linear-gradient(135deg, var(--mz-red), var(--mz-red-dark));
  border-color: transparent;
}

#footer .searchform input,
#footer input[type="search"],
#footer input[type="text"],
#footer input[type="email"],
#footer textarea,
#footer-widget-area .searchform input,
#footer-widget-area input[type="search"],
#footer-widget-area input[type="text"],
#footer-widget-area input[type="email"],
#footer-widget-area textarea {
  width: 100%;
  background: rgba(255,255,255,.06);
  color: #fff;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  padding: 12px 14px;
}

#footer input::placeholder,
#footer textarea::placeholder,
#footer-widget-area input::placeholder,
#footer-widget-area textarea::placeholder {
  color: rgba(255,255,255,.55);
}

#footer .searchform input:focus,
#footer input:focus,
#footer textarea:focus,
#footer-widget-area .searchform input:focus,
#footer-widget-area input:focus,
#footer-widget-area textarea:focus {
  border-color: rgba(212,166,60,.8);
  box-shadow: 0 0 0 3px rgba(212,166,60,.15);
  outline: none;
}

#footer .social-icons a,
#footer .tie-social-box a,
#footer-widget-area .social-icons a,
.footer-widget-area .social-icons a,
.footer-area .social-icons a {
  width: 40px;
  height: 40px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  margin-left: 8px;
}

#footer .social-icons a:hover,
#footer .tie-social-box a:hover,
#footer-widget-area .social-icons a:hover,
.footer-widget-area .social-icons a:hover,
.footer-area .social-icons a:hover {
  background: linear-gradient(135deg, var(--mz-red), var(--mz-red-dark));
  transform: translateY(-2px);
}

#footer .copyright-area,
#footer #site-info,
#footer .footer-bottom,
.footer-bottom,
.site-footer .footer-bottom {
  background: rgba(0,0,0,.18) !important;
  border-top: 1px solid rgba(255,255,255,.07);
  margin-top: 26px;
  padding: 18px 0 !important;
}

#footer .copyright-area *,
#footer #site-info *,
#footer .footer-bottom *,
.footer-bottom *,
.site-footer .footer-bottom * {
  color: #c7ced8 !important;
  font-size: 14px;
}

#footer .copyright-area a:hover,
#footer #site-info a:hover,
#footer .footer-bottom a:hover,
.footer-bottom a:hover,
.site-footer .footer-bottom a:hover {
  color: #fff !important;
}

@media (max-width: 767px) {
  #footer .widget,
  #footer-widget-area .widget,
  .footer-widget-area .widget,
  .footer-area .widget {
    padding: 16px 14px;
    border-radius: 16px;
  }

  #footer,
  .footer-widget-area,
  #footer-widget-area,
  .footer-area {
    padding-top: 42px !important;
  }
}



/* Modern sticky header */
body {
  padding-top: 0;
}

body.mz-sticky-active.admin-bar .mz-site-header-clone,
body.mz-sticky-active.admin-bar #main-nav.is-sticky,
body.mz-sticky-active.admin-bar .main-nav.is-sticky,
body.mz-sticky-active.admin-bar #navigation.is-sticky {
  top: 32px;
}

.mz-site-header-clone,
#main-nav.is-sticky,
.main-nav.is-sticky,
#navigation.is-sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  width: min(1380px, calc(100% - 24px));
  margin: 12px auto 0 !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 18px 42px rgba(2, 6, 23, 0.14) !important;
  border: 1px solid rgba(255,255,255,.7) !important;
  animation: mzStickyDrop .28s ease;
}

#main-nav.is-sticky ul li a,
.main-nav.is-sticky ul li a,
#navigation.is-sticky ul li a {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

body.mz-sticky-active {
  padding-top: 88px;
}

body.mz-sticky-active .mz-awami-home {
  padding-top: 10px;
}

#theme-header,
.header-content,
.logo,
#logo {
  position: relative;
  z-index: 2;
}

#main-nav,
.main-nav,
#navigation {
  position: relative;
  z-index: 10;
}

#main-nav::before,
.main-nav::before,
#navigation::before,
#main-nav.is-sticky::before,
.main-nav.is-sticky::before,
#navigation.is-sticky::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(135deg, rgba(184,20,27,.035), rgba(212,166,60,.03)),
    linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.88));
  pointer-events: none;
}

#main-nav > *,
.main-nav > *,
#navigation > *,
#main-nav.is-sticky > *,
.main-nav.is-sticky > *,
#navigation.is-sticky > * {
  position: relative;
  z-index: 1;
}

#main-nav ul li a,
.main-nav ul li a,
#navigation ul li a {
  border-radius: 12px !important;
}

#main-nav ul li a:hover,
.main-nav ul li a:hover,
#navigation ul li a:hover,
#main-nav .current-menu-item a,
.main-nav .current-menu-item a,
#navigation .current-menu-item a {
  box-shadow: inset 0 0 0 1px rgba(184,20,27,.06);
}

body.mz-sticky-active #theme-header,
body.mz-sticky-active .header-content {
  transition: transform .25s ease, opacity .25s ease;
}

@keyframes mzStickyDrop {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 991px) {
  .mz-site-header-clone,
  #main-nav.is-sticky,
  .main-nav.is-sticky,
  #navigation.is-sticky {
    width: calc(100% - 14px);
    margin-top: 8px !important;
    border-radius: 14px !important;
  }

  body.mz-sticky-active {
    padding-top: 76px;
  }
}

@media (max-width: 782px) {
  body.mz-sticky-active.admin-bar .mz-site-header-clone,
  body.mz-sticky-active.admin-bar #main-nav.is-sticky,
  body.mz-sticky-active.admin-bar .main-nav.is-sticky,
  body.mz-sticky-active.admin-bar #navigation.is-sticky {
    top: 46px;
  }
}

@media (max-width: 767px) {
  body.mz-sticky-active {
    padding-top: 72px;
  }

  #main-nav.is-sticky ul li a,
  .main-nav.is-sticky ul li a,
  #navigation.is-sticky ul li a {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }
}


/* Performance optimized lightweight overrides */
:root {
  --mz-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
}

html, body {
  background: #f5f6f8 !important;
}


.mz-feature-story,
.mz-card,
.mz-list-card,
.mz-widget,
.mz-page-card,
#footer .widget,
#footer-widget-area .widget,
.footer-widget-area .widget,
.footer-area .widget {
  box-shadow: var(--mz-shadow) !important;
}

.mz-card:hover,
.mz-list-card:hover,
.mz-feature-story:hover,
.mz-widget:hover {
  transform: none !important;
  box-shadow: 0 8px 18px rgba(16, 17, 20, 0.08) !important;
}

#main-nav,
.main-nav,
#navigation,
.mz-site-header-clone,
#main-nav.is-sticky,
.main-nav.is-sticky,
#navigation.is-sticky {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(2, 6, 23, 0.08) !important;
}

#main-nav::before,
.main-nav::before,
#navigation::before,
#main-nav.is-sticky::before,
.main-nav.is-sticky::before,
#navigation.is-sticky::before,
#footer::before,
.footer-widget-area::before,
#footer-widget-area::before,
.footer-area::before {
  display: none !important;
}

.mz-feature-content,
.mz-card-content,
#footer,
.footer-widget-area,
#footer-widget-area,
.footer-area {
  background-image: none !important;
}

#footer,
.footer-widget-area,
#footer-widget-area,
.footer-area {
  background: #111827 !important;
}

#footer .widget,
#footer-widget-area .widget,
.footer-widget-area .widget,
.footer-area .widget {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background: rgba(255,255,255,.02) !important;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}


/* Hide category label inside section cards and feature blocks */
.mz-cat {
  display: none !important;
}


/* Typography delegated to Sahifa settings */