@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;600;700&family=Noto+Sans+Thaana:wght@400;500;600;700&display=swap');

@font-face {
    font-family: "SMV Faseyha";
    src: url("https://sihhath.org/wp-content/uploads/2026/06/MV-Faseyha.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "SMV Waheed";
    src: url("https://sihhath.org/wp-content/uploads/2026/06/MVWaheed.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "SMV Arabic";
    src: url("https://sihhath.org/wp-content/uploads/2026/06/Amiri-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================
   Salafiyyah Modern Article v1.3 — Joomla 3 / YOOtheme Warp
   ========================================================== */

body.smv-modern-article-active {
    overflow-x: hidden !important;
}

/* Keep the main article canvas consistently white. Older Downtown profiles can
   expose a dark page background when fixed-width wrappers are broken out. */
body.smv-modern-article-active #block-main,
body.smv-modern-article-active #main,
body.smv-modern-article-active #maininner,
body.smv-modern-article-active #content,
body.smv-modern-article-active #system {
    background: #ffffff !important;
    background-image: none !important;
}


/* The old Downtown template keeps #block-main inside a fixed-width .wrapper.
   This was the reason the redesigned article sat to one side after the
   sidebars were hidden. Break only the ARTICLE area's wrapper out to 100%. */
body.smv-modern-article-fullwidth #block-main > .wrapper,
body.smv-modern-article-fullwidth #block-main .wrapper {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.smv-modern-article-fullwidth #sidebar-a,
body.smv-modern-article-fullwidth #sidebar-b,
body.smv-modern-article-fullwidth .sidebar-a,
body.smv-modern-article-fullwidth .sidebar-b {
    display: none !important;
}

body.smv-modern-article-fullwidth #main,
body.smv-modern-article-fullwidth #maininner,
body.smv-modern-article-fullwidth #content,
body.smv-modern-article-fullwidth #system {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
}

#system article.smv-modern-article,
article.smv-modern-article {
    --smv-modern-accent: #0b8073;
    --smv-modern-accent-dark: #075e56;
    --smv-modern-soft: #eaf6f3;
    --smv-modern-gold: #aa8d4e;
    --smv-modern-ink: #17211d;
    --smv-modern-text: #283630;
    --smv-modern-muted: #74817b;
    --smv-modern-line: #e2e9e6;

    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 42px 0 76px !important;
    float: none !important;
    clear: both !important;
    border: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    direction: rtl;
    text-align: right;
    font-family: "SMV Faseyha", "Noto Sans Thaana", Faruma, Arial, sans-serif;
}

.smv-modern-article, .smv-modern-article * { box-sizing: border-box; }

/* Completely suppress the old YOOtheme header, including its date badge,
   pseudo-elements and positioning. A clean header is generated by the plugin. */
.smv-modern-article .smv-modern-original-head {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}
.smv-modern-article .smv-modern-original-head::before,
.smv-modern-article .smv-modern-original-head::after { display: none !important; content: none !important; }
.smv-modern-article > time,
.smv-modern-article > .meta,
.smv-modern-article > .date,
.smv-modern-article > .created,
.smv-modern-article > .published {
    display: none !important;
}

/* HERO */
.smv-modern-article .smv-modern-hero {
    display: block !important;
    width: min(1060px, calc(100vw - 72px)) !important;
    max-width: 1060px !important;
    margin: 0 auto 38px !important;
    padding: 0 !important;
    float: none !important;
    clear: both !important;
    overflow: hidden;
    border: 1px solid #e8efec;
    border-radius: 20px;
    background: #f6f8f7;
    box-shadow: 0 18px 48px rgba(16,49,40,.09);
}
.smv-modern-article .smv-modern-hero img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    max-height: 580px;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    object-fit: cover;
    object-position: center;
    border: 0 !important;
    border-radius: 0 !important;
}

/* NEW CLEAN HEADER */
.smv-modern-article .smv-modern-head {
    display: block !important;
    width: min(900px, calc(100vw - 84px)) !important;
    max-width: 900px !important;
    min-height: 0 !important;
    margin: 0 auto 20px !important;
    padding: 4px 20px 0 !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    inset: auto !important;
    text-align: center !important;
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
}
.smv-modern-article .smv-modern-head::before,
.smv-modern-article .smv-modern-head::after { display: none !important; content: none !important; }

.smv-modern-category {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    margin: 0 auto 17px !important;
    padding: 5px 14px 4px !important;
    float: none !important;
    border: 1px solid #cfe7e1 !important;
    border-radius: 999px !important;
    background: #edf8f5 !important;
    color: var(--smv-modern-accent-dark) !important;
    font-family: "SMV Waheed", "Noto Sans Thaana", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    text-decoration: none !important;
}

.smv-modern-title {
    display: block !important;
    width: 100% !important;
    max-width: 900px !important;
    min-height: 0 !important;
    margin: 0 auto 15px !important;
    padding: 0 !important;
    float: none !important;
    position: static !important;
    color: var(--smv-modern-ink) !important;
    font-family: "SMV Waheed", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
    font-size: clamp(34px, 3.2vw, 50px) !important;
    font-weight: 400 !important;
    line-height: 1.48 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-shadow: none !important;
    background: none !important;
    border: 0 !important;
    overflow-wrap: anywhere;
}

.smv-modern-meta {
    display: flex !important;
    width: 100% !important;
    margin: 2px auto 0 !important;
    padding: 0 !important;
    float: none !important;
    position: static !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    direction: ltr !important;
    color: var(--smv-modern-muted) !important;
    font-family: "SMV Faseyha", "Noto Sans Thaana", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
    text-align: center !important;
    background: none !important;
    border: 0 !important;
}
.smv-modern-author {
    color: #52615b !important;
    font-family: "SMV Faseyha", "Noto Sans Thaana", Arial, sans-serif !important;
}
.smv-modern-meta-sep { color: #b0bbb6 !important; }
.smv-modern-date {
    display: inline !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    color: #7b8781 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.8 !important;
    text-align: center !important;
}

/* STATS + SHARE */
.smv-modern-stats,
.smv-modern-share {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    float: none !important;
    clear: both !important;
}
.smv-modern-stats { gap: 9px; margin: 18px auto 0 !important; }
.smv-modern-stat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 7px 14px 6px;
    border: 1px solid var(--smv-modern-line);
    border-radius: 999px;
    background: #fff;
    color: #52605a;
    font-family: "SMV Faseyha", "Noto Sans Thaana", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.3;
    box-shadow: 0 6px 18px rgba(15,23,42,.035);
}
.smv-modern-view-stat {
    border-color: #cce7e1;
    background: linear-gradient(135deg,#f7fbfa,#edf8f5);
    color: var(--smv-modern-accent-dark);
}
.smv-modern-stat b { margin: 0 4px; color: inherit; font-family: Georgia,"Times New Roman",serif; }

.smv-modern-share { gap: 8px; margin: 15px auto 0 !important; }
.smv-modern-share-label { color: #94a09b; font-size: 12px; }
.smv-modern-share a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 33px;
    padding: 5px 13px 4px !important;
    border: 1px solid #dfe8e4 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #52615b !important;
    font-family: Arial,sans-serif !important;
    font-size: 11px !important;
    direction: ltr;
    text-decoration: none !important;
}
.smv-modern-share a:hover { border-color:#9ec9bf !important; color:var(--smv-modern-accent-dark) !important; }

/* ARTICLE BODY */
.smv-modern-article .smv-modern-content,
.smv-modern-article .content.clearfix,
.smv-modern-article > .content {
    position: relative !important;
    display: block !important;
    width: min(780px, calc(100vw - 88px)) !important;
    max-width: 780px !important;
    min-width: 0 !important;
    margin: 44px auto 0 !important;
    padding: 48px 0 22px !important;
    float: none !important;
    clear: both !important;
    left: auto !important;
    right: auto !important;
    color: var(--smv-modern-text) !important;
    direction: rtl !important;
    text-align: right !important;
    font-family: "SMV Faseyha", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
    background: #fff !important;
    border: 0 !important;
    box-shadow: none !important;
}
.smv-modern-article .smv-modern-content::before,
.smv-modern-article .content.clearfix::before,
.smv-modern-article > .content::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    right: auto !important;
    width: 72px !important;
    height: 3px !important;
    transform: translateX(-50%) !important;
    border-radius: 999px;
    background: linear-gradient(90deg,var(--smv-modern-accent),var(--smv-modern-gold));
    opacity: .82;
}

.smv-modern-article .smv-modern-content p,
.smv-modern-article .content p {
    margin: 0 0 34px !important;
    padding: 0 !important;
    color: var(--smv-modern-text) !important;
    font-family: "SMV Faseyha", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 2.05 !important;
    text-align: right !important;
    letter-spacing: 0 !important;
}

.smv-modern-article .content h2,
.smv-modern-article .content h3,
.smv-modern-article .content h4 {
    margin: 43px 0 18px !important;
    color: #15211c !important;
    font-family: "SMV Waheed", "Noto Sans Thaana", "Noto Naskh Arabic", Arial, sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    text-align: right !important;
}
.smv-modern-article .content h2 { font-size: 35px !important; }
.smv-modern-article .content h3 { font-size: 30px !important; }
.smv-modern-article .content h4 { font-size: 26px !important; }

.smv-modern-article .content a { color:var(--smv-modern-accent-dark) !important; text-decoration:underline !important; text-underline-offset:3px; overflow-wrap:anywhere; }
.smv-modern-article .content strong,
.smv-modern-article .content b { color:#101713 !important; font-weight:700 !important; }
.smv-modern-article .content [lang="ar"],
.smv-modern-article .content .arabic {
    font-family:"SMV Arabic","Noto Naskh Arabic",serif !important;
    font-size:24px !important;
    line-height:2.05 !important;
    direction:rtl !important;
    text-align:right !important;
}

.smv-modern-article .content img {
    display:block !important;
    max-width:100% !important;
    height:auto !important;
    margin:30px auto !important;
    float:none !important;
    clear:both !important;
    border-radius:14px;
}
.smv-modern-article .content ul,
.smv-modern-article .content ol {
    margin:0 0 36px !important;
    padding-right:30px !important;
    padding-left:0 !important;
    font-size:22px !important;
    line-height:2 !important;
}
.smv-modern-article .content li { margin-bottom:8px; }

.smv-modern-article .content blockquote {
    position:relative !important;
    clear:both !important;
    margin:38px auto !important;
    padding:30px 31px 27px !important;
    border:1px solid #dceae6 !important;
    border-right:5px solid var(--smv-modern-accent) !important;
    border-radius:16px !important;
    background:linear-gradient(180deg,rgba(245,250,248,.98),#fff) !important;
    box-shadow:0 12px 30px rgba(16,49,40,.05) !important;
    color:#18231f !important;
    font-style:normal !important;
    text-align:right !important;
}
.smv-modern-article .content blockquote::after {
    content:"";
    position:absolute;
    top:0; right:0; left:0;
    height:3px;
    border-radius:16px 16px 0 0;
    background:linear-gradient(90deg,var(--smv-modern-accent),var(--smv-modern-gold));
}
.smv-modern-article .content blockquote p {
    margin-bottom:14px !important;
    font-family:"SMV Arabic","SMV Faseyha","Noto Naskh Arabic",Arial,sans-serif !important;
    font-size:23px !important;
    line-height:2.1 !important;
    color:#18231f !important;
}

.smv-modern-article .content table { width:100% !important; margin:30px 0 38px !important; border-collapse:collapse !important; border:1px solid var(--smv-modern-line) !important; background:#fff; }
.smv-modern-article .content th,
.smv-modern-article .content td { padding:12px 14px !important; border:1px solid var(--smv-modern-line) !important; text-align:right !important; }
.smv-modern-article .content th { background:var(--smv-modern-soft) !important; color:var(--smv-modern-accent-dark) !important; }

/* TAGS + PAGINATION */
.smv-modern-article .tags,
.smv-modern-article ul.tags,
.smv-modern-article .page-nav {
    width:min(900px,calc(100vw - 72px)) !important;
    max-width:900px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    float:none !important;
    clear:both !important;
}
.smv-modern-article .tags,
.smv-modern-article ul.tags {
    margin-top:46px !important;
    padding:24px 0 0 !important;
    border-top:1px solid var(--smv-modern-line);
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
}
.smv-modern-article .tags li { list-style:none; margin:0 !important; }
.smv-modern-article .tags a,
.smv-modern-article .tags .label-info { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:6px 13px !important; border:1px solid #cfe2dd !important; border-radius:999px !important; background:#fff !important; color:var(--smv-modern-accent-dark) !important; text-decoration:none !important; }
.smv-modern-article .page-nav { margin-top:34px !important; padding-top:24px; border-top:1px solid var(--smv-modern-line); }
.smv-modern-article .page-nav a { display:inline-flex; min-height:38px; align-items:center; padding:8px 15px !important; border:1px solid #d8e6e2; border-radius:999px; background:#fff; color:var(--smv-modern-accent-dark) !important; text-decoration:none !important; }



/* ==========================================================
   MOBILE EXPERIENCE — v1.4
   Compact sticky header + off-canvas menu + clean article
   ========================================================== */
.smv-mobile-sitebar,
.smv-mobile-menu-backdrop,
.smv-mobile-menu-panel { display: none; }

.smv-modern-hidden-legacy-social {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

@media (max-width: 767px) {
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }

    body.smv-mobile-menu-is-open {
        overflow: hidden !important;
        touch-action: none;
    }

    body.smv-modern-mobile-ready #header,
    body.smv-modern-mobile-ready #block-header,
    body.smv-modern-mobile-ready #toolbar,
    body.smv-modern-mobile-ready #toolbarbar,
    body.smv-modern-mobile-ready #block-toolbar {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.smv-modern-article-active #block-main,
    body.smv-modern-article-active #block-main > .wrapper,
    body.smv-modern-article-active #main,
    body.smv-modern-article-active #maininner,
    body.smv-modern-article-active #content,
    body.smv-modern-article-active #system {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        float: none !important;
        clear: both !important;
        box-sizing: border-box !important;
        background: #fff !important;
    }

    body.smv-modern-article-active #block-main {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Sticky compact top bar */
    .smv-mobile-sitebar {
        display: block !important;
        position: sticky !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 10000 !important;
        width: 100% !important;
        height: 68px !important;
        margin: 0 !important;
        padding: 0 !important;
        background: rgba(255,255,255,.985) !important;
        border-bottom: 1px solid #e1e9e6 !important;
        box-shadow: 0 6px 22px rgba(16,49,40,.08) !important;
        direction: rtl !important;
        backdrop-filter: blur(10px);
    }

    .smv-mobile-sitebar-row {
        width: 100% !important;
        height: 68px !important;
        margin: 0 !important;
        padding: 7px max(12px, env(safe-area-inset-right)) 7px max(12px, env(safe-area-inset-left)) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    .smv-mobile-brand {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        max-width: 170px !important;
        height: 54px !important;
        margin: 0 !important;
        padding: 0 !important;
        text-decoration: none !important;
    }

    .smv-mobile-brand img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 154px !important;
        max-height: 50px !important;
        margin: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
    }

    .smv-mobile-menu-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        flex: 0 0 auto !important;
        min-width: 82px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 0 13px !important;
        border: 1px solid #c9e0da !important;
        border-radius: 999px !important;
        background: #eef7f5 !important;
        color: #075e56 !important;
        font-family: "SMV Waheed", "Noto Sans Thaana", Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        box-shadow: none !important;
        cursor: pointer !important;
    }

    .smv-mobile-menu-icon {
        font-family: Arial, sans-serif !important;
        font-size: 18px !important;
        line-height: 1 !important;
        transform: translateY(-1px);
    }

    /* Off-canvas menu: overlays the page instead of pushing it down */
    .smv-mobile-menu-backdrop {
        display: block !important;
        position: fixed !important;
        z-index: 10001 !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: rgba(7,23,19,.42) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: opacity .22s ease, visibility .22s ease !important;
    }

    .smv-mobile-menu-panel {
        display: flex !important;
        flex-direction: column !important;
        position: fixed !important;
        z-index: 10002 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: min(86vw, 350px) !important;
        max-width: 350px !important;
        height: 100dvh !important;
        margin: 0 !important;
        padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom) !important;
        overflow: hidden !important;
        background: #fff !important;
        border: 0 !important;
        box-shadow: -18px 0 50px rgba(7,31,24,.18) !important;
        transform: translateX(105%) !important;
        transition: transform .24s cubic-bezier(.2,.75,.25,1) !important;
        direction: rtl !important;
    }

    .smv-mobile-menu-open .smv-mobile-menu-backdrop {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .smv-mobile-menu-open .smv-mobile-menu-panel {
        transform: translateX(0) !important;
    }

    .smv-mobile-menu-panel-head {
        flex: 0 0 auto !important;
        min-height: 68px !important;
        padding: 10px 15px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        border-bottom: 1px solid #e5ece9 !important;
        background: #fff !important;
    }

    .smv-mobile-menu-panel-title {
        color: #17211d !important;
        font-family: "SMV Waheed", "Noto Sans Thaana", Arial, sans-serif !important;
        font-size: 20px !important;
        font-weight: 400 !important;
    }

    .smv-mobile-menu-close {
        width: 40px !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 0 3px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid #dbe7e3 !important;
        border-radius: 50% !important;
        background: #f7faf9 !important;
        color: #46534e !important;
        font-family: Arial, sans-serif !important;
        font-size: 28px !important;
        line-height: 1 !important;
    }

    .smv-mobile-menu-list {
        flex: 1 1 auto !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 8px 14px 22px !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        display: block !important;
        background: #fff !important;
    }

    .smv-mobile-menu-list li {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #eef2f0 !important;
    }

    .smv-mobile-menu-list li:last-child {
        border-bottom: 0 !important;
    }

    .smv-mobile-menu-list a {
        min-height: 50px !important;
        padding: 9px 7px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #24332e !important;
        font-family: "SMV Waheed", "Noto Sans Thaana", Arial, sans-serif !important;
        font-size: 16px !important;
        line-height: 1.55 !important;
        text-align: right !important;
        text-decoration: none !important;
    }

    .smv-mobile-menu-list a:active,
    .smv-mobile-menu-list a:focus {
        color: #075e56 !important;
        background: #f1f8f6 !important;
    }

    /* Main article */
    #system article.smv-modern-article,
    article.smv-modern-article {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 18px 0 38px !important;
        background: #fff !important;
    }

    .smv-modern-article .smv-modern-hero {
        width: calc(100% - 28px) !important;
        max-width: none !important;
        margin: 0 auto 23px !important;
        border: 1px solid #e6eeeb !important;
        border-radius: 15px !important;
        background: #f7f9f8 !important;
        box-shadow: 0 10px 28px rgba(16,49,40,.075) !important;
    }

    .smv-modern-article .smv-modern-hero img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        background: #f7f9f8 !important;
    }

    .smv-modern-article .smv-modern-head {
        width: calc(100% - 32px) !important;
        max-width: none !important;
        margin: 0 auto 12px !important;
        padding: 0 2px !important;
    }

    .smv-modern-category {
        min-height: 30px !important;
        margin-bottom: 13px !important;
        padding: 5px 12px 4px !important;
        font-size: 12px !important;
    }

    .smv-modern-title {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 13px !important;
        padding: 0 !important;
        font-family: "SMV Waheed", "Noto Sans Thaana", "Noto Naskh Arabic", Faruma, Arial, sans-serif !important;
        font-size: 25px !important;
        font-weight: 400 !important;
        line-height: 1.62 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
        overflow-wrap: anywhere !important;
    }

    .smv-modern-meta {
        margin-top: 0 !important;
        gap: 5px !important;
        font-size: 13px !important;
        line-height: 1.65 !important;
    }

    .smv-modern-author { font-size: 13px !important; }
    .smv-modern-date { font-size: 12px !important; line-height: 1.6 !important; }

    .smv-modern-stats {
        gap: 7px !important;
        margin-top: 13px !important;
    }

    .smv-modern-stat {
        min-height: 33px !important;
        padding: 6px 10px 5px !important;
        font-size: 11px !important;
        line-height: 1.3 !important;
    }

    .smv-modern-share {
        gap: 6px !important;
        margin-top: 11px !important;
    }

    .smv-modern-share-label {
        width: 100% !important;
        margin: 0 0 1px !important;
        font-size: 10px !important;
        text-align: center !important;
    }

    .smv-modern-share a {
        min-height: 31px !important;
        padding: 5px 9px 4px !important;
        font-size: 10px !important;
    }

    /* Reading column */
    .smv-modern-article .smv-modern-content,
    .smv-modern-article .content.clearfix,
    .smv-modern-article > .content {
        display: block !important;
        width: calc(100% - 34px) !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 30px auto 0 !important;
        padding: 35px 0 8px !important;
        overflow: visible !important;
        background: #fff !important;
    }

    .smv-modern-article .content > div,
    .smv-modern-article .content > p,
    .smv-modern-article .content section,
    .smv-modern-article .content article,
    .smv-modern-article .content figure {
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .smv-modern-article .smv-modern-content p,
    .smv-modern-article .content p {
        width: auto !important;
        max-width: 100% !important;
        margin: 0 0 25px !important;
        padding: 0 !important;
        font-size: 18.5px !important;
        line-height: 2.02 !important;
        text-align: right !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }

    .smv-modern-article .content h2 { font-size: 27px !important; line-height: 1.62 !important; }
    .smv-modern-article .content h3 { font-size: 23px !important; line-height: 1.62 !important; }
    .smv-modern-article .content h4 { font-size: 20px !important; line-height: 1.62 !important; }

    .smv-modern-article .content [lang="ar"],
    .smv-modern-article .content .arabic {
        font-size: 20px !important;
        line-height: 1.95 !important;
    }

    .smv-modern-article .content img,
    .smv-modern-article .content figure img {
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 21px auto !important;
        border-radius: 10px !important;
    }

    .smv-modern-article .content ul,
    .smv-modern-article .content ol {
        max-width: 100% !important;
        margin-bottom: 28px !important;
        padding-right: 23px !important;
        padding-left: 0 !important;
        font-size: 18.5px !important;
        line-height: 1.95 !important;
    }

    .smv-modern-article .content blockquote {
        width: 100% !important;
        max-width: 100% !important;
        margin: 26px auto !important;
        padding: 19px 17px 18px !important;
        border-right-width: 4px !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 22px rgba(16,49,40,.045) !important;
    }

    .smv-modern-article .content blockquote p {
        margin-bottom: 12px !important;
        font-size: 19px !important;
        line-height: 1.95 !important;
    }

    .smv-modern-article .content table {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .smv-modern-article .tags,
    .smv-modern-article ul.tags,
    .smv-modern-article .page-nav {
        width: calc(100% - 34px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 390px) {
    .smv-mobile-sitebar,
    .smv-mobile-sitebar-row { height: 64px !important; }
    .smv-mobile-sitebar-row { padding-left: 10px !important; padding-right: 10px !important; }
    .smv-mobile-brand { max-width: 150px !important; height: 50px !important; }
    .smv-mobile-brand img { max-width: 138px !important; max-height: 46px !important; }
    .smv-mobile-menu-toggle { min-width: 76px !important; height: 40px !important; padding: 0 11px !important; }
    .smv-modern-title { font-size: 23px !important; }
    .smv-modern-article .content p { font-size: 18px !important; }
    .smv-modern-share a { padding-left: 8px !important; padding-right: 8px !important; }
}

/* Desktop keeps the v1.3 editorial proportions, with the old social rails
   hidden whenever JavaScript marks them. */
@media (min-width: 768px) {
    body.smv-modern-article-active #block-main {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* ==========================================================
   v1.5.0 — SIHHATH-STYLE SINGLE ARTICLE REFINEMENT
   Clean editorial single page + remove all legacy share bars
   ========================================================== */

/* Use a clean white reading canvas like the Sihhath single page. */
body.smv-modern-article-active,
body.smv-modern-article-active #block-main,
body.smv-modern-article-active #main,
body.smv-modern-article-active #maininner,
body.smv-modern-article-active #system,
body.smv-modern-article-active .smv-modern-article {
    background: #ffffff !important;
    background-image: none !important;
}

/* The old template can leave decorative lines, textures and shadows around
   the main article. Strip them only on single articles. */
body.smv-modern-article-active #block-main,
body.smv-modern-article-active #main,
body.smv-modern-article-active #maininner,
body.smv-modern-article-active #system {
    border: 0 !important;
    box-shadow: none !important;
}

/* Desktop masthead: keep the existing Salafiyyah identity, but make it much
   calmer and closer to the clean Sihhath header. */
@media screen and (min-width: 768px) {
    body.smv-modern-article-active #block-header,
    body.smv-modern-article-active #header {
        background: #fff !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    body.smv-modern-article-active #header {
        width: min(1200px, calc(100vw - 54px)) !important;
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.smv-modern-article-active #headerbar {
        min-height: 0 !important;
        padding-top: 20px !important;
        padding-bottom: 16px !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    body.smv-modern-article-active #logo,
    body.smv-modern-article-active #logo a {
        float: none !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    body.smv-modern-article-active #logo img {
        display: block !important;
        width: auto !important;
        max-width: min(290px, 34vw) !important;
        max-height: 155px !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    body.smv-modern-article-active #menubar {
        min-height: 54px !important;
        margin-top: 4px !important;
        border-top: 1px solid #e8ecea !important;
        border-bottom: 1px solid #e8ecea !important;
        background: #fff !important;
        box-shadow: none !important;
    }
}

/* Legacy share systems seen above/beside the article. These selectors are
   intentionally excluded from our own .smv-modern-share row. */
body.smv-modern-article-active .shareaholic-canvas,
body.smv-modern-article-active .shareaholic-share-buttons-container,
body.smv-modern-article-active .addthis_toolbox,
body.smv-modern-article-active .addthis_inline_share_toolbox,
body.smv-modern-article-active .addthis_default_style,
body.smv-modern-article-active .sharethis-inline-share-buttons,
body.smv-modern-article-active .st-inline-share-buttons,
body.smv-modern-article-active .social-share,
body.smv-modern-article-active .social-sharing,
body.smv-modern-article-active .social-share-buttons,
body.smv-modern-article-active .share-buttons:not(.smv-modern-share),
body.smv-modern-article-active .sharing-buttons:not(.smv-modern-share),
body.smv-modern-article-active .rrssb-buttons,
body.smv-modern-article-active .at-share-btn-elements,
body.smv-modern-article-active [class*="sharethis"],
body.smv-modern-article-active [id*="sharethis"],
body.smv-modern-article-active .smv-modern-hidden-legacy-social {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

/* Sihhath-like article proportions: hero first, then centered title/meta,
   then a narrow reading column. */
.smv-modern-article .smv-modern-hero {
    width: min(980px, calc(100vw - 70px)) !important;
    max-width: 980px !important;
    margin: 46px auto 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #f5f5f5 !important;
    box-shadow: none !important;
}

.smv-modern-article .smv-modern-hero img {
    width: 100% !important;
    height: auto !important;
    max-height: 540px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 0 !important;
}

.smv-modern-article .smv-modern-head {
    width: min(900px, calc(100vw - 70px)) !important;
    max-width: 900px !important;
    margin: 34px auto 38px !important;
    padding: 0 !important;
    text-align: center !important;
    background: #fff !important;
}

.smv-modern-category {
    min-height: 30px !important;
    margin: 0 auto 16px !important;
    padding: 5px 13px 4px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--smv-modern-accent-dark) !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

.smv-modern-title {
    max-width: 900px !important;
    margin: 0 auto 18px !important;
    color: #222 !important;
    font-family: "SMV Waheed", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
    font-size: clamp(38px, 3.55vw, 52px) !important;
    line-height: 1.38 !important;
    font-weight: 400 !important;
    text-align: center !important;
}

.smv-modern-meta {
    justify-content: center !important;
    margin: 0 auto 14px !important;
    color: #777 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.smv-modern-date {
    font-family: Georgia, "Times New Roman", serif !important;
    color: #777 !important;
}

.smv-modern-stats {
    justify-content: center !important;
    gap: 10px !important;
    margin: 0 auto 18px !important;
}

.smv-modern-stat {
    min-height: 34px !important;
    padding: 7px 15px 6px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    box-shadow: 0 6px 18px rgba(15,23,42,.035) !important;
}

.smv-modern-view-stat {
    border-color: #cfe4df !important;
    background: #f2faf8 !important;
    color: var(--smv-modern-accent-dark) !important;
}

/* Our replacement share row — this is the only sharing UI we keep. */
.smv-modern-share {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 13px auto 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.smv-modern-share-label {
    color: #8a9490 !important;
    font-family: "SMV Faseyha", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
    font-size: 12px !important;
}

.smv-modern-share a.smv-modern-share-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 34px !important;
    padding: 6px 12px !important;
    border: 1px solid #e0e7e4 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #4f5d57 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: 0 5px 15px rgba(15,23,42,.025) !important;
    transition: border-color .18s ease, color .18s ease, transform .18s ease, background .18s ease !important;
}

.smv-modern-share a.smv-modern-share-btn:hover {
    border-color: #a8cfc6 !important;
    background: #f8fbfa !important;
    color: var(--smv-modern-accent-dark) !important;
    transform: translateY(-1px) !important;
}

.smv-modern-share-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}
.smv-share-telegram .smv-modern-share-icon { background: #229ed9 !important; }
.smv-share-whatsapp .smv-modern-share-icon { background: #25d366 !important; }
.smv-share-facebook .smv-modern-share-icon { background: #1877f2 !important; }
.smv-share-x .smv-modern-share-icon { background: #111 !important; }

/* Reading column based closely on the supplied Sihhath single-article source. */
.smv-modern-article .smv-modern-content {
    width: min(760px, calc(100vw - 70px)) !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 0 0 60px !important;
    color: #2d3748 !important;
    font-family: "SMV Faseyha", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
}

.smv-modern-article .smv-modern-content p {
    font-size: 20px !important;
    line-height: 2.25 !important;
    color: #2d3748 !important;
    margin: 0 0 42px !important;
    text-align: right !important;
    font-weight: 400 !important;
}

.smv-modern-article .smv-modern-content h2,
.smv-modern-article .smv-modern-content h3,
.smv-modern-article .smv-modern-content h4 {
    color: #111 !important;
    line-height: 1.6 !important;
    margin: 38px 0 16px !important;
}
.smv-modern-article .smv-modern-content h2 { font-size: 34px !important; }
.smv-modern-article .smv-modern-content h3 { font-size: 29px !important; }
.smv-modern-article .smv-modern-content h4 { font-size: 25px !important; }

.smv-modern-article .smv-modern-content img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 28px auto !important;
    float: none !important;
    clear: both !important;
    border-radius: 0 !important;
}

.smv-modern-article .smv-modern-content blockquote {
    position: relative !important;
    margin: 34px auto !important;
    padding: 26px 30px 24px !important;
    background: #f8fbfa !important;
    border: 0 !important;
    border-right: 5px solid var(--smv-modern-accent) !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.04) !important;
    clear: both !important;
}

.smv-modern-article .smv-modern-content blockquote p {
    margin: 0 0 14px !important;
    font-family: "SMV Arabic", "Noto Naskh Arabic", "SMV Faseyha", Arial, sans-serif !important;
    font-size: 22px !important;
    line-height: 2.2 !important;
    color: #111 !important;
}
.smv-modern-article .smv-modern-content blockquote p:last-child { margin-bottom: 0 !important; }

/* MOBILE */
@media screen and (max-width: 767px) {
    body.smv-modern-article-active,
    body.smv-modern-article-active #block-main,
    body.smv-modern-article-active #main,
    body.smv-modern-article-active #maininner,
    body.smv-modern-article-active #system {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        background: #fff !important;
    }

    .smv-modern-article .smv-modern-hero {
        width: calc(100vw - 28px) !important;
        max-width: none !important;
        margin: 22px auto 0 !important;
        border-radius: 0 !important;
    }

    .smv-modern-article .smv-modern-hero img {
        max-height: 430px !important;
    }

    .smv-modern-article .smv-modern-head {
        width: calc(100vw - 38px) !important;
        max-width: none !important;
        margin: 26px auto 31px !important;
        padding: 0 !important;
    }

    .smv-modern-title {
        font-size: clamp(30px, 8.3vw, 38px) !important;
        line-height: 1.48 !important;
        margin-bottom: 16px !important;
    }

    .smv-modern-meta {
        font-size: 12px !important;
        gap: 7px !important;
        margin-bottom: 13px !important;
    }

    .smv-modern-stats {
        gap: 7px !important;
        margin-bottom: 14px !important;
    }

    .smv-modern-stat {
        min-height: 31px !important;
        padding: 6px 11px 5px !important;
        font-size: 11px !important;
    }

    .smv-modern-share {
        gap: 6px !important;
        margin-top: 12px !important;
    }
    .smv-modern-share-label { width: 100% !important; margin-bottom: 1px !important; }
    .smv-modern-share a.smv-modern-share-btn {
        min-height: 34px !important;
        padding: 5px 9px !important;
        font-size: 10px !important;
    }
    .smv-modern-share-icon {
        width: 20px !important;
        height: 20px !important;
        font-size: 11px !important;
    }

    .smv-modern-article .smv-modern-content {
        width: calc(100vw - 42px) !important;
        max-width: none !important;
        padding-bottom: 48px !important;
    }

    .smv-modern-article .smv-modern-content p {
        font-size: 18px !important;
        line-height: 2.15 !important;
        margin-bottom: 32px !important;
    }

    .smv-modern-article .smv-modern-content blockquote {
        margin: 28px auto !important;
        padding: 21px 20px 20px !important;
        border-right-width: 4px !important;
        border-radius: 12px !important;
    }
    .smv-modern-article .smv-modern-content blockquote p {
        font-size: 20px !important;
        line-height: 2.05 !important;
    }
}

/* ==========================================================
   v1.6.0 — CLEAN TITLE + STICKY NAVIGATION + POLISHED SEARCH
   ========================================================== */

/* Old Warp month/day badges must never sit beside the modern title. */
body.smv-modern-article-active #system > .date,
body.smv-modern-article-active #system > .created,
body.smv-modern-article-active #system > .published,
body.smv-modern-article-active #system > [class^="date-"],
body.smv-modern-article-active #system > [class*=" date-"],
.smv-modern-article > .date,
.smv-modern-article > .created,
.smv-modern-article > .published,
.smv-modern-article > [class^="date-"],
.smv-modern-article > [class*=" date-"],
.smv-modern-article > [class^="month-"],
.smv-modern-article > [class*=" month-"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Make the title unmistakably separate from all metadata. */
.smv-modern-title {
    isolation: isolate !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ---------- DESKTOP STICKY NAV ---------- */
.smv-desktop-sticky-nav {
    display: none;
}

@media screen and (min-width: 768px) {
    .smv-desktop-sticky-nav {
        display: none !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 12000 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: rgba(255,255,255,.97) !important;
        border-top: 1px solid #edf1ef !important;
        border-bottom: 1px solid #dfe7e4 !important;
        box-shadow: 0 8px 28px rgba(21,50,42,.09) !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        overflow: visible !important;
        transition: box-shadow .2s ease, border-color .2s ease !important;
    }

    .smv-desktop-sticky-nav.smv-desktop-nav-fixed {
        display: block !important;
    }

    .smv-desktop-sticky-nav.smv-desktop-nav-scrolled {
        border-bottom-color: #d2dfdb !important;
        box-shadow: 0 10px 30px rgba(21,50,42,.10) !important;
    }

    .smv-desktop-sticky-inner {
        width: min(1260px, calc(100vw - 48px)) !important;
        min-height: 64px !important;
        margin: 0 auto !important;
        padding: 0 6px !important;
        display: grid !important;
        grid-template-columns: minmax(190px, 255px) minmax(0, 1fr) 76px !important;
        align-items: center !important;
        gap: 20px !important;
        direction: ltr !important;
    }

    .smv-desktop-sticky-brand {
        width: 64px !important;
        height: 52px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 2px !important;
        border-radius: 10px !important;
        text-decoration: none !important;
        overflow: hidden !important;
    }

    .smv-desktop-sticky-brand img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 62px !important;
        max-height: 48px !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    .smv-desktop-menu-wrap {
        min-width: 0 !important;
        height: 64px !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
        direction: rtl !important;
    }

    .smv-desktop-menu-list {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: clamp(12px, 1.65vw, 25px) !important;
        direction: rtl !important;
        white-space: nowrap !important;
    }

    .smv-desktop-menu-list li {
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
    }

    .smv-desktop-menu-list > li > a {
        height: 64px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 2px 0 0 !important;
        border: 0 !important;
        border-bottom: 3px solid transparent !important;
        background: transparent !important;
        color: #24312c !important;
        font-family: "SMV Waheed", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        text-decoration: none !important;
        transition: color .18s ease, border-color .18s ease !important;
    }

    .smv-desktop-menu-list > li:hover > a,
    .smv-desktop-menu-list > li:focus-within > a,
    .smv-desktop-menu-list > .active > a,
    .smv-desktop-menu-list > .current > a,
    .smv-desktop-menu-list > .current-menu-item > a {
        color: var(--smv-modern-accent-dark, #075e56) !important;
        border-bottom-color: var(--smv-modern-accent, #0b8073) !important;
    }

    .smv-desktop-menu-list ul {
        display: none !important;
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        min-width: 245px !important;
        margin: 0 !important;
        padding: 9px !important;
        list-style: none !important;
        background: #fff !important;
        border: 1px solid #dde7e3 !important;
        border-radius: 0 0 14px 14px !important;
        box-shadow: 0 18px 42px rgba(15,47,38,.14) !important;
        z-index: 13000 !important;
        white-space: normal !important;
    }

    .smv-desktop-menu-list li:hover > ul,
    .smv-desktop-menu-list li:focus-within > ul {
        display: block !important;
    }

    .smv-desktop-menu-list ul li {
        width: 100% !important;
        border-bottom: 1px solid #edf2f0 !important;
    }
    .smv-desktop-menu-list ul li:last-child { border-bottom: 0 !important; }
    .smv-desktop-menu-list ul a {
        display: block !important;
        padding: 9px 12px !important;
        border-radius: 8px !important;
        color: #2c3934 !important;
        font-family: "SMV Waheed", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
        font-size: 13px !important;
        line-height: 1.65 !important;
        text-decoration: none !important;
        background: #fff !important;
    }
    .smv-desktop-menu-list ul a:hover {
        color: var(--smv-modern-accent-dark, #075e56) !important;
        background: #f2f8f6 !important;
    }

    .smv-desktop-search-wrap {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        direction: rtl !important;
    }

    .smv-desktop-search-form {
        width: 100% !important;
        max-width: 255px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 4px 5px 4px 13px !important;
        display: flex !important;
        align-items: center !important;
        flex-direction: row-reverse !important;
        gap: 7px !important;
        border: 1px solid #d9e5e1 !important;
        border-radius: 999px !important;
        background: #fff !important;
        box-shadow: 0 5px 16px rgba(15,47,38,.045) !important;
        direction: rtl !important;
        transition: border-color .18s ease, box-shadow .18s ease !important;
    }

    .smv-desktop-search-form:focus-within {
        border-color: #91c6ba !important;
        box-shadow: 0 7px 24px rgba(11,128,115,.10) !important;
    }

    .smv-desktop-search-form input[type="search"],
    .smv-desktop-search-form input[type="text"] {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 5px !important;
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #27332e !important;
        font-family: "SMV Faseyha", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
        font-size: 13px !important;
        line-height: 30px !important;
        text-align: right !important;
        direction: rtl !important;
    }

    .smv-desktop-search-form button,
    .smv-desktop-search-form input[type="submit"] {
        flex: 0 0 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: var(--smv-modern-accent, #0b8073) !important;
        color: #fff !important;
        font-family: Arial, sans-serif !important;
        font-size: 17px !important;
        line-height: 32px !important;
        text-align: center !important;
        cursor: pointer !important;
        box-shadow: none !important;
    }

}

/* ---------- MOBILE FIXED HEADER + SEARCH ---------- */
.smv-mobile-actions,
.smv-mobile-search-panel { display: none; }

@media screen and (max-width: 767px) {
    body.smv-modern-mobile-ready {
        padding-top: 66px !important;
    }

    .smv-mobile-sitebar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 66px !important;
        z-index: 14000 !important;
        background: rgba(255,255,255,.985) !important;
        border-bottom: 1px solid #dce6e2 !important;
        box-shadow: 0 7px 24px rgba(15,47,38,.09) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }

    .smv-mobile-sitebar-row {
        height: 66px !important;
        padding: 7px 10px !important;
    }

    .smv-mobile-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 7px !important;
        flex: 0 0 auto !important;
        direction: ltr !important;
    }

    .smv-mobile-search-toggle,
    .smv-mobile-menu-toggle {
        height: 40px !important;
        min-height: 40px !important;
        border: 1px solid #cfe0db !important;
        background: #f3f8f6 !important;
        color: #183c33 !important;
        box-shadow: none !important;
    }

    .smv-mobile-search-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 40px !important;
        min-width: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 50% !important;
        cursor: pointer !important;
    }

    .smv-mobile-search-icon {
        font-family: Arial, sans-serif !important;
        font-size: 20px !important;
        line-height: 1 !important;
        transform: translateY(-1px) !important;
    }

    .smv-mobile-menu-toggle {
        min-width: 76px !important;
        padding: 0 11px !important;
        border-radius: 999px !important;
    }

    .smv-mobile-search-panel {
        display: block !important;
        position: fixed !important;
        top: 73px !important;
        left: 12px !important;
        right: 12px !important;
        z-index: 14003 !important;
        margin: 0 !important;
        padding: 10px !important;
        background: #fff !important;
        border: 1px solid #dbe6e2 !important;
        border-radius: 15px !important;
        box-shadow: 0 18px 45px rgba(10,42,33,.16) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(-8px) scale(.985) !important;
        pointer-events: none !important;
        transition: opacity .18s ease, visibility .18s ease, transform .18s ease !important;
    }

    .smv-mobile-search-open .smv-mobile-search-panel {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) scale(1) !important;
        pointer-events: auto !important;
    }

    .smv-mobile-search-form {
        width: 100% !important;
        height: 46px !important;
        margin: 0 !important;
        padding: 4px 5px 4px 12px !important;
        display: flex !important;
        align-items: center !important;
        flex-direction: row-reverse !important;
        gap: 7px !important;
        border: 1px solid #d8e4e0 !important;
        border-radius: 999px !important;
        background: #fbfdfc !important;
        direction: rtl !important;
    }

    .smv-mobile-search-form input[type="search"],
    .smv-mobile-search-form input[type="text"] {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        height: 36px !important;
        margin: 0 !important;
        padding: 0 7px !important;
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #26342f !important;
        font-family: "SMV Faseyha", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
        font-size: 16px !important;
        text-align: right !important;
        direction: rtl !important;
    }

    .smv-mobile-search-form button,
    .smv-mobile-search-form input[type="submit"] {
        flex: 0 0 36px !important;
        width: 36px !important;
        min-width: 36px !important;
        height: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: var(--smv-modern-accent, #0b8073) !important;
        color: #fff !important;
        font-family: Arial, sans-serif !important;
        font-size: 18px !important;
        line-height: 36px !important;
        text-align: center !important;
    }

    /* A calmer, more editorial menu drawer. */
    .smv-mobile-menu-panel {
        width: min(88vw, 360px) !important;
        max-width: 360px !important;
        box-shadow: -20px 0 55px rgba(7,31,24,.22) !important;
    }

    .smv-mobile-menu-panel-head {
        min-height: 66px !important;
        padding: 10px 14px !important;
        background: linear-gradient(180deg,#ffffff,#f8fbfa) !important;
    }

    .smv-mobile-menu-list {
        padding: 10px 13px 24px !important;
    }

    .smv-mobile-menu-list li {
        margin: 4px 0 !important;
        border-bottom: 0 !important;
    }

    .smv-mobile-menu-list a {
        min-height: 50px !important;
        padding: 10px 13px !important;
        border: 1px solid transparent !important;
        border-radius: 12px !important;
        color: #26352f !important;
        background: #fff !important;
        font-size: 16px !important;
        line-height: 1.55 !important;
    }

    .smv-mobile-menu-list a:active,
    .smv-mobile-menu-list a:focus {
        color: #075e56 !important;
        border-color: #d4e7e1 !important;
        background: #eef7f4 !important;
    }

    /* Ensure the clean title itself never gets crowded by any legacy badge. */
    .smv-modern-title {
        display: block !important;
        width: 100% !important;
        clear: both !important;
        float: none !important;
    }
}

/* ==========================================================
   v1.7 — RELATED ARTICLES + PREMIUM FOOTER
   ========================================================== */

/* Hide Joomla/YOOtheme legacy related lists now replaced by our cards. */
body.smv-modern-article-active .relateditems,
body.smv-modern-article-active .mod-articles-related,
body.smv-modern-article-active .article-related,
body.smv-modern-article-active .related-articles,
body.smv-modern-article-active .items-related,
body.smv-modern-article-active #relateditems {
    display: none !important;
}

/* Replace the old Warp footer on single articles only. */
body.smv-modern-footer-ready #footer,
body.smv-modern-footer-ready #block-footer,
body.smv-modern-footer-ready footer#footer {
    display: none !important;
}

.smv-modern-related {
    width: min(980px, calc(100vw - 72px)) !important;
    max-width: 980px !important;
    margin: 72px auto 0 !important;
    padding: 34px 0 0 !important;
    border-top: 1px solid #e5ece9 !important;
    direction: rtl !important;
    text-align: right !important;
    clear: both !important;
}

.smv-modern-related-top {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin: 0 0 28px !important;
    padding: 0 2px !important;
}

.smv-modern-related-eyebrow {
    order: 2;
    color: #99a59f !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 12px !important;
    letter-spacing: .08em !important;
    direction: ltr !important;
    text-transform: lowercase !important;
}

.smv-modern-related-title {
    order: 1;
    margin: 0 !important;
    padding: 0 !important;
    color: #17211d !important;
    font-family: "SMV Waheed", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
    font-size: 31px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    text-align: right !important;
}

.smv-modern-related-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
}

.smv-modern-related-card {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    border: 1px solid #e4ebe8 !important;
    border-radius: 17px !important;
    background: #fff !important;
    color: inherit !important;
    text-decoration: none !important;
    box-shadow: 0 9px 27px rgba(16,49,40,.045) !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.smv-modern-related-card:hover {
    transform: translateY(-4px) !important;
    border-color: #c9ddd7 !important;
    box-shadow: 0 17px 38px rgba(16,49,40,.10) !important;
}

.smv-modern-related-media {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #edf6f3, #f7f2e6) !important;
}

.smv-modern-related-media::after {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset 0 -34px 50px rgba(8,33,27,.045);
    pointer-events: none;
}

.smv-modern-related-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    transition: transform .35s ease !important;
}

.smv-modern-related-card:hover .smv-modern-related-media img {
    transform: scale(1.035) !important;
}

.smv-modern-related-placeholder {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    color: rgba(7,94,86,.78) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    direction: ltr !important;
}

.smv-modern-related-card-body {
    min-height: 174px !important;
    padding: 17px 18px 19px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

.smv-modern-related-cat {
    margin: 0 0 7px !important;
    color: var(--smv-modern-accent-dark, #075e56) !important;
    font-family: "SMV Waheed", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.smv-modern-related-card h3 {
    margin: 0 0 14px !important;
    padding: 0 !important;
    color: #19251f !important;
    font-family: "SMV Waheed", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 1.58 !important;
    text-align: right !important;
    overflow-wrap: anywhere !important;
}

.smv-modern-related-date {
    margin-top: auto !important;
    color: #98a29d !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    text-align: right !important;
    direction: ltr !important;
}

/* Premium white/charcoal footer, deliberately calm so article content stays primary. */
.smv-modern-site-footer {
    width: 100% !important;
    margin: 82px 0 0 !important;
    padding: 0 !important;
    clear: both !important;
    background: #111816 !important;
    border-top: 4px solid var(--smv-modern-accent, #0b8073) !important;
    color: #eef4f1 !important;
    direction: rtl !important;
    text-align: center !important;
    position: relative !important;
    z-index: 20 !important;
}

.smv-modern-site-footer::before {
    content: "";
    position: absolute;
    top: -4px;
    left: 50%;
    width: 150px;
    height: 4px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, #0b8073, #aa8d4e) !important;
}

.smv-modern-footer-inner {
    width: min(1180px, calc(100vw - 60px)) !important;
    margin: 0 auto !important;
    padding: 50px 0 26px !important;
}

.smv-modern-footer-brand-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.smv-modern-footer-brand {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 74px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    direction: ltr !important;
}

.smv-modern-footer-brand img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 190px !important;
    max-height: 92px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    filter: brightness(1.08) saturate(.92) !important;
}

.smv-modern-footer-brand-line {
    display: block !important;
    width: 66px !important;
    height: 3px !important;
    margin: 15px auto 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #0b8073, #aa8d4e) !important;
}

.smv-modern-footer-nav {
    margin: 28px auto 0 !important;
}

.smv-modern-footer-links {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px 24px !important;
}

.smv-modern-footer-links li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.smv-modern-footer-links a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 4px 1px !important;
    color: rgba(238,244,241,.82) !important;
    font-family: "SMV Waheed", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-decoration: none !important;
    border-bottom: 1px solid transparent !important;
    transition: color .2s ease, border-color .2s ease !important;
}

.smv-modern-footer-links a:hover {
    color: #fff !important;
    border-bottom-color: rgba(141,212,199,.65) !important;
}

.smv-modern-footer-meta {
    margin-top: 34px !important;
    padding-top: 22px !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    direction: ltr !important;
}

.smv-modern-footer-copy {
    color: rgba(238,244,241,.58) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
}

.smv-modern-footer-top {
    width: 40px !important;
    height: 40px !important;
    padding: 0 0 2px !important;
    margin: 0 !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
    font-family: Arial, sans-serif !important;
    font-size: 19px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    transition: background .2s ease, transform .2s ease !important;
}

.smv-modern-footer-top:hover {
    background: var(--smv-modern-accent, #0b8073) !important;
    transform: translateY(-2px) !important;
}

@media (max-width: 900px) and (min-width: 768px) {
    .smv-modern-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .smv-modern-related-card:last-child:nth-child(odd) {
        grid-column: 1 / -1 !important;
        width: calc(50% - 12px) !important;
        justify-self: center !important;
    }
}

@media (max-width: 767px) {
    .smv-modern-related {
        width: calc(100% - 34px) !important;
        max-width: none !important;
        margin: 46px auto 0 !important;
        padding-top: 25px !important;
    }

    .smv-modern-related-top {
        align-items: center !important;
        margin-bottom: 20px !important;
    }

    .smv-modern-related-eyebrow {
        display: none !important;
    }

    .smv-modern-related-title {
        width: 100% !important;
        font-size: 25px !important;
        line-height: 1.5 !important;
        text-align: right !important;
    }

    .smv-modern-related-grid {
        grid-template-columns: 1fr !important;
        gap: 17px !important;
    }

    .smv-modern-related-card {
        display: grid !important;
        grid-template-columns: 118px minmax(0,1fr) !important;
        min-height: 116px !important;
        border-radius: 14px !important;
    }

    .smv-modern-related-media {
        width: 118px !important;
        height: 100% !important;
        min-height: 116px !important;
        aspect-ratio: auto !important;
    }

    .smv-modern-related-card-body {
        min-height: 116px !important;
        padding: 12px 13px 12px !important;
    }

    .smv-modern-related-cat {
        margin-bottom: 5px !important;
        font-size: 10px !important;
    }

    .smv-modern-related-card h3 {
        margin-bottom: 7px !important;
        font-size: 17px !important;
        line-height: 1.58 !important;
    }

    .smv-modern-related-date {
        font-size: 10px !important;
    }

    .smv-modern-site-footer {
        margin-top: 54px !important;
    }

    .smv-modern-footer-inner {
        width: calc(100% - 34px) !important;
        padding: 38px 0 20px !important;
    }

    .smv-modern-footer-brand {
        min-height: 62px !important;
        font-size: 30px !important;
    }

    .smv-modern-footer-brand img {
        max-width: 158px !important;
        max-height: 74px !important;
    }

    .smv-modern-footer-nav {
        margin-top: 23px !important;
    }

    .smv-modern-footer-links {
        gap: 4px 16px !important;
    }

    .smv-modern-footer-links a {
        min-height: 31px !important;
        font-size: 12px !important;
    }

    .smv-modern-footer-meta {
        margin-top: 26px !important;
        padding-top: 18px !important;
    }

    .smv-modern-footer-copy {
        font-size: 11px !important;
    }

    .smv-modern-footer-top {
        width: 38px !important;
        height: 38px !important;
    }
}

/* ==========================================================
   v1.8.0 — ROBUST DESKTOP FIXED NAV + MULTI-LEVEL SUBMENUS
   ========================================================== */

.smv-desktop-nav-placeholder {
    display: none;
}

@media screen and (min-width: 768px) {
    /* The nav itself is mounted directly under BODY by v1.8. This avoids
       old Warp overflow/transform containers clipping the dropdowns. */
    .smv-desktop-nav-placeholder {
        display: block !important;
        width: 100% !important;
        height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .smv-desktop-sticky-nav {
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: 0;
        width: 100% !important;
        z-index: 2147482000 !important;
        overflow: visible !important;
        isolation: isolate !important;
    }

    .smv-desktop-sticky-nav.smv-desktop-nav-fixed {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 2147482000 !important;
        box-shadow: 0 10px 32px rgba(21,50,42,.13) !important;
    }

    .smv-desktop-sticky-inner,
    .smv-desktop-menu-wrap,
    .smv-desktop-menu-list,
    .smv-desktop-menu-list li {
        overflow: visible !important;
    }

    /* Clean normalized dropdown tree. */
    .smv-desktop-menu-list .smv-menu-caret {
        display: inline-block !important;
        margin-inline-start: 5px !important;
        font-family: Arial, sans-serif !important;
        font-size: 10px !important;
        line-height: 1 !important;
        color: #82918b !important;
        transform: translateY(-1px) !important;
        transition: transform .18s ease, color .18s ease !important;
        pointer-events: none !important;
    }

    .smv-desktop-menu-list > li:hover > a .smv-menu-caret,
    .smv-desktop-menu-list > li:focus-within > a .smv-menu-caret,
    .smv-desktop-menu-list li.smv-submenu-open > a .smv-menu-caret {
        color: var(--smv-modern-accent-dark, #075e56) !important;
        transform: translateY(-1px) rotate(180deg) !important;
    }

    /* Override old generic nested-UL rules and make our submenu authoritative. */
    .smv-desktop-menu-list ul.smv-desktop-submenu {
        display: none !important;
        position: absolute !important;
        top: calc(100% - 1px) !important;
        right: -14px !important;
        left: auto !important;
        width: max-content !important;
        min-width: 250px !important;
        max-width: 360px !important;
        margin: 0 !important;
        padding: 9px !important;
        list-style: none !important;
        background: #fff !important;
        border: 1px solid #dce7e3 !important;
        border-top: 3px solid var(--smv-modern-accent, #0b8073) !important;
        border-radius: 0 0 14px 14px !important;
        box-shadow: 0 20px 46px rgba(15,47,38,.17) !important;
        white-space: normal !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        overflow: visible !important;
        z-index: 2147482500 !important;
    }

    .smv-desktop-menu-list li:hover > ul.smv-desktop-submenu,
    .smv-desktop-menu-list li:focus-within > ul.smv-desktop-submenu,
    .smv-desktop-menu-list li.smv-submenu-open > ul.smv-desktop-submenu {
        display: block !important;
    }

    .smv-desktop-menu-list ul.smv-desktop-submenu li {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #edf2f0 !important;
        position: relative !important;
    }

    .smv-desktop-menu-list ul.smv-desktop-submenu li:last-child {
        border-bottom: 0 !important;
    }

    .smv-desktop-menu-list ul.smv-desktop-submenu > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 9px !important;
        width: 100% !important;
        min-height: 42px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 8px 12px !important;
        border: 0 !important;
        border-radius: 8px !important;
        background: #fff !important;
        color: #26342f !important;
        font-family: "SMV Waheed", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.7 !important;
        text-align: right !important;
        direction: rtl !important;
        white-space: normal !important;
        text-decoration: none !important;
    }

    .smv-desktop-menu-list ul.smv-desktop-submenu > li > a:hover,
    .smv-desktop-menu-list ul.smv-desktop-submenu > li > a:focus {
        color: var(--smv-modern-accent-dark, #075e56) !important;
        background: #f2f8f6 !important;
    }

    /* Third level and deeper open to the left in RTL desktop navigation. */
    .smv-desktop-menu-list ul.smv-desktop-submenu ul.smv-desktop-submenu {
        top: -12px !important;
        right: 100% !important;
        left: auto !important;
        border-radius: 14px !important;
    }
}

/* ---------- MOBILE NESTED MENU / ACCORDION ---------- */
@media screen and (max-width: 767px) {
    .smv-mobile-menu-list li.smv-has-submenu > a {
        position: relative !important;
        padding-left: 40px !important;
    }

    .smv-mobile-menu-list .smv-menu-caret {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: absolute !important;
        left: 13px !important;
        top: 50% !important;
        width: 26px !important;
        height: 26px !important;
        transform: translateY(-50%) !important;
        border-radius: 50% !important;
        background: #eef6f3 !important;
        color: #52645d !important;
        font-family: Arial, sans-serif !important;
        font-size: 13px !important;
        line-height: 1 !important;
        transition: transform .18s ease, background .18s ease, color .18s ease !important;
    }

    .smv-mobile-menu-list li.smv-submenu-open > a .smv-menu-caret {
        transform: translateY(-50%) rotate(180deg) !important;
        background: var(--smv-modern-accent, #0b8073) !important;
        color: #fff !important;
    }

    .smv-mobile-menu-list ul.smv-mobile-submenu {
        display: none !important;
        list-style: none !important;
        margin: 0 10px 10px !important;
        padding: 5px !important;
        border: 1px solid #e0e9e6 !important;
        border-radius: 12px !important;
        background: #f8fbfa !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important;
    }

    .smv-mobile-menu-list li.smv-submenu-open > ul.smv-mobile-submenu {
        display: block !important;
    }

    .smv-mobile-menu-list ul.smv-mobile-submenu li {
        border-bottom: 1px solid #e9f0ed !important;
    }

    .smv-mobile-menu-list ul.smv-mobile-submenu li:last-child {
        border-bottom: 0 !important;
    }

    .smv-mobile-menu-list ul.smv-mobile-submenu a {
        min-height: 44px !important;
        padding: 9px 12px !important;
        border-radius: 9px !important;
        background: transparent !important;
        color: #33433d !important;
        font-size: 15px !important;
        line-height: 1.75 !important;
    }

    .smv-mobile-menu-list ul.smv-mobile-submenu a:active,
    .smv-mobile-menu-list ul.smv-mobile-submenu a:focus {
        background: #edf6f3 !important;
        color: var(--smv-modern-accent-dark, #075e56) !important;
    }

    .smv-mobile-menu-list ul.smv-mobile-submenu ul.smv-mobile-submenu {
        margin-right: 10px !important;
        background: #fff !important;
    }
}


/* ==========================================================
   v1.9 — REMOVE DUPLICATE LEGACY ARTICLE EXTRAS
   Only the premium related cards should remain below the article.
   ========================================================== */
body.smv-modern-article-active .smv-modern-article .page-nav,
body.smv-modern-article-active .smv-modern-article .items-more,
body.smv-modern-article-active #system .items-more,
body.smv-modern-article-active .smv-modern-hidden-legacy-extra {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}


/* ==========================================================
   v2.0.2 — ARTICLE FLOW SAFETY
   Never allow cleanup logic to collapse the real Joomla article.
   ========================================================== */
body.smv-modern-article-active #block-main,
body.smv-modern-article-active #main,
body.smv-modern-article-active #maininner,
body.smv-modern-article-active #content,
body.smv-modern-article-active #system,
body.smv-modern-article-active article.smv-modern-article,
body.smv-modern-article-active article.smv-modern-article .smv-modern-content {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

body.smv-modern-article-active article.smv-modern-article {
    overflow: visible !important;
}


/* ==========================================================
   Salafiyyah Modern Category v1.0.0
   ========================================================== */

body.smv-modern-category-active {
    overflow-x: hidden !important;
    background: #fff !important;
    background-image: none !important;
}

body.smv-modern-category-active #block-main,
body.smv-modern-category-active #main,
body.smv-modern-category-active #maininner,
body.smv-modern-category-active #content,
body.smv-modern-category-active #system {
    background: #fff !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.smv-modern-category-fullwidth #block-main > .wrapper,
body.smv-modern-category-fullwidth #block-main .wrapper {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.smv-modern-category-fullwidth #sidebar-a,
body.smv-modern-category-fullwidth #sidebar-b,
body.smv-modern-category-fullwidth .sidebar-a,
body.smv-modern-category-fullwidth .sidebar-b {
    display: none !important;
}

body.smv-modern-category-fullwidth #main,
body.smv-modern-category-fullwidth #maininner,
body.smv-modern-category-fullwidth #content,
body.smv-modern-category-fullwidth #system {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    clear: both !important;
}

@media screen and (min-width: 768px) {
    body.smv-modern-category-active #block-header,
    body.smv-modern-category-active #header {
        background: #fff !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    body.smv-modern-category-active #header {
        width: min(1200px, calc(100vw - 54px)) !important;
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.smv-modern-category-active #headerbar {
        min-height: 0 !important;
        padding-top: 20px !important;
        padding-bottom: 16px !important;
        background: #fff !important;
        box-shadow: none !important;
    }

    body.smv-modern-category-active #logo,
    body.smv-modern-category-active #logo a {
        float: none !important;
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    body.smv-modern-category-active #logo img {
        display: block !important;
        width: auto !important;
        max-width: min(290px, 34vw) !important;
        max-height: 155px !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    body.smv-modern-category-active #menubar {
        min-height: 54px !important;
        margin-top: 4px !important;
        border-top: 1px solid #e8ecea !important;
        border-bottom: 1px solid #e8ecea !important;
        background: #fff !important;
        box-shadow: none !important;
    }
}

/* Old category/social modules */
body.smv-modern-category-active .shareaholic-canvas,
body.smv-modern-category-active .shareaholic-share-buttons-container,
body.smv-modern-category-active .addthis_toolbox,
body.smv-modern-category-active .addthis_inline_share_toolbox,
body.smv-modern-category-active .sharethis-inline-share-buttons,
body.smv-modern-category-active .social-share,
body.smv-modern-category-active .social-sharing,
body.smv-modern-category-active .social-share-buttons,
body.smv-modern-category-active .share-buttons,
body.smv-modern-category-active .sharing-buttons,
body.smv-modern-category-active .smv-modern-hidden-legacy-social {
    display: none !important;
}

/* PAGE */
.smv-modern-category-page {
    --smv-modern-accent: #0b8073;
    --smv-modern-accent-dark: #075e56;
    --smv-modern-soft: #eef8f5;
    --smv-modern-gold: #aa8d4e;
    --smv-modern-ink: #17211d;
    --smv-modern-text: #34423c;
    --smv-modern-muted: #7b8781;
    --smv-modern-line: #e3eae7;

    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 54px 0 78px !important;
    background: #fff !important;
    direction: rtl;
    text-align: right;
    font-family: "SMV Faseyha", "Noto Sans Thaana", Faruma, Arial, sans-serif;
}

.smv-modern-category-page,
.smv-modern-category-page * {
    box-sizing: border-box;
}

.smv-category-hero {
    width: min(1020px, calc(100vw - 70px));
    margin: 0 auto 52px;
    padding: 0 22px 42px;
    text-align: center;
    border-bottom: 1px solid var(--smv-modern-line);
}

.smv-category-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 31px;
    margin: 0 auto 17px;
    padding: 5px 14px 4px;
    border: 1px solid #cfe7e1;
    border-radius: 999px;
    background: #edf8f5;
    color: var(--smv-modern-accent-dark);
    font-family: "SMV Waheed", "Noto Sans Thaana", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.4;
}

.smv-category-title {
    margin: 0 auto;
    padding: 0;
    color: var(--smv-modern-ink);
    font-family: "SMV Waheed", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
    font-size: clamp(36px, 4vw, 56px);
    font-weight: 400;
    line-height: 1.42;
    text-align: center;
}

.smv-category-description {
    max-width: 820px;
    margin: 20px auto 0;
    color: #64716b;
    font-size: 17px;
    line-height: 1.95;
    text-align: center;
}

.smv-category-description p {
    margin: 0 0 12px;
}

.smv-category-subcategories,
.smv-category-articles {
    width: min(1180px, calc(100vw - 70px));
    margin: 0 auto;
}

.smv-category-subcategories {
    margin-bottom: 58px;
}

.smv-category-section-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 22px;
    padding: 0 2px 15px;
    border-bottom: 1px solid var(--smv-modern-line);
}

.smv-category-eyebrow {
    color: #99a39f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    direction: ltr;
}

.smv-category-section-title {
    margin: 0;
    color: var(--smv-modern-ink);
    font-family: "SMV Waheed", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.45;
}

.smv-category-subcategory-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
}

.smv-category-subcategory-card {
    position: relative;
    display: block;
    min-height: 130px;
    padding: 22px 22px 38px;
    border: 1px solid #dfe9e5;
    border-radius: 17px;
    background: linear-gradient(145deg, #fff, #f7fbfa);
    color: var(--smv-modern-text) !important;
    text-decoration: none !important;
    box-shadow: 0 10px 26px rgba(15, 42, 34, .045);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.smv-category-subcategory-card:hover {
    transform: translateY(-2px);
    border-color: #b9d8d0;
    box-shadow: 0 14px 34px rgba(15, 42, 34, .075);
}

.smv-category-subcategory-card h3 {
    margin: 0 0 8px;
    color: var(--smv-modern-accent-dark);
    font-family: "SMV Waheed", "Noto Sans Thaana", Arial, sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.55;
}

.smv-category-subcategory-card p {
    margin: 0;
    color: #77827d;
    font-size: 14px;
    line-height: 1.8;
}

.smv-category-subcategory-arrow {
    position: absolute;
    left: 20px;
    bottom: 15px;
    color: var(--smv-modern-gold);
    font-size: 21px;
}

.smv-category-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.smv-category-card {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 1px solid #e0e8e5;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(15, 42, 34, .055);
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease;
}

.smv-category-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(15, 42, 34, .09);
}

.smv-category-card-link {
    display: block;
    height: 100%;
    color: inherit !important;
    text-decoration: none !important;
    background: #fff;
}

.smv-category-card-media {
    position: relative;
    height: 220px;
    overflow: hidden;
    background: linear-gradient(145deg, #edf4f1, #f8fbfa);
}

.smv-category-card-media img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform .25s ease;
}

.smv-category-card:hover .smv-category-card-media img {
    transform: scale(1.025);
}

.smv-category-card-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #9ba8a2;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    direction: ltr;
    background:
        radial-gradient(circle at 75% 22%, rgba(11,128,115,.13), transparent 30%),
        linear-gradient(145deg,#eef4f2,#fafcfc);
}

.smv-category-card-body {
    padding: 20px 21px 21px;
}

.smv-category-card-title {
    margin: 0 0 11px;
    color: var(--smv-modern-ink);
    font-family: "SMV Waheed", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.58;
}

.smv-category-card-excerpt {
    margin: 0 0 17px;
    color: #6c7872;
    font-size: 15px;
    line-height: 1.85;
}

.smv-category-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 13px;
    border-top: 1px solid #edf1ef;
    color: #98a29d;
    font-size: 12px;
}

.smv-category-card-date {
    font-family: Georgia, "Times New Roman", serif;
    direction: ltr;
}

.smv-category-card-hits {
    color: #81908a;
}

.smv-category-empty {
    padding: 48px 24px;
    border: 1px dashed #d9e4df;
    border-radius: 16px;
    background: #fafcfb;
    color: #78857f;
    text-align: center;
    font-size: 16px;
}

.smv-category-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 38px auto 0;
    direction: ltr;
}

.smv-category-page-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    border: 1px solid #dce7e3;
    border-radius: 999px;
    background: #fff;
    color: #53625b !important;
    font-family: Arial, sans-serif;
    font-size: 13px;
    text-decoration: none !important;
}

.smv-category-page-btn:hover,
.smv-category-page-btn.is-current {
    border-color: #a9d0c7;
    background: #edf8f5;
    color: var(--smv-modern-accent-dark) !important;
}

@media (max-width: 1020px) {
    .smv-category-grid,
    .smv-category-subcategory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .smv-category-card-media {
        height: 205px;
    }
}

@media (max-width: 767px) {
    .smv-modern-category-page {
        padding: 34px 0 58px !important;
    }

    .smv-category-hero {
        width: calc(100vw - 28px);
        margin-bottom: 36px;
        padding: 0 12px 30px;
    }

    .smv-category-title {
        font-size: clamp(30px, 8.5vw, 42px);
        line-height: 1.48;
    }

    .smv-category-description {
        margin-top: 15px;
        font-size: 15px;
        line-height: 1.9;
    }

    .smv-category-subcategories,
    .smv-category-articles {
        width: calc(100vw - 28px);
    }

    .smv-category-subcategories {
        margin-bottom: 42px;
    }

    .smv-category-section-top {
        align-items: center;
        margin-bottom: 16px;
        padding-bottom: 11px;
    }

    .smv-category-section-title {
        font-size: 23px;
    }

    .smv-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 10px;
    }

    .smv-category-subcategory-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .smv-category-card {
        border-radius: 14px;
    }

    .smv-category-card-media {
        height: 118px;
    }

    .smv-category-card-body {
        padding: 11px 10px 13px;
    }

    .smv-category-card-title {
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 1.62;
    }

    .smv-category-card-excerpt {
        display: none;
    }

    .smv-category-card-meta {
        display: block;
        padding-top: 8px;
        font-size: 10px;
        line-height: 1.5;
    }

    .smv-category-card-hits {
        display: none;
    }

    .smv-category-subcategory-card {
        min-height: 0;
        padding: 16px 17px 32px;
        border-radius: 14px;
    }

    .smv-category-subcategory-card h3 {
        font-size: 18px;
    }

    .smv-category-eyebrow {
        font-size: 10px;
    }
}

@media (max-width: 370px) {
    .smv-category-grid {
        grid-template-columns: 1fr;
    }

    .smv-category-card-media {
        height: 190px;
    }
}


/* ==========================================================
   v1.1.0 — ALIGNED FULL-WIDTH CATEGORY LIST
   ========================================================== */

/* Correct the left-shift from the old Warp grid. */
body.smv-modern-category-fullwidth #block-main,
body.smv-modern-category-fullwidth #block-main > .wrapper,
body.smv-modern-category-fullwidth #main,
body.smv-modern-category-fullwidth #maininner,
body.smv-modern-category-fullwidth #content,
body.smv-modern-category-fullwidth #system {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
}

.smv-modern-category-page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.smv-category-hero,
.smv-category-subcategories,
.smv-category-articles {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Desktop category content centered properly. */
.smv-category-articles {
    width: min(1100px, calc(100vw - 80px)) !important;
}

.smv-category-section-top {
    width: 100% !important;
}

/* Hide old card-grid styles from v1.0 when list mode is active. */
.smv-category-grid {
    display: none !important;
}

/* Main list */
.smv-category-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.smv-category-list-item {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid #e1e8e5;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(15,42,34,.045);
    overflow: hidden;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.smv-category-list-item:hover {
    transform: translateY(-1px);
    border-color: #bfd8d1;
    box-shadow: 0 10px 28px rgba(15,42,34,.075);
}

.smv-category-list-link {
    display: grid !important;
    grid-template-columns: 170px minmax(0,1fr);
    gap: 0;
    align-items: stretch;
    width: 100%;
    min-height: 126px;
    margin: 0;
    padding: 0;
    color: inherit !important;
    text-decoration: none !important;
    direction: rtl;
}

.smv-category-list-media {
    position: relative;
    grid-column: 1;
    width: 170px;
    min-width: 170px;
    height: 126px;
    overflow: hidden;
    background: linear-gradient(145deg,#edf4f1,#f8fbfa);
    border-left: 1px solid #edf1ef;
}

.smv-category-list-media img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform .2s ease;
}

.smv-category-list-item:hover .smv-category-list-media img {
    transform: scale(1.025);
}

.smv-category-list-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #9aa6a0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 11px;
    direction: ltr;
}

.smv-category-list-content {
    grid-column: 2;
    min-width: 0;
    padding: 18px 21px 17px;
    text-align: right;
}

.smv-category-list-title {
    margin: 0 0 10px;
    color: #17211d;
    font-family: "SMV Waheed", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.55;
}

.smv-category-list-meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin: 0 0 9px;
    color: #87928d;
    font-size: 12px;
    line-height: 1.55;
}

.smv-category-list-meta > span {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.smv-category-list-meta-label {
    color: #9aa39f;
}

.smv-category-list-author strong {
    color: #52615b;
    font-weight: 400;
}

.smv-category-list-date {
    font-family: Georgia, "Times New Roman", serif;
    direction: ltr;
}

.smv-category-list-views {
    color: #6c7b75;
}

.smv-category-list-excerpt {
    margin: 0;
    color: #68766f;
    font-size: 14px;
    line-height: 1.82;
}

/* Mobile */
@media (max-width: 767px) {
    .smv-category-articles {
        width: calc(100vw - 24px) !important;
    }

    .smv-category-hero {
        width: calc(100vw - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .smv-category-list {
        gap: 9px;
    }

    .smv-category-list-item {
        border-radius: 12px;
    }

    .smv-category-list-link {
        grid-template-columns: 108px minmax(0,1fr);
        min-height: 96px;
    }

    .smv-category-list-media {
        width: 108px;
        min-width: 108px;
        height: 96px;
    }

    .smv-category-list-content {
        padding: 11px 12px 10px;
    }

    .smv-category-list-title {
        margin-bottom: 7px;
        font-size: 16px;
        line-height: 1.52;
    }

    .smv-category-list-meta {
        gap: 5px 9px;
        margin-bottom: 0;
        font-size: 10px;
        line-height: 1.45;
    }

    .smv-category-list-excerpt {
        display: none;
    }
}

@media (max-width: 380px) {
    .smv-category-list-link {
        grid-template-columns: 92px minmax(0,1fr);
        min-height: 86px;
    }

    .smv-category-list-media {
        width: 92px;
        min-width: 92px;
        height: 86px;
    }

    .smv-category-list-title {
        font-size: 15px;
    }
}


/* ==========================================================
   v1.2.0 — TRUE VIEWPORT CENTERING + CLEAN RTL LIST
   ========================================================== */

/*
 * The modern category page is now inserted after #block-main instead of
 * inside the old Warp main-column grid.  Hide only the legacy #main.
 */
body.smv-category-detached-layout #main.smv-category-legacy-main-hidden {
    display: none !important;
}

/* The detached modern page is viewport-based and cannot inherit old 70/30
   sidebar widths or floats. */
body.smv-category-detached-layout > .smv-modern-category-page {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
    clear: both !important;
    transform: none !important;
    box-sizing: border-box !important;
}

/* True browser-centered inner content. */
body.smv-category-detached-layout > .smv-modern-category-page .smv-category-hero,
body.smv-category-detached-layout > .smv-modern-category-page .smv-category-subcategories,
body.smv-category-detached-layout > .smv-modern-category-page .smv-category-articles {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    float: none !important;
    transform: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.smv-category-detached-layout > .smv-modern-category-page .smv-category-articles {
    width: min(1180px, calc(100vw - 64px)) !important;
    max-width: 1180px !important;
}

body.smv-category-detached-layout > .smv-modern-category-page .smv-category-hero {
    width: min(1040px, calc(100vw - 64px)) !important;
    max-width: 1040px !important;
}

/*
 * Use FLEX instead of explicit RTL CSS-grid columns.
 * The old grid-column numbering could put the thumbnail/content in the
 * wrong physical columns on this legacy RTL stylesheet.
 */
.smv-category-list-link {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    direction: rtl !important;
    width: 100% !important;
    min-height: 128px !important;
}

.smv-category-list-media {
    order: 0 !important;
    flex: 0 0 190px !important;
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
    height: 128px !important;
    min-height: 128px !important;
    max-height: 128px !important;
    grid-column: auto !important;
    border-left: 1px solid #edf1ef !important;
    border-right: 0 !important;
    overflow: hidden !important;
    background: #eef4f2 !important;
}

.smv-category-list-content {
    order: 1 !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    grid-column: auto !important;
    padding: 17px 22px 16px !important;
    overflow: hidden !important;
}

.smv-category-list-media img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* Keep title/meta inside the text column and never over the thumbnail. */
.smv-category-list-title,
.smv-category-list-meta,
.smv-category-list-excerpt {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    left: auto !important;
    right: auto !important;
    float: none !important;
    transform: none !important;
}

.smv-category-list-title {
    margin: 0 0 8px !important;
    font-size: 21px !important;
    line-height: 1.55 !important;
}

.smv-category-list-meta {
    margin: 0 0 8px !important;
}

.smv-category-list-excerpt {
    margin: 0 !important;
    line-height: 1.78 !important;
}

/* Slightly cleaner list shell */
.smv-category-list-item {
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* Tablet */
@media (max-width: 900px) and (min-width: 768px) {
    body.smv-category-detached-layout > .smv-modern-category-page .smv-category-articles {
        width: calc(100vw - 42px) !important;
    }

    .smv-category-list-media {
        flex-basis: 160px !important;
        width: 160px !important;
        min-width: 160px !important;
        max-width: 160px !important;
        height: 118px !important;
        min-height: 118px !important;
        max-height: 118px !important;
    }

    .smv-category-list-link {
        min-height: 118px !important;
    }

    .smv-category-list-title {
        font-size: 19px !important;
    }
}

/* Phone */
@media (max-width: 767px) {
    body.smv-category-detached-layout > .smv-modern-category-page {
        padding-top: 28px !important;
    }

    body.smv-category-detached-layout > .smv-modern-category-page .smv-category-hero,
    body.smv-category-detached-layout > .smv-modern-category-page .smv-category-articles,
    body.smv-category-detached-layout > .smv-modern-category-page .smv-category-subcategories {
        width: calc(100vw - 24px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .smv-category-list-link {
        min-height: 96px !important;
    }

    .smv-category-list-media {
        flex: 0 0 112px !important;
        width: 112px !important;
        min-width: 112px !important;
        max-width: 112px !important;
        height: 96px !important;
        min-height: 96px !important;
        max-height: 96px !important;
    }

    .smv-category-list-content {
        padding: 10px 11px 9px !important;
    }

    .smv-category-list-title {
        margin-bottom: 6px !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    .smv-category-list-meta {
        gap: 4px 8px !important;
        margin-bottom: 0 !important;
        font-size: 10px !important;
        line-height: 1.4 !important;
    }

    .smv-category-list-excerpt {
        display: none !important;
    }
}

@media (max-width: 380px) {
    .smv-category-list-media {
        flex-basis: 94px !important;
        width: 94px !important;
        min-width: 94px !important;
        max-width: 94px !important;
        height: 88px !important;
        min-height: 88px !important;
        max-height: 88px !important;
    }

    .smv-category-list-link {
        min-height: 88px !important;
    }

    .smv-category-list-title {
        font-size: 15px !important;
    }
}


/* ==========================================================
   v1.3.0 — RTL TABLE LIST + FULL ARTICLE IMAGE
   ========================================================== */

/* v1.3 uses the new table-list classes. */
.smv-category-table-list {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
}

/*
 * RIGHT -> LEFT:
 * Full image | Article text | Publisher | Date | Views
 *
 * Using flex avoids legacy Warp RTL grid-column bugs.
 */
.smv-category-table-head,
.smv-category-table-link {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    width: 100% !important;
    direction: rtl !important;
}

.smv-category-table-head {
    min-height: 46px;
    margin-bottom: 7px;
    border: 1px solid #e1e8e5;
    border-radius: 12px;
    background: #f6faf8;
    color: #65736d;
    overflow: hidden;
}

.smv-category-th {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 10px;
    border-left: 1px solid #e4ebe8;
    font-family: "SMV Waheed", "Noto Sans Thaana", Faruma, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}

.smv-category-th:last-child {
    border-left: 0;
}

.smv-category-th-image {
    flex: 0 0 210px;
}

.smv-category-th-article {
    flex: 1 1 auto;
    justify-content: flex-start;
    text-align: right;
}

.smv-category-th-author {
    flex: 0 0 155px;
}

.smv-category-th-date {
    flex: 0 0 125px;
    font-family: Arial, sans-serif;
    direction: ltr;
}

.smv-category-th-views {
    flex: 0 0 90px;
}

.smv-category-table-row {
    display: block !important;
    width: 100% !important;
    margin: 0 0 9px !important;
    padding: 0 !important;
    border: 1px solid #e1e8e5 !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: 0 5px 18px rgba(15,42,34,.04) !important;
    overflow: hidden !important;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.smv-category-table-row:hover {
    transform: translateY(-1px);
    border-color: #bcd7d0 !important;
    box-shadow: 0 9px 25px rgba(15,42,34,.07) !important;
}

.smv-category-table-link {
    min-height: 145px !important;
    color: inherit !important;
    text-decoration: none !important;
    background: #fff !important;
}

/* FULL IMAGE: contain = show the entire image, never crop it. */
.smv-category-table-image {
    order: 0 !important;
    flex: 0 0 210px !important;
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    min-height: 145px !important;
    padding: 8px !important;
    border-left: 1px solid #edf1ef !important;
    background: #f4f7f6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}

.smv-category-table-image img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 129px !important;
    min-height: 0 !important;
    max-height: 129px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #fff !important;
}

.smv-category-table-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 129px;
    border-radius: 8px;
    background: linear-gradient(145deg,#edf4f1,#fafcfc);
    color: #98a59f;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 11px;
    direction: ltr;
}

/* Article title/text */
.smv-category-table-article {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 17px 20px 15px !important;
    border-left: 1px solid #edf1ef !important;
    text-align: right !important;
}

.smv-category-table-title {
    margin: 0 0 9px !important;
    color: #17211d !important;
    font-family: "SMV Waheed", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

.smv-category-table-excerpt {
    margin: 0 !important;
    color: #6d7973 !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}

/* Publisher / date / views are proper table columns */
.smv-category-table-author,
.smv-category-table-date,
.smv-category-table-views {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    padding: 13px 10px !important;
    border-left: 1px solid #edf1ef !important;
    color: #68756f !important;
    text-align: center !important;
    line-height: 1.55 !important;
}

.smv-category-table-author {
    order: 2 !important;
    flex: 0 0 155px !important;
    width: 155px !important;
    font-family: "SMV Faseyha", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
    font-size: 13px !important;
}

.smv-category-table-author strong {
    color: #405049 !important;
    font-weight: 400 !important;
}

.smv-category-table-date {
    order: 3 !important;
    flex: 0 0 125px !important;
    width: 125px !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 12px !important;
    direction: ltr !important;
}

.smv-category-table-views {
    order: 4 !important;
    flex: 0 0 90px !important;
    width: 90px !important;
    border-left: 0 !important;
    color: #0b7368 !important;
    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
}

.smv-category-mobile-label {
    display: none;
}

/* Tablet: still table-like, but a little tighter. */
@media (max-width: 1050px) and (min-width: 768px) {
    .smv-category-th-image,
    .smv-category-table-image {
        flex-basis: 170px !important;
        width: 170px !important;
        min-width: 170px !important;
        max-width: 170px !important;
    }

    .smv-category-th-author,
    .smv-category-table-author {
        flex-basis: 125px !important;
        width: 125px !important;
    }

    .smv-category-th-date,
    .smv-category-table-date {
        flex-basis: 105px !important;
        width: 105px !important;
    }

    .smv-category-th-views,
    .smv-category-table-views {
        flex-basis: 74px !important;
        width: 74px !important;
    }

    .smv-category-table-title {
        font-size: 18px !important;
    }
}

/*
 * Mobile stays RTL and readable:
 * full image on right, article title on left; publisher/date/views become
 * a compact metadata line below the title.
 */
@media (max-width: 767px) {
    .smv-category-table-head {
        display: none !important;
    }

    .smv-category-table-row {
        margin-bottom: 8px !important;
        border-radius: 12px !important;
    }

    .smv-category-table-link {
        display: grid !important;
        grid-template-columns: 116px minmax(0,1fr) !important;
        grid-template-areas:
            "image article"
            "image author"
            "image date"
            "image views" !important;
        min-height: 128px !important;
        direction: rtl !important;
    }

    .smv-category-table-image {
        grid-area: image !important;
        order: initial !important;
        width: 116px !important;
        min-width: 116px !important;
        max-width: 116px !important;
        height: 100% !important;
        min-height: 128px !important;
        padding: 6px !important;
        border-left: 1px solid #edf1ef !important;
    }

    .smv-category-table-image img {
        width: 100% !important;
        height: auto !important;
        max-height: 150px !important;
        object-fit: contain !important;
    }

    .smv-category-table-placeholder {
        height: 112px !important;
    }

    .smv-category-table-article {
        grid-area: article !important;
        order: initial !important;
        padding: 10px 11px 5px !important;
        border-left: 0 !important;
    }

    .smv-category-table-title {
        margin-bottom: 3px !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    .smv-category-table-excerpt {
        display: none !important;
    }

    .smv-category-table-author,
    .smv-category-table-date,
    .smv-category-table-views {
        width: auto !important;
        min-width: 0 !important;
        flex: none !important;
        padding: 1px 11px !important;
        border-left: 0 !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        flex-direction: row !important;
        gap: 5px !important;
        text-align: right !important;
        font-size: 10px !important;
        line-height: 1.35 !important;
    }

    .smv-category-table-author {
        grid-area: author !important;
    }

    .smv-category-table-date {
        grid-area: date !important;
        direction: rtl !important;
        font-family: Arial, sans-serif !important;
    }

    .smv-category-table-views {
        grid-area: views !important;
        padding-bottom: 8px !important;
    }

    .smv-category-mobile-label {
        display: inline !important;
        color: #9aa39f !important;
        font-family: "SMV Faseyha", "Noto Sans Thaana", Faruma, Arial, sans-serif !important;
    }
}

@media (max-width: 390px) {
    .smv-category-table-link {
        grid-template-columns: 98px minmax(0,1fr) !important;
    }

    .smv-category-table-image {
        width: 98px !important;
        min-width: 98px !important;
        max-width: 98px !important;
    }

    .smv-category-table-title {
        font-size: 15px !important;
    }
}


/* v1.3.1: never display broken-image alt text inside the thumbnail cell. */
.smv-category-table-image {
    color: transparent !important;
}

.smv-category-table-image img {
    color: transparent !important;
}