/* ==========================================================================
   Dr. Omar Medical Blog - Global Typography Standard
   Typography: Thmanyah Font Family (Serif Text, Serif Display, Sans)
   Standardized as per FONT_FAMILY_REPORT.md matching website_arabic
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Thmanyah Serif Text (Default Body & Long-form Narrative)
   -------------------------------------------------------------------------- */
@font-face {
    font-family: 'Thmanyah Serif Text';
    src: url('../fonts/thmanyahseriftext-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thmanyah Serif Text';
    src: url('../fonts/thmanyahseriftext-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thmanyah Serif Text';
    src: url('../fonts/thmanyahseriftext-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thmanyah Serif Text';
    src: url('../fonts/thmanyahseriftext-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thmanyah Serif Text';
    src: url('../fonts/thmanyahseriftext-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* --------------------------------------------------------------------------
   2. Thmanyah Serif Display (Page Headers, Section Titles & Brand Logos)
   -------------------------------------------------------------------------- */
@font-face {
    font-family: 'Thmanyah Serif Display';
    src: url('../fonts/thmanyahserifdisplay-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thmanyah Serif Display';
    src: url('../fonts/thmanyahserifdisplay-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thmanyah Serif Display';
    src: url('../fonts/thmanyahserifdisplay-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thmanyah Serif Display';
    src: url('../fonts/thmanyahserifdisplay-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thmanyah Serif Display';
    src: url('../fonts/thmanyahserifdisplay-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* --------------------------------------------------------------------------
   3. Thmanyah Sans (Interactive Controls, Navigation, Buttons, Badges & Forms)
   -------------------------------------------------------------------------- */
@font-face {
    font-family: 'Thmanyah Sans';
    src: url('../fonts/thmanyahsans-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thmanyah Sans';
    src: url('../fonts/thmanyahsans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thmanyah Sans';
    src: url('../fonts/thmanyahsans-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thmanyah Sans';
    src: url('../fonts/thmanyahsans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Thmanyah Sans';
    src: url('../fonts/thmanyahsans-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Fallback Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Tajawal:wght@400;500;700;800&display=swap');

:root {
    --font-thmanyah-serif-text: 'Thmanyah Serif Text', serif;
    --font-thmanyah-serif-display: 'Thmanyah Serif Display', serif;
    --font-thmanyah-sans: 'Thmanyah Sans', sans-serif;

    /* Semantic Role Mapping */
    --font-arabic-primary: var(--font-thmanyah-serif-text), 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-arabic-heading: var(--font-thmanyah-serif-display), 'Tajawal', sans-serif;
    --font-arabic-ui: var(--font-thmanyah-sans), 'IBM Plex Sans Arabic', sans-serif;
}

/* Base Typography & Direction */
html[dir="rtl"],
body {
    direction: rtl;
    text-align: right;
    font-family: var(--font-arabic-primary);
    font-feature-settings: "ss01", "cv11";
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: normal !important;
}

/* Headers & Display Titles */
h1, h2, h3, h4, h5, h6,
.font-weight-900,
.post-title,
.entry-title,
.widget-title,
.entry-header h1,
.entry-header h2,
.site-logo,
.brand-title {
    font-family: var(--font-arabic-heading) !important;
    font-feature-settings: "ss01", "cv11";
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: normal !important;
    line-height: 1.4;
}

/* UI Elements, Navigation, Badges & Form Controls */
button,
input,
select,
textarea,
.btn,
.button,
.mainmenu,
.mainmenu a,
.navigation,
.nav-link,
.badge,
.tag,
.post-category,
.entry-meta,
.post-meta,
.author-name,
.comment-metadata,
.meta-item,
.has-drop,
.offcanvas-sidebar,
.pagination,
.page-link,
.search-form input,
.search-form button {
    font-family: var(--font-arabic-ui) !important;
    font-feature-settings: "ss01", "cv11";
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

/* Standard Paragraphs, Lists & Long-Form Narrative */
p,
li,
blockquote,
.entry-main-content,
.entry-main-content p,
.post-content,
.post-content p,
.excerpt,
.entry-excerpt {
    font-family: var(--font-arabic-primary);
    font-feature-settings: "ss01", "cv11";
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    line-height: 1.95;
}

/* Enforce Normal (Non-Italic) Typography Globally */
em,
i:not([class*="fa"]):not([class*="icon"]):not([class*="elegant-icon"]),
cite,
dfn,
address,
blockquote,
q,
var,
.fst-italic {
    font-style: normal !important;
}

/* Enforce Elegant Icons Font Family Integrity in RTL */
.elegant-icon,
[class^="icon_"],
[class*=" icon_"] {
    font-family: 'ElegantIcons' !important;
    speak: none;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* RTL Form Controls & Inputs */
input.form-control,
textarea.form-control,
select.form-control {
    text-align: right;
    direction: rtl;
}

/* Search Form RTL */
.search-form {
    position: relative;
}
.search-form i.icon-search {
    right: auto !important;
    left: 15px !important;
}
.search-form input.form-control {
    padding-right: 20px !important;
    padding-left: 45px !important;
}

/* Button & Links */
.button, .btn {
    letter-spacing: normal !important;
}

/* 404 Page Specific RTL Polish */
.page-404 {
    letter-spacing: -2px;
    font-weight: 800;
}

/* Footer & Widgets RTL Spacing */
.widget-header-2 {
    margin-bottom: 18px !important;
}

.widget-header-2 h5 {
    position: relative;
    display: block;
    margin-bottom: 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #eaeaea;
    font-size: 14px !important;
}

.widget-header-2 h5::after {
    content: "" !important;
    background: #006578 !important;
    height: 2px !important;
    width: 40px !important;
    position: absolute !important;
    bottom: -1px !important;
    right: 0 !important;
    left: auto !important;
}

/* Social Network Icons RTL & Appearance */
.header-social-network {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.text-center .header-social-network,
.header-social-network.justify-content-center {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: fit-content;
}

.text-center .header-social-network .list-inline-item {
    margin: 0 5px !important;
}

.header-social-network .list-inline-item {
    margin-left: 10px !important;
    margin-right: 0 !important;
    display: inline-block !important;
}

.header-social-network .list-inline-item:last-child {
    margin-left: 0 !important;
}

.header-social-network .list-inline-item a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, opacity 0.2s ease;
    font-size: 14px !important;
}

.header-social-network .list-inline-item a:hover {
    transform: translateY(-2px);
    opacity: 0.9;
}

.header-social-network .list-inline-item a.fb {
    background-color: #3b5999 !important;
}

.header-social-network .list-inline-item a.tw {
    background-color: #1da1f2 !important;
}

.header-social-network .list-inline-item a.in {
    background-color: #0077b5 !important;
}

.header-social-network .list-inline-item a.insta {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important;
}

.header-social-network .list-inline-item a.pt {
    background-color: #bd081c !important;
}

.header-social-network .list-inline-item a i {
    line-height: 1;
    color: #ffffff !important;
    font-size: 14px !important;
}

.footer-copy-right {
    border-top: 1px solid #e9ecef;
}

/* Header & Navigation RTL */
.header-top-right {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
}

.main-menu > li:first-child {
    padding-right: 0 !important;
    padding-left: 20px !important;
}

.main-menu > li.current-item a {
    padding-right: 15px !important;
    padding-left: 0 !important;
}

.main-menu > li.current-item a::before {
    right: 0 !important;
    left: auto !important;
}

/* Nav Topbar Sub-menu RTL */
.nav-topbar ul.sub-menu {
    right: 0 !important;
    left: auto !important;
    text-align: right !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
}

.nav-topbar ul.sub-menu li ul.sub-menu {
    right: 100% !important;
    left: auto !important;
    margin-right: 5px !important;
    margin-left: 0 !important;
}

/* Dropdown Sub-menu RTL */
.main-menu > li > ul.sub-menu {
    right: 0 !important;
    left: auto !important;
    text-align: right !important;
    border-radius: 0 0 4px 4px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}

.main-menu > li > ul.sub-menu li a {
    text-align: right !important;
}

/* Mega Menu RTL */
.main-menu .mega-menu {
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    text-align: right !important;
}

.sub-mega-menu-width-22 {
    width: 22% !important;
    text-align: right !important;
}

.main-menu > li.current-item.has-mega-menu .mega-menu .sub-mega-menu {
    padding-right: 0 !important;
    padding-left: 25px !important;
}

.main-menu > li.current-item.has-mega-menu .mega-menu a {
    text-align: right !important;
}

.main-menu > li.current-item.has-mega-menu .mega-menu a.menu-title {
    font-weight: bold !important;
    font-size: 14px !important;
}

/* Offcanvas Toggle Button */
.off-canvas-toggle {
    cursor: pointer !important;
}

/* Offcanvas Sidebar RTL */
.off-canvas-close {
    left: 25px !important;
    right: auto !important;
}

.sidebar-inner {
    text-align: right !important;
}


/* Search Modal RTL */
.search-header input.form-control {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    text-align: right !important;
}

.search-header .input-group-append button {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}


/* Newsletter RTL Form */
.form-subcriber {
    position: relative;
}

.form-subcriber input.form-control {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    height: 48px;
    padding-right: 15px;
}

.form-subcriber button.btn {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    height: 48px;
    padding: 0 25px;
    font-weight: 600;
}

/* Tag Cloud RTL */
.tagcloud a.tag-cloud-link {
    margin-right: 0 !important;
    margin-left: 8px !important;
    margin-bottom: 8px !important;
    font-family: var(--font-arabic-primary);
}

/* List spacing */
ul.cat-item, ul.font-small {
    padding-right: 0;
}
ul.font-small li {
    margin-bottom: 8px;
}

/* ==========================================================================
   Sidebar Widgets RTL
   ========================================================================== */
.widget-area {
    text-align: right;
}

.widget-header-1 h5,
.widget-header-2 h5 {
    text-align: right !important;
    font-family: var(--font-arabic-heading) !important;
}

.widget-header-1 h5::after,
.widget-header-2 h5::after {
    left: auto !important;
    right: 0 !important;
}

/* Author Widget (Doctor Profile Card & Medical Watermark)
   Emil Kowalski Design Engineering & Micro-Interactions */
.border-radius-16 {
    border-radius: 16px !important;
}

.widget-about {
    text-align: right;
    position: relative;
    overflow: hidden !important;
    isolation: isolate;
    background: #ffffff !important;
    border: 1px solid rgba(0, 101, 120, 0.12) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px -2px rgba(0, 101, 120, 0.06), 0 2px 6px -1px rgba(0, 0, 0, 0.02) !important;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.28s ease !important;
}

.widget-about:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(0, 101, 120, 0.28) !important;
    box-shadow: 0 18px 36px -6px rgba(0, 101, 120, 0.14), 0 4px 12px -2px rgba(0, 0, 0, 0.04) !important;
}

/* Stethoscope Watermark in lower-left */
.widget-about-watermark {
    position: absolute;
    bottom: -15px;
    left: -15px;
    width: 155px;
    height: 155px;
    pointer-events: none;
    z-index: 0;
    color: #006578;
    opacity: 0.045;
    transform-origin: bottom left;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
}

.widget-about:hover .widget-about-watermark {
    transform: scale(1.12) rotate(-6deg);
    opacity: 0.105;
}

/* Avatar Image & Verified Badge */
.about-author-img-wrap {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: linear-gradient(145deg, #eef7f8 0%, #d4eff2 100%);
    box-shadow: 0 4px 16px rgba(0, 101, 120, 0.14), 0 0 0 3px #ffffff;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

.widget-about:hover .about-author-img-wrap {
    transform: scale(1.05);
    box-shadow: 0 8px 24px rgba(0, 101, 120, 0.22), 0 0 0 3px #00E5A3;
}

.widget-about .about-author-img {
    width: 88px !important;
    height: 88px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    object-position: top center !important;
    display: block;
    margin: 0 !important;
}

.author-verified-badge {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: #00E5A3;
    color: #063943;
    border-radius: 50%;
    border: 2px solid #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: bold;
    box-shadow: 0 2px 6px rgba(0, 229, 163, 0.4);
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.widget-about:hover .author-verified-badge {
    transform: scale(1.15);
}

/* Specialty Pill Badge */
.doctor-specialty-badge .badge-pill {
    background: rgba(0, 101, 120, 0.07);
    color: #006578;
    font-size: 11.5px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    border: 1px solid rgba(0, 101, 120, 0.14);
    letter-spacing: -0.2px;
}

.hover-teal:hover {
    color: #006578 !important;
}

.widget-bio-text {
    line-height: 1.75 !important;
    color: #64748b !important;
}

.border-top-light {
    border-top: 1px solid rgba(0, 101, 120, 0.08);
}

/* Social icons micro-transitions */
.widget-about ul.header-social-network {
    padding-right: 0;
}
.widget-about ul.header-social-network li {
    margin-right: 0;
    margin-left: 6px;
}
.widget-about ul.header-social-network li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease, opacity 0.2s ease;
}
.widget-about ul.header-social-network li a:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    opacity: 0.95;
}

/* Call to Action Button: استعراض السيرة الذاتية الرسمية */
.btn-doctor-cv {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    background: linear-gradient(135deg, rgba(0, 101, 120, 0.08) 0%, rgba(0, 101, 120, 0.13) 100%);
    color: #006578 !important;
    border: 1px solid rgba(0, 101, 120, 0.25);
    font-size: 13.5px;
    font-weight: 700;
    padding: 10px 18px;
    border-radius: 10px;
    text-decoration: none !important;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.btn-doctor-cv:hover {
    background: #006578 !important;
    color: #ffffff !important;
    border-color: #006578 !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 101, 120, 0.25);
}
.btn-doctor-cv:active {
    transform: scale(0.98);
    box-shadow: 0 2px 6px rgba(0, 101, 120, 0.18);
}

/* Dark Mode for Widget About */
.dark .widget-about {
    background: #1e242d !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45) !important;
}
.dark .widget-about:hover {
    border-color: rgba(0, 229, 163, 0.35) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.6) !important;
}
.dark .widget-about-watermark {
    color: #00E5A3 !important;
    opacity: 0.055 !important;
}
.dark .widget-about:hover .widget-about-watermark {
    opacity: 0.11 !important;
}
.dark .about-author-img-wrap {
    background: linear-gradient(145deg, #161b22 0%, #21262d 100%) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4), 0 0 0 3px #2d333b !important;
}
.dark .widget-about:hover .about-author-img-wrap {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6), 0 0 0 3px #00E5A3 !important;
}
.dark .author-verified-badge {
    border-color: #1e242d !important;
}
.dark .widget-about h5 a {
    color: #f1f5f9 !important;
}
.dark .widget-about h5 a:hover {
    color: #00E5A3 !important;
}
.dark .doctor-specialty-badge .badge-pill {
    background: rgba(0, 229, 163, 0.12) !important;
    color: #00E5A3 !important;
    border-color: rgba(0, 229, 163, 0.25) !important;
}
.dark .widget-bio-text {
    color: #94a3b8 !important;
}
.dark .border-top-light {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}
.dark .border-top-light strong {
    color: #e2e8f0 !important;
}
.dark .btn-doctor-cv {
    background: rgba(0, 229, 163, 0.1) !important;
    color: #00E5A3 !important;
    border-color: rgba(0, 229, 163, 0.25) !important;
}
.dark .btn-doctor-cv:hover {
    background: #00E5A3 !important;
    color: #0a191e !important;
    border-color: #00E5A3 !important;
    box-shadow: 0 8px 22px rgba(0, 229, 163, 0.25) !important;
}

/* Offers Card Widget */
.widget-clinic-offers .offer-card {
    text-align: right;
}
.widget-clinic-offers .offer-pricing {
    text-align: left !important;
    direction: ltr;
}

/* Meta dots in RTL */
span.has-dot {
    position: relative;
    padding-left: 0 !important;
    padding-right: 12px !important;
}
span.has-dot::before {
    left: auto !important;
    right: 4px !important;
}

/* Categories Widget */
.widget_categories ul {
    padding-right: 0 !important;
}
.widget_categories li.cat-item a {
    display: inline-flex;
    align-items: center;
    color: #495057;
    transition: color 0.2s ease;
}
.widget_categories li.cat-item a:hover {
    color: var(--color-primary);
}
.widget_categories .cat-dot {
    margin-right: 0 !important;
    margin-left: 8px !important;
}

/* Comments Widget */
.post-module-2 .media-body {
    text-align: right;
}

/* Post Cards RTL */
.post-card-1 {
    text-align: right;
}
.post-card-1 .post-content {
    text-align: right;
}
.list-style-2 .post-content {
    text-align: right;
}
.post-thumb .social-share {
    right: auto !important;
    left: 10px !important;
    padding-left: 0;
    padding-right: 0;
}
.post-thumb .social-share li {
    float: left;
    margin-right: 5px;
    margin-left: 0;
}
.post-format-icon {
    display: inline-block;
    vertical-align: middle;
}

/* Typewriter RTL Cursor */
.typewrite > .wrap {
    border-right: none !important;
    border-left: 0.08em solid #006578 !important;
    padding-left: 4px;
}

/* About & Contact Form RTL */
.entry-wraper {
    text-align: right;
}
.comment_form .form-control {
    text-align: right;
}
.button-contactForm {
    float: right;
}

/* Utility Spacing Classes */
.p-35 { padding: 35px !important; }
.p-40 { padding: 40px !important; }
.p-45 { padding: 45px !important; }
.p-50 { padding: 50px !important; }

@media (max-width: 768px) {
    .p-35, .p-40, .p-45, .p-50 {
        padding: 20px !important;
    }
}

/* Contact Page RTL */
.entry-wraper.bg-white {
    padding: 40px !important;
    border-radius: 10px;
    box-sizing: border-box;
}
@media (min-width: 992px) {
    .pr-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 0 !important;
    }
}

/* Clinical Offers Page RTL */
.service-offer-card {
    text-align: right;
    padding: 35px 35px 25px 35px !important;
    border-radius: 8px;
    background: #fff;
    box-sizing: border-box;
}
.service-offer-card > .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.service-offer-card > .row > .col-md-8,
.service-offer-card > .row > .col-md-4 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.service-offer-card .price-main {
    font-size: 28px;
    font-weight: 900;
    color: #006578;
    line-height: 1.1;
    text-align: left !important;
}
.service-offer-card .price-original {
    text-align: left !important;
}
.service-features-box {
    text-align: right;
    padding-top: 20px;
    margin-top: 15px;
    margin-bottom: 25px;
}
.service-features-box .row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.service-features-box .col-sm-6 {
    padding-right: 0 !important;
    padding-left: 15px !important;
}
.faq-accordion .faq-item {
    text-align: right;
}

/* Contact Page RTL */
.contact-card-wide,
.single-content .entry-wraper.contact-card-wide {
    max-width: 100% !important;
    width: 100% !important;
}

@media (min-width: 992px) {
    .pr-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 15px !important;
    }
}

/* Auth Pages (Login & Register) RTL */
.login_wrap {
    text-align: right;
}
.login_wrap .form-control {
    text-align: right !important;
    direction: rtl;
    padding-right: 18px !important;
    padding-left: 18px !important;
    height: 48px;
    border-radius: 6px;
}
.login_footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap;
    gap: 10px;
}
.custome-checkbox .form-check-label {
    display: inline-flex !important;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
}
.custome-checkbox .form-check-label::before {
    margin: 0 0 0 10px !important;
    flex-shrink: 0;
}
.custome-checkbox input[type="checkbox"] + .form-check-label::after {
    right: 3px !important;
    left: auto !important;
}
.button-contactForm.btn-block {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    padding: 14px 20px !important;
    border-radius: 6px !important;
    font-size: 16px !important;
}
.btn-login {
    display: flex;
    justify-content: center;
    gap: 12px;
    padding: 0 !important;
}
.btn-login li {
    margin: 0 !important;
    flex: 1;
}
.btn-login li a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 14px !important;
    font-weight: 600;
    padding: 12px 18px !important;
    border-radius: 6px !important;
    transition: all 0.25s ease;
}
.btn-login li a i {
    font-size: 16px;
}

/* Author Profile & Articles Page RTL */
.author-bio {
    text-align: right !important;
    direction: rtl;
    align-items: center;
}
.author-bio .author-image {
    margin-right: 0 !important;
    margin-left: 35px !important;
}
.author-bio .author-image img {
    border: 3px solid #f0f2f5;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.badge-subtle-primary {
    background-color: rgba(0, 101, 120, 0.08) !important;
    color: #006578 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

@media (max-width: 768px) {
    .author-bio {
        flex-direction: column !important;
        text-align: center !important;
    }
    .author-bio .author-image {
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 20px !important;
    }
    .author-bio .author-follow {
        justify-content: center !important;
    }
}

/* Pagination Area RTL */
.pagination-area .page-link {
    margin-right: 0 !important;
    margin-left: 10px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

/* Search Page Form RTL */
.search-page-form .input-group {
    display: flex;
    direction: rtl;
}
.search-page-form .form-control {
    text-align: right !important;
    direction: rtl;
    height: 50px;
    border-radius: 0 8px 8px 0 !important;
    border: 1px solid #ced4da;
    border-left: none !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    font-size: 15px;
}
.search-page-form .input-group-append .btn,
.search-page-form .input-group > .btn {
    height: 50px;
    border-radius: 8px 0 0 8px !important;
    padding: 0 26px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

/* Single Article Page RTL & Typography */
.entry-main-content {
    text-align: right;
    direction: rtl;
    line-height: 2.0;
    font-size: 17px;
    color: #334155;
}
.entry-main-content p {
    line-height: 2.05 !important;
    margin-bottom: 24px;
    font-size: 17px;
    color: #334155;
    text-align: justify;
    text-justify: inter-word;
}
.entry-main-content h2 {
    font-size: 24px;
    font-weight: 800;
    color: #0f172a;
    margin-top: 42px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(0, 101, 120, 0.12);
    position: relative;
    line-height: 1.5;
}
.entry-main-content h2::after {
    content: '';
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 48px;
    height: 2px;
    background: #006578;
}
.entry-main-content h3 {
    font-size: 20px;
    font-weight: 700;
    color: #1e293b;
    margin-top: 32px;
    margin-bottom: 16px;
    line-height: 1.5;
}
.entry-main-content h4 {
    font-size: 17.5px;
    font-weight: 700;
    color: #334155;
    margin-top: 26px;
    margin-bottom: 14px;
    line-height: 1.5;
}

/* Premium Medical Quotes */
.entry-main-content blockquote,
.entry-main-content .medical-quote {
    position: relative;
    background: linear-gradient(135deg, rgba(0, 101, 120, 0.05) 0%, rgba(0, 101, 120, 0.01) 100%) !important;
    border-right: 4px solid #006578 !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 12px 4px 4px 12px;
    padding: 24px 30px 20px 24px !important;
    margin: 36px 0 !important;
    color: #0f172a !important;
    font-size: 18.5px !important;
    font-weight: 600;
    line-height: 1.85 !important;
    box-shadow: 0 4px 20px rgba(0, 101, 120, 0.04);
}
.entry-main-content blockquote p,
.entry-main-content .medical-quote p {
    margin-bottom: 8px !important;
    color: #0f172a !important;
    font-size: 18px !important;
    font-weight: 600;
    text-align: right !important;
}
.entry-main-content blockquote cite,
.entry-main-content .medical-quote cite {
    display: block;
    font-size: 13.5px;
    color: #006578;
    font-weight: 700;
    margin-top: 10px;
    font-style: normal;
}

/* Clinical Callouts & Highlights */
.medical-callout {
    background: #f0fdfa;
    border: 1px solid #ccfbf1;
    border-right: 4px solid #0d9488;
    border-radius: 10px;
    padding: 20px 24px;
    margin: 32px 0;
    font-size: 15.5px;
    line-height: 1.8;
}
.medical-callout .callout-header {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    color: #0f766e;
    font-size: 16px;
    margin-bottom: 10px;
}
.medical-callout p {
    margin-bottom: 0 !important;
    color: #134e4a !important;
    font-size: 15px !important;
    line-height: 1.8 !important;
}
.medical-callout.warning {
    background: #fffbeb;
    border-color: #fef3c7;
    border-right-color: #f59e0b;
}
.medical-callout.warning .callout-header {
    color: #b45309;
}
.medical-callout.warning p {
    color: #78350f !important;
}

/* Key Takeaways Box */
.medical-takeaway {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 24px 28px;
    margin: 36px 0;
}
.medical-takeaway h4 {
    color: #006578;
    font-size: 17px;
    font-weight: 800;
    margin-top: 0;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.medical-takeaway ul {
    margin-bottom: 0;
    padding-right: 20px;
}
.medical-takeaway ul li {
    font-size: 15px;
    color: #334155;
    line-height: 1.8;
    margin-bottom: 8px;
}

/* Medical Divider */
.medical-divider {
    border: 0;
    height: 1px;
    background: linear-gradient(to left, transparent, rgba(0, 101, 120, 0.25), transparent);
    margin: 40px auto;
    width: 60%;
}

/* Arabic Typography - Disable Dropcap */
.dropcap p:first-child::first-letter {
    font-size: inherit !important;
    float: none !important;
    margin: 0 !important;
    line-height: inherit !important;
}

/* Comments & User Box RTL */
.single-comment {
    text-align: right;
    direction: rtl;
}
.single-comment .user {
    width: 100%;
}
.single-comment .desc {
    flex-grow: 1;
}
.single-comment .thumb {
    margin-right: 0 !important;
    margin-left: 20px !important;
    flex-shrink: 0;
}

/* Homepage Slider & Carousels RTL */
.featured-slider-2-items .post-thumb .thumb-overlay,
.featured-slider-2 .thumb-overlay,
.featured-slider-3-items .post-thumb .thumb-overlay {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.featured-slider-2-nav-cover {
    right: auto !important;
    left: 20px !important;
    width: 390px !important;
    max-width: 38% !important;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
}
.featured-slider-2 .arrow-cover {
    display: none !important;
}
.carausel-post-1 .arrow-cover {
    right: auto !important;
    left: 15px !important;
}
.featured-slider-2 .post-content-overlay {
    text-align: right;
}
.featured-slider-2 .post-content-overlay .post-title {
    text-align: right;
}
.nav-cover-header {
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.95) !important;
}
.featured-slider-2-nav .slider-post-thumb {
    text-align: right;
    margin-right: 0 !important;
    margin-left: 0 !important;
    cursor: pointer;
    border-radius: 8px;
    padding: 8px 6px;
    margin-bottom: 10px !important;
    margin-top: 0 !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    border: none !important;
    background: transparent !important;
    opacity: 0.75;
}
.featured-slider-2-nav .slider-post-thumb:hover {
    background: rgba(255, 255, 255, 0.07) !important;
    opacity: 1;
    transform: translateX(-4px);
}
.featured-slider-2-nav .slick-current .slider-post-thumb,
.featured-slider-2-nav .slick-current.slider-post-thumb {
    background: transparent !important;
    border: none !important;
    opacity: 1 !important;
}
.featured-slider-2-nav .slider-post-thumb img,
.featured-slider-2-nav .post-thumb,
.featured-slider-2-nav .post-thumb img {
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.18);
    transition: all 0.3s ease;
}
.featured-slider-2-nav .slider-post-thumb:hover img {
    border-color: rgba(255, 255, 255, 0.45);
}
.featured-slider-2-nav .slick-current img {
    border: 2px solid #00E5A3 !important;
    box-shadow: 0 0 14px rgba(0, 229, 163, 0.6);
    border-radius: 8px !important;
}
.featured-slider-2-nav .slider-post-thumb .post-title,
.featured-slider-2-nav .slider-post-thumb .post-title a,
.featured-slider-2-nav .post-content,
.featured-slider-2-nav .post-content h5,
.featured-slider-2-nav .entry-meta,
.featured-slider-2-nav .entry-meta span {
    color: #ffffff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.95) !important;
}
.featured-slider-2-nav .slick-current .post-title,
.featured-slider-2-nav .slick-current .post-title a {
    color: #00E5A3 !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.95) !important;
}
.featured-slider-2-nav .slider-post-thumb:hover .post-title,
.featured-slider-2-nav .slider-post-thumb:hover .post-title a {
    color: #00E5A3 !important;
    opacity: 1;
}
.text-accent {
    color: #00E5A3 !important;
}
.border-bottom-white-10 {
    border-bottom: none !important;
}

/* Hero Slider Action Bar & Metadata RTL BiDi Perfection */
.hero-slider-footer-actions {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 16px !important;
}

.hero-entry-meta {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: rtl !important;
    line-height: 1 !important;
}

.hero-entry-meta .meta-item,
.hero-entry-meta > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.85) !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.7) !important;
    line-height: 1.4 !important;
}

.hero-entry-meta .meta-icon {
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    vertical-align: middle !important;
    stroke: currentColor !important;
    opacity: 0.88;
}

.hero-entry-meta time,
.hero-entry-meta span,
.hero-entry-meta bdi {
    display: inline-block !important;
    direction: rtl !important;
    unicode-bidi: isolate !important;
}

.hero-entry-meta span.has-dot {
    position: relative !important;
    padding-right: 14px !important;
    padding-left: 0 !important;
}

.hero-entry-meta span.has-dot::before {
    content: "" !important;
    position: absolute !important;
    right: 2px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.45) !important;
    display: block !important;
    margin: 0 !important;
}

@media (max-width: 991px) {
    .featured-slider-2-nav-cover {
        display: none !important;
    }
    .featured-slider-2 .post-content-overlay {
        bottom: 50px !important;
    }
    .featured-slider-2 .post-content-overlay .post-title {
        max-width: 100% !important;
        font-size: 1.65rem !important;
    }
    .featured-slider-2 .arrow-cover {
        bottom: 12px !important;
        right: 12px !important;
    }
    .featured-slider-2-items .slider-single .thumb-overlay {
        min-height: 480px !important;
    }
}
.hot-tags {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding: 20px 0;
}
.hot-tags .widget-title {
    font-weight: 800;
    font-size: 16px;
    color: #1a202c;
}
.hot-tags ul.tags {
    margin-bottom: 0;
}
.hot-tags ul.tags li {
    margin-right: 0;
    margin-left: 8px;
    margin-bottom: 8px;
    display: inline-block;
}
.hot-tags ul.tags li a {
    display: inline-flex;
    align-items: center;
    padding: 5px 13px;
    font-size: 12.5px;
    font-weight: 600;
    border-radius: 20px;
    background: rgba(0, 101, 120, 0.06);
    color: #006578;
    border: 1px solid rgba(0, 101, 120, 0.18);
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.hot-tags ul.tags li a:hover {
    background: #006578;
    color: #ffffff !important;
    border-color: #006578;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 101, 120, 0.25);
}

/* Sticky Sidebar Smooth Flow */
.sticky-sidebar-wrap {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    z-index: 10;
}
.site-bottom .widget-header-2 h5 {
    font-weight: 700;
}
.site-bottom .list-post li .post-thumb {
    margin-right: 0 !important;
    margin-left: 15px !important;
}
.carausel-3-columns-item .post-thumb {
    margin-right: 0 !important;
    margin-left: 15px !important;
}

/* Static Pages & Article Body Lists RTL */
.entry-main-content ul,
.entry-main-content ol {
    padding-left: 0 !important;
    padding-right: 25px !important;
    margin-bottom: 25px;
}
.entry-main-content ul li {
    margin-bottom: 12px;
}
.entry-wraper {
    text-align: right;
    direction: rtl;
}

/* =========================================================
   Refined Arabic Article Titles & Editorial Typography Scale
   ========================================================= */

/* Hero Slider 2 Main Headline */
.featured-slider-2 .post-content-overlay h1.post-title,
.featured-slider-2 .post-content-overlay h1.post-title a {
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.75);
    max-width: 62% !important;
}

@media (max-width: 991px) {
    .featured-slider-2 .post-content-overlay h1.post-title,
    .featured-slider-2 .post-content-overlay h1.post-title a {
        font-size: 20px !important;
        max-width: 100% !important;
    }
}

/* Hero Slider 2 Navigation Thumbnail Titles */
.featured-slider-2-nav .slider-post-thumb .post-title,
.featured-slider-2-nav .slider-post-thumb .post-title a {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

/* Featured Grid - Big Spotlight Hero Card */
.loop-grid .carausel-post-1 h3.post-title,
.loop-grid .carausel-post-1 h3.post-title a {
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

/* Featured Grid - 4 Sub Cards */
.loop-grid .post-card-1 h5.post-title,
.loop-grid .post-card-1 h5.post-title a {
    font-size: 15.5px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

/* Medical Tips Section (نصائح وإرشادات سريرية من د. عمر) - Unified Heights & Laser Baseline */
.medical-tips-row {
    display: flex !important;
    flex-wrap: wrap !important;
}

.medical-tips-row > article {
    display: flex !important;
    flex-direction: column !important;
}

.medical-tips-row .post-card-1 {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 101, 120, 0.12) !important;
    box-shadow: 0 4px 18px rgba(0, 101, 120, 0.05) !important;
    transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.28s ease, border-color 0.28s ease !important;
}

.medical-tips-row .post-card-1:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(0, 101, 120, 0.28) !important;
    box-shadow: 0 14px 30px rgba(0, 101, 120, 0.12) !important;
}

.medical-tips-row .post-card-1 .post-thumb,
.medical-tips-row .post-card-1 .thumb-overlay {
    height: 210px !important;
    min-height: 210px !important;
    max-height: 210px !important;
    flex-shrink: 0 !important;
    width: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.medical-tips-row .post-card-1 .post-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding: 24px 24px 20px 24px !important;
    background: #ffffff !important;
}

.medical-tips-row .post-card-1 .post-card-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
}

.medical-tips-row .post-card-1 .entry-meta.meta-0 {
    margin-bottom: 12px !important;
    min-height: 22px !important;
    display: flex !important;
    align-items: center !important;
}

.medical-tips-row .post-card-1 .post-title,
.medical-tips-row .post-card-1 .post-title a {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    color: #1a202c !important;
}

.medical-tips-row .post-card-1 .post-title {
    height: 48px !important;
    max-height: 48px !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    text-overflow: ellipsis !important;
}

.medical-tips-row .post-card-1 .post-title a:hover {
    color: #006578 !important;
}

.medical-tips-row .post-card-1 .post-excerpt {
    flex: 1 1 auto !important;
    margin-bottom: 16px !important;
}

.medical-tips-row .post-card-1 .post-excerpt p {
    font-size: 13.5px !important;
    line-height: 1.65 !important;
    color: #64748b !important;
    height: 66px !important;
    max-height: 66px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    text-overflow: ellipsis !important;
    margin-bottom: 0 !important;
}

.medical-tips-row .post-card-1 .entry-meta.meta-1 {
    margin-top: auto !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(0, 101, 120, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    direction: rtl !important;
}

.medical-tips-row .post-card-1 .entry-meta.meta-1 > span {
    font-size: 12px !important;
    color: #94a3b8 !important;
    font-weight: 500 !important;
}

/* Dark Mode for Medical Tips Cards */
.dark .medical-tips-row .post-card-1 {
    background: #1e242d !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important;
}

.dark .medical-tips-row .post-card-1:hover {
    border-color: rgba(0, 229, 163, 0.35) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5) !important;
}

.dark .medical-tips-row .post-card-1 .post-content {
    background: #1e242d !important;
}

.dark .medical-tips-row .post-card-1 .post-title,
.dark .medical-tips-row .post-card-1 .post-title a {
    color: #f1f5f9 !important;
}

.dark .medical-tips-row .post-card-1 .post-title a:hover {
    color: #00E5A3 !important;
}

.dark .medical-tips-row .post-card-1 .post-excerpt p {
    color: #94a3b8 !important;
}

.dark .medical-tips-row .post-card-1 .entry-meta.meta-1 {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
}

.dark .medical-tips-row .post-card-1 .entry-meta.meta-1 > span {
    color: #64748b !important;
}

/* Latest Clinical Articles List (Horizontal Cards) */
.post-module-3 .post-title,
.post-module-3 .post-title a,
.list-style-2 .post-title,
.list-style-2 .post-title a {
    font-size: 16.5px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

/* Sidebar & Bottom Procedure Posts */
.site-bottom .list-post .post-title,
.site-bottom .list-post .post-title a,
.widget-latest-posts .post-title,
.widget-latest-posts .post-title a {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}

/* Single Article Headline (entry-title) */
.entry-header .entry-title {
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

/* Global Font Weight Harmonization: soften blunt 900 to crisp 700 */
.font-weight-900 {
    font-weight: 700 !important;
}
.post-title {
    font-weight: 700 !important;
}

/* ==========================================================================
   Single-Row Unified Header RTL (Enhanced Design-Taste)
   ========================================================================== */
.header-row-unified {
    min-height: 74px;
    padding: 6px 0;
}

/* Unified Brand Logo & Typography (Header & Footer) matching personal website */
.site-logo {
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.site-logo:hover {
    opacity: 0.92;
    transform: translateY(-1px);
}
.header-logo-wrap .site-logo .logo {
    width: 44px;
    height: 44px;
    min-width: 44px;
    max-height: 44px;
    object-fit: contain;
    margin-left: 10px;
    display: block;
}
.header-brand-text,
.footer-brand-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.header-brand-text .brand-doctor-name,
.footer-brand-text .brand-doctor-name {
    font-size: 1.15rem;
    line-height: 1.25;
    font-weight: 800;
    color: #1e293b;
    font-family: 'Thmanyah Serif Display', 'Thmanyah Sans', sans-serif;
    letter-spacing: -0.2px;
    white-space: nowrap;
}
.header-brand-text .brand-clinic-name,
.footer-brand-text .brand-clinic-name {
    font-size: 0.72rem;
    line-height: 1.1;
    letter-spacing: 1px;
    color: #006578;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 3px;
    font-family: 'Thmanyah Sans', sans-serif;
    white-space: nowrap;
}

/* Footer Logo specific adjustments */
.footer-logo-wrap {
    padding-bottom: 5px;
}
.footer-logo-wrap .footer-logo {
    width: 46px;
    height: 46px;
    min-width: 46px;
    object-fit: contain;
    margin-left: 12px;
}
.footer-logo-wrap .site-logo:hover {
    opacity: 0.95;
    transform: none;
}

.header-nav-wrap {
    margin: 0 auto;
}

.main-nav .main-menu {
    white-space: nowrap !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.main-nav .main-menu > li {
    padding: 0 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
}

.main-nav .main-menu > li > a {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #212529 !important;
    padding: 10px 4px !important;
    letter-spacing: -0.1px;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: color 0.2s ease !important;
    position: relative !important;
}

.main-nav .main-menu > li > a:hover {
    color: var(--color-primary, #006578) !important;
}

/* Subtle active pill indicator on hover */
.main-nav .main-menu > li > a::after {
    content: "" !important;
    position: absolute !important;
    bottom: 2px !important;
    right: 50% !important;
    transform: translateX(50%) !important;
    width: 0 !important;
    height: 2px !important;
    background-color: var(--color-primary, #006578) !important;
    border-radius: 2px !important;
    transition: width 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.main-nav .main-menu > li:hover > a::after {
    width: 16px !important;
}

/* Arrow indicator for dropdown items */
.main-nav .main-menu > li.menu-item-has-children > a i.arrow_carrot-down {
    font-size: 11px !important;
    margin-right: 4px !important;
    margin-left: 0 !important;
    opacity: 0.6 !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
}

.main-nav .main-menu > li.menu-item-has-children:hover > a i.arrow_carrot-down {
    transform: rotate(180deg) !important;
    opacity: 1 !important;
}

/* Disable old ::before icon on main-menu */
.main-nav .main-menu > li.menu-item-has-children > a::before {
    content: none !important;
}

/* Sub-menu Dropdown RTL */
.main-menu > li > ul.sub-menu {
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    min-width: 240px !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04) !important;
    padding: 10px 0 !important;
    border: 1px solid #edf1f7 !important;
    margin-top: 4px !important;
}

.main-menu > li > ul.sub-menu li {
    display: block !important;
    padding: 0 !important;
    width: 100% !important;
}

.main-menu > li > ul.sub-menu li a {
    display: block !important;
    padding: 10px 20px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #495057 !important;
    text-align: right !important;
    transition: all 0.2s ease !important;
}

.main-menu > li > ul.sub-menu li a:hover {
    background-color: rgba(0, 101, 120, 0.05) !important;
    color: var(--color-primary, #006578) !important;
    padding-right: 25px !important;
}

/* Tools container */
.header-tools {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 14px !important;
}

.dark-light-mode-cover {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background-color: #f1f5f9 !important;
    transition: background-color 0.2s ease !important;
}

.dark-light-mode-cover:hover {
    background-color: rgba(0, 101, 120, 0.1) !important;
}

/* Button in the end: Unified Medical Teal matching website_arabic */
.btn-about-header,
.btn-about-header:visited,
.btn-about-header:active,
.btn-about-header:focus,
a.btn-about-header {
    padding: 8px 22px !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    border-radius: 50px !important;
    background-color: #006578 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 101, 120, 0.22) !important;
    border: none !important;
    outline: none !important;
    transform: none !important;
    animation: none !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

.btn-about-header:hover,
a.btn-about-header:hover {
    background-color: #1a7f90 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(0, 101, 120, 0.3) !important;
    border: none !important;
}

.btn-about-header:active,
a.btn-about-header:active {
    background-color: #004d5a !important;
    color: #ffffff !important;
    transform: none !important;
}

/* Dark mode for unified header */
.dark .header-sticky {
    background: var(--dark-background) !important;
    border-bottom: 1px solid var(--dark-mutted-border-color) !important;
}

.dark .main-nav .main-menu > li > a {
    color: #e9ecef !important;
}

.dark .main-nav .main-menu > li > a:hover {
    color: #58a6ff !important;
}

.dark .main-menu > li > ul.sub-menu {
    background: #1f232b !important;
    border-color: #2d323d !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.5) !important;
}

.dark .main-menu > li > ul.sub-menu li a {
    color: #adb5bd !important;
}

.dark .main-menu > li > ul.sub-menu li a:hover {
    background-color: #282e3a !important;
    color: #fff !important;
}

.dark .off-canvas-toggle-cover:hover,
.dark .dark-light-mode-cover:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

.dark #off-canvas-toggle span,
.dark #off-canvas-toggle span::before,
.dark #off-canvas-toggle span::after {
    background: #adb5bd !important;
}

/* Dark mode for Unified Brand Logo */
.dark .header-brand-text .brand-doctor-name,
.dark .footer-brand-text .brand-doctor-name {
    color: #f8fafc !important;
}
.dark .header-brand-text .brand-clinic-name,
.dark .footer-brand-text .brand-clinic-name {
    color: #2dd4bf !important;
}

/* Mobile responsive scaling for unified brand logo */
@media (max-width: 768px) {
    .header-logo-wrap .site-logo .logo {
        width: 38px;
        height: 38px;
        min-width: 38px;
        margin-left: 8px;
    }
    .header-brand-text .brand-doctor-name {
        font-size: 0.98rem;
    }
    .header-brand-text .brand-clinic-name {
        font-size: 0.65rem;
        letter-spacing: 0.5px;
    }
}
@media (max-width: 440px) {
    .header-brand-text .brand-doctor-name {
        font-size: 0.88rem;
    }
    .header-brand-text .brand-clinic-name {
        font-size: 0.60rem;
    }
}