/* MisahaTech - main.css v2.0 */

:root {
    --clr-primary:    #009879;
    --clr-primary-dk: #007a62;
    --clr-dark:       #22263a;
    --clr-dark-soft:  #333;
    --clr-light:      #f5f7fa;
    --clr-border:     #e4e8ee;
    --clr-text:       #2d2d2d;
    --clr-muted:      #777;
    --clr-white:      #fff;
    --radius:   10px;
    --radius-sm: 6px;
    --shadow:   0 2px 12px rgba(0,0,0,.08);
    --shadow-md:0 4px 20px rgba(0,0,0,.12);
    --font:     'Tajawal', sans-serif;
    --max-w:    1500px;
    --sidebar-w:280px;
    --header-h: 64px;
    --topbar-h: 36px;
    --gap:      20px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--font); font-size: 15px; color: var(--clr-text); background: var(--clr-white); direction: rtl; line-height: 1.7; text-decoration:none; }
::selection{
    background: var(--clr-primary);
    color: white;
}
a { color: var(--clr-text); text-decoration: none; transition: color .2s;}
.site-footer a{
    color:#ffffff;
}

a:hover { color: var(--clr-primary-dk); }
img { max-width: 100%; height: auto; display: block; }
ul { list-style: none; }

/* ---- Bulletproof Layout Reset ---- */
html, body { width: 100%; }
body > * { width: 100%; }
#page-wrapper, .site-main, .site-header, .topbar, .site-footer { width: 100%; box-sizing: border-box; }

.container { display: block; width: 100%; max-width: var(--max-w); margin-right: auto; margin-left: auto; padding-right: 16px; padding-left: 16px; }
.main-container { display: grid; width: 100%; grid-template-columns: 1fr var(--sidebar-w); gap: var(--gap); padding-top: 24px; padding-bottom: 40px; align-items: start; }
#page-wrapper { display: flex; flex-direction: column; min-height: 100vh; width: 100%; }
.site-main { flex: 1; width: 100%; }

/* Top Bar */
.topbar { background: var(--clr-primary); height: var(--topbar-h); position: relative; z-index: 200; }
.topbar-inner { max-width: var(--max-w); margin-right: auto; margin-left: auto; padding: 0 16px; height: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; }
.topbar-social { display: flex; gap: 14px; }
.topbar-social a { color: rgba(255,255,255,.85); font-size: 14px; transition: color .2s, transform .2s; }
.topbar-social a:hover { color: #fff; transform: scale(1.15); }
.topbar-nav .menu { display: flex; gap: 20px; }
.topbar-nav .menu a { color: #ffffff; font-size: 12px; font-weight: 600; }
.topbar-nav .menu a:hover { color: #fff; }

/* Header */
.site-header { background: var(--clr-dark); height: var(--header-h); position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 8px rgba(0,0,0,.2); }
.site-footer .widget h4.wp-block-heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    padding: 6px 12px;
    border-right: 4px solid var(--clr-primary);
    border-radius: var(--radius-sm);
}
.header-inner { max-width: var(--max-w); margin-right: auto; margin-left: auto; padding: 0 16px; height: 100%; display: flex; align-items: center; gap: 24px; }
.site-logo a { display: flex; align-items: center; }
.site-logo img { height: 38px; width: auto; }
.logo-text { font-size: 1.3rem; font-weight: 900; color: white; }
.main-nav { flex: 1; }
.nav-menu { display: flex; gap: 4px; flex-direction: row-reverse; align-items: center; }
.nav-menu > li > a { color: rgba(255,255,255,.95); font-size: 14px; font-weight: 600; padding: 8px 14px; border-radius: var(--radius-sm); transition: background .2s, color .2s; position: relative; }
.nav-menu > li > a:hover, .nav-menu > li.current-menu-item > a { background: rgba(255,255,255,.1); color: var(--clr-primary); }
.nav-menu li { position: relative; }
.nav-menu .sub-menu { display: none; position: absolute; top: calc(100% + 8px); right: 0; background: var(--clr-dark-soft); border-radius: var(--radius); min-width: 180px; padding: 8px; box-shadow: var(--shadow-md); z-index: 999; }
.nav-menu li:hover > .sub-menu { display: block; }
.nav-menu .sub-menu a { display: block; padding: 8px 12px; color: rgba(255,255,255,.8); font-size: 13px; border-radius: var(--radius-sm); }
.nav-menu .sub-menu a:hover { background: var(--clr-primary); color: #fff; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.search-toggle, .hamburger { background: none; border: none; cursor: pointer; color: rgba(255,255,255,.8); font-size: 16px; padding: 6px; border-radius: var(--radius-sm); transition: background .2s, color .2s; }
.search-toggle:hover, .hamburger:hover { background: rgba(255,255,255,.1); color: #fff; }
.hamburger { display: none; flex-direction: column; gap: 5px; width: 36px; height: 36px; justify-content: center; align-items: center; }
.hamburger span { display: block; width: 22px; height: 2px; background: rgba(255,255,255,.8); border-radius: 2px; transition: all .3s; }
.hamburger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburger.is-open span:nth-child(2) { opacity: 0; }
.hamburger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.search-bar { background: var(--clr-dark-soft); max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.search-bar.is-open { max-height: 80px; }
.search-bar-inner { max-width: var(--max-w); margin-right: auto; margin-left: auto; padding: 12px 16px; }
.search-bar .search-form { display: flex; gap: 8px; justify-content: flex-end; }
.search-bar input[type="search"] { flex: 1; padding: 8px 14px; border: 1px solid var(--clr-border); border-radius: var(--radius-sm); font-family: var(--font); font-size: 14px; outline: none; }
.search-bar input[type="search"]:focus { border-color: var(--clr-primary); }
.search-bar input[type="submit"] { padding: 8px 18px; background: var(--clr-primary); color: #fff; border: none; border-radius: var(--radius-sm); font-family: var(--font); font-weight: 600; cursor: pointer; }
.search-bar input[type="submit"]:hover { background: var(--clr-primary-dk); }
.nav-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 90; }
.nav-overlay.is-open { display: block; }

/* Banner */
.banner-ads { background: var(--clr-light); border-bottom: 1px solid var(--clr-border); }
.ads-slot--banner { display: flex; align-items: center; justify-content: center; color: var(--clr-muted); font-size: 13px; }

/* Section Header */
.section-header { margin-bottom: 20px; }
.section-title { display: inline-flex; align-items: center; gap: 8px; font-size: 1rem; font-weight: 800; color: var(--clr-white); background: var(--clr-dark); padding: 5px 14px; border-radius: var(--radius-sm); border-right: 4px solid var(--clr-primary); }

/* Posts Grid */
.posts-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap); }
.post-card { background: var(--clr-white); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .25s, transform .25s; }
.post-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }
.post-card__thumb { position: relative; height: 200px; overflow: hidden; }
.post-card__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.post-card:hover .post-card__thumb img { transform: scale(1.04); }
.post-card__date { position: absolute; bottom: 10px; right: 10px; background: var(--clr-dark); color: #fff; font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 4px; }
.post-card__body { padding: 14px; display: flex; flex-direction: column; flex: 1; gap: 8px; }
.post-card__meta { display: flex; gap: 12px; font-size: 11px; color: var(--clr-muted); flex-wrap: wrap; }
.post-card__meta a { color: var(--clr-muted); }
.post-card__meta a:hover { color: var(--clr-primary); }
.post-card__title { font-size: 15px; font-weight: 700; line-height: 1.5; }
.post-card__title a { color: var(--clr-text); }
.post-card__title a:hover { color: var(--clr-primary); }
.post-card__excerpt { font-size: 13px; color: var(--clr-muted); line-height: 1.6; flex: 1; }
.post-card__footer { display: flex; justify-content: space-between; font-size: 11px; color: var(--clr-muted); border-top: 3px solid var(--clr-primary); padding-top: 8px; margin-top: auto; }

/* Widget Areas */
.widget-area-body { margin: 16px 0; }
.widget-area-body .widget { background: var(--clr-light); border-radius: var(--radius); padding: 14px; margin-bottom: 12px; }
.widget-area-body .widget-title { font-size: .9rem; font-weight: 700; color: var(--clr-dark); margin-bottom: 10px; padding-bottom: 6px; border-bottom: 2px solid var(--clr-primary); }

/* Sidebar */
.sidebar { position: sticky; top: calc(var(--header-h) + 12px); }
.sidebar .widget { background: var(--clr-white); border-radius: var(--radius); box-shadow: var(--shadow); padding: 14px; margin-bottom: 16px; border: 1px solid var(--clr-border); }
.sidebar .widget-title { font-size: .9rem; font-weight: 700; color: var(--clr-white); background: var(--clr-dark); padding: 6px 12px; border-radius: var(--radius-sm); margin-bottom: 12px; border-right: 4px solid var(--clr-primary); }
.sidebar .widget ul li { border-bottom: 1px solid var(--clr-border); padding: 6px 0; font-size: 13px; }
.sidebar .widget ul li:last-child { border-bottom: none; }
.sidebar .widget ul li a { color: var(--clr-text); }
.sidebar .widget ul li a:hover { color: var(--clr-primary); }

/* Pagination */
.pagination { display: flex; gap: 6px; justify-content: center; margin-top: 30px; flex-wrap: wrap; }
.pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 8px; background: var(--clr-light); color: var(--clr-text); border-radius: var(--radius-sm); font-size: 13px; font-weight: 600; transition: background .2s, color .2s; }
.pagination .page-numbers:hover, .pagination .page-numbers.current { background: var(--clr-primary); color: #fff; }

/* Single Article */
.single-article { background: var(--clr-white); border-radius: var(--radius); width: 100%; }
.article-thumbnail { border-radius: var(--radius) var(--radius) 0 0; overflow: hidden; max-height: 420px; }
.article-thumbnail img { width: 100%; height: 100%; object-fit: cover; }
.article-header { padding: 15px 5px 0; }
.article-meta { display: flex; gap: 14px; font-size: 12px; color: var(--clr-muted); flex-wrap: wrap; margin-bottom: 12px; }
.article-title { font-size: 1.5rem; font-weight: 900; line-height: 1.5; margin-bottom: 14px; }
.article-author { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-top: 1px solid var(--clr-border); margin-top: 10px; }
.article-author img { border-radius: 50%; border: 2px solid var(--clr-primary); }
.author-name { font-size: 13px; font-weight: 700; display: block; }
.author-label { font-size: 11px; color: var(--clr-muted); }
.article-content { padding: 20px; font-size: 1rem; line-height: 2; }
.article-content p { margin-bottom: 1.2em; }
.article-content a { text-decoration: underline; text-underline-offset: 3px; }
.article-content a:hover { text-decoration: none; }
.article-content h2, .article-content h3 { margin: 1.5em 0 .8em; color: var(--clr-dark); }
.article-footer { padding: 0 20px 20px; border-top: 1px solid var(--clr-border); padding-top: 14px; }
.article-tags { font-size: 12px; color: var(--clr-muted); margin-bottom: 10px; }
.article-tags a { background: var(--clr-light); padding: 2px 8px; border-radius: 4px; margin: 2px; display: inline-block; color: var(--clr-text); }
.article-tags a:hover { background: var(--clr-primary); color: #fff; }
.article-nav { display: flex; justify-content: space-between; gap: 10px; margin-top: 14px; }
.article-nav a { font-size: 13px; color: var(--clr-muted); border: 1px solid var(--clr-border); padding: 6px 12px; border-radius: var(--radius-sm); }
.article-nav a:hover { border-color: var(--clr-primary); color: var(--clr-primary); }
.edit-link a { font-size: 12px; color: #c0392b; }

/* Comments */
.comments-section { margin-top: 30px; }
.comments-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 2px solid var(--clr-primary); }
.comment-form label { display: block; font-weight: 600; font-size: 13px; margin-bottom: 4px; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea { width: 100%; border: 1px solid var(--clr-border); border-radius: var(--radius-sm); padding: 8px 12px; font-family: var(--font); font-size: 14px; outline: none; transition: border-color .2s; }
.comment-form input:focus, .comment-form textarea:focus { border-color: var(--clr-primary); }
.comment-form textarea { height: 140px; resize: vertical; }
.comment-form input[type="submit"] { background: var(--clr-primary); color: #fff; border: none; padding: 8px 24px; border-radius: var(--radius-sm); font-family: var(--font); font-weight: 700; cursor: pointer; }
.comment-form input[type="submit"]:hover { background: var(--clr-primary-dk); }

/* Search Results */
.search-results { display: flex; flex-direction: column; gap: 14px; }
.search-card { display: flex; gap: 14px; background: var(--clr-white); border-radius: var(--radius); box-shadow: var(--shadow); padding: 12px; }
.search-card__thumb { width: 100px; flex-shrink: 0; border-radius: var(--radius-sm); overflow: hidden; }
.search-card__thumb img { width: 100%; height: 80px; object-fit: cover; }
.search-card__title { font-size: 14px; font-weight: 700; margin-bottom: 6px; }
.search-card__title a { color: var(--clr-text); }
.search-card__title a:hover { color: var(--clr-primary); }
.search-card__excerpt { font-size: 12px; color: var(--clr-muted); }

/* 404 */
.error-404 { text-align: center; padding: 80px 20px; display: flex; flex-direction: column; align-items: center; gap: 16px; }
.error-404__code { font-size: 6rem; font-weight: 900; color: var(--clr-primary); line-height: 1; }
.error-404__title { font-size: 1.5rem; font-weight: 700; }
.error-404__msg { color: var(--clr-muted); }
.btn-primary { display: inline-block; background: var(--clr-primary); color: #fff; padding: 10px 28px; border-radius: var(--radius); font-weight: 700; }
.btn-primary:hover { background: var(--clr-primary-dk); color: #fff; }

/* Footer */
.site-footer { background: #22263a; margin-top: 40px; }
.footer-widgets { border-top: 3px solid var(--clr-primary); padding: 40px 0 20px; }
.footer-widgets-inner { max-width: var(--max-w); margin-right: auto; margin-left: auto; padding: 0 16px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.footer-col { display: flex; flex-direction: column; gap: 16px; }
.footer-widget { color: #aaa; }
.footer-widget-title { font-size: .95rem; font-weight: 700; color: #fff; padding-bottom: 10px; margin-bottom: 12px; border-bottom: 2px solid var(--clr-primary); }
.footer-widget a { color: #999; display: block; padding: 3px 0; font-size: 13px; transition: color .2s, padding .2s; }
.footer-widget a:hover { color: var(--clr-primary); padding-right: 6px; }
.footer-widget ul li { padding: 4px 0; border-bottom: 1px solid rgba(255,255,255,.05); font-size: 13px; }
.footer-widget ul li:last-child { border-bottom: none; }
.footer-widget p { font-size: 13px; line-height: 1.8; }
.footer-bottom { background: #22263a; border-top: 1px solid rgba(255,255,255,.07); padding: 16px 0; }
.footer-bottom-inner { max-width: var(--max-w); margin-right: auto; margin-left: auto; padding: 0 16px; display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; gap: 12px; flex-wrap: wrap; }
.copyright { font-size: 13px; color: #ffffff; }
.copyright a { color: #ffffff; }
.footer-bottom-social { display: flex; gap: 12px; }
.footer-bottom-social a { color: #ffffff; font-size: 15px; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #333; display: flex; align-items: center; justify-content: center; transition: color .2s, border-color .2s, transform .2s; }
.footer-bottom-social a:hover { color: var(--clr-primary); border-color: var(--clr-primary); transform: translateY(-2px); }

/* Code */
.entry-content pre { background: #1e1e1e; color: #d4d4d4; border-radius: var(--radius); padding: 16px; overflow-x: auto; font-size: 14px; line-height: 1.6; margin: 1em 0; direction: ltr;max-height: 400px; }
.entry-content code { background: rgba(0,152,121,.12); color: var(--clr-primary-dk); padding: 2px 6px; border-radius: 4px; font-size: .9em; }
.entry-content pre code { background: none; color: inherit; padding: 0; }

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--clr-primary);
  border-radius: 10px;
}

/* WP Table */
.wp-block-table { width: 100%; border-collapse: collapse; margin: 1em 0; }
.wp-block-table th { background: var(--clr-primary); color: #fff; padding: 10px; text-align: center; }
.wp-block-table td { padding: 8px 10px; border-bottom: 1px solid var(--clr-border); text-align: center; }
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: var(--clr-light); }

/* Misc */
mark { background: #00DFA220; color: var(--clr-primary-dk); padding: 0 4px; border-radius: 3px; }
.no-posts { text-align: center; padding: 40px; color: var(--clr-muted); }
.page-title { font-size: 1.6rem; font-weight: 900; margin-bottom: 20px; padding-bottom: 12px; border-bottom: 3px solid var(--clr-primary); }

/* Responsive */
@media (max-width: 1024px) { :root { --sidebar-w: 240px; } }

/* ---- Fix: ensure grid children fill their cells ---- */
.main-container > *,
.single-container > * { min-width: 0; max-width: 100%; }

@media (max-width: 768px) {
    .main-container { grid-template-columns: 1fr; }
    .sidebar { position: static; }
    .posts-grid { grid-template-columns: 1fr; }
    .hamburger { display: flex; }
    .main-nav { position: fixed; top: 0; right: -100%; height: 100%; width: 80%; background: var(--clr-dark); padding: 70px 16px 24px; overflow-y: auto; transition: right .3s ease; z-index: 95; }
    .main-nav.is-open { right: 0; }
    .nav-menu { display:flex; gap: 2px; align-items: stretch; flex-direction: column-reverse;}
    .nav-menu > li > a { display: block; padding: 10px 14px; font-size: 15px; }
    .footer-widgets-inner { grid-template-columns: 1fr; gap: 0; }
    .footer-bottom-inner { flex-direction: column; text-align: center; }
    .footer-bottom-social { justify-content: center; }
    .article-title { font-size: 1.2rem; }


    /* اسم الموقع في الوسط على الموبايل */
    .header-inner {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        gap: 10px;
        justify-content: space-between;
    }
    .header-actions { order: 1; }
    .site-logo { order: 2; text-align: center; }
    .main-nav { order: 3; }
    .site-logo a { justify-content: center; }
}

@media (max-width: 480px) {
    .topbar { display: none; }
    .posts-grid { gap: 14px; }
    .post-card__thumb { height: 170px; }
}

/* ============================================================
   SLIDER - سلايدر الصفحة الرئيسية
   ============================================================ */

.mt-slider {
    position: relative;
    margin: auto;
    border-radius: 9px;
    margin-top: 5px;
    width: 100%;
    max-width: var(--max-w) !important;
    height: 480px;
    overflow: hidden;
    background: var(--clr-dark);
}

/* Track */
.mt-slider__track {
    display: flex;
    height: 100%;
    transition: none;
}

/* Slide */
.mt-slider__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity .6s ease;
    pointer-events: none;
}
.mt-slider__slide.is-active {
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
}
.mt-slider__slide.is-leaving {
    opacity: 0;
    z-index: 0;
}

/* Background Image */
.mt-slider__bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.mt-slider__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.03);
    transition: transform 6s ease;
}
.mt-slider__slide.is-active .mt-slider__bg img {
    transform: scale(1);
}

/* Gradient Overlay */
.mt-slider__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to left,
        rgba(0,0,0,.75) 0%,
        rgba(0,0,0,.4) 60%,
        rgba(0,0,0,.1) 100%
    );
    z-index: 1;
}

/* Content */
.mt-slider__content {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    max-width: 540px;
    padding: 0 48px;
    display: flex;
    flex-direction: column;
    gap: 14px;

    /* Entrance animation */
    opacity: 0;
    translate: 20px 0;
    transition: opacity .5s .3s ease, translate .5s .3s ease;
}
.mt-slider__slide.is-active .mt-slider__content {
    opacity: 1;
    translate: 0 0;
}

.mt-slider__meta {
    display: flex;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
}
.mt-slider__meta a,
.mt-slider__meta .slider-time {
    font-size: 12px;
    color: rgba(255,255,255,.8);
    background: rgba(255,255,255,.15);
    padding: 3px 10px;
    border-radius: 20px;
    backdrop-filter: blur(4px);
}
.mt-slider__meta a:hover { background: var(--clr-primary); color: #fff; }

.mt-slider__title {
    font-size: 1.7rem;
    font-weight: 900;
    line-height: 1.45;
}
.mt-slider__title a {
    color: #fff;
    transition: color .2s;
}
.mt-slider__title a:hover { color: var(--clr-primary); }

.mt-slider__excerpt {
    font-size: 14px;
    color: rgba(255,255,255,.75);
    line-height: 1.7;
}

.mt-slider__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--clr-dark);
    color: #fff;
    padding: 10px 22px;
    border-radius: var(--radius);
    font-weight: 700;
    font-size: 14px;
    width: fit-content;
    transition: background .2s, transform .2s;
}
.mt-slider__btn:hover {
    background: var(--clr-primary-dk);
    color: #fff;
    transform: translateX(-4px);
}

/* Arrows */
.mt-slider__arrow {
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    z-index: 10;
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.25);
    color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    backdrop-filter: blur(6px);
    transition: background .2s, transform .2s;
}
.mt-slider__arrow:hover {
    background: var(--clr-primary);
    border-color: var(--clr-primary);
    transform: translateY(-50%) scale(1.1);
}
.mt-slider__arrow--prev { right: 16px; }
.mt-slider__arrow--next { left: 16px; }

/* Dots */
.mt-slider__dots {
    position: absolute;
    bottom: 18px;
    left: 50%;
    translate: -50% 0;
    z-index: 10;
    display: flex;
    gap: 8px;
    align-items: center;
}
.slider-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,.4);
    border: none;
    cursor: pointer;
    transition: background .2s, width .25s, border-radius .25s;
    padding: 0;
}
.slider-dot.is-active {
    background: var(--clr-primary);
    width: 24px;
    border-radius: 4px;
}

/* Responsive */
@media (max-width: 768px) {
    .mt-slider { height: 360px; }
    .mt-slider__content { padding: 0 20px; max-width: 100%; }
    .mt-slider__title { font-size: 1.2rem; }
    .mt-slider__excerpt { display: none; }
    .mt-slider__overlay {
        background: linear-gradient(
            to top,
            rgba(0,0,0,.8) 0%,
            rgba(0,0,0,.3) 100%
        );
    }
    .mt-slider__content {
        top: auto;
        bottom: 0;
        transform: none;
        padding-bottom: 50px;
    }
    .mt-slider__slide.is-active .mt-slider__content {
        translate: 0 0;
    }
}

@media (max-width: 480px) {
    .mt-slider { height: 280px; }
    .mt-slider__title { font-size: 1rem; }
    .mt-slider__btn { font-size: 12px; padding: 8px 16px; }
    .mt-slider__arrow { width: 34px; height: 34px; font-size: 13px; }
}

/* ============================================================
   SINGLE ARTICLE - صفحة المقال الاحترافية
   ============================================================ */

/* Layout */
.single-container {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr var(--sidebar-w);
    gap: var(--gap);
    padding-top: 24px;
    padding-bottom: 60px;
    align-items: start;
}
.single-content-area { min-width: 0; width: 100%; overflow: hidden; }

/* ---- Breadcrumb ---- */
.breadcrumb {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: var(--clr-muted);
    margin-bottom: 20px;
    padding: 10px;
    flex-wrap: wrap;
}
.breadcrumb a { color: var(--clr-muted); transition: color .2s; }
.breadcrumb a:hover { color: var(--clr-primary); }
.breadcrumb-sep { font-size: 10px; color: #ccc; }
.breadcrumb-current { color: var(--clr-text); font-weight: 600; }

/* ---- Article Header ---- */
.article-header { margin-bottom: 0; }

.article-cats {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}
.cat-badge {
    display: inline-block;
    background: var(--clr-primary);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 3px 12px;
    border-radius: 20px;
    transition: background .2s;
}
.cat-badge:hover { background: var(--clr-primary-dk); color: #fff; }

.article-title {
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* Meta Bar */
.article-meta-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    background: var(--clr-light);
    border-radius: var(--radius);
    margin-bottom: 20px;
    flex-wrap: wrap;
    width: 100%;
    border-right: 4px solid var(--clr-primary);
}
.article-meta-bar__right,
.article-meta-bar__left {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}
.meta-author-link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--clr-text);
    font-weight: 700;
    font-size: 13px;
}
.meta-author-link:hover { color: var(--clr-primary); }
.meta-avatar {
    border-radius: 50%;
    border: 1px solid var(--clr-primary);
    width: 15px !important;
    height: 15px !important;
}
.meta-item {
    display: flex;
    align-items: center;
    gap: 2px;
    font-size: 12px;
    color: var(--clr-muted);
}
.meta-item i { color: var(--clr-primary); }

/* Thumbnail */
.article-thumbnail {
    border-radius: var(--radius);
    overflow: hidden;
    margin-bottom: 28px;
    box-shadow: var(--shadow-md);
    max-height: 480px;
}
.article-thumbnail img,
.article-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ---- Share Bar (عائمة) ---- */
.share-bar {
    position: fixed;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    z-index: 50;
}
.share-bar__label {
    font-size: 10px;
    color: var(--clr-muted);
    font-weight: 700;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    letter-spacing: 1px;
    margin-bottom: 4px;
}
.share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    font-size: 15px;
    color: #fff;
    border: none;
    cursor: pointer;
    transition: transform .2s, box-shadow .2s;
    text-decoration: none;
}
.share-btn:hover { transform: scale(1.12); box-shadow: 0 4px 12px rgba(0,0,0,.2); color: #fff; }
.share-btn--fb { background: #1877f2; }
.share-btn--tw { background: #000; }
.share-btn--wa { background: #25d366; }
.share-btn--tg { background: #229ed9; }
.share-btn--copy { background: var(--clr-dark); }
.share-btn--copy.copied { background: var(--clr-primary); }

/* ---- Article Body ---- */
.article-body {
    font-size: 1.05rem;
    line-height: 2.1;
    color: var(--clr-text);
    margin-bottom: 32px;
    padding: 0px 6px;
}
.article-body p { margin-bottom: 1.4em; }
/*.article-body h2 {*/
/*    font-size: 1.3rem;*/
/*    font-weight: 800;*/
/*    color: var(--clr-dark);*/
/*    margin: 2em 0 .8em;*/
/*    padding-right: 14px;*/
/*    border-right: 4px solid var(--clr-primary);*/
/*}*/

.article-body h2{
    font-size: 1.3rem;
    font-weight: 800;
    margin: 1.8em 0 .8em;
    padding-right: 14px;
    border-radius: 0px 10px;
    border-right: 4px solid var(--clr-primary);
    background: var(--clr-light);
    padding: 6px 15px;
    color: var(--clr-dark);
}
.article-body h3 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--clr-dark);
    margin: 1.6em 0 .6em;
    background: var(--clr-light);
    padding: 0px 8px;
}
.article-body a { color: var(--clr-primary); border-bottom: 1px dashed var(--clr-primary); }
.article-body a:hover { border-bottom-style: solid;background:var(--clr-primary); color:white; border-radius:5px; padding:0px 5px;}
/* ===== Lists - قوائم المقال ===== */
.article-body ul,
.article-body ol { list-style: none; padding: 0; margin: 1.6em 0; display: flex; flex-direction: column; gap: 10px; }

/* Unordered List */
.article-body ul li {
    position: relative;
    padding-right: 28px;
    font-size: 1rem;
    line-height: 1.8;
    color: var(--clr-text);
}
.article-body ul li::before {
    content: '';
    position: absolute;
    right: 4px;
    top: 9px;
    width: 8px;
    height: 8px;
    background: var(--clr-primary);
    border-radius: 50%;
    flex-shrink: 0;
}
.article-body ul li::after {
    content: '';
    position: absolute;
    right: 7px;
    top: 12px;
    width: 2px;
    height: calc(100% + 2px);
    background: rgba(0,152,121,.2);
}
.article-body ul li:last-child::after { display: none; }

/* Nested ul */
.article-body ul ul { margin: 8px 0 4px 0; gap: 6px; }
.article-body ul ul li::before {
    width: 6px; height: 6px;
    background: transparent;
    border: 2px solid var(--clr-primary);
    top: 10px;
}
.article-body ul ul li::after { display: none; }

/* Ordered List */
.article-body ol { counter-reset: mt-counter; }
.article-body ol li {
    position: relative;
    padding-right: 44px;
    font-size: 1rem;
    line-height: 1.8;
    color: var(--clr-text);
    counter-increment: mt-counter;
}
.article-body ol li::before {
    content: counter(mt-counter);
    position: absolute;
    right: 0;
    top: 2px;
    width: 28px;
    height: 28px;
    background: var(--clr-primary);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    border-radius: 8px;
    /* الحل: استخدام line-height بدل flex */
    display: block;
    text-align: center;
    line-height: 28px;
    transition: all .2s;
}
.article-body ol li:hover::before {
    background: var(--clr-primary-dk);
    transform: scale(1.1);
}

/* Nested ol */
.article-body ol ol { counter-reset: mt-counter-inner; margin: 8px 0 4px; }
.article-body ol ol li { counter-increment: mt-counter-inner; padding-right: 36px; }
.article-body ol ol li::before {
    content: counter(mt-counter-inner, lower-alpha);
    width: 24px; height: 24px;
    background: var(--clr-light);
    color: var(--clr-primary);
    border: 1.5px solid var(--clr-primary);
    font-size: 11px;
}

/* WordPress Block Lists */
.article-body .wp-block-list { list-style: none; padding: 0; margin: 1.6em 0; display: flex; flex-direction: column; gap: 10px; }
.article-body .wp-block-list li { position: relative; padding-right: 28px; line-height: 1.8; }
.article-body .wp-block-list li::before {
    content: '';
    position: absolute; right: 4px; top: 9px;
    width: 8px; height: 8px;
    background: var(--clr-primary); border-radius: 50%;
}

/* ✅ Check List (باستخدام class) */
.article-body ul.checklist li::before {
    content: '✓';
    width: 20px; height: 20px;
    background: rgba(0,152,121,.15);
    color: var(--clr-primary);
    font-size: 11px;
    font-weight: 900;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 4px; right: 0;
}
.article-body ul.checklist li::after { display: none; }

/* Dark Mode */
[data-theme="dark"] .article-body ul li,
[data-theme="dark"] .article-body ol li { color: var(--dm-text); }
[data-theme="dark"] .article-body ul li::after { background: rgba(0,152,121,.15); }
[data-theme="dark"] .article-body ol li::before { background: var(--clr-primary); }
[data-theme="dark"] .article-body ol ol li::before { background: var(--dm-bg3); color: var(--clr-primary); }
.article-body blockquote {
    margin: 1.5em 0;
    padding: 16px 20px 16px 16px;
    border-right: 5px solid var(--clr-primary);
    background: var(--clr-light);
    border-radius: 0 var(--radius) var(--radius) 0;
    font-style: italic;
    color: var(--clr-dark-soft);
}
.article-body img { border-radius: var(--radius-sm); margin: 1em 0; }
.article-body figure { margin: 1.5em 0; }
.article-body figcaption { text-align: center; font-size: 13px; color: var(--clr-muted); margin-top: 6px; }
.article-body pre { border-radius: var(--radius); }
.article-body table { width: 100%; border-collapse: collapse; margin: 1.5em 0; }
.article-body table th { background: var(--clr-primary); color: #fff; padding: 10px; font-size: 14px; }
.article-body table td { padding: 8px 10px; border-bottom: 1px solid var(--clr-border); font-size: 14px; }
.article-body table tr:nth-child(even) { background: var(--clr-light); }

/* Page Links */
.page-links {
    display: flex;
    gap: 6px;
    align-items: center;
    margin: 20px 0;
    font-weight: 600;
    font-size: 13px;
}
.page-link-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: var(--radius-sm);
    background: var(--clr-light);
    color: var(--clr-text);
    transition: background .2s;
}
.page-link-num:hover { background: var(--clr-primary); color: #fff; }

/* ---- Article Footer ---- */
.article-footer-section {
    padding: 20px 0;
    border-top: 1px solid var(--clr-border);
    border-bottom: 1px solid var(--clr-border);
    margin-bottom: 28px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.article-tags-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 13px;
}
.article-tags-row i { color: var(--clr-primary); }
.article-tags-row a {
    background: var(--clr-light);
    color: var(--clr-text);
    padding: 3px 12px;
    border-radius: 20px;
    font-size: 12px;
    border: 1px solid var(--clr-border);
    transition: all .2s;
}
.article-tags-row a:hover { background: var(--clr-primary); color: #fff; border-color: var(--clr-primary); }

/* Share Bottom */
.article-share-bottom {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.share-label-bottom { font-size: 13px; font-weight: 700; color: var(--clr-text); }
.share-bottom-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.share-bottom-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border-radius: var(--radius-sm);
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    transition: opacity .2s, transform .2s;
}
.share-bottom-btn:hover { opacity: .88; color: #fff; transform: translateY(-2px); }
.share-bottom-btn.share-btn--fb { background: #1877f2; }
.share-bottom-btn.share-btn--tw { background: #000; }
.share-bottom-btn.share-btn--wa { background: #25d366; }
.share-bottom-btn.share-btn--tg { background: #229ed9; }

.edit-post-link a { font-size: 12px; color: #e74c3c; }

/* ---- Author Box ---- */
.author-box {
    display: flex;
    gap: 20px;
    background: var(--clr-light);
    border-radius: var(--radius);
    padding: 24px;
    margin-bottom: 28px;
    border: 1px solid var(--clr-border);
    align-items: flex-start;
}
.author-box__avatar { flex-shrink: 0; }
.author-box-img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50%;
    border: 3px solid var(--clr-primary);
    object-fit: cover;
}
.author-box__info { display: flex; flex-direction: column; gap: 6px; }
.author-box__label { font-size: 11px; color: var(--clr-muted); text-transform: uppercase; letter-spacing: 1px; }
.author-box__name { font-size: 1.1rem; font-weight: 800; }
.author-box__name:hover { color: var(--clr-primary); }
.author-box__bio { font-size: 13px; color: var(--clr-muted); line-height: 1.7; }
.author-box__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    color: var(--clr-primary);
    margin-top: 4px;
}
.author-box__link:hover { color: var(--clr-primary-dk); }

/* ---- Post Navigation ---- */
.post-navigation {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 12px;
    margin-bottom: 32px;
    align-items: stretch;
}
.post-nav-divider {
    width: 1px;
    background: var(--clr-border);
    margin: 8px 0;
}

.user-role{
    color: white;
}
.post-nav-item a {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius);
    height: 100%;
    transition: border-color .2s, box-shadow .2s;
    color: var(--clr-text);
}
.post-nav-item a:hover {
    border-color: var(--clr-primary);
    box-shadow: var(--shadow);
    color: var(--clr-text);
}
.post-nav-prev a { text-align: right; }
.post-nav-next a { text-align: left; }
.post-nav-label { font-size: 11px; color: var(--clr-primary); font-weight: 700; letter-spacing: .5px; }
.post-nav-thumb { border-radius: var(--radius-sm); overflow: hidden; height: 70px; }
.post-nav-thumb img { width: 100%; height: 100%; object-fit: cover; }
.post-nav-title { font-size: 13px; font-weight: 700; line-height: 1.4; color: var(--clr-text); }
.post-nav-empty { display: block; padding: 16px; color: var(--clr-muted); font-size: 13px; text-align: center; }

/* ---- Related Posts ---- */
.related-posts { margin-bottom: 32px; }
.related-posts__header { margin-bottom: 16px; }
.related-posts__title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 1rem;
    font-weight: 800;
    color: white;
    background: var(--clr-dark);
    padding: 6px 16px;
    border-radius: var(--radius-sm);
    border-right: 4px solid var(--clr-primary);
}
.related-posts__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.related-card {
    background: var(--clr-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    transition: box-shadow .2s, transform .2s;
}
.related-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }
.related-card__thumb { height: 130px; overflow: hidden; }
.related-card__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.related-card:hover .related-card__thumb img { transform: scale(1.05); }
.related-card__body { padding: 10px 12px; display: flex; flex-direction: column; gap: 5px; }
.related-card__date { font-size: 11px; color: var(--clr-muted); }
.related-card__title { font-size: 13px; font-weight: 700; line-height: 1.4; }
.related-card__title a { color: var(--clr-text); }
.related-card__title a:hover { color: var(--clr-primary); }
.related-card__views { font-size: 11px; color: var(--clr-muted); }

/* ---- Comments ---- */
.comments-section {
    background: var(--clr-white);
    border-radius: var(--radius);
    padding: 24px;
    border: 1px solid var(--clr-border);
    margin-top: 8px;
}
.comments-title {
    font-size: 1.1rem;
    font-weight: 800;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 3px solid var(--clr-primary);
    display: flex;
    align-items: center;
    gap: 8px;
}
ol.comments-list { padding: 0; }
.comments-list .depth-1 {
    display: flex;
    gap: 12px;
    background: var(--clr-light);
    padding: 14px;
    margin-bottom: 12px;
    border-radius: var(--radius);
    border: 1px solid var(--clr-border);
}
.comments-list .children {
    margin-right: 40px;
    margin-top: 10px;
}
.comment-author img { border-radius: 50%; width: 40px !important; height: 40px !important; }
.comment-meta { font-size: 12px; color: var(--clr-muted); margin-bottom: 6px; }
.comment-meta a { font-weight: 700; color: var(--clr-dark); }
.comment-content p { font-size: 14px; line-height: 1.7; }
a.comment-reply-link {
    font-size: 12px;
    color: var(--clr-primary);
    border: 1px solid var(--clr-primary);
    padding: 2px 10px;
    border-radius: 4px;
    display: inline-block;
    margin-top: 6px;
    transition: background .2s, color .2s;
}
a.comment-reply-link:hover { background: var(--clr-primary); color: #fff; }

/* Comment Form */
.comment-respond { margin-top: 24px; }
#reply-title { font-size: 1rem; font-weight: 700; margin-bottom: 16px; }
.comment-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.comment-form .comment-form-comment { grid-column: 1 / -1; }
.comment-form .form-submit { grid-column: 1 / -1; }
.comment-form label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 5px; color: var(--clr-dark); }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
    width: 100%;
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-sm);
    padding: 10px 14px;
    font-family: var(--font);
    font-size: 14px;
    outline: none;
    background: var(--clr-light);
    transition: border-color .2s, background .2s;
}
.comment-form input:focus,
.comment-form textarea:focus { border-color: var(--clr-primary); background: #fff; }
.comment-form textarea { height: 150px; resize: vertical; grid-column: 1 / -1; }
.comment-form input[type="submit"] {
    background: var(--clr-primary);
    color: #fff;
    border: none;
    padding: 10px 32px;
    border-radius: var(--radius-sm);
    font-family: var(--font);
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: background .2s, transform .2s;
}
.comment-form input[type="submit"]:hover { background: var(--clr-primary-dk); transform: translateY(-1px); }

/* ---- Responsive: Single ---- */
@media (max-width: 1024px) {
    .share-bar { display: none; }
}
@media (max-width: 768px) {
    .single-container { grid-template-columns: 1fr; }
    .single-sidebar { position: static; }
    .article-title { font-size: 1.3rem; }
    .article-meta-bar { flex-direction: column; align-items: flex-start; gap: 10px; }
    .post-navigation { grid-template-columns: 1fr; }
    .post-nav-divider { display: none; }
    .related-posts__grid { grid-template-columns: 1fr 1fr; }
    .comment-form { grid-template-columns: 1fr; }
    .comment-form .comment-form-comment,
    .comment-form .form-submit { grid-column: 1; }
}
@media (max-width: 480px) {
    .related-posts__grid { grid-template-columns: 1fr; }
    .author-box { flex-direction: column; align-items: center; text-align: center; }
    .share-bottom-btns { justify-content: center; }
    .article-title { font-size: 1.1rem; }
}



/* ============================================================
   صفحة المؤلفين — page-authors.php
   ============================================================ */

/* Hero Banner */
.authors-page-hero {
    background: var(--clr-dark);
    padding: 36px 0 32px;
    border-bottom: 3px solid var(--clr-primary);
    margin-bottom: 0;
}
.authors-page-hero__inner {
    display: flex;
    align-items: center;
    gap: 20px;
}
.authors-page-hero__icon {
    width: 64px; height: 64px;
    background: var(--clr-primary);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem; color: #fff;
    flex-shrink: 0;
}
.authors-page-hero__title {
    font-size: 1.8rem; font-weight: 900; color: #fff;
    margin: 0 0 6px;
}
.authors-page-hero__sub {
    font-size: 14px; color: rgba(255,255,255,.65);
    margin: 0;
}

.authors-page-wrap { padding: 30px 0 50px; }

/* إحصاء إجمالي */
.authors-summary {
    display: flex; gap: 0;
    background: var(--clr-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    margin-bottom: 28px;
    border: 1px solid var(--clr-border);
}
.authors-summary__item {
    flex: 1; text-align: center;
    padding: 18px 12px;
    border-left: 1px solid var(--clr-border);
}
.authors-summary__item:last-child { border-left: none; }
.authors-summary__num {
    display: block; font-size: 1.8rem; font-weight: 900;
    color: var(--clr-primary); line-height: 1;
}
.authors-summary__label {
    font-size: 12px; color: var(--clr-muted); margin-top: 4px; display: block;
}

/* شبكة المؤلفين */
.authors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}

/* بطاقة الكاتب */
.author-card {
    background: var(--clr-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    border: 1px solid var(--clr-border);
    display: flex; flex-direction: column;
    overflow: hidden;
    transition: box-shadow .25s, transform .25s;
}
.author-card:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-4px);
}

.author-card__head {
    background: linear-gradient(135deg, var(--clr-dark) 60%, var(--clr-primary) 160%);
    padding: 20px 16px 16px;
    display: flex; align-items: center; gap: 14px;
}
.author-card__avatar-wrap { position: relative; flex-shrink: 0; }
.author-card__avatar {
    width: 60px !important; height: 60px !important;
    border-radius: 50% !important;
    border: 3px solid var(--clr-primary) !important;
    display: block;
}
.author-card__online-dot {
    position: absolute; bottom: 2px; left: 2px;
    width: 12px; height: 12px;
    background: #22c55e; border-radius: 50%;
    border: 2px solid var(--clr-dark);
}
.author-card__identity {}
.author-card__name {
    display: block; font-size: 1rem; font-weight: 700;
    color: #fff; margin-bottom: 3px;
}
.author-card__name:hover { color: var(--clr-primary); }
.author-card__role {
    font-size: 11px; color: rgba(255,255,255,.6);
    background: rgba(255,255,255,.1);
    padding: 2px 8px; border-radius: 20px;
    display: inline-block;
}

.author-card__bio {
    padding: 14px 16px 0;
    font-size: 13px; color: var(--clr-muted);
    line-height: 1.6; flex: 1;
    margin: 0;
}

.author-card__stats {
    display: flex; gap: 0;
    padding: 14px 16px;
    border-top: 1px solid var(--clr-border);
    margin-top: 12px;
}
.author-card__stat {
    flex: 1; text-align: center;
    font-size: 11px; color: var(--clr-muted);
    display: flex; flex-direction: column; align-items: center; gap: 3px;
}
.author-card__stat i { color: var(--clr-primary); font-size: 13px; }
.author-card__stat + .author-card__stat {
    border-right: 1px solid var(--clr-border);
}

.author-card__latest {
    padding: 0 16px 12px;
    font-size: 12px;
    background: rgba(0,152,121,.06);
    border-top: 1px dashed var(--clr-border);
    padding-top: 10px;
}
.author-card__latest-label {
    color: var(--clr-primary); font-weight: 700;
    display: block; margin-bottom: 4px;
}
.author-card__latest-label i { margin-left: 4px; }
.author-card__latest-title {
    color: var(--clr-text); font-weight: 600; line-height: 1.4;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.author-card__latest-title:hover { color: var(--clr-primary); }

.author-card__footer {
    display: flex; align-items: center; justify-content: space-between;
    padding: 12px 16px;
    border-top: 1px solid var(--clr-border);
    gap: 10px;
}
.author-card__social { display: flex; gap: 6px; flex-wrap: wrap; }
.author-card__soc-btn {
    width: 28px; height: 28px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 12px;
    transition: transform .2s, box-shadow .2s;
}
.author-card__soc-btn:hover { transform: scale(1.15); box-shadow: 0 3px 10px rgba(0,0,0,.25); color: #fff; }
.author-card__profile-btn {
    font-size: 12px; font-weight: 700; color: var(--clr-primary);
    white-space: nowrap; display: flex; align-items: center; gap: 5px;
    transition: gap .2s;
}
.author-card__profile-btn:hover { gap: 8px; color: var(--clr-primary-dk); }

/* Dark mode — authors */
[data-theme="dark"] .authors-summary,
[data-theme="dark"] .author-card { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .authors-summary__item { border-color: var(--dm-border); }
[data-theme="dark"] .author-card__bio { color: var(--dm-muted); }
[data-theme="dark"] .author-card__stat { color: var(--dm-muted); }
[data-theme="dark"] .author-card__stat + .author-card__stat { border-color: var(--dm-border); }
[data-theme="dark"] .author-card__stats,
[data-theme="dark"] .author-card__footer,
[data-theme="dark"] .author-card__latest { border-color: var(--dm-border); }
[data-theme="dark"] .author-card__latest { background: rgba(0,152,121,.04); }
[data-theme="dark"] .author-card__latest-title { color: var(--dm-text); }

/* Responsive */
@media (max-width: 600px) {
    .authors-page-hero__inner { flex-direction: column; text-align: center; }
    .authors-grid { grid-template-columns: 1fr; }
}






/* ============================================================
   AUTHOR PAGE - صفحة الكاتب
   ============================================================ */

/* ---- Author Hero ---- */
.author-hero {
    position: relative;
    background: var(--clr-dark);
    padding: 50px 0 40px;
    overflow: hidden;
    margin-bottom: 0;
}

/* خلفية زخرفية */
.author-hero__bg {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 10% 50%, rgba(0,152,121,.25) 0%, transparent 60%),
        radial-gradient(circle at 90% 20%, rgba(0,152,121,.15) 0%, transparent 50%);
    pointer-events: none;
}
.author-hero__bg::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0; right: 0;
    height: 40px;
    background: var(--clr-white);
    clip-path: ellipse(55% 100% at 50% 100%);
}

.author-hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 32px;
    flex-direction: row-reverse;
}

/* Avatar */
.author-hero__avatar { 
    flex-shrink: 0; 
    display: flex;
    justify-content: center;
    margin-bottom: 14px;
    
}
.author-hero-img {
    width: 110px !important;
    height: 110px !important;
    border-radius: 50%;
    border: 4px solid var(--clr-primary);
    object-fit: cover;
    box-shadow: 0 0 0 6px rgba(0,152,121,.2);
}

/* Info */
.author-hero__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
    flex: 1;
}
.author-hero__label {
    font-size: 11px;
    color: var(--clr-primary);
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: rgba(0,152,121,.15);
    padding: 3px 10px;
    border-radius: 20px;
    width: fit-content;
}
.author-hero__name {
    font-size: 2rem;
    font-weight: 900;
    color: #fff;
    line-height: 1.2;
}
.author-hero__bio {
    font-size: 14px;
    color: rgba(255,255,255,.7);
    line-height: 1.7;
    
}

/* Stats */
.author-hero__stats {
    display: flex;
    gap: 28px;
    margin-top: 4px;
}
.author-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}
.author-stat__num {
    font-size: 1.4rem;
    font-weight: 900;
    color: var(--clr-primary);
    line-height: 1;
}
.author-stat__label {
    font-size: 11px;
    color: rgba(255,255,255,.6);
    font-weight: 500;
}

/* Social */
.author-hero__social {
    display: flex;
    gap: 10px;
    margin-top: 4px;
}
.author-social-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 14px;
    color: #fff;
    transition: transform .2s, box-shadow .2s;
}
.author-social-btn:hover { transform: scale(1.12); box-shadow: 0 4px 12px rgba(0,0,0,.3); color: #fff; }
.author-social-btn--fb  { background: #1877f2; }
.author-social-btn--tw  { background: #000; }
.author-social-btn--yt  { background: #ff0000; }
.author-social-btn--gh  { background: #333; }
.author-social-btn--web { background: var(--clr-primary); }

/* ---- Filter Bar ---- */
.author-filter {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 14px 16px;
    background: var(--clr-light);
    border-radius: var(--radius);
    border: 1px solid var(--clr-border);
}
.author-filter__label {
    font-size: 12px;
    font-weight: 700;
    color: var(--clr-muted);
    margin-left: 4px;
}
.filter-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    color: var(--clr-text);
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    transition: all .2s;
}
.filter-btn:hover { border-color: var(--clr-primary); color: var(--clr-primary); }
.filter-btn.is-active {
    background: var(--clr-primary);
    color: #fff;
    border-color: var(--clr-primary);
}
.filter-count {
    font-size: 11px;
    background: rgba(0,0,0,.1);
    padding: 1px 6px;
    border-radius: 10px;
}
.filter-btn.is-active .filter-count { background: rgba(255,255,255,.25); }

/* No Posts */
.no-posts-author {
    text-align: center;
    padding: 60px 20px;
    color: var(--clr-muted);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.no-posts-author i { font-size: 3rem; color: var(--clr-border); }
.no-posts-author p { font-size: 1rem; }

/* ---- Responsive ---- */
@media (max-width: 768px) {
    .author-hero__inner {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    .author-hero__name { font-size: 1.5rem; }
    .author-hero__stats { justify-content: center; }
    .author-hero__social { justify-content: center; }
    .author-hero__label { margin: 0 auto; }
    .author-filter { justify-content: center; }
}
@media (max-width: 480px) {
    .author-hero { padding: 30px 0 28px; }
    .author-hero-img { width: 85px !important; height: 85px !important; }
    .author-hero__name { font-size: 1.3rem; }
}


/* ============================================================
   CRITICAL LAYOUT OVERRIDE - إصلاح نهائي للتخطيط
   ============================================================ */
html { width: 100% !important; }
body { width: 100% !important; overflow-x: hidden !important; }
#page-wrapper { width: 100% !important; max-width: 100% !important; }
.site-main { width: 100% !important; }
.site-header { width: 100% !important; left: 0 !important; right: 0 !important; }
.topbar { width: 100% !important; }
.site-footer { width: 100% !important; left: 0 !important; right: 0 !important; }

.container {
    display: block !important;
    width: 100% !important;
    max-width: var(--max-w) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
    box-sizing: border-box !important;
}

.main-container,
.single-container {
    width: 100% !important;
    box-sizing: border-box !important;
}

.single-content-area,
.content-area {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.single-article,
.article-header,
.article-body,
.article-meta-bar,
.article-footer-section,
.author-box,
.post-navigation,
.related-posts,
.comments-section {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ============================================================
   SEARCH PAGE - صفحة البحث
   ============================================================ */

.search-hero {
    background: var(--clr-dark);
    padding: 48px 0 40px;
    position: relative;
    overflow: hidden;
}
.search-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 0%, rgba(0,152,121,.3) 0%, transparent 70%);
}
.search-hero__inner {
    max-width: 680px;
    margin: 0 auto;
    padding: 0 16px;
    text-align: center;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}
.search-hero__title {
    font-size: 1.5rem;
    font-weight: 900;
    color: #fff;
}
.search-hero__title span { color: var(--clr-primary); }
.search-hero__count { font-size: 13px; color: rgba(255,255,255,.6); }
.search-hero__form { width: 100%; max-width: 560px; }
.search-input-wrap {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 50px;
    padding: 6px 6px 6px 16px;
    gap: 10px;
    box-shadow: 0 8px 30px rgba(0,0,0,.2);
}
.search-input-wrap i { color: var(--clr-muted); font-size: 15px; flex-shrink: 0; }
.search-input-wrap input {
    flex: 1;
    border: none;
    outline: none;
    font-family: var(--font);
    font-size: 14px;
    color: var(--clr-text);
    background: transparent;
}
.search-input-wrap button {
    background: var(--clr-primary);
    color: #fff;
    border: none;
    padding: 8px 22px;
    border-radius: 50px;
    font-family: var(--font);
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
    transition: background .2s;
    flex-shrink: 0;
}
.search-input-wrap button:hover { background: var(--clr-primary-dk); }

/* Search Results List */
.search-results-list { display: flex; flex-direction: column; gap: 16px; }
.search-result-card {
    display: flex;
    gap: 16px;
    background: var(--clr-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    transition: box-shadow .2s, transform .2s;
    border: 1px solid var(--clr-border);
}
.search-result-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.search-result-card__thumb {
    width: 180px;
    flex-shrink: 0;
    overflow: hidden;
}
.search-result-card__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.search-result-card:hover .search-result-card__thumb img { transform: scale(1.05); }
.search-result-card__body {
    padding: 16px 16px 16px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}
.search-result-card__meta {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    font-size: 11px;
    color: var(--clr-muted);
    align-items: center;
}
.search-cat a { color: var(--clr-primary); font-weight: 700; }
.search-result-card__title { font-size: 15px; font-weight: 700; line-height: 1.5; }
.search-result-card__title a { color: var(--clr-text); }
.search-result-card__title a:hover { color: var(--clr-primary); }
.search-result-card__excerpt { font-size: 13px; color: var(--clr-muted); line-height: 1.6; flex: 1; }
.search-result-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
}
.search-read-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    color: var(--clr-primary);
    border: 1px solid var(--clr-primary);
    padding: 4px 14px;
    border-radius: 20px;
    transition: all .2s;
}
.search-read-btn:hover { background: var(--clr-primary); color: #fff; }
.search-stats { display: flex; gap: 10px; font-size: 11px; color: var(--clr-muted); }

/* No Results */
.search-no-results {
    text-align: center;
    padding: 60px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
}
.search-no-results__icon {
    width: 80px; height: 80px;
    border-radius: 50%;
    background: var(--clr-light);
    display: flex; align-items: center; justify-content: center;
    font-size: 2rem;
    color: var(--clr-muted);
}
.search-no-results h2 { font-size: 1.2rem; font-weight: 800; }
.search-no-results p { color: var(--clr-muted); font-size: 14px; }
.search-tips { text-align: right; display: flex; flex-direction: column; gap: 6px; }
.search-tips li { font-size: 13px; color: var(--clr-muted); display: flex; align-items: center; gap: 8px; }
.search-tips li i { color: var(--clr-primary); }

/* ============================================================
   CATEGORY / TAG PAGE - صفحة التصنيف
   ============================================================ */

.cat-hero {
    background: var(--clr-dark);
    padding: 44px 0 36px;
    position: relative;
    overflow: hidden;
}
.cat-hero--tag .cat-hero__bg {
    background: radial-gradient(circle at 20% 50%, rgba(0,152,121,.2) 0%, transparent 60%),
                radial-gradient(circle at 80% 30%, rgba(99,102,241,.15) 0%, transparent 50%);
}
.cat-hero__bg {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 15% 50%, rgba(0,152,121,.25) 0%, transparent 60%),
                radial-gradient(circle at 85% 20%, rgba(0,152,121,.12) 0%, transparent 50%);
}
.cat-hero__bg::after {
    content: '';
    position: absolute;
    bottom: -1px; left: 0; right: 0;
    height: 36px;
    background: var(--clr-white);
    clip-path: ellipse(55% 100% at 50% 100%);
}
.cat-hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    /* override container flex conflict */
    max-width: var(--max-w);
    margin-right: auto;
    margin-left: auto;
    padding-right: 16px;
    padding-left: 16px;
    width: 100%;
    box-sizing: border-box;
}
.cat-hero__icon {
    width: 56px; height: 56px;
    border-radius: 16px;
    background: var(--clr-primary);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem;
    color: #fff;
    box-shadow: 0 8px 20px rgba(0,152,121,.4);
}
.cat-hero__title {
    font-size: 1.8rem;
    font-weight: 900;
    color: #fff;
}
.cat-hero__desc {
    font-size: 14px;
    color: rgba(255,255,255,.65);
    max-width: 520px;
    line-height: 1.7;
    text-align: right;
}
.cat-hero__stats { display: flex; gap: 16px; }
.cat-stat {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: rgba(255,255,255,.7);
    background: rgba(255,255,255,.1);
    padding: 4px 14px;
    border-radius: 20px;
}
.cat-stat i { color: var(--clr-primary); }
.cat-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: rgba(255,255,255,.5);
    margin-top: 4px;
}
.cat-breadcrumb a { color: rgba(255,255,255,.6); }
.cat-breadcrumb a:hover { color: var(--clr-primary); }
.cat-breadcrumb i { font-size: 10px; }

/* SubCats */
.subcats-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding: 16px 0;
}
.subcat-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    background: var(--clr-light);
    border: 1px solid var(--clr-border);
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    color: var(--clr-text);
    transition: all .2s;
}
.subcat-chip:hover { background: var(--clr-primary); color: #fff; border-color: var(--clr-primary); }
.subcat-count {
    font-size: 11px;
    background: rgba(0,0,0,.08);
    padding: 1px 6px;
    border-radius: 10px;
}
.subcat-chip:hover .subcat-count { background: rgba(255,255,255,.25); }

/* ============================================================
   DARK MODE - الوضع الليلي
   ============================================================ */

:root {
    --dm-bg:       #0f1117;
    --dm-bg2:      #1a1d27;
    --dm-bg3:      #22263a;
    --dm-border:   #2a2d3e;
    --dm-text:     #e2e4ed;
    --dm-muted:    #8b90a8;
    --dm-white:    #1a1d27;
}

[data-theme="dark"] {
    --clr-white:  var(--dm-bg);
    --clr-light:  var(--dm-bg2);
    --clr-border: var(--dm-border);
    --clr-text:   var(--dm-text);
    --clr-muted:  var(--dm-muted);
}
[data-theme="dark"] body { background: var(--dm-bg); color: var(--dm-text); }
[data-theme="dark"] .post-card { background: var(--dm-bg2); border: 1px solid var(--dm-border); box-shadow: 0 2px 12px rgba(0,0,0,.4); }
[data-theme="dark"] .post-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.6); }
[data-theme="dark"] .post-card__title a { color: var(--dm-text); }
[data-theme="dark"] .post-card__footer { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .post-card__excerpt { color: var(--dm-muted); }
[data-theme="dark"] .post-card__meta { color: var(--dm-muted); }
[data-theme="dark"] .post-card__meta a { color: var(--dm-muted); }
[data-theme="dark"] .post-card__body { background: var(--dm-bg2); }
[data-theme="dark"] .sidebar .widget { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .sidebar .widget-title { background: var(--dm-bg3); }
[data-theme="dark"] .sidebar .widget ul li { border-color: var(--dm-border); }
[data-theme="dark"] .sidebar .widget ul li a { color: var(--dm-text); }
[data-theme="dark"] .single-article { background: var(--dm-bg2); }
[data-theme="dark"] .article-meta-bar { background: var(--dm-bg3); }
[data-theme="dark"] .article-body { color: var(--dm-text); }
[data-theme="dark"] .article-body h2,
[data-theme="dark"] .article-body h3 { color: #fff; background: #22263a; }
[data-theme="dark"] .article-body blockquote { background: var(--dm-bg3); }
[data-theme="dark"] .article-footer-section { border-color: var(--dm-border); }
[data-theme="dark"] .article-tags-row a { background: var(--dm-bg3); border-color: var(--dm-border); color: var(--dm-text); }
[data-theme="dark"] .author-box { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .post-nav-item a { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .post-nav-title { color: var(--dm-text); }
[data-theme="dark"] .related-card { background: var(--dm-bg2); }
[data-theme="dark"] .related-card__title a { color: var(--dm-text); }
[data-theme="dark"] .comments-section { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .comments-list .depth-1 { background: var(--dm-bg3); border-color: var(--dm-border); }
[data-theme="dark"] .comment-form input,
[data-theme="dark"] .comment-form textarea { background: var(--dm-bg3); border-color: var(--dm-border); color: var(--dm-text); }
[data-theme="dark"] .search-result-card { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .search-result-card__title a { color: var(--dm-text); }
[data-theme="dark"] .widget-area-body .widget { background: var(--dm-bg2); }
[data-theme="dark"] .breadcrumb { color: var(--dm-muted); }
[data-theme="dark"] .breadcrumb a { color: var(--dm-muted); }
[data-theme="dark"] .breadcrumb-current { color: var(--dm-text); }
[data-theme="dark"] .author-filter { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .filter-btn { background: var(--dm-bg3); border-color: var(--dm-border); color: var(--dm-text); }
[data-theme="dark"] .search-input-wrap { background: var(--dm-bg2); }
[data-theme="dark"] .search-input-wrap input { color: var(--dm-text); }

/* Dark Mode Toggle Button */
.dark-mode-toggle {
    background: none;
    border: 1px solid rgba(255,255,255,.2);
    color: rgba(255,255,255,.8);
    width: 34px;
    height: 34px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    transition: all .2s;
    flex-shrink: 0;
}
.dark-mode-toggle:hover { border-color: var(--clr-primary); color: var(--clr-primary); }
[data-theme="dark"] .dark-mode-toggle { border-color: rgba(255,255,255,.3); }

/* Responsive Search */
@media (max-width: 768px) {
    .search-result-card { flex-direction: column; }
    .search-result-card__thumb { width: 100%; height: 180px; }
    .search-result-card__body { padding: 14px; }
    .cat-hero__inner { align-items: center; text-align: center; }
    .cat-hero__desc { text-align: center; }
    .cat-hero__title { font-size: 1.4rem; }
    .subcats-row { justify-content: center; }
}

/* ============================================================
   MT CATEGORY POSTS WIDGET - ويدجت المقالات حسب التصنيف
   ============================================================ */

.mt-cat-widget { width: 100%; margin-bottom: 32px; }

/* Header */
.mt-cat-widget__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 3px solid var(--clr-primary);
}
.mt-cat-widget__title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1rem;
    font-weight: 800;
    color: var(--clr-dark);
}
.mt-cat-widget__title i { color: var(--clr-primary); }
.mt-cat-widget__more {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 700;
    color: var(--clr-primary);
    border: 1px solid var(--clr-primary);
    padding: 3px 12px;
    border-radius: 20px;
    transition: all .2s;
    white-space: nowrap;
}
.mt-cat-widget__more:hover { background: var(--clr-primary); color: #fff; }

/* ---- GRID LAYOUT ---- */
.mt-cat-widget--grid .mt-cat-widget__posts {
    display: grid;
    gap: 16px;
}
.mt-cat-widget--cols-2 .mt-cat-widget__posts { grid-template-columns: repeat(2, 1fr); }
.mt-cat-widget--cols-3 .mt-cat-widget__posts { grid-template-columns: repeat(3, 1fr); }
.mt-cat-widget--cols-4 .mt-cat-widget__posts { grid-template-columns: repeat(4, 1fr); }

.mt-cat-widget__item--grid {
    background: var(--clr-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    transition: box-shadow .25s, transform .25s;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--clr-border);
}
.mt-cat-widget__item--grid:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-3px);
}
.mt-cat-widget__thumb {
    position: relative;
    height: 160px;
    overflow: hidden;
}
.mt-cat-widget__thumb img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .4s;
}
.mt-cat-widget__item--grid:hover .mt-cat-widget__thumb img { transform: scale(1.05); }
.mt-cat-widget__date-badge {
    position: absolute;
    bottom: 8px; right: 8px;
    background: var(--clr-dark);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
}
.mt-cat-widget__body { padding: 12px; flex: 1; display: flex; flex-direction: column; gap: 6px; }
.mt-cat-widget__post-title { font-size: 13px; font-weight: 700; line-height: 1.5; }
.mt-cat-widget__post-title a { color: var(--clr-text); }
.mt-cat-widget__post-title a:hover { color: var(--clr-primary); }
.mt-cat-widget__excerpt { font-size: 12px; color: var(--clr-muted); line-height: 1.5; flex: 1; }
.mt-cat-widget__post-meta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 11px;
    color: var(--clr-muted);
    flex-wrap: wrap;
    margin-top: auto;
    padding-top: 8px;
    border-top: 1px solid var(--clr-border);
}
.mt-cat-widget__post-meta i { color: var(--clr-primary); }

/* ---- LIST LAYOUT ---- */
.mt-cat-widget--list .mt-cat-widget__posts { display: flex; flex-direction: column; gap: 12px; }
.mt-cat-widget__item--list {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: var(--clr-white);
    border-radius: var(--radius);
    padding: 10px;
    box-shadow: var(--shadow);
    border: 1px solid var(--clr-border);
    transition: box-shadow .2s;
}
.mt-cat-widget__item--list:hover { box-shadow: var(--shadow-md); }
.mt-cat-widget__thumb--sm { width: 90px; height: 70px; flex-shrink: 0; border-radius: var(--radius-sm); overflow: hidden; }
.mt-cat-widget__thumb--sm img { width: 100%; height: 100%; object-fit: cover; }
.mt-cat-widget__item--list .mt-cat-widget__post-title { font-size: 13px; margin-bottom: 6px; }
.mt-cat-widget__item--list .mt-cat-widget__post-meta { padding-top: 4px; border-top: none; margin-top: 4px; }

/* ---- COMPACT LAYOUT ---- */
.mt-cat-widget--compact .mt-cat-widget__posts { display: flex; flex-direction: column; gap: 2px; }
.mt-cat-widget__item--compact {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: var(--radius-sm);
    transition: background .2s;
    border-bottom: 1px solid var(--clr-border);
}
.mt-cat-widget__item--compact:last-child { border-bottom: none; }
.mt-cat-widget__item--compact:hover { background: var(--clr-light); }
.compact-num {
    font-size: 12px;
    font-weight: 800;
    color: var(--clr-primary);
    width: 22px;
    text-align: center;
    flex-shrink: 0;
}
.mt-cat-widget__thumb--xs { width: 50px; height: 50px; flex-shrink: 0; border-radius: var(--radius-sm); overflow: hidden; }
.mt-cat-widget__thumb--xs img { width: 100%; height: 100%; object-fit: cover; }
.mt-cat-widget__item--compact .mt-cat-widget__post-title { font-size: 13px; margin-bottom: 3px; }
.mt-cat-widget__post-date { font-size: 11px; color: var(--clr-muted); }

/* Dark Mode */
[data-theme="dark"] .mt-cat-widget__item--grid,
[data-theme="dark"] .mt-cat-widget__item--list { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .mt-cat-widget__item--compact:hover { background: var(--dm-bg3); }
[data-theme="dark"] .mt-cat-widget__item--compact { border-color: var(--dm-border); }
[data-theme="dark"] .mt-cat-widget__post-meta { border-color: var(--dm-border); }
[data-theme="dark"] .mt-cat-widget__title { color: var(--dm-text); }
[data-theme="dark"] .mt-cat-widget__post-title a { color: var(--dm-text); }

/* Responsive */
@media (max-width: 768px) {
    .mt-cat-widget--cols-3 .mt-cat-widget__posts,
    .mt-cat-widget--cols-4 .mt-cat-widget__posts { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .mt-cat-widget--cols-2 .mt-cat-widget__posts,
    .mt-cat-widget--cols-3 .mt-cat-widget__posts,
    .mt-cat-widget--cols-4 .mt-cat-widget__posts { grid-template-columns: 1fr; }
    .mt-cat-widget--list .mt-cat-widget__thumb--sm { display: none; }
}

/* Home Category Sections */
.home-cat-sections { margin: 24px 0; }
.home-cat-section { margin-bottom: 8px; }

/* ============================================================
   DARK MODE - إصلاحات إضافية
   ============================================================ */

/* الخلفية العامة */
[data-theme="dark"] body { background: #0f1117; }

/* Author Page */
[data-theme="dark"] .author-filter { background: #1a1d27; border-color: #2a2d3e; }
[data-theme="dark"] .filter-btn { background: #22263a; border-color: #2a2d3e; color: #e2e4ed; }
[data-theme="dark"] .filter-btn:hover { border-color: var(--clr-primary); color: var(--clr-primary); }
[data-theme="dark"] .filter-btn.is-active { background: var(--clr-primary); color: #fff; border-color: var(--clr-primary); }
[data-theme="dark"] .no-posts-author { color: #8b90a8; }

/* Category / Tag Hero */
[data-theme="dark"] .cat-hero__bg::after { background: #0f1117; }
[data-theme="dark"] .subcat-chip { background: #1a1d27; border-color: #2a2d3e; color: #e2e4ed; }
[data-theme="dark"] .subcat-chip:hover { background: var(--clr-primary); color: #fff; }

/* Section Title */
[data-theme="dark"] .section-title { background: #22263a; color: #e2e4ed; }
[data-theme="dark"] .mt-cat-widget__title { color: #e2e4ed; }

/* Post Grid عناصر أكثر وضوحاً */
[data-theme="dark"] .posts-grid .post-card {
    background: #1a1d27 !important;
    border: 1px solid #2a2d3e !important;
    box-shadow: 0 2px 16px rgba(0,0,0,.5) !important;
}
[data-theme="dark"] .posts-grid .post-card__body { background: #1a1d27; }
[data-theme="dark"] .posts-grid .post-card__title a { color: #e2e4ed; }
[data-theme="dark"] .posts-grid .post-card__excerpt { color: #8b90a8; }
[data-theme="dark"] .posts-grid .post-card__footer {
    background: #1a1d27;
    border-top-color: var(--clr-primary);
    color: #8b90a8;
}

/* Search */
[data-theme="dark"] .search-result-card { background: #1a1d27; border-color: #2a2d3e; }
[data-theme="dark"] .search-result-card__title a { color: #e2e4ed; }
[data-theme="dark"] .search-result-card__excerpt { color: #8b90a8; }
[data-theme="dark"] .search-result-card__meta { color: #8b90a8; }
[data-theme="dark"] .search-no-results__icon { background: #1a1d27; }
[data-theme="dark"] .search-no-results h2 { color: #e2e4ed; }

/* Pagination */
[data-theme="dark"] .pagination .page-numbers { background: #1a1d27; color: #e2e4ed; }
[data-theme="dark"] .pagination .page-numbers:hover,
[data-theme="dark"] .pagination .page-numbers.current { background: var(--clr-primary); color: #fff; }

/* Sidebar */
[data-theme="dark"] .sidebar .widget { background: #1a1d27; border-color: #2a2d3e; }
[data-theme="dark"] .sidebar .widget-title { background: #22263a; color: #e2e4ed; }
[data-theme="dark"] .sidebar .widget ul li { border-color: #2a2d3e; }
[data-theme="dark"] .sidebar .widget ul li a { color: #c8cad6; }
[data-theme="dark"] .sidebar .widget ul li a:hover { color: var(--clr-primary); }

/* Widget Body */
[data-theme="dark"] .widget-area-body .widget { background: #1a1d27; border: 1px solid #2a2d3e; }
[data-theme="dark"] .widget-area-body .widget-title { color: #e2e4ed; border-color: var(--clr-primary); }

/* MT Category Widget */
[data-theme="dark"] .mt-cat-widget__header { border-color: var(--clr-primary); }
[data-theme="dark"] .mt-cat-widget__item--grid { background: #1a1d27 !important; border-color: #2a2d3e !important; }
[data-theme="dark"] .mt-cat-widget__item--grid .mt-cat-widget__body { background: #1a1d27; }
[data-theme="dark"] .mt-cat-widget__post-title a { color: #e2e4ed !important; }
[data-theme="dark"] .mt-cat-widget__excerpt { color: #8b90a8; }
[data-theme="dark"] .mt-cat-widget__post-meta { color: #8b90a8; border-color: #2a2d3e; }
[data-theme="dark"] .mt-cat-widget__item--list { background: #1a1d27; border-color: #2a2d3e; }
[data-theme="dark"] .mt-cat-widget__item--compact { border-color: #2a2d3e; }
[data-theme="dark"] .mt-cat-widget__item--compact:hover { background: #22263a; }

/* Footer */
[data-theme="dark"] .cat-hero__bg::after { background: #0f1117; }
[data-theme="dark"] .author-hero__bg::after { display: none; }

/* ============================================================
   PAGE HERO - هيرو عام للصفحات
   ============================================================ */
.page-hero {
    background: var(--clr-dark);
    padding: 40px 0 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 32px;
}
.page-hero__bg {
    position: absolute; inset: 0;
    background: radial-gradient(circle at 50% 0%, rgba(0,152,121,.25) 0%, transparent 65%);
}
.page-hero__inner {
    position: relative; z-index: 1;
    text-align: center;
    padding-bottom: 40px;
}
.page-hero__title {
    font-size: 1.8rem; font-weight: 900;
    color: #fff; line-height: 1.4;
}
.page-hero__wave {
    position: relative; z-index: 1;
    height: 60px; margin-bottom: -2px;
}
.page-hero__wave svg { width: 100%; height: 100%; color: var(--clr-white); }

.page-layout {
    
    gap: var(--gap);
    padding-bottom: 48px;
    align-items: start;
}
.page-article-content { min-width: 0; overflow: clip; }
.page-featured-img {
    border-radius: var(--radius);
    overflow: hidden;
    margin-bottom: 24px;
    box-shadow: var(--shadow-md);
}


.page-featured-img img { width: 100%; }
.page-body { font-size: 1rem; line-height: 2; }
.page-body h2 { font-size: 1.3rem; font-weight: 800; margin: 1.8em 0 .8em; padding-right: 14px; border-radius: 0px 10px; border-right: 4px solid var(--clr-primary);  color: var(--clr-dark); background: var(--clr-light); 
padding: 6px 15px; }
.page-body h3 { font-size: 1.1rem; font-weight: 700; margin: 1.4em 0 .6em; }
.page-body p { margin-bottom: 1.2em; }
.page-body ul { list-style: disc; padding-right: 24px; margin-bottom: 1.2em; }
.page-body a { color: var(--clr-primary); }

/* ============================================================
   ABOUT PAGE - صفحة من نحن
   ============================================================ */
.about-hero {
    background: var(--clr-dark);
    padding: 56px 0 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
}
.about-hero__bg {
    position: absolute; inset: 0;
    background:
        radial-gradient(circle at 20% 50%, rgba(0,152,121,.3) 0%, transparent 55%),
        radial-gradient(circle at 80% 20%, rgba(0,152,121,.15) 0%, transparent 50%);
}
.about-hero__inner {
    position: relative; z-index: 1;
    text-align: center;
    display: flex; flex-direction: column; align-items: center; gap: 14px;
    padding-bottom: 48px;
}
.about-hero__badge {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(0,152,121,.2); border: 1px solid rgba(0,152,121,.4);
    color: var(--clr-primary); font-size: 12px; font-weight: 700;
    padding: 5px 16px; border-radius: 20px; letter-spacing: .5px;
}
.about-hero__title { font-size: 2.2rem; font-weight: 900; color: #fff; line-height: 2.3; }
.about-hero__subtitle { font-size: 15px; color: rgba(255,255,255,.65); max-width: 480px; line-height: 1.7; }
.about-hero__wave { position: relative; z-index: 1; height: 80px; margin-bottom: -2px; }
.about-hero__wave svg { width: 100%; height: 100%; color: var(--clr-white); }

/* Section */
.about-section { margin: 56px 0; }
.about-section__label {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 12px; font-weight: 700; color: var(--clr-primary);
    background: rgba(0,152,121,.1); padding: 4px 14px; border-radius: 20px;
    margin-bottom: 10px; letter-spacing: .5px;
}
.about-section__title {
    font-size: 1.6rem; font-weight: 900;
    color: var(--clr-dark); margin-bottom: 28px; line-height: 1.3;
}

/* Story */
.about-story__content {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: 40px; align-items: center;
}
.about-story__text { font-size: 1rem; line-height: 2; color: var(--clr-text); }
.about-story__text p { margin-bottom: 1.2em; }
.about-story__img { border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-md); }
.about-story__img img { width: 100%; }
.about-story__placeholder {
    background: linear-gradient(135deg, var(--clr-dark), #1a2a3a);
    border-radius: var(--radius);
    height: 280px;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    gap: 12px; color: var(--clr-primary);
}
.about-story__placeholder i { font-size: 4rem; }
.about-story__placeholder span { font-size: 1.4rem; font-weight: 900; color: #fff; }

/* Stats */
.about-stats {
    display: grid; grid-template-columns: repeat(4, 1fr);
    gap: 16px; margin: 0 0 56px;
}
.about-stat-card {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius);
    padding: 28px 20px;
    text-align: center;
    box-shadow: var(--shadow);
    transition: transform .2s, box-shadow .2s;
    border-top: 4px solid var(--clr-primary);
}
.about-stat-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.about-stat-card__num { display: block; font-size: 2rem; font-weight: 900; color: var(--clr-primary); line-height: 1.2; }
.about-stat-card__label { font-size: 13px; color: var(--clr-muted); margin-top: 6px; display: block; }

/* Mission/Vision/Values */
.about-mv__grid {
    display: grid; grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.about-mv__card {
    padding: 28px 24px;
    border-radius: var(--radius);
    border: 1px solid var(--clr-border);
    background: var(--clr-white);
    box-shadow: var(--shadow);
    display: flex; flex-direction: column; gap: 12px;
    transition: transform .2s;
}
.about-mv__card:hover { transform: translateY(-3px); }
.about-mv__card--mission { border-top: 4px solid var(--clr-primary); }
.about-mv__card--vision  { border-top: 4px solid #3b82f6; }
.about-mv__card--values  { border-top: 4px solid #f59e0b; }
.about-mv__icon {
    width: 48px; height: 48px; border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.2rem;
}
.about-mv__card--mission .about-mv__icon { background: rgba(0,152,121,.1); color: var(--clr-primary); }
.about-mv__card--vision  .about-mv__icon { background: rgba(59,130,246,.1); color: #3b82f6; }
.about-mv__card--values  .about-mv__icon { background: rgba(245,158,11,.1); color: #f59e0b; }
.about-mv__card h3 { font-size: 1.05rem; font-weight: 800; }
.about-mv__card p { font-size: 13px; color: var(--clr-muted); line-height: 1.7; }

/* Team */
.about-team__grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 24px;
}
.team-card {
    background: var(--clr-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    border: 1px solid var(--clr-border);
    overflow: hidden;
    transition: box-shadow .25s, transform .25s;
    text-align: center;
}
.team-card:hover { box-shadow: var(--shadow-md); transform: translateY(-4px); }
.team-card__avatar {
    height: 160px; background: linear-gradient(135deg, var(--clr-dark), #1e3a5f);
    display: flex; align-items: center; justify-content: center;
    overflow: hidden;
}
.team-card__avatar img, .team-avatar-img { width: 100px !important; height: 100px !important; border-radius: 50%; border: 4px solid var(--clr-primary); object-fit: cover; }
.team-avatar-placeholder { width: 100px; height: 100px; border-radius: 50%; background: rgba(0,152,121,.2); display: flex; align-items: center; justify-content: center; font-size: 2.5rem; color: var(--clr-primary); border: 4px solid var(--clr-primary); }
.team-card__info { padding: 20px 16px; }
.team-card__name { font-size: 1.05rem; font-weight: 800; color: var(--clr-dark); margin-bottom: 4px; }
.team-card__role { font-size: 12px; color: var(--clr-primary); font-weight: 700; display: block; margin-bottom: 10px; }
.team-card__bio { font-size: 13px; color: var(--clr-muted); line-height: 1.6; margin-bottom: 14px; }
.team-card__social { display: flex; justify-content: center; gap: 10px; }
.team-card__social a { width: 32px; height: 32px; border-radius: 50%; background: var(--clr-light); color: var(--clr-text); display: flex; align-items: center; justify-content: center; font-size: 13px; transition: all .2s; }
.team-card__social a:hover { background: var(--clr-primary); color: #fff; }

/* Technologies */
.about-tech__grid { display: flex; flex-wrap: wrap; gap: 12px; }
.tech-chip {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 8px 18px; border-radius: 20px;
    background: var(--clr-white); border: 1px solid var(--clr-border);
    font-size: 13px; font-weight: 600; color: var(--clr-text);
    box-shadow: var(--shadow); transition: all .2s;
}
.tech-chip:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); border-color: var(--clr-primary); }
.tech-chip i { font-size: 1.1rem; }

/* CTA */
.about-cta {
    margin: 56px 0;
    background: linear-gradient(135deg, var(--clr-dark) 0%, #0d2137 100%);
    border-radius: 20px;
    padding: 56px 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.about-cta::before {
    content: '';
    position: absolute; inset: 0;
    background: radial-gradient(circle at 50% 0%, rgba(0,152,121,.3) 0%, transparent 60%);
}
.about-cta__inner { position: relative; z-index: 1; }
.about-cta__title { font-size: 1.8rem; font-weight: 900; color: #fff; margin-bottom: 12px; }
.about-cta__text { color: rgba(255,255,255,.65); font-size: 15px; margin-bottom: 28px; }
.about-cta__btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.about-cta__btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 12px 28px; border-radius: var(--radius);
    font-weight: 700; font-size: 14px; transition: all .2s;
}
.about-cta__btn--primary { background: var(--clr-primary); color: #fff; }
.about-cta__btn--primary:hover { background: var(--clr-primary-dk); color: #fff; transform: translateY(-2px); }
.about-cta__btn--outline { background: transparent; color: #fff; border: 2px solid rgba(255,255,255,.4); }
.about-cta__btn--outline:hover { border-color: #fff; background: rgba(255,255,255,.1); color: #fff; }

/* ============================================================
   CONTACT PAGE - صفحة اتصل بنا
   ============================================================ */
.contact-layout { display: grid; grid-template-columns: 1fr 1.5fr; gap: 40px; padding: 40px 0 60px; align-items: start; }
.contact-info__title, .contact-form-wrap__title {
    font-size: 1.2rem; font-weight: 800;
    margin-bottom: 24px; padding-bottom: 12px;
    border-bottom: 3px solid var(--clr-primary);
    color: var(--clr-dark);
}
.contact-info__cards { display: flex; flex-direction: column; gap: 14px; margin-bottom: 24px; }
.contact-info__card {
    display: flex; align-items: center; gap: 14px;
    padding: 14px; border-radius: var(--radius);
    background: var(--clr-light); border: 1px solid var(--clr-border);
    transition: box-shadow .2s;
}
.contact-info__card:hover { box-shadow: var(--shadow); }
.contact-info__icon {
    width: 42px; height: 42px; border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 16px; color: #fff; flex-shrink: 0;
}
.contact-info__label { font-size: 11px; color: var(--clr-muted); display: block; margin-bottom: 2px; }
.contact-info__link { font-size: 13px; font-weight: 700; color: var(--clr-text); }
.contact-info__link:hover { color: var(--clr-primary); }

/* Contact Form */
.contact-form { display: flex; flex-direction: column; gap: 16px; }
.contact-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.contact-form__field { display: flex; flex-direction: column; gap: 6px; }
.contact-form__field label { font-size: 13px; font-weight: 600; color: var(--clr-text); }
.contact-form__field label span { color: #e74c3c; }
.contact-form__field input,
.contact-form__field textarea {
    padding: 10px 14px;
    border: 1.5px solid var(--clr-border);
    border-radius: var(--radius-sm);
    font-family: var(--font); font-size: 14px;
    color: var(--clr-text); background: var(--clr-white);
    outline: none; transition: border-color .2s, box-shadow .2s;
}
.contact-form__field input:focus,
.contact-form__field textarea:focus { border-color: var(--clr-primary); box-shadow: 0 0 0 3px rgba(0,152,121,.1); }
.contact-form__field textarea { height: 160px; resize: vertical; }
.contact-form__submit {
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--clr-primary); color: #fff;
    border: none; padding: 12px 32px; border-radius: var(--radius);
    font-family: var(--font); font-weight: 700; font-size: 14px;
    cursor: pointer; transition: background .2s, transform .2s;
    width: fit-content;
}
.contact-form__submit:hover { background: var(--clr-primary-dk); transform: translateY(-2px); }
.contact-success {
    text-align: center; padding: 48px 24px;
    background: rgba(0,152,121,.08); border-radius: var(--radius);
    border: 2px solid rgba(0,152,121,.3);
    display: flex; flex-direction: column; align-items: center; gap: 12px;
}
.contact-success i { font-size: 3rem; color: var(--clr-primary); }
.contact-success h3 { font-size: 1.2rem; font-weight: 800; }
.contact-success p { color: var(--clr-muted); }
.contact-errors {
    background: rgba(231,76,60,.08); border: 1px solid rgba(231,76,60,.3);
    border-radius: var(--radius-sm); padding: 12px 16px; margin-bottom: 16px;
}
.contact-errors p { font-size: 13px; color: #e74c3c; display: flex; align-items: center; gap: 6px; }

/* ============================================================
   PRIVACY PAGE - صفحة سياسة الخصوصية
   ============================================================ */
.privacy-layout { display: grid; grid-template-columns: 220px 1fr; gap: 40px; padding: 40px 0 60px; align-items: start; }
.privacy-toc {
    position: sticky; top: calc(var(--header-h) + 16px);
    background: var(--clr-light); border-radius: var(--radius);
    padding: 16px; border: 1px solid var(--clr-border);
}
.privacy-toc__title { font-size: .9rem; font-weight: 700; color: var(--clr-dark); margin-bottom: 12px; display: flex; align-items: center; gap: 6px; }
.privacy-toc__title i { color: var(--clr-primary); }
.privacy-toc__list { display: flex; flex-direction: column; gap: 4px; }
.privacy-toc__list li a { font-size: 12px; color: var(--clr-text); padding: 5px 8px; border-radius: 4px; display: block; transition: all .2s; }
.privacy-toc__list li a:hover { background: var(--clr-primary); color: #fff; }
.privacy-content { min-width: 0; font-size: 1rem; line-height: 2; }
.privacy-content h2 { font-size: 1.2rem; font-weight: 800; color: var(--clr-dark); margin: 2em 0 .8em; padding-right: 14px; border-right: 4px solid var(--clr-primary); scroll-margin-top: calc(var(--header-h) + 20px); }
.privacy-content p { margin-bottom: 1.2em; }
.privacy-content ul { list-style: disc; padding-right: 24px; margin-bottom: 1.2em; }

/* Dark Mode */
[data-theme="dark"] .about-stat-card,
[data-theme="dark"] .about-mv__card,
[data-theme="dark"] .team-card,
[data-theme="dark"] .tech-chip { background: #1a1d27; border-color: #2a2d3e; }
[data-theme="dark"] .about-section__title,
[data-theme="dark"] .team-card__name,
[data-theme="dark"] .about-stat-card__num { color: #e2e4ed; }
[data-theme="dark"] .about-mv__card p,
[data-theme="dark"] .team-card__bio,
[data-theme="dark"] .about-stat-card__label { color: #8b90a8; }
[data-theme="dark"] .tech-chip { color: #e2e4ed; }
[data-theme="dark"] .about-hero__wave svg,
[data-theme="dark"] .page-hero__wave svg { color: #0f1117; }
[data-theme="dark"] .contact-info__card { background: #1a1d27; border-color: #2a2d3e; }
[data-theme="dark"] .contact-info__title,
[data-theme="dark"] .contact-form-wrap__title { color: #e2e4ed; }
[data-theme="dark"] .contact-form__field input,
[data-theme="dark"] .contact-form__field textarea { background: #1a1d27; border-color: #2a2d3e; color: #e2e4ed; }
[data-theme="dark"] .privacy-toc { background: #1a1d27; border-color: #2a2d3e; }
[data-theme="dark"] .privacy-toc__title,
[data-theme="dark"] .privacy-toc__list li a { color: #e2e4ed; }
[data-theme="dark"] .page-hero__title { color: #fff; }
[data-theme="dark"] .page-body,
[data-theme="dark"] .privacy-content { color: #e2e4ed; }
[data-theme="dark"] .page-body h2,
[data-theme="dark"] .privacy-content h2 { color: #fff; }

/* Responsive */
@media (max-width: 900px) {
    .about-story__content { grid-template-columns: 1fr; }
    .about-stats { grid-template-columns: repeat(2, 1fr); }
    .about-mv__grid { grid-template-columns: 1fr; }
    .contact-layout { grid-template-columns: 1fr; }
    .privacy-layout { grid-template-columns: 1fr; }
    .privacy-toc { position: static; }
    .page-layout { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
    .about-stats { grid-template-columns: repeat(2, 1fr); }
    .about-hero__title { font-size: 1.5rem; }
    .about-cta { padding: 36px 20px; }
    .about-cta__title { font-size: 1.3rem; }
    .contact-form__row { grid-template-columns: 1fr; }
}

/* ===== صورة المقال داخل المحتوى ===== */
.article-body .wp-post-image,
.article-body > figure:first-child img,
.article-body > p:first-child img {
    width: 100%;
    height: auto;
    max-height: 480px;
    object-fit: cover;
    border-radius: var(--radius);
    margin-bottom: 24px;
    box-shadow: var(--shadow-md);
    display: block;
}
.article-body > figure:first-child,
.article-body > p:first-child:has(img) {
    margin-bottom: 24px;
}

/* ============================================================
   COMMENTS + REACTIONS - التعليقات والتفاعلات
   ============================================================ */

/* Reset كامل لمنع تأثير أي إضافة */
#comments, .comments-section,
#comments *, .comments-section * {
    box-sizing: border-box;
    float: none;
    position: static;
}
#comments .wpulike,
#comments [class*="wp_ulike"],
#comments [class*="wpulike"] {
    display: none !important;
}

.comments-section {
    margin-top: 40px;
    width: 100%;
    direction: rtl;
}

/* Header */
.comments-header { margin-bottom: 20px; }
.comments-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.05rem;
    font-weight: 800;
    padding-bottom: 10px;
    border-bottom: 3px solid var(--clr-primary);
}
.comments-title i { color: var(--clr-primary); }

/* List */
ol.comments-list,
ol.comments-list ol {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
ol.comments-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 30px !important;
}
ol.comments-list .children {
    padding-right: 24px !important;
    margin-top: 10px !important;
    border-right: 3px solid rgba(0,152,121,.3);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Comment card */
.mt-comment { width: 100%; }
.mt-comment__inner {
    background: var(--clr-white);
    border-radius: var(--radius);
    border: 1px solid var(--clr-border);
    border-right: 4px solid var(--clr-primary);
    padding: 16px;
    box-shadow: 0 1px 8px rgba(0,0,0,.06);
    transition: box-shadow .2s;
}
.mt-comment__inner:hover { box-shadow: var(--shadow); }

/* Top row */
.mt-comment__top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}
.mt-avatar {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    border: 2px solid var(--clr-primary) !important;
    flex-shrink: 0;
}
.mt-comment__meta { flex: 1; min-width: 0; }
.mt-comment__meta-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 3px;
    flex-wrap: wrap;
}
.mt-comment__author {
    font-size: 14px;
    font-weight: 800;
    color: var(--clr-dark);
}
.mt-comment__badge {
    font-size: 10px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 10px;
    background: rgba(0,152,121,.1);
    color: var(--clr-primary);
    border: 1px solid rgba(0,152,121,.25);
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
.mt-comment__date {
    font-size: 11px;
    color: var(--clr-muted);
    display: flex;
    align-items: center;
    gap: 4px;
}

/* Text */
.mt-comment__text {
    font-size: 14px;
    line-height: 1.9;
    color: var(--clr-text);
    margin-bottom: 12px;
    word-break: break-word;
}
.mt-comment__text p { margin: 0; }

/* Footer */
.mt-comment__footer {
    padding-top: 10px;
    border-top: 1px solid var(--clr-border);
    display: flex;
    justify-content: flex-start;
}
.mt-comment__reply a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 700;
    color: var(--clr-primary);
    border: 1px solid var(--clr-primary);
    padding: 4px 14px;
    border-radius: 20px;
    transition: all .2s;
}
.mt-comment__reply a:hover { background: var(--clr-primary); color: #fff; }
.mt-comment__pending {
    font-size: 12px;
    color: #f59e0b;
    background: rgba(245,158,11,.1);
    padding: 6px 12px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 8px;
}

/* ---- Comment Form ---- */
.comment-respond {
    background: var(--clr-light);
    border-radius: var(--radius);
    padding: 24px;
    border: 1px solid var(--clr-border);
}
#reply-title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 1rem;
    font-weight: 800;
    color: var(--clr-dark);
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--clr-primary);
}
#reply-title i { color: var(--clr-primary); }
#cancel-comment-reply-link {
    font-size: 11px;
    color: #e74c3c;
    margin-right: auto;
}

.comment-form {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.comment-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}
.comment-field-wrap {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.comment-field-wrap--full { grid-column: 1 / -1; }
.comment-field-wrap label {
    font-size: 12px;
    font-weight: 700;
    color: var(--clr-dark);
    display: flex;
    align-items: center;
    gap: 5px;
}
.comment-field-wrap label i { color: var(--clr-primary); }
.required { color: #e74c3c; }

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea#comment {
    width: 100%;
    padding: 10px 14px;
    border: 1.5px solid var(--clr-border);
    border-radius: var(--radius-sm);
    font-family: var(--font);
    font-size: 13px;
    color: var(--clr-text);
    background: var(--clr-white);
    outline: none;
    transition: border-color .2s, box-shadow .2s;
    direction: rtl;
}
.comment-form input:focus,
.comment-form textarea:focus {
    border-color: var(--clr-primary);
    box-shadow: 0 0 0 3px rgba(0,152,121,.1);
}
.comment-form textarea#comment {
    height: 130px;
    resize: vertical;
    display: block;
}
.comment-char-counter {
    text-align: left;
    font-size: 11px;
    color: var(--clr-muted);
}
.comment-char-counter.warn  { color: #f59e0b; }
.comment-char-counter.limit { color: #e74c3c; font-weight: 700; }

.comment-form-submit button[type="submit"] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--clr-primary);
    color: #fff;
    border: none;
    padding: 10px 28px;
    border-radius: var(--radius);
    font-family: var(--font);
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    transition: background .2s, transform .2s;
}
.comment-form-submit button:hover { background: var(--clr-primary-dk); transform: translateY(-2px); }
.comment-form-submit button:disabled { opacity: .65; transform: none; }
.logged-in-as { font-size: 12px; color: var(--clr-muted); }
.logged-in-as a { color: var(--clr-primary); }

/* ---- REACTIONS ---- */
.mt-reactions {
    background: var(--clr-light);
    border-radius: var(--radius);
    padding: 20px;
    margin: 28px 0;
    border: 1px solid var(--clr-border);
    text-align: center;
}
.mt-reactions__label {
    font-size: 14px;
    font-weight: 700;
    color: var(--clr-dark);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}
.mt-reactions__label i { color: var(--clr-primary); }
.mt-reactions__total {
    font-size: 12px;
    color: var(--clr-muted);
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    padding: 2px 10px;
    border-radius: 20px;
}
.mt-reactions__btns {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
.mt-reaction-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    background: var(--clr-white);
    border: 1.5px solid var(--clr-border);
    border-radius: 12px;
    padding: 10px 14px;
    cursor: pointer;
    transition: all .2s;
    min-width: 64px;
}
.mt-reaction-btn:hover {
    border-color: var(--clr-primary);
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,152,121,.15);
}
.mt-reaction-btn.is-active {
    border-color: var(--clr-primary);
    background: rgba(0,152,121,.08);
}
.mt-reaction-btn__emoji {
    font-size: 1.6rem;
    line-height: 1;
    transition: transform .2s;
    display: block;
}
.mt-reaction-btn:hover .mt-reaction-btn__emoji { transform: scale(1.3); }
.mt-reaction-btn__label {
    font-size: 11px;
    font-weight: 600;
    color: var(--clr-muted);
    font-family: var(--font);
    white-space: nowrap;
}
.mt-reaction-btn__count {
    font-size: 10px;
    font-weight: 800;
    background: var(--clr-light);
    color: var(--clr-dark);
    padding: 1px 7px;
    border-radius: 10px;
    min-width: 20px;
    text-align: center;
    font-family: var(--font);
}
.mt-reaction-btn.is-active .mt-reaction-btn__count {
    background: var(--clr-primary);
    color: #fff;
}
@keyframes mt-pop {
    0%  { transform: scale(1); }
    50% { transform: scale(1.5); }
    100%{ transform: scale(1.2); }
}
.mt-reaction-btn.is-active .mt-reaction-btn__emoji {
    animation: mt-pop .3s ease;
}

/* Dark Mode */
[data-theme="dark"] .mt-comment__inner { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .mt-comment__author { color: var(--dm-text); }
[data-theme="dark"] .mt-comment__text   { color: var(--dm-text); }
[data-theme="dark"] .mt-comment__footer { border-color: var(--dm-border); }
[data-theme="dark"] .comment-respond    { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] #reply-title        { color: var(--dm-text); }
[data-theme="dark"] .comment-field-wrap label { color: var(--dm-text); }
[data-theme="dark"] .comment-form input,
[data-theme="dark"] .comment-form textarea { background: var(--dm-bg3); border-color: var(--dm-border); color: var(--dm-text); }
[data-theme="dark"] .mt-reactions       { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .mt-reactions__label{ color: var(--dm-text); }
[data-theme="dark"] .mt-reaction-btn    { background: var(--dm-bg3); border-color: var(--dm-border); }
[data-theme="dark"] .mt-reaction-btn.is-active { background: rgba(0,152,121,.2); }
[data-theme="dark"] .mt-reaction-btn__count { background: var(--dm-bg2); color: var(--dm-text); }

/* Responsive */
@media (max-width: 600px) {
    .comment-form-row { grid-template-columns: 1fr; }
    ol.comments-list .children { padding-right: 14px !important; }
    .mt-reaction-btn { padding: 8px 10px; min-width: 56px; }
    .mt-reaction-btn__emoji { font-size: 1.3rem; }
}


/* ============================================================
   FORCE VERTICAL COMMENTS - إجبار التعليقات على العمودية
   ============================================================ */
#comments { width: 100% !important; display: block !important; }
#comments ol,
#comments ul,
ol.comments-list,
ul.comments-list {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 24px !important;
    list-style: none !important;
    columns: 1 !important;
    column-count: 1 !important;
}
ol.comments-list > li,
ul.comments-list > li,
#comments ol > li,
#comments ul > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
    break-inside: avoid !important;
}
ol.comments-list .children,
ul.comments-list .children {
    display: block !important;
    width: 100% !important;
    padding-right: 20px !important;
    padding-left: 0 !important;
    margin-top: 10px !important;
    border-right: 3px solid var(--clr-primary) !important;
    list-style: none !important;
}
ol.comments-list .children > li,
ul.comments-list .children > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin-bottom: 10px !important;
}
.mt-comment,
.mt-comment__inner {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
}
/* إخفاء كل عناصر ULike تماماً */
.wpulike,
.wp_ulike_btn,
.wp_ulike_general_class,
[class*="wpulike"],
[class*="wp_ulike"] {
    display: none !important;
    visibility: hidden !important;
}



/* ============================================================
   أرشيف الخط الزمني — archive.php
   ============================================================ */

/* رأس الأرشيف */
.archive-timeline-header {
    display: flex; align-items: center; gap: 16px;
    background: var(--clr-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    border: 1px solid var(--clr-border);
    border-right: 4px solid var(--clr-primary);
    padding: 18px 20px;
    margin-bottom: 28px;
}
.archive-timeline-header__icon {
    width: 48px; height: 48px; flex-shrink: 0;
    background: var(--clr-primary);
    border-radius: var(--radius-sm);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.3rem; color: #fff;
}
.archive-timeline-header__title {
    font-size: 1.3rem; font-weight: 900; color: var(--clr-dark);
    margin: 0 0 4px;
}
.archive-timeline-header__meta {
    font-size: 13px; color: var(--clr-muted); margin: 0;
}

/* الخط الزمني - الحاوية الرئيسية */
.timeline { position: relative; }

/* مجموعة السنة */
.timeline-year-group { margin-bottom: 32px; }

.timeline-year-badge {
    display: inline-flex; align-items: center; gap: 10px;
    background: var(--clr-dark);
    color: #fff;
    padding: 8px 20px;
    border-radius: 30px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    box-shadow: 0 3px 12px rgba(0,0,0,.2);
}
.timeline-year-badge__year {
    font-size: 1.2rem; font-weight: 900; letter-spacing: 1px;
}
.timeline-year-badge__count {
    font-size: 11px; color: var(--clr-primary);
    background: rgba(255,255,255,.1);
    padding: 2px 8px; border-radius: 20px;
}

/* مجموعة الشهر */
.timeline-month-group {
    padding-right: 20px;
    border-right: 2px solid var(--clr-border);
    margin-right: 14px;
    margin-bottom: 24px;
    position: relative;
}

/* نقطة على الخط */
.timeline-dot {
    position: absolute;
    border-radius: 50%;
}
.timeline-dot--month {
    right: -9px; top: 10px;
    width: 16px; height: 16px;
    background: var(--clr-primary);
    border: 3px solid var(--clr-white);
    box-shadow: 0 0 0 2px var(--clr-primary);
}
.timeline-dot--post {
    right: -6px; top: 14px;
    width: 10px; height: 10px;
    background: var(--clr-border);
    border: 2px solid var(--clr-white);
}

/* رأس الشهر */
.timeline-month-header {
    display: flex; align-items: center; gap: 10px;
    margin-bottom: 14px; position: relative;
}
.timeline-month-title {
    display: inline-flex; align-items: center; gap: 7px;
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-right: 3px solid var(--clr-primary);
    padding: 5px 14px;
    border-radius: var(--radius-sm);
    font-size: 13px; font-weight: 700; color: var(--clr-dark);
    box-shadow: var(--shadow);
}
.timeline-month-title i { color: var(--clr-primary); }
.timeline-month-count {
    background: var(--clr-primary);
    color: #fff; font-size: 10px; font-weight: 700;
    padding: 1px 7px; border-radius: 20px;
}

/* مقالات الشهر */
.timeline-posts { padding-right: 10px; display: flex; flex-direction: column; gap: 12px; }

/* عنصر المقال */
.timeline-item {
    display: flex; gap: 12px;
    align-items: flex-start;
    position: relative;
}

/* التاريخ اليومي */
.timeline-item__date {
    flex-shrink: 0; width: 42px; text-align: center;
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-sm);
    padding: 6px 4px;
    box-shadow: var(--shadow);
}
.timeline-item__day {
    display: block; font-size: 1.2rem; font-weight: 900;
    color: var(--clr-primary); line-height: 1;
}
.timeline-item__dayname {
    display: block; font-size: 9px; color: var(--clr-muted); margin-top: 2px;
}

/* بطاقة المقال */
.timeline-item__card {
    flex: 1; display: flex; gap: 12px;
    background: var(--clr-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    border: 1px solid var(--clr-border);
    overflow: hidden;
    transition: box-shadow .25s, transform .25s;
    min-width: 0;
}
.timeline-item__card:hover {
    box-shadow: var(--shadow-md); transform: translateX(-3px);
}

/* صورة المقال */
.timeline-item__thumb {
    width: 110px; flex-shrink: 0; overflow: hidden;
}
.timeline-item__thumb img {
    width: 100%; height: 100%; object-fit: cover;
    display: block; transition: transform .4s;
}
.timeline-item__card:hover .timeline-item__thumb img { transform: scale(1.05); }

/* محتوى البطاقة */
.timeline-item__body { padding: 12px; flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }

.timeline-item__cats { display: flex; gap: 5px; flex-wrap: wrap; }
.timeline-item__cat-tag {
    font-size: 10px; font-weight: 700;
    background: rgba(0,152,121,.1);
    color: var(--clr-primary);
    padding: 2px 8px; border-radius: 20px;
    transition: background .2s, color .2s;
}
.timeline-item__cat-tag:hover { background: var(--clr-primary); color: #fff; }

.timeline-item__title {
    font-size: 14px; font-weight: 700; line-height: 1.5; margin: 0;
}
.timeline-item__title a { color: var(--clr-text); }
.timeline-item__title a:hover { color: var(--clr-primary); }

.timeline-item__excerpt {
    font-size: 12px; color: var(--clr-muted); line-height: 1.5;
    margin: 0; flex: 1;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

.timeline-item__meta {
    display: flex; gap: 12px; font-size: 11px; color: var(--clr-muted);
    border-top: 1px solid var(--clr-border); padding-top: 6px;
    flex-wrap: wrap;
}
.timeline-item__meta i { color: var(--clr-primary); }

/* نهاية الخط الزمني */
.timeline-end {
    text-align: center; padding: 24px 0 10px;
    color: var(--clr-muted); font-size: 13px;
    display: flex; align-items: center; justify-content: center; gap: 8px;
}
.timeline-end i { color: var(--clr-primary); font-size: 1rem; }

/* Dark mode — timeline */
[data-theme="dark"] .archive-timeline-header { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .archive-timeline-header__title { color: var(--dm-text); }
[data-theme="dark"] .timeline-month-group { border-color: var(--dm-border); }
[data-theme="dark"] .timeline-dot--month { border-color: var(--dm-bg2); }
[data-theme="dark"] .timeline-dot--post { background: var(--dm-border); border-color: var(--dm-bg2); }
[data-theme="dark"] .timeline-month-title { background: var(--dm-bg2); border-color: var(--dm-border); color: var(--dm-text); }
[data-theme="dark"] .timeline-item__date { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .timeline-item__dayname { color: var(--dm-muted); }
[data-theme="dark"] .timeline-item__card { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .timeline-item__title a { color: var(--dm-text); }
[data-theme="dark"] .timeline-item__excerpt { color: var(--dm-muted); }
[data-theme="dark"] .timeline-item__meta { color: var(--dm-muted); border-color: var(--dm-border); }

/* Responsive — timeline */
@media (max-width: 640px) {
    .timeline-month-group { padding-right: 14px; margin-right: 8px; }
    .timeline-item__thumb { width: 80px; }
    .timeline-item__excerpt { display: none; }
    .archive-timeline-header { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 420px) {
    .timeline-item__date { display: none; }
    .timeline-item__card { border-radius: var(--radius-sm); }
}


/* ============================================================
   صفحة أرشيف الموقع  —  templates/page-site-archive.php
   ============================================================ */

/* ——— Hero ——— */
.site-archive-hero {
    position: relative;
    background: var(--clr-dark);
    padding: 52px 0 44px;
    overflow: hidden;
}
.site-archive-hero__bg {
    position: absolute; inset: 0;
    background: radial-gradient(ellipse at 80% 50%, rgba(0,152,121,.25) 0%, transparent 60%),
                radial-gradient(ellipse at 10% 80%, rgba(0,152,121,.12) 0%, transparent 50%);
    pointer-events: none;
}
.site-archive-hero__inner {
    position: relative; z-index: 1;
    display: flex; align-items: center;
    justify-content: space-between; gap: 28px; flex-wrap: wrap;
}
.site-archive-hero__label {
    display: inline-flex; align-items: center; gap: 7px;
    background: rgba(0,152,121,.2);
    border: 1px solid rgba(0,152,121,.4);
    color: var(--clr-primary);
    font-size: 12px; font-weight: 700;
    padding: 4px 12px; border-radius: 20px;
    margin-bottom: 12px;
}
.site-archive-hero__title {
    font-size: 1.9rem; font-weight: 900; color: #fff; margin: 0 0 8px; line-height: 1.3;
}
.site-archive-hero__sub {
    font-size: 14px; color: rgba(255,255,255,.55); margin: 0;
}
.site-archive-hero__search { flex: 0 0 340px; max-width: 100%; }
.site-archive-hero__search .search-form {
    display: flex; gap: 0;
}
.site-archive-hero__search input[type="search"] {
    flex: 1; padding: 10px 16px;
    border: none; border-radius: var(--radius-sm) 0 0 var(--radius-sm);
    font-family: var(--font); font-size: 14px;
    background: rgba(255,255,255,.1); color: #fff;
    outline: none;
    border: 1px solid rgba(255,255,255,.2); border-left: none;
}
.site-archive-hero__search input[type="search"]::placeholder { color: rgba(255,255,255,.4); }
.site-archive-hero__search input[type="submit"] {
    padding: 10px 18px;
    background: var(--clr-primary); color: #fff;
    border: none; border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    font-family: var(--font); font-weight: 700; cursor: pointer;
    transition: background .2s;
}
.site-archive-hero__search input[type="submit"]:hover { background: var(--clr-primary-dk); }

/* ——— Stats Bar ——— */
.sap-stats-bar {
    background: var(--clr-white);
    border-bottom: 1px solid var(--clr-border);
    box-shadow: var(--shadow);
}
.sap-stats-row {
    display: flex; flex-wrap: wrap;
    align-items: stretch;
}
.sap-stat {
    flex: 1; min-width: 100px;
    display: flex; align-items: center; gap: 10px;
    padding: 16px 20px;
    border-left: 1px solid var(--clr-border);
}
.sap-stat:last-child { border-left: none; }
.sap-stat > i {
    font-size: 1.3rem; color: var(--clr-primary); flex-shrink: 0;
}
.sap-stat__num {
    display: block; font-size: 1.15rem; font-weight: 900; color: var(--clr-dark); line-height: 1;
}
.sap-stat__label {
    font-size: 11px; color: var(--clr-muted); display: block; margin-top: 2px;
}

/* ——— Layout ——— */
.sap-layout {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 24px;
    padding: 28px 0 50px;
    align-items: start;
}

/* ——— Section shell ——— */
.sap-section {
    margin-bottom: 36px;
}
.sap-section__head {
    margin-bottom: 18px;
}
.sap-section__title {
    display: inline-flex; align-items: center; gap: 8px;
    font-size: 1rem; font-weight: 800;
    color: var(--clr-white);
    background: var(--clr-dark);
    padding: 5px 14px; border-radius: var(--radius-sm);
    border-right: 4px solid var(--clr-primary);
}

/* ——— Categories grid ——— */
.sap-cats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 14px;
}
.sap-cat-card {
    position: relative; height: 110px;
    border-radius: var(--radius); overflow: hidden;
    display: flex; align-items: flex-end;
    box-shadow: var(--shadow);
    transition: transform .25s, box-shadow .25s;
    text-decoration: none;
}
.sap-cat-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-md); }
.sap-cat-card__thumb {
    position: absolute; inset: 0;
    background-size: cover; background-position: center;
    transition: transform .4s;
}
.sap-cat-card:hover .sap-cat-card__thumb { transform: scale(1.06); }
.sap-cat-card__thumb--placeholder {
    background: var(--clr-dark);
    display: flex; align-items: center; justify-content: center;
    color: var(--clr-primary); font-size: 2rem;
}
.sap-cat-card__overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,.1) 60%);
}
.sap-cat-card__body {
    position: relative; z-index: 1;
    padding: 10px 12px; width: 100%;
}
.sap-cat-card__name {
    display: block; color: #fff; font-size: 14px; font-weight: 700;
}
.sap-cat-card__count {
    font-size: 11px; color: rgba(255,255,255,.65);
}

/* ——— Top posts grid ——— */
.sap-top-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.sap-top-card {
    display: flex; gap: 10px;
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    position: relative;
    transition: box-shadow .2s, transform .2s;
}
.sap-top-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }
.sap-top-card__rank {
    position: absolute; top: 8px; right: 8px;
    width: 22px; height: 22px; border-radius: 50%;
    background: var(--clr-primary); color: #fff;
    font-size: 11px; font-weight: 900;
    display: flex; align-items: center; justify-content: center;
    z-index: 1;
}
.sap-top-card__thumb {
    width: 90px; flex-shrink: 0; overflow: hidden;
}
.sap-top-card__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sap-top-card__body { padding: 10px; flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.sap-top-card__cats { font-size: 10px; color: var(--clr-primary); font-weight: 700; }
.sap-top-card__cats a { color: var(--clr-primary); }
.sap-top-card__title { font-size: 13px; font-weight: 700; line-height: 1.4; margin: 0; }
.sap-top-card__title a { color: var(--clr-text); }
.sap-top-card__title a:hover { color: var(--clr-primary); }
.sap-top-card__meta { font-size: 10px; color: var(--clr-muted); display: flex; gap: 8px; flex-wrap: wrap; margin-top: auto; }

/* ——— Tag cloud ——— */
.sap-tag-cloud {
    display: flex; flex-wrap: wrap; gap: 8px;
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius);
    padding: 18px;
    box-shadow: var(--shadow);
}
.sap-tag {
    display: inline-flex; align-items: center; gap: 4px;
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    color: var(--clr-text);
    padding: 4px 12px; border-radius: 20px;
    font-weight: 600;
    transition: background .2s, color .2s, border-color .2s, transform .15s;
    line-height: 1.4;
}
.sap-tag i { font-size: 9px; color: var(--clr-primary); }
.sap-tag sup { font-size: 9px; color: var(--clr-muted); margin-right: 2px; }
.sap-tag:hover {
    background: var(--clr-primary); color: #fff;
    border-color: var(--clr-primary); transform: translateY(-2px);
}
.sap-tag:hover i, .sap-tag:hover sup { color: rgba(255,255,255,.8); }

/* ——— Timeline (accordion) ——— */
.sap-timeline { display: flex; flex-direction: column; gap: 10px; }

.sap-tl-year {
    border: 1px solid var(--clr-border);
    border-radius: var(--radius);
    background: var(--clr-white);
    box-shadow: var(--shadow);
    overflow: hidden;
}

.sap-tl-year__toggle {
    width: 100%; display: flex; align-items: center; gap: 14px;
    padding: 14px 18px;
    background: none; border: none;
    cursor: pointer; font-family: var(--font);
    text-align: right;
    border-bottom: 1px solid transparent;
    transition: background .2s, border-color .2s;
}
.sap-tl-year.is-open .sap-tl-year__toggle {
    background: var(--clr-dark);
    border-color: var(--clr-primary);
}
.sap-tl-year__toggle:hover:not(.sap-tl-year.is-open .sap-tl-year__toggle) {
    background: rgba(0,152,121,.05);
}

.sap-tl-year__left { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.sap-tl-year__num {
    font-size: 1.5rem; font-weight: 900; color: var(--clr-primary);
    line-height: 1;
}
.sap-tl-year.is-open .sap-tl-year__num { color: #fff; }
.sap-tl-year__count {
    font-size: 11px; background: var(--clr-primary); color: #fff;
    padding: 2px 9px; border-radius: 20px;
}

.sap-tl-year__months-preview {
    display: flex; flex-wrap: wrap; gap: 5px; flex: 1; justify-content: flex-start;
}
.sap-tl-year__mp {
    font-size: 10px; color: var(--clr-muted);
    background: rgba(0,0,0,.04);
    padding: 2px 7px; border-radius: 10px;
    white-space: nowrap;
}
.sap-tl-year.is-open .sap-tl-year__mp { color: rgba(255,255,255,.5); background: rgba(255,255,255,.08); }

.sap-tl-year__arrow {
    font-size: 13px; color: var(--clr-muted);
    margin-right: auto; flex-shrink: 0;
    transition: transform .3s;
}
.sap-tl-year.is-open .sap-tl-year__arrow { transform: rotate(180deg); color: #fff; }

.sap-tl-year__body {
    display: none;
    padding: 16px 20px;
}
.sap-tl-year.is-open .sap-tl-year__body { display: block; }

.sap-tl-year__foot {
    text-align: center; padding: 12px;
    font-size: 12px; color: var(--clr-muted);
    display: flex; align-items: center; justify-content: center; gap: 7px;
    border-top: 1px dashed var(--clr-border);
    margin-top: 12px;
}
.sap-tl-year__foot i { color: var(--clr-primary); }

/* شهر */
.sap-tl-month { margin-bottom: 20px; }
.sap-tl-month__header {
    display: flex; align-items: center; gap: 10px;
    margin-bottom: 12px;
    position: relative;
}
.sap-tl-month__name {
    display: inline-flex; align-items: center; gap: 7px;
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-right: 3px solid var(--clr-primary);
    padding: 5px 12px; border-radius: var(--radius-sm);
    font-size: 13px; font-weight: 700; color: var(--clr-dark);
    box-shadow: var(--shadow);
}
.sap-tl-month__name i { color: var(--clr-primary); }
.sap-tl-month__cnt {
    background: var(--clr-primary); color: #fff;
    font-size: 10px; padding: 1px 7px; border-radius: 20px;
}

/* نقاط الخط */
.sap-tl-dot { border-radius: 50%; }
.sap-tl-dot--month {
    width: 14px; height: 14px; flex-shrink: 0;
    background: var(--clr-primary);
    border: 3px solid var(--clr-white);
    box-shadow: 0 0 0 2px var(--clr-primary);
}
.sap-tl-dot--post {
    width: 8px; height: 8px; flex-shrink: 0;
    background: var(--clr-border);
    border: 2px solid var(--clr-white);
    margin-top: 14px;
}

/* مقالات الشهر */
.sap-tl-posts {
    padding-right: 14px;
    border-right: 2px solid var(--clr-border);
    margin-right: 7px;
    display: flex; flex-direction: column; gap: 10px;
}

.sap-tl-item {
    display: flex; gap: 10px; align-items: flex-start;
}
.sap-tl-item__day {
    flex-shrink: 0; width: 36px; height: 36px;
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-sm);
    display: flex; align-items: center; justify-content: center;
    font-size: 13px; font-weight: 900; color: var(--clr-primary);
    box-shadow: var(--shadow);
}
.sap-tl-item__card {
    flex: 1; display: flex; gap: 10px;
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--shadow);
    transition: box-shadow .2s, transform .2s;
    min-width: 0;
}
.sap-tl-item__card:hover { box-shadow: var(--shadow-md); transform: translateX(-3px); }
.sap-tl-item__img {
    width: 80px; flex-shrink: 0;
}
.sap-tl-item__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sap-tl-item__info { padding: 10px; flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.sap-tl-item__cat {
    font-size: 10px; font-weight: 700; color: var(--clr-primary);
    background: rgba(0,152,121,.08); padding: 1px 7px; border-radius: 10px;
    display: inline-block; width: fit-content;
}
.sap-tl-item__title { font-size: 13px; font-weight: 700; margin: 0; line-height: 1.5; }
.sap-tl-item__title a { color: var(--clr-text); }
.sap-tl-item__title a:hover { color: var(--clr-primary); }
.sap-tl-item__meta { font-size: 10px; color: var(--clr-muted); display: flex; gap: 10px; margin-top: auto; }
.sap-tl-item__meta i { color: var(--clr-primary); }

/* ——— Aside / Widgets ——— */
.sap-aside { position: sticky; top: calc(var(--header-h, 60px) + 16px); display: flex; flex-direction: column; gap: 18px; }
.sap-widget {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
}
.sap-widget__title {
    display: flex; align-items: center; gap: 8px;
    background: var(--clr-dark); color: #fff;
    font-size: 13px; font-weight: 700;
    padding: 9px 14px;
    border-right: 4px solid var(--clr-primary);
}
.sap-widget__more {
    display: flex; align-items: center; justify-content: center; gap: 6px;
    padding: 9px; font-size: 12px; font-weight: 700; color: var(--clr-primary);
    border-top: 1px solid var(--clr-border);
    transition: background .2s;
}
.sap-widget__more:hover { background: rgba(0,152,121,.06); color: var(--clr-primary-dk); }

/* قائمة الكتّاب */
.sap-authors-list { list-style: none; margin: 0; padding: 0; }
.sap-author-item { padding: 10px 14px; border-bottom: 1px solid var(--clr-border); }
.sap-author-item:last-child { border-bottom: none; }
.sap-author-link { display: flex; align-items: center; gap: 10px; margin-bottom: 7px; }
.sap-author-avatar { border-radius: 50% !important; width: 38px !important; height: 38px !important; }
.sap-author-name { display: block; font-size: 13px; font-weight: 700; color: var(--clr-text); }
.sap-author-link:hover .sap-author-name { color: var(--clr-primary); }
.sap-author-count { font-size: 11px; color: var(--clr-muted); }
.sap-author-bar { height: 4px; background: var(--clr-border); border-radius: 2px; overflow: hidden; }
.sap-author-bar__fill { height: 100%; background: var(--clr-primary); border-radius: 2px; transition: width 1s; }

/* إحصاء التصنيفات */
.sap-cats-stat-list { list-style: none; margin: 0; padding: 8px 0; }
.sap-cats-stat-item { padding: 6px 14px; }
.sap-cats-stat-link { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }
.sap-cats-stat-name { font-size: 12px; color: var(--clr-text); font-weight: 600; }
.sap-cats-stat-link:hover .sap-cats-stat-name { color: var(--clr-primary); }
.sap-cats-stat-count { font-size: 11px; color: var(--clr-muted); font-weight: 700; }
.sap-cats-stat-bar { height: 4px; background: var(--clr-border); border-radius: 2px; overflow: hidden; }
.sap-cats-stat-bar__fill { height: 100%; background: linear-gradient(to left, var(--clr-primary), var(--clr-primary-dk)); border-radius: 2px; }

/* أرشيف سريع */
.sap-quick-archive { list-style: none; margin: 0; padding: 8px 0; }
.sap-quick-archive li { padding: 0; }
.sap-quick-archive li a,
.sap-quick-archive > a {
    display: flex; align-items: center; justify-content: space-between;
    padding: 7px 14px; font-size: 12px; color: var(--clr-text);
    border-bottom: 1px solid var(--clr-border);
    transition: background .2s, color .2s;
}
.sap-quick-archive li:last-child a,
.sap-quick-archive > a:last-of-type { border-bottom: none; }
.sap-quick-archive li a:hover,
.sap-quick-archive > a:hover { background: rgba(0,152,121,.06); color: var(--clr-primary); }

/* ——— Dark Mode ——— */
[data-theme="dark"] .sap-stats-bar { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .sap-stat { border-color: var(--dm-border); }
[data-theme="dark"] .sap-stat__num { color: var(--dm-text); }
[data-theme="dark"] .sap-section__title { background: var(--dm-bg3); }
[data-theme="dark"] .sap-cat-card__thumb--placeholder { background: var(--dm-bg3); }
[data-theme="dark"] .sap-top-card { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .sap-top-card__title a { color: var(--dm-text); }
[data-theme="dark"] .sap-top-card__meta { color: var(--dm-muted); }
[data-theme="dark"] .sap-tag-cloud { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .sap-tag { background: var(--dm-bg3); border-color: var(--dm-border); color: var(--dm-text); }
[data-theme="dark"] .sap-tl-year { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .sap-tl-year__toggle:hover { background: rgba(0,152,121,.05); }
[data-theme="dark"] .sap-tl-year__mp { background: rgba(255,255,255,.04); }
[data-theme="dark"] .sap-tl-month__name { background: var(--dm-bg2); border-color: var(--dm-border); color: var(--dm-text); }
[data-theme="dark"] .sap-tl-dot--month { border-color: var(--dm-bg2); }
[data-theme="dark"] .sap-tl-dot--post { background: var(--dm-border); border-color: var(--dm-bg2); }
[data-theme="dark"] .sap-tl-posts { border-color: var(--dm-border); }
[data-theme="dark"] .sap-tl-item__day { background: var(--dm-bg3); border-color: var(--dm-border); }
[data-theme="dark"] .sap-tl-item__card { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .sap-tl-item__title a { color: var(--dm-text); }
[data-theme="dark"] .sap-tl-item__meta { color: var(--dm-muted); }
[data-theme="dark"] .sap-tl-year__foot { border-color: var(--dm-border); }
[data-theme="dark"] .sap-widget { background: var(--dm-bg2); border-color: var(--dm-border); }
[data-theme="dark"] .sap-widget__title { background: var(--dm-bg3); }
[data-theme="dark"] .sap-author-item { border-color: var(--dm-border); }
[data-theme="dark"] .sap-author-name { color: var(--dm-text); }
[data-theme="dark"] .sap-author-bar { background: var(--dm-border); }
[data-theme="dark"] .sap-cats-stat-item { }
[data-theme="dark"] .sap-cats-stat-name { color: var(--dm-text); }
[data-theme="dark"] .sap-cats-stat-bar { background: var(--dm-border); }
[data-theme="dark"] .sap-quick-archive li a { color: var(--dm-text); border-color: var(--dm-border); }
[data-theme="dark"] .sap-quick-archive li a:hover { background: rgba(0,152,121,.06); }


/* ——— Responsive ——— */
@media (max-width: 900px) {
    .sap-layout { grid-template-columns: 1fr; }
    .sap-aside { position: static; }
}
@media (max-width: 640px) {
    .site-archive-hero__inner { flex-direction: column; }
    .site-archive-hero__search { flex: none; width: 100%; }
    .sap-stats-row { flex-wrap: wrap; }
    .sap-stat { flex: 0 0 33.33%; border-bottom: 1px solid var(--clr-border); }
    .sap-top-grid { grid-template-columns: 1fr; }
    .sap-cats-grid { grid-template-columns: repeat(2, 1fr); }
    .sap-tl-item__img { display: none; }
}
@media (max-width: 420px) {
    .sap-stat { flex: 0 0 50%; }
    .sap-tl-year__months-preview { display: none; }
}


/* ==============================================
   MT News Sidebar Widget - ويدجت قائمة الأخبار الجانبية
   ============================================== */

.mt-nsw {
    overflow: hidden;
    font-family: var(--font);
}

/* ---- Header ---- */
.mt-nsw__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 12px;
    border-right: 4px solid var(--clr-primary);
    background: var(--clr-dark);
    border-radius: var(--radius-sm);
}



 .site-footer .widget h4.wp-block-heading{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    padding: 6px 12px;
    border-right: 4px solid var(--clr-primary);
    border-radius: var(--radius-sm);
}

.mt-nsw__title {
    font-size: .9rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    color: white;
    gap: 7px;
}

.mt-nsw__title i {
    color: var(--clr-primary);
    font-size: .8rem;
}

.mt-nsw__more {
    font-size: 11px;
    font-weight: 600;
    color: #aaa;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: color .2s;
    white-space: nowrap;
}

.mt-nsw__more:hover {
    color: var(--clr-primary);
}

/* ---- List ---- */
.mt-nsw__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ---- Item ---- */
.mt-nsw__item {
    border-bottom: 1px solid rgba(255,255,255,.06);
    transition: background .18s;
}

.mt-nsw__item:last-child {
    border-bottom: none;
}

.mt-nsw__item:hover {
    background: rgba(255,255,255,.04);
}

.mt-nsw__link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 14px;
    text-decoration: none;
}

/* ---- Body (text side) ---- */
.mt-nsw__body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.mt-nsw__post-title {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.55;
    margin: 0;
    transition: color .2s;

    /* قطع العنوان بعد سطرين */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.mt-nsw__item:hover .mt-nsw__post-title {
    color: var(--clr-primary);
}

/* ---- Meta ---- */
.mt-nsw__meta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mt-nsw__date {
    font-size: 11px;
    color: #7b8099;
    display: flex;
    align-items: center;
    gap: 4px;
}

.mt-nsw__date i {
    color: var(--clr-primary);
    font-size: 10px;
}

.mt-nsw__views {
    font-size: 11px;
    color: #7b8099;
}

/* ---- Thumbnail ---- */
.mt-nsw__thumb {
    flex-shrink: 0;
    width: 96px;
    height: 72px;
    border-radius: 6px;
    overflow: hidden;
    background: #13151f;
}

.mt-nsw__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease;
}

.mt-nsw__item:hover .mt-nsw__thumb img {
    transform: scale(1.07);
}

/* ---- Light Mode Override ---- */
:not([data-theme="dark"]) .mt-nsw {
}

:not([data-theme="dark"]) .mt-nsw__header {
}

/* ---- Responsive ---- */
@media (max-width: 480px) {
    .mt-nsw__thumb {
        width: 80px;
        height: 62px;
    }
    .mt-nsw__post-title {
        font-size: 12.5px;
    }
}

/* ============================================================
   ARTICLE ACTION BUTTONS - أزرار المقال
   ============================================================ */
.article-action-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 1.5rem 0 1.75rem;
    padding: 1.25rem 1.5rem;
    background: var(--clr-light);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius);
    align-items: center;
    justify-content: center;
}

/* الزر الأساسي */
.article-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 11px 24px;
    border-radius: 50px;
    font-size: .92rem;
    font-weight: 700;
    font-family: var(--font);
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}
.article-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,.12);
    opacity: 0;
    transition: opacity .2s;
}
.article-btn:hover::before { opacity: 1; }
.article-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,.15);
    text-decoration: none;
}
.article-btn:active { transform: translateY(0); }
.article-btn__icon {
    font-size: 1rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}
.article-btn__text { letter-spacing: .01em; }

/* زر التحميل - أخضر */
.article-btn--download {
    background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
    color: #fff;
    box-shadow: 0 3px 12px rgba(22,163,74,.3);
    border-color: transparent;
}
.article-btn--download:hover {
    box-shadow: 0 6px 20px rgba(22,163,74,.4);
    color: #fff;
}

/* زر المشاهدة - أزرق */
.article-btn--demo {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #fff;
    box-shadow: 0 3px 12px rgba(37,99,235,.3);
    border-color: transparent;
}
.article-btn--demo:hover {
    box-shadow: 0 6px 20px rgba(37,99,235,.4);
    color: #fff;
}

/* الزر الإضافي - حدود */
.article-btn--extra {
    background: transparent;
    color: var(--clr-primary);
    border-color: var(--clr-primary);
    box-shadow: none;
}
.article-btn--extra:hover {
    background: var(--clr-primary);
    color: #fff;
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
}

/* الوضع الداكن */
[data-theme="dark"] .article-action-btns,
.dark-mode .article-action-btns {
    background: var(--clr-light);
    border-color: var(--clr-border);
}

/* الشاشات الصغيرة */
@media (max-width: 480px) {
    .article-action-btns {
        flex-direction: column;
        padding: 1rem;
    }
    .article-btn {
        width: 100%;
        justify-content: center;
        padding: 13px 20px;
    }
}

/* ============================================================
   GUTENBERG BLOCK BUTTONS - تنسيق أزرار بلوك Gutenberg
   ============================================================ */

/* الحاوية */
.article-body .wp-block-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 1.75rem 0;
    justify-content: flex-start;
}
.article-body .wp-block-buttons.is-content-justification-center { justify-content: center; }
.article-body .wp-block-buttons.is-content-justification-right  { justify-content: flex-end; }

/* الزر الأساسي - تصميم جديد */
.article-body .wp-block-button__link,
.article-body .wp-block-button .wp-element-button {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 12px 10px !important;
    border-radius: 50px !important;
    font-size: .92rem !important;
    font-weight: 700 !important;
    font-family: var(--font) !important;
    line-height: 1 !important;
    background: transparent;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
    cursor: pointer;
    border: 2px solid #009879 !important;
    white-space: nowrap;
}
.article-body .wp-block-button__link:hover,
.article-body .wp-block-button .wp-element-button:hover {
    transform: translateY(-2px) !important;
    text-decoration: none !important;
}

/* الزر الافتراضي (داكن → أخضر تحميل) */
.article-body .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.article-body .wp-block-button:not(.is-style-outline) .wp-element-button {
    color: #009879 !important;
}
.article-body .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.article-body .wp-block-button:not(.is-style-outline) .wp-element-button:hover {
    box-shadow: 0 2px 2px rgba(22,163,74,.20) !important;
    color: #fff !important;
    background: #009879;
    
}

/* الزر outline (حدود → أزرق معاينة) */
.article-body .wp-block-button.is-style-outline .wp-block-button__link,
.article-body .wp-block-button.is-style-outline .wp-element-button {
    background: transparent !important;
    color: var(--clr-primary) !important;
    border-color: var(--clr-primary) !important;
    box-shadow: none !important;
}
.article-body .wp-block-button.is-style-outline .wp-block-button__link:hover,
.article-body .wp-block-button.is-style-outline .wp-element-button:hover {
    background: var(--clr-primary) !important;
    color: #fff !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.12) !important;
}

/* أكثر من زر جنباً إلى جنب */
.article-body .wp-block-buttons .wp-block-button { margin: 0 !important; }

/* موبايل */
@media (max-width: 480px) {
    .article-body .wp-block-buttons { flex-direction: column; }
    .article-body .wp-block-button__link,
    .article-body .wp-block-button .wp-element-button {
        width: 100% !important;
        justify-content: center;
        text-align: center !important;
    }
}