@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;
}


/* ==========================================================
   v2.1.0 — SERVER-SIDE ANTI-FOUC COMPLETION STATE
   ========================================================== */
html.smv-article-server-prepared,
html.smv-article-server-prepared body {
    background: #fff !important;
}

/* onAfterRender adds the normal modern body classes before first paint, so
   the browser calculates the final full-width article geometry while hidden.
   JavaScript only has to reveal it once the DOM enhancements are complete. */
body.smv-article-server-prepared #block-main,
body.smv-article-server-prepared #main,
body.smv-article-server-prepared #maininner,
body.smv-article-server-prepared #content,
body.smv-article-server-prepared #system {
    box-sizing: border-box !important;
}