/* ==========================================================================
   Hayam Gomaa Law Firm - Royal Burgundy Presidential Style (النمط العنابي الرئاسي)
   Theme: XTRA Child Custom Styling
   ========================================================================== */

:root {
    --hayam-burgundy: #4A0E17;
    --hayam-burgundy-dark: #30080E;
    --hayam-burgundy-light: #641522;
    --hayam-gold: #D4AF37;
    --hayam-gold-light: #F7E7B4;
    --hayam-gold-dark: #B8860B;
    --hayam-whatsapp: #16A34A;
    --hayam-whatsapp-dark: #15803D;
    --hayam-whatsapp-glow: rgba(22, 163, 74, 0.35);
    --hayam-text-dark: #1E293B;
    --hayam-text-muted: #475569;
    --hayam-bg-cream: #FAF8F5;
    --hayam-bg-card: #FFFFFF;
    --hayam-border-gold: rgba(212, 175, 55, 0.3);
    --hayam-shadow-luxury: 0 20px 40px -15px rgba(74, 14, 23, 0.15);
    --hayam-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Global Font & Direction */
.hayam-theme-wrapper {
    font-family: 'Cairo', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    direction: rtl;
    text-align: right;
    color: var(--hayam-text-dark);
    background-color: var(--hayam-bg-cream);
    line-height: 1.7;
    overflow-x: hidden;
}

.hayam-theme-wrapper h1,
.hayam-theme-wrapper h2,
.hayam-theme-wrapper h3,
.hayam-theme-wrapper .font-amiri {
    font-family: 'Amiri', 'Cairo', serif;
}

.hayam-container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
}

/* --------------------------------------------------------------------------
   Top Bar (شريط الطوارئ والاتصال)
   -------------------------------------------------------------------------- */
.hayam-topbar {
    background: var(--hayam-burgundy-dark);
    color: #FFFFFF;
    font-size: 14px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(212, 175, 55, 0.25);
}

.hayam-topbar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.hayam-topbar-contact {
    display: flex;
    align-items: center;
    gap: 20px;
}

.hayam-topbar-link {
    color: #FFFFFF;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    transition: var(--hayam-transition);
}

.hayam-topbar-link:hover {
    color: var(--hayam-gold-light);
}

.hayam-topbar-badge {
    background: rgba(212, 175, 55, 0.15);
    border: 1px solid var(--hayam-gold);
    color: var(--hayam-gold-light);
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 12px;
}

/* --------------------------------------------------------------------------
   Header & Navigation
   -------------------------------------------------------------------------- */
.hayam-header {
    background: rgba(74, 14, 23, 0.98);
    backdrop-filter: blur(10px);
    position: sticky;
    top: 0;
    z-index: 999;
    border-bottom: 2px solid var(--hayam-gold);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.hayam-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 0;
}

.hayam-logo-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
}

.hayam-logo-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, var(--hayam-gold), var(--hayam-gold-dark));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--hayam-burgundy-dark);
    font-size: 24px;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
}

.hayam-logo-texts {
    display: flex;
    flex-direction: column;
}

.hayam-logo-title {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.3;
}

.hayam-logo-title span {
    color: var(--hayam-gold);
}

.hayam-logo-sub {
    color: var(--hayam-gold-light);
    font-size: 12px;
    letter-spacing: 0.5px;
}

.hayam-nav-menu {
    display: flex;
    align-items: center;
    gap: 32px;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: nowrap;
}

.hayam-nav-link {
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
    padding: 6px 4px;
    position: relative;
    white-space: nowrap;
    transition: var(--hayam-transition);
}

.hayam-nav-link:hover,
.hayam-nav-link.active {
    color: var(--hayam-gold);
}

.hayam-nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 2px;
    background: var(--hayam-gold);
    transition: var(--hayam-transition);
}

.hayam-nav-link:hover::after,
.hayam-nav-link.active::after {
    width: 100%;
}

.hayam-header-cta {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.hayam-btn-header-call {
    color: #FFFFFF;
    border: 1.5px solid var(--hayam-gold);
    padding: 8px 16px;
    font-size: 14px;
    text-decoration: none;
    border-radius: 25px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    white-space: nowrap;
    transition: var(--hayam-transition);
}

.hayam-btn-header-call:hover {
    background: rgba(212, 175, 55, 0.2);
    color: var(--hayam-gold-light);
    border-color: var(--hayam-gold-light);
}

.hayam-btn-header-wa {
    white-space: nowrap;
    padding: 9px 20px;
    font-size: 14px;
    border-radius: 25px;
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.35);
}

/* --------------------------------------------------------------------------
   Buttons (CTAs)
   -------------------------------------------------------------------------- */
.hayam-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 26px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    cursor: pointer;
    transition: var(--hayam-transition);
    border: none;
    outline: none;
}

.hayam-btn-gold {
    background: linear-gradient(135deg, var(--hayam-gold-light) 0%, var(--hayam-gold) 50%, var(--hayam-gold-dark) 100%);
    color: var(--hayam-burgundy-dark);
    box-shadow: 0 6px 20px rgba(212, 175, 55, 0.35);
}

.hayam-btn-gold:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.5);
    color: #000;
}

.hayam-btn-whatsapp {
    background: linear-gradient(135deg, #15803D 0%, #16A34A 100%);
    color: #FFFFFF !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 15px rgba(22, 163, 74, 0.35);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    font-weight: 700;
}

.hayam-btn-whatsapp:hover {
    background: linear-gradient(135deg, #166534 0%, #15803D 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(22, 163, 74, 0.5);
    color: #FFFFFF !important;
}

.hayam-btn-outline {
    background: transparent;
    color: var(--hayam-gold-light);
    border: 1.5px solid var(--hayam-gold);
}

.hayam-btn-outline:hover {
    background: rgba(212, 175, 55, 0.15);
    color: #FFFFFF;
    transform: translateY(-2px);
}

@keyframes hayam-pulse {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.6); }
    70% { box-shadow: 0 0 0 14px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

/* --------------------------------------------------------------------------
   Hero Section - النمط العنابي الرئاسي
   -------------------------------------------------------------------------- */
.hayam-hero {
    position: relative;
    background: radial-gradient(circle at 20% 50%, #5E121E 0%, var(--hayam-burgundy) 60%, var(--hayam-burgundy-dark) 100%);
    color: #FFFFFF;
    padding: 70px 0 60px;
    overflow: hidden;
    border-bottom: 4px solid var(--hayam-gold);
}

.hayam-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: 
        radial-gradient(var(--hayam-gold) 0.75px, transparent 0.75px),
        radial-gradient(var(--hayam-gold) 0.75px, transparent 0.75px);
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px;
    opacity: 0.05;
    pointer-events: none;
}

.hayam-hero-inner {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    align-items: center;
    gap: 40px;
    position: relative;
    z-index: 2;
}

/* Hero Content (Right in RTL) */
.hayam-hero-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Trust Badges */
.hayam-trust-badges-bar {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.hayam-badge-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid var(--hayam-gold);
    color: var(--hayam-gold-light);
    padding: 6px 14px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
}

.hayam-badge-pill svg {
    color: var(--hayam-gold);
}

/* Name Box (Framed Calligraphic Header) */
.hayam-name-box {
    border: none;
    background: transparent;
    padding: 0 16px 0 0;
    border-right: 3.5px solid var(--hayam-gold);
    box-shadow: none;
    display: block;
    margin: 12px 0 8px 0;
}

.hayam-name-title {
    font-size: 26px;
    font-weight: 800;
    color: var(--hayam-gold);
    margin: 0 0 3px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    line-height: 1.3;
}

.hayam-name-subtitle {
    color: #F1F5F9;
    font-size: 13.5px;
    margin-top: 0;
    font-weight: 600;
    letter-spacing: 0.5px;
    opacity: 0.95;
}

/* Main Hero Heading */
.hayam-hero-title {
    font-size: 40px;
    font-weight: 900;
    line-height: 1.25;
    color: #FFFFFF;
    margin: 0;
}

.hayam-hero-title .highlight {
    color: var(--hayam-gold);
    position: relative;
    display: inline-block;
}

.hayam-hero-desc {
    font-size: 17px;
    color: #F1F5F9;
    line-height: 1.8;
    margin: 0;
    max-width: 620px;
}

/* Hero CTAs */
.hayam-hero-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 10px;
}

/* Hero Media / Image */
.hayam-hero-media {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hayam-portrait-frame {
    position: relative;
    width: 100%;
    max-width: 480px;
    border-radius: 20px;
    overflow: hidden;
    border: 3px solid var(--hayam-gold);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.65), 0 0 35px rgba(212, 175, 55, 0.2);
    background: #1A0508;
}

.hayam-portrait-frame > picture,
.hayam-portrait-frame > picture > img,
.hayam-portrait-frame > img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.hayam-portrait-frame:hover > picture > img,
.hayam-portrait-frame:hover > img {
    transform: scale(1.025);
}

/* Global Emoji Safeguard against WP Twemoji script blowing up */
img.emoji, img.wp-smiley {
    width: 1em !important;
    height: 1em !important;
    max-width: 1em !important;
    max-height: 1em !important;
    display: inline !important;
    vertical-align: -0.1em !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0.15em !important;
}

.hayam-media-floating-badge {
    display: none !important;
}

.hayam-wax-seal {
    display: none !important;
}

/* --------------------------------------------------------------------------
   Process Timeline (شريط خطوات التوثيق الـ 4)
   -------------------------------------------------------------------------- */
.hayam-process-section {
    background: #FFFFFF;
    padding: 50px 0;
    border-bottom: 1px solid #E2E8F0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

.hayam-section-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 40px;
}

.hayam-section-tag {
    color: var(--hayam-burgundy);
    background: rgba(74, 14, 23, 0.08);
    border: 1px solid rgba(74, 14, 23, 0.2);
    display: inline-block;
    padding: 4px 16px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
}

.hayam-section-title {
    font-size: 32px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 10px;
}

.hayam-section-subtitle {
    color: var(--hayam-text-muted);
    font-size: 16px;
    margin: 0;
}

.hayam-timeline-track {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    gap: 24px;
}

.hayam-timeline-track::before {
    content: '';
    position: absolute;
    top: 40px;
    left: 8%;
    right: 8%;
    height: 3px;
    background: linear-gradient(90deg, var(--hayam-gold), var(--hayam-burgundy));
    z-index: 1;
}

.hayam-timeline-step {
    position: relative;
    z-index: 2;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hayam-step-number-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #FFFFFF;
    border: 3px solid var(--hayam-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: var(--hayam-burgundy);
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.25);
    margin-bottom: 18px;
    transition: var(--hayam-transition);
}

.hayam-timeline-step:hover .hayam-step-number-circle {
    background: var(--hayam-burgundy);
    color: var(--hayam-gold-light);
    border-color: var(--hayam-burgundy);
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(74, 14, 23, 0.3);
}

.hayam-step-title {
    font-size: 18px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 8px;
}

.hayam-step-desc {
    font-size: 14px;
    color: var(--hayam-text-muted);
    line-height: 1.6;
    margin: 0;
    padding: 0 8px;
}

/* --------------------------------------------------------------------------
   Interactive Requirements Checker (حاسبة فحص الشروط الفورية)
   -------------------------------------------------------------------------- */
.hayam-checker-section {
    padding: 70px 0;
    background: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);
}

.hayam-checker-card {
    background: #FFFFFF;
    border: 2px solid var(--hayam-border-gold);
    border-radius: 16px;
    padding: 40px;
    box-shadow: var(--hayam-shadow-luxury);
    max-width: 960px;
    margin: 0 auto;
}

.hayam-checker-form-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 24px;
}

.hayam-form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.hayam-form-label {
    font-weight: 700;
    font-size: 14px;
    color: var(--hayam-burgundy-dark);
}

.hayam-form-select,
.hayam-form-input {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid #CBD5E1;
    border-radius: 8px;
    font-family: inherit;
    font-size: 15px;
    color: var(--hayam-text-dark);
    background: #F8FAFC;
    transition: var(--hayam-transition);
}

.hayam-form-select:focus,
.hayam-form-input:focus {
    border-color: var(--hayam-burgundy);
    background: #FFFFFF;
    box-shadow: 0 0 0 3px rgba(74, 14, 23, 0.12);
    outline: none;
}

.hayam-checker-result-box {
    background: rgba(74, 14, 23, 0.03);
    border: 1.5px dashed var(--hayam-gold);
    border-radius: 12px;
    padding: 24px;
    margin-top: 20px;
    display: none;
}

.hayam-checker-result-box.active {
    display: block;
    animation: fadeIn 0.4s ease;
}

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

.hayam-requirements-list {
    list-style: none;
    padding: 0;
    margin: 16px 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.hayam-requirement-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 15px;
    color: var(--hayam-text-dark);
}

.hayam-requirement-item svg {
    color: var(--hayam-whatsapp-dark);
    flex-shrink: 0;
}

/* --------------------------------------------------------------------------
   Services Grid (كروت الخدمات القانونية)
   -------------------------------------------------------------------------- */
.hayam-services-section {
    padding: 80px 0;
    background: var(--hayam-bg-cream);
}

.hayam-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.hayam-service-card {
    background: #FFFFFF;
    border-radius: 14px;
    padding: 32px 26px;
    border: 1px solid rgba(212, 175, 55, 0.25);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: var(--hayam-transition);
    position: relative;
    overflow: hidden;
}

.hayam-service-card::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--hayam-gold), var(--hayam-burgundy));
    opacity: 0;
    transition: var(--hayam-transition);
}

.hayam-service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(74, 14, 23, 0.12);
    border-color: var(--hayam-gold);
}

.hayam-service-card:hover::before {
    opacity: 1;
}

.hayam-service-icon {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    background: rgba(74, 14, 23, 0.06);
    color: var(--hayam-burgundy);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 20px;
    transition: var(--hayam-transition);
}

.hayam-service-card:hover .hayam-service-icon {
    background: var(--hayam-burgundy);
    color: var(--hayam-gold-light);
}

.hayam-service-title {
    font-size: 20px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 12px;
}

.hayam-service-text {
    font-size: 14px;
    color: var(--hayam-text-muted);
    line-height: 1.7;
    margin: 0 0 20px;
}

.hayam-service-link {
    color: var(--hayam-burgundy);
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    transition: var(--hayam-transition);
}

.hayam-service-link:hover {
    color: var(--hayam-gold-dark);
    gap: 12px;
}

/* --------------------------------------------------------------------------
   Stats Counter Row
   -------------------------------------------------------------------------- */
.hayam-stats-row {
    background: var(--hayam-burgundy);
    color: #FFFFFF;
    padding: 45px 0;
    border-top: 2px solid var(--hayam-gold);
    border-bottom: 2px solid var(--hayam-gold);
}

.hayam-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    text-align: center;
}

.hayam-stat-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hayam-stat-number {
    font-size: 42px;
    font-weight: 900;
    color: var(--hayam-gold-light);
    line-height: 1.1;
    margin-bottom: 6px;
    font-family: 'Amiri', serif;
}

.hayam-stat-label {
    font-size: 16px;
    font-weight: 600;
    color: #E2E8F0;
}

/* --------------------------------------------------------------------------
   FAQ Accordion
   -------------------------------------------------------------------------- */
.hayam-faq-section {
    padding: 80px 0;
    background: #FFFFFF;
}

.hayam-faq-list {
    max-width: 840px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.hayam-faq-item {
    border: 1.5px solid #E2E8F0;
    border-radius: 10px;
    overflow: hidden;
    transition: var(--hayam-transition);
}

.hayam-faq-item.active {
    border-color: var(--hayam-gold);
    box-shadow: 0 6px 20px rgba(74, 14, 23, 0.08);
}

.hayam-faq-question {
    padding: 18px 24px;
    background: #F8FAFC;
    color: var(--hayam-burgundy-dark);
    font-weight: 700;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

.hayam-faq-item.active .hayam-faq-question {
    background: rgba(74, 14, 23, 0.04);
}

.hayam-faq-icon {
    font-size: 20px;
    transition: transform 0.3s ease;
    color: var(--hayam-gold-dark);
}

.hayam-faq-item.active .hayam-faq-icon {
    transform: rotate(180deg);
}

.hayam-faq-answer {
    padding: 0 24px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
    color: var(--hayam-text-dark);
    font-size: 15px;
    line-height: 1.8;
}

.hayam-faq-item.active .hayam-faq-answer {
    padding: 18px 24px;
    max-height: 400px;
}

/* --------------------------------------------------------------------------
   Floating WhatsApp Button & Popup Widget (زر الواتساب العائم الذكي)
   -------------------------------------------------------------------------- */
.hayam-floating-whatsapp-wrap {
    position: fixed;
    bottom: 28px;
    left: 28px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hayam-floating-btn {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background: linear-gradient(135deg, #15803D 0%, #16A34A 100%);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 20px rgba(22, 163, 74, 0.45);
    text-decoration: none;
    position: relative;
    cursor: pointer;
    border: 2px solid #FFFFFF;
    transition: var(--hayam-transition);
    animation: hayam-pulse 2.2s infinite;
}

.hayam-floating-btn:hover {
    transform: scale(1.08);
    background: linear-gradient(135deg, #166534 0%, #15803D 100%);
}

.hayam-floating-badge {
    position: absolute;
    top: -3px;
    right: -3px;
    background: #EF4444;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 800;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #FFFFFF;
}

.hayam-whatsapp-tooltip {
    position: absolute;
    bottom: 74px;
    left: 0;
    background: #FFFFFF;
    border-radius: 12px;
    padding: 14px 18px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
    width: 270px;
    border: 1px solid #E2E8F0;
    display: none;
    animation: fadeIn 0.3s ease;
}

.hayam-whatsapp-tooltip.active {
    display: block;
}

.hayam-tooltip-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

.hayam-tooltip-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    border: 1.5px solid var(--hayam-gold);
}

.hayam-tooltip-name {
    font-weight: 700;
    font-size: 13px;
    color: var(--hayam-burgundy-dark);
}

.hayam-tooltip-status {
    font-size: 11px;
    color: var(--hayam-whatsapp-dark);
}

.hayam-tooltip-msg {
    font-size: 13px;
    color: var(--hayam-text-dark);
    margin: 0;
    line-height: 1.5;
}

/* --------------------------------------------------------------------------
   Responsive Media Queries
   -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    .hayam-hero-inner {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .hayam-hero-content {
        align-items: center;
    }

    .hayam-name-box {
        margin: 0 auto 12px;
        border-right: none;
        border-bottom: 2.5px solid var(--hayam-gold);
        padding: 0 0 8px 0;
        display: inline-block;
    }

    .hayam-hero-title {
        font-size: 32px;
    }

    .hayam-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .hayam-timeline-track {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }

    .hayam-timeline-track::before {
        display: none;
    }

    .hayam-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .hayam-urgency-bar {
        padding: 6px 12px;
        font-size: 12px;
    }

    .hayam-urgency-inner {
        flex-direction: column;
        gap: 6px;
        text-align: center;
    }

    .hayam-topbar {
        display: none !important;
    }

    .hayam-nav-menu {
        display: none !important;
    }

    .hayam-header-inner {
        flex-direction: column;
        gap: 12px;
        text-align: center;
        padding: 10px 0;
    }

    .hayam-logo-brand {
        justify-content: center;
    }

    .hayam-header-cta {
        width: 100%;
        justify-content: center;
        gap: 8px;
    }

    .hayam-btn-header-call {
        font-size: 13px;
        padding: 6px 12px;
    }

    .hayam-btn-header-wa {
        font-size: 13px;
        padding: 6px 14px;
    }

    .hayam-topbar-inner {
        flex-direction: column;
        text-align: center;
    }

    .hayam-hero {
        padding: 40px 0;
    }

    .hayam-hero-title {
        font-size: 26px;
    }

    .hayam-services-grid {
        grid-template-columns: 1fr;
    }

    .hayam-timeline-track {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .hayam-checker-form-grid {
        grid-template-columns: 1fr;
    }

    .hayam-requirements-list {
        grid-template-columns: 1fr;
    }

    .hayam-stats-grid {
        grid-template-columns: 1fr;
    }

    .hayam-floating-whatsapp-wrap {
        bottom: 20px;
        left: 20px;
    }
}


/* --------------------------------------------------------------------------
   Urgency Announcement Bar (شريط التنبيه وتحديث رسوم 2026)
   -------------------------------------------------------------------------- */
.hayam-urgency-bar {
    background: linear-gradient(90deg, #30080E 0%, #641522 50%, #30080E 100%);
    color: #FFFFFF;
    padding: 10px 0;
    font-size: 14px;
    border-bottom: 1.5px solid var(--hayam-gold);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.hayam-urgency-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.hayam-urgency-btn {
    background: var(--hayam-gold);
    color: var(--hayam-burgundy-dark);
    padding: 4px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: var(--hayam-transition);
}

.hayam-urgency-btn:hover {
    background: #FFFFFF;
    color: var(--hayam-burgundy);
    transform: translateX(-4px);
}

/* --------------------------------------------------------------------------
   Language Switcher (مفتاح تغيير اللغة)
   -------------------------------------------------------------------------- */
.hayam-lang-switch {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid var(--hayam-gold);
    color: #FFFFFF;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--hayam-transition);
}

.hayam-lang-switch:hover {
    background: var(--hayam-gold);
    color: var(--hayam-burgundy-dark);
}

/* --------------------------------------------------------------------------
   Exit-Intent Modal (نافذة المغادرة الذكية)
   -------------------------------------------------------------------------- */
.hayam-exit-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(5px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.hayam-exit-overlay.active {
    opacity: 1;
    visibility: visible;
}

.hayam-exit-modal {
    background: #FFFFFF;
    border-radius: 16px;
    border: 3px solid var(--hayam-gold);
    max-width: 540px;
    width: 100%;
    padding: 35px 30px;
    position: relative;
    text-align: center;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.5);
    transform: scale(0.9);
    transition: transform 0.3s ease;
}

.hayam-exit-overlay.active .hayam-exit-modal {
    transform: scale(1);
}

.hayam-exit-close {
    position: absolute;
    top: 14px;
    left: 16px;
    background: #F1F5F9;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748B;
    transition: var(--hayam-transition);
}

.hayam-exit-close:hover {
    background: var(--hayam-burgundy);
    color: #FFFFFF;
}

.hayam-exit-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid var(--hayam-gold);
    margin: 0 auto 16px;
    object-fit: cover;
    box-shadow: 0 6px 15px rgba(212, 175, 55, 0.3);
}

.hayam-exit-title {
    font-size: 24px;
    font-weight: 900;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 10px;
}

.hayam-exit-desc {
    font-size: 15px;
    color: var(--hayam-text-muted);
    line-height: 1.6;
    margin: 0 0 24px;
}

/* ==========================================================================
   Fixes: Hide Parent XTRA Header, Floating Buttons, and Portrait Framing
   ========================================================================== */
body.hayam-presidential-body > header:not(.hayam-header),
body.hayam-presidential-body .cz_header,
body.hayam-presidential-body #site-header,
body.hayam-presidential-body .header_top_bar,
body.hayam-presidential-body .cz_fixed_contact,
body.hayam-presidential-body #cz_whatsapp,
body.hayam-presidential-body .cz_whatsapp,
body.hayam-presidential-body .cz_quick_contact,
body.hayam-presidential-body .cz_floating_btns,
body.hayam-presidential-body .cz_back_to_top,
body.hayam-presidential-body .store-download,
body.hayam-presidential-body [class*="download-app"],
body.hayam-presidential-body [class*="store-download"],
body.hayam-presidential-body [id*="download-app"],
body.hayam-presidential-body [id*="store-download"],
body.hayam-presidential-body .xtra-floating,
body.hayam-presidential-body .codevz-floating,
body.hayam-presidential-body .cz_switcher,
body.hayam-presidential-body #cz_switcher,
body.hayam-presidential-body [class*="cz_switcher"],
body.hayam-presidential-body .cz_buy_now,
body.hayam-presidential-body .cz_palette,
body.hayam-presidential-body .cz_purchase_badge,
body.page-template-template-hayam-home > header:not(.hayam-header),
body.page-template-template-hayam-home .cz_header,
body.page-template-template-hayam-home #site-header,
body.page-template-template-hayam-home .header_top_bar,
body.page-template-template-hayam-home .cz_fixed_contact,
body.page-template-template-hayam-home #cz_whatsapp,
body.page-template-template-hayam-home .store-download,
body.page-template-template-hayam-home [class*="download-app"],
body.page-template-template-hayam-home [class*="store-download"],
body.page-template-template-hayam-home [id*="download-app"],
body.page-template-template-hayam-home [id*="store-download"],
body.page-template-template-hayam-home .cz_switcher,
body.page-template-template-hayam-home #cz_switcher,
body.page-template-template-hayam-home [class*="cz_switcher"],
body.page-template-template-hayam-home .cz_buy_now,
body.page-template-template-hayam-home .cz_palette,
body.page-template-template-hayam-home .cz_purchase_badge,
body.page-template-template-landing-saudi > header:not(.hayam-header),
body.page-template-template-landing-saudi .cz_header,
body.page-template-template-landing-western > header:not(.hayam-header),
body.page-template-template-landing-western .cz_header,
body.page-template-template-landing-maghreb > header:not(.hayam-header),
body.page-template-template-landing-maghreb .cz_header {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Custom Presidential Footer */
.hayam-main-footer {
    background: #1A0509;
    border-top: 3px solid var(--hayam-gold);
    color: #FFFFFF;
    padding: 40px 0 20px;
    direction: rtl;
    text-align: right;
}

.hayam-footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

/* Portrait Frame Styling */
.hayam-portrait-frame {
    position: relative;
    width: 100%;
    max-width: 440px;
    border-radius: 16px;
    overflow: hidden;
    border: 3px solid var(--hayam-gold) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7) !important;
    background: #1A0509;
}

.hayam-portrait-frame img {
    width: 100% !important;
    height: auto !important;
    max-height: 560px !important;
    display: block !important;
    object-fit: cover !important;
    object-position: top center !important;
    transition: transform 0.5s ease;
}

.hayam-portrait-frame:hover img {
    transform: scale(1.02);
}

/* ==========================================================================
   Enriched Content Sections: Articles, Comparison, Testimonials, & Guide
   ========================================================================== */

/* Articles Grid (المقالات) */
.hayam-articles-section {
    padding: 85px 0;
    background: #FFFFFF;
}

.hayam-articles-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.hayam-article-card {
    background: #FFFFFF;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #E2E8F0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    transition: var(--hayam-transition);
}

.hayam-article-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 20px 40px rgba(74, 14, 23, 0.12);
    border-color: var(--hayam-gold);
}

.hayam-article-thumb {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    background: var(--hayam-burgundy-dark);
}

.hayam-article-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.hayam-article-card:hover .hayam-article-thumb img {
    transform: scale(1.08);
}

.hayam-article-date {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: rgba(48, 8, 14, 0.88);
    color: var(--hayam-gold-light);
    border: 1px solid var(--hayam-gold);
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
}

.hayam-article-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between;
}

.hayam-article-title {
    font-size: 19px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 10px;
    line-height: 1.4;
}

.hayam-article-title a {
    color: inherit;
    text-decoration: none;
    transition: var(--hayam-transition);
}

.hayam-article-title a:hover {
    color: var(--hayam-gold-dark);
}

.hayam-article-excerpt {
    font-size: 14px;
    color: var(--hayam-text-muted);
    line-height: 1.7;
    margin: 0 0 16px;
}

.hayam-article-readmore {
    color: var(--hayam-burgundy);
    text-decoration: none;
    font-weight: 800;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: var(--hayam-transition);
}

.hayam-article-readmore:hover {
    color: var(--hayam-gold-dark);
    gap: 10px;
}

/* Comparison Section (مقارنة الإجراءات) */
.hayam-comparison-section {
    padding: 80px 0;
    background: var(--hayam-bg-cream);
}

.hayam-comparison-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    max-width: 1050px;
    margin: 0 auto;
}

.hayam-comparison-card {
    border-radius: 16px;
    padding: 36px 30px;
    box-shadow: var(--hayam-shadow-luxury);
    display: flex;
    flex-direction: column;
}

.hayam-comparison-card.negative {
    background: #FFFFFF;
    border: 2px solid #FCA5A5;
}

.hayam-comparison-card.positive {
    background: #FFFFFF;
    border: 2.5px solid var(--hayam-gold);
    position: relative;
}

.hayam-comparison-badge-pop {
    position: absolute;
    top: -14px;
    right: 30px;
    background: var(--hayam-burgundy);
    color: var(--hayam-gold-light);
    border: 1.5px solid var(--hayam-gold);
    padding: 4px 16px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 800;
}

.hayam-comparison-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
    border-bottom: 1.5px solid #F1F5F9;
    padding-bottom: 16px;
}

.hayam-comparison-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.hayam-comparison-card.negative .hayam-comparison-icon {
    background: #FEE2E2;
    color: #DC2626;
}

.hayam-comparison-card.positive .hayam-comparison-icon {
    background: rgba(74, 14, 23, 0.08);
    color: var(--hayam-burgundy);
}

.hayam-comparison-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.hayam-comparison-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 15px;
    line-height: 1.6;
}

/* Testimonials Section (آراء وتجارب العملاء) */
.hayam-testimonials-section {
    padding: 80px 0;
    background: radial-gradient(circle at 50% 50%, #4A0E17 0%, #29050B 100%);
    color: #FFFFFF;
}

.hayam-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.hayam-testimonial-card {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(10px);
    border: 1.5px solid rgba(212, 175, 55, 0.3);
    border-radius: 14px;
    padding: 30px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: var(--hayam-transition);
}

.hayam-testimonial-card:hover {
    transform: translateY(-6px);
    border-color: var(--hayam-gold);
    background: rgba(255, 255, 255, 0.1);
}

.hayam-testimonial-stars {
    color: #FBBF24;
    font-size: 18px;
    margin-bottom: 14px;
    letter-spacing: 2px;
}

.hayam-testimonial-quote {
    font-size: 15px;
    line-height: 1.8;
    color: #F1F5F9;
    margin: 0 0 20px;
    font-style: italic;
}

.hayam-testimonial-author {
    display: flex;
    align-items: center;
    gap: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 14px;
}

.hayam-author-flag {
    font-size: 26px;
}

.hayam-author-name {
    font-weight: 800;
    font-size: 15px;
    color: var(--hayam-gold-light);
    margin: 0;
}

.hayam-author-meta {
    font-size: 12px;
    color: #94A3B8;
    margin: 0;
}

/* Detailed Legal Guide Cards (الدليل القانوني المتخصص) */
.hayam-guide-section {
    padding: 85px 0;
    background: #FFFFFF;
}

.hayam-guide-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.hayam-guide-card {
    background: #F8FAFC;
    border-radius: 14px;
    border: 1px solid #E2E8F0;
    border-right: 4px solid var(--hayam-burgundy);
    padding: 28px 24px;
    transition: var(--hayam-transition);
}

.hayam-guide-card:hover {
    border-color: var(--hayam-gold);
    border-right: 4px solid var(--hayam-gold);
    background: #FFFFFF;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
}

.hayam-guide-card h3 {
    font-size: 20px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 10px;
}

.hayam-guide-card p {
    font-size: 14px;
    color: var(--hayam-text-dark);
    line-height: 1.8;
    margin: 0;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .hayam-articles-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .hayam-testimonials-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .hayam-comparison-grid {
        grid-template-columns: 1fr;
    }
    .hayam-guide-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .hayam-articles-grid {
        grid-template-columns: 1fr;
    }
    .hayam-testimonials-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   Advanced Animations & Dynamic Interactive Components
   ========================================================================== */

/* Shimmer & Glow Animations */
@keyframes hayam-shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

@keyframes hayam-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}

@keyframes hayam-glow-gold {
    0%, 100% { box-shadow: 0 0 15px rgba(212, 175, 55, 0.3); }
    50% { box-shadow: 0 0 28px rgba(212, 175, 55, 0.7); }
}

.hayam-btn-gold {
    background-size: 200% auto;
    position: relative;
    overflow: hidden;
}

.hayam-btn-gold:hover {
    animation: hayam-shimmer 2s infinite linear;
}

.hayam-floating-badge-pulse {
    animation: hayam-float 3.5s ease-in-out infinite;
}

/* --------------------------------------------------------------------------
   Nationality Tabs (تبويبات شروط الدول والجنسيات)
   -------------------------------------------------------------------------- */
.hayam-nat-tabs-section {
    padding: 85px 0;
    background: #FFFFFF;
}

.hayam-tabs-nav {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 35px;
    list-style: none;
    padding: 0;
}

.hayam-tab-btn {
    background: #F8FAFC;
    border: 2px solid #E2E8F0;
    color: var(--hayam-text-dark);
    padding: 12px 24px;
    border-radius: 35px;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
    transition: var(--hayam-transition);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    outline: none;
}

.hayam-tab-btn:hover {
    border-color: var(--hayam-burgundy);
    background: rgba(74, 14, 23, 0.04);
}

.hayam-tab-btn.active {
    background: var(--hayam-burgundy);
    border-color: var(--hayam-gold);
    color: var(--hayam-gold-light);
    box-shadow: 0 8px 20px rgba(74, 14, 23, 0.25);
    transform: translateY(-2px);
}

.hayam-tab-pane {
    display: none;
    animation: fadeIn 0.4s ease;
}

.hayam-tab-pane.active {
    display: block;
}

.hayam-nat-detail-card {
    background: var(--hayam-bg-cream);
    border: 2px solid var(--hayam-border-gold);
    border-radius: 16px;
    padding: 40px;
    box-shadow: var(--hayam-shadow-luxury);
    max-width: 1050px;
    margin: 0 auto;
}

.hayam-nat-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 35px;
    align-items: center;
}

.hayam-nat-points {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.hayam-nat-point-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 15px;
    line-height: 1.6;
}

.hayam-nat-point-item span:first-child {
    color: var(--hayam-gold-dark);
    font-size: 16px;
}

.hayam-nat-side-cta {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 28px;
    border: 1.5px solid var(--hayam-border-gold);
    text-align: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
}

/* --------------------------------------------------------------------------
   Embassies & Consulates Grid (دليل السفارات والجهات المعتمدة)
   -------------------------------------------------------------------------- */
.hayam-embassies-section {
    padding: 80px 0;
    background: linear-gradient(180deg, #FAF8F5 0%, #FFFFFF 100%);
}

.hayam-embassies-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.hayam-embassy-card {
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: 12px;
    padding: 22px 18px;
    text-align: center;
    transition: var(--hayam-transition);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.hayam-embassy-card:hover {
    border-color: var(--hayam-gold);
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(74, 14, 23, 0.08);
}

.hayam-embassy-icon {
    font-size: 32px;
    margin-bottom: 4px;
}

.hayam-embassy-name {
    font-size: 16px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0;
}

.hayam-embassy-desc {
    font-size: 12px;
    color: var(--hayam-text-muted);
    margin: 0;
}

/* --------------------------------------------------------------------------
   Pledge of Confidentiality (ميثاق السرية والأمان)
   -------------------------------------------------------------------------- */
.hayam-pledge-section {
    padding: 60px 0;
    background: var(--hayam-burgundy);
    color: #FFFFFF;
    position: relative;
    border-top: 3px solid var(--hayam-gold);
    border-bottom: 3px solid var(--hayam-gold);
}

.hayam-pledge-inner {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    border: 1.5px dashed var(--hayam-gold-light);
    border-radius: 16px;
    padding: 35px 30px;
    background: rgba(0, 0, 0, 0.15);
}

.hayam-pledge-seal {
    font-size: 44px;
    margin-bottom: 12px;
}

.hayam-pledge-title {
    font-size: 26px;
    font-weight: 800;
    color: var(--hayam-gold-light);
    margin: 0 0 12px;
}

.hayam-pledge-text {
    font-size: 16px;
    line-height: 1.8;
    color: #F8FAFC;
    margin: 0;
}

/* --------------------------------------------------------------------------
   Floating Hub & Scroll to Top
   -------------------------------------------------------------------------- */
.hayam-floating-hub {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.hayam-btn-call-float {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--hayam-burgundy);
    color: var(--hayam-gold-light);
    border: 1.5px solid var(--hayam-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(74, 14, 23, 0.35);
    text-decoration: none;
    transition: var(--hayam-transition);
}

.hayam-btn-call-float:hover {
    transform: scale(1.1);
    background: var(--hayam-burgundy-dark);
}

.hayam-scroll-top-btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #FFFFFF;
    color: var(--hayam-burgundy);
    border: 1.5px solid #CBD5E1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: var(--hayam-transition);
    opacity: 0;
    visibility: hidden;
}

.hayam-scroll-top-btn.visible {
    opacity: 1;
    visibility: visible;
}

.hayam-scroll-top-btn:hover {
    background: var(--hayam-burgundy);
    color: #FFFFFF;
    border-color: var(--hayam-burgundy);
}

/* Responsive */
@media (max-width: 1024px) {
    .hayam-nat-grid {
        grid-template-columns: 1fr;
    }
    .hayam-embassies-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .hayam-tabs-nav {
        flex-direction: column;
    }
    .hayam-tab-btn {
        width: 100%;
        justify-content: center;
    }
    .hayam-embassies-grid {
        grid-template-columns: 1fr;
    }
    .hayam-floating-hub {
        bottom: 16px;
        left: 16px;
    }
}


/* ==========================================================================
   New Strategic Enhancements:
   1. 3D Official Golden Wax Seal
   2. Live Social Proof Ticker
   3. Connected Visual Roadmap Timeline (6 Steps)
   4. Guilloche Pattern & Presidential Texture
   5. Money & Time Guarantee
   6. Pain Points & Solutions Grid
   7. VIP Concierge Legal Services
   8. Foreign Marriage Glossary Cards
   9. Royal Dark Mode Overrides & Toggle
   ========================================================================== */

/* 1. 3D Golden Wax Seal */
.hayam-wax-seal {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, #FFF0C2 0%, #E5C158 30%, #B8860B 65%, #6B4E08 100%);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4), inset 0 2px 4px rgba(255, 255, 255, 0.8), inset 0 -4px 8px rgba(0, 0, 0, 0.6);
    border: 3px double #785208;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 10;
    color: #381E04;
    font-weight: 900;
    line-height: 1.1;
    transform: rotate(-8deg);
    transition: var(--hayam-transition);
    cursor: default;
    user-select: none;
}

.hayam-wax-seal:hover {
    transform: rotate(0deg) scale(1.08);
}

.hayam-seal-icon {
    font-size: 22px;
    line-height: 1;
    margin-bottom: 2px;
}

.hayam-seal-text-top {
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 800;
}

.hayam-seal-year {
    font-size: 13px;
    font-weight: 900;
    color: #261102;
    border-top: 1px solid rgba(56, 30, 4, 0.4);
    border-bottom: 1px solid rgba(56, 30, 4, 0.4);
    padding: 1px 4px;
    margin: 2px 0;
}

.hayam-seal-text-sub {
    font-size: 8px;
    font-weight: 700;
}

/* 2. Live Social Proof Ticker */
.hayam-social-proof-toast {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9998;
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1.5px solid var(--hayam-gold);
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(74, 14, 23, 0.16);
    padding: 10px 14px;
    max-width: 300px;
    display: flex;
    align-items: center;
    gap: 12px;
    transform: translateY(160%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.45s cubic-bezier(0.16, 1, 0.3, 1);
    direction: rtl;
    text-align: right;
}

.hayam-social-proof-toast.visible {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.hayam-toast-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--hayam-burgundy);
    color: var(--hayam-gold-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex-shrink: 0;
    box-shadow: 0 3px 8px rgba(74, 14, 23, 0.2);
}

.hayam-toast-content {
    flex-grow: 1;
    min-width: 0;
}

.hayam-toast-title {
    font-size: 12px;
    font-weight: 700;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 2px;
    line-height: 1.35;
}

.hayam-toast-meta {
    font-size: 10.5px;
    color: var(--hayam-whatsapp-dark);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
}

.hayam-toast-close {
    background: transparent;
    border: none;
    font-size: 18px;
    color: #94A3B8;
    cursor: pointer;
    padding: 0 4px;
    align-self: flex-start;
    transition: var(--hayam-transition);
}

.hayam-toast-close:hover {
    color: #DC2626;
}

/* 3. Connected Visual Roadmap Timeline (6 Steps) */
.hayam-roadmap-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    position: relative;
    margin-top: 40px;
}

.hayam-roadmap-grid::before {
    content: '';
    position: absolute;
    top: 36px;
    left: 8%;
    right: 8%;
    height: 3px;
    background: linear-gradient(90deg, var(--hayam-gold), var(--hayam-burgundy), var(--hayam-gold));
    z-index: 1;
}

.hayam-roadmap-step {
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: 12px;
    padding: 22px 14px;
    text-align: center;
    position: relative;
    z-index: 2;
    transition: var(--hayam-transition);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hayam-roadmap-step:hover {
    border-color: var(--hayam-gold);
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(74, 14, 23, 0.1);
}

.hayam-roadmap-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--hayam-burgundy), var(--hayam-burgundy-dark));
    color: var(--hayam-gold-light);
    border: 3px solid var(--hayam-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 14px;
    box-shadow: 0 6px 16px rgba(74, 14, 23, 0.25);
}

.hayam-roadmap-title {
    font-size: 15px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 8px;
    line-height: 1.3;
}

.hayam-roadmap-desc {
    font-size: 12px;
    color: var(--hayam-text-muted);
    line-height: 1.5;
    margin: 0;
}

/* 4. Presidential Guilloche Pattern Texture */
.hayam-guilloche-bg {
    background-color: var(--hayam-burgundy);
    background-image: 
        radial-gradient(rgba(212, 175, 55, 0.12) 1.5px, transparent 1.5px), 
        radial-gradient(rgba(212, 175, 55, 0.08) 1.5px, transparent 1.5px);
    background-size: 24px 24px;
    background-position: 0 0, 12px 12px;
}

/* 5. Explicit Money & Time Guarantee Box */
.hayam-guarantee-banner {
    background: linear-gradient(135deg, #FFFDF8 0%, #FFF7E6 100%);
    border: 2px solid var(--hayam-gold);
    border-radius: 16px;
    padding: 24px 30px;
    margin: 40px auto 0;
    max-width: 950px;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.15);
    display: flex;
    align-items: center;
    gap: 24px;
}

.hayam-guarantee-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--hayam-gold), var(--hayam-gold-dark));
    color: var(--hayam-burgundy-dark);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    flex-shrink: 0;
    box-shadow: 0 6px 16px rgba(212, 175, 55, 0.35);
}

.hayam-guarantee-content h4 {
    font-size: 19px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 6px;
}

.hayam-guarantee-content p {
    font-size: 14px;
    color: var(--hayam-text-dark);
    line-height: 1.6;
    margin: 0;
}

/* 6. Pain Points & Solutions Grid */
.hayam-solutions-section {
    padding: 85px 0;
    background: #FAF8F5;
}

.hayam-solutions-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 28px;
    margin-top: 40px;
}

.hayam-solution-card {
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.04);
    transition: var(--hayam-transition);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hayam-solution-card:hover {
    border-color: var(--hayam-gold);
    transform: translateY(-5px);
    box-shadow: 0 16px 35px rgba(74, 14, 23, 0.09);
}

.hayam-problem-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #FEE2E2;
    color: #DC2626;
    font-weight: 800;
    font-size: 12px;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 14px;
}

.hayam-solution-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #DCFCE7;
    color: var(--hayam-whatsapp-dark);
    font-weight: 800;
    font-size: 12px;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 12px;
}

.hayam-solution-card h3 {
    font-size: 20px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 12px;
}

.hayam-solution-card p {
    font-size: 14px;
    color: var(--hayam-text-muted);
    line-height: 1.7;
    margin: 0 0 20px;
}

/* 7. VIP Concierge Legal Services */
.hayam-vip-section {
    padding: 90px 0;
    background: linear-gradient(135deg, #1C0508 0%, #30080E 50%, #4A0E17 100%);
    color: #FFFFFF;
    position: relative;
    overflow: hidden;
    border-top: 3px solid var(--hayam-gold);
    border-bottom: 3px solid var(--hayam-gold);
}

.hayam-vip-card {
    background: rgba(255, 255, 255, 0.04);
    border: 2px solid var(--hayam-gold);
    border-radius: 20px;
    padding: 45px;
    backdrop-filter: blur(10px);
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 40px;
    align-items: center;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);
}

.hayam-vip-perks {
    list-style: none;
    padding: 0;
    margin: 25px 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.hayam-vip-perk-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #F8FAFC;
}

.hayam-vip-perk-item span:first-child {
    color: var(--hayam-gold);
    font-size: 18px;
}

/* 8. Foreign Marriage Glossary */
.hayam-glossary-section {
    padding: 80px 0;
    background: #FFFFFF;
}

.hayam-glossary-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-top: 35px;
}

.hayam-glossary-card {
    background: var(--hayam-bg-cream);
    border: 1.5px solid #E2E8F0;
    border-radius: 12px;
    padding: 22px;
    transition: var(--hayam-transition);
}

.hayam-glossary-card:hover {
    border-color: var(--hayam-gold);
    box-shadow: 0 10px 24px rgba(74, 14, 23, 0.08);
}

.hayam-glossary-term {
    font-size: 17px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.hayam-glossary-desc {
    font-size: 13px;
    color: var(--hayam-text-dark);
    line-height: 1.6;
    margin: 0;
}

/* 9. Royal Dark Mode Overrides & Toggle */
.hayam-theme-toggle {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid var(--hayam-gold);
    color: var(--hayam-gold-light);
    border-radius: 20px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: var(--hayam-transition);
}

.hayam-theme-toggle:hover {
    background: var(--hayam-gold);
    color: var(--hayam-burgundy-dark);
}

/* Dark Mode Classes */
body.hayam-dark-mode .hayam-theme-wrapper {
    background-color: #120204;
    color: #F8FAFC;
}

body.hayam-dark-mode .hayam-nat-tabs-section,
body.hayam-dark-mode .hayam-glossary-section,
body.hayam-dark-mode .hayam-process-section {
    background-color: #170407;
}

body.hayam-dark-mode .hayam-solutions-section,
body.hayam-dark-mode .hayam-checker-section,
body.hayam-dark-mode .hayam-embassies-section {
    background: #1D060A;
}

body.hayam-dark-mode .hayam-service-card,
body.hayam-dark-mode .hayam-embassy-card,
body.hayam-dark-mode .hayam-solution-card,
body.hayam-dark-mode .hayam-checker-card,
body.hayam-dark-mode .hayam-article-card,
body.hayam-dark-mode .hayam-roadmap-step,
body.hayam-dark-mode .hayam-nat-side-cta {
    background: #25080E;
    border-color: rgba(212, 175, 55, 0.3);
    color: #F8FAFC;
}

body.hayam-dark-mode .hayam-service-title,
body.hayam-dark-mode .hayam-embassy-name,
body.hayam-dark-mode .hayam-solution-card h3,
body.hayam-dark-mode .hayam-article-title a,
body.hayam-dark-mode .hayam-roadmap-title,
body.hayam-dark-mode .hayam-glossary-term,
body.hayam-dark-mode .hayam-section-title {
    color: #FFFFFF !important;
}

body.hayam-dark-mode .hayam-service-text,
body.hayam-dark-mode .hayam-embassy-desc,
body.hayam-dark-mode .hayam-solution-card p,
body.hayam-dark-mode .hayam-article-excerpt,
body.hayam-dark-mode .hayam-roadmap-desc,
body.hayam-dark-mode .hayam-glossary-desc,
body.hayam-dark-mode .hayam-section-subtitle {
    color: #CBD5E1 !important;
}

body.hayam-dark-mode .hayam-nat-detail-card,
body.hayam-dark-mode .hayam-glossary-card {
    background: #25080E;
    border-color: rgba(212, 175, 55, 0.35);
}

body.hayam-dark-mode .hayam-tab-btn {
    background: #2A0A10;
    color: #E2E8F0;
    border-color: rgba(212, 175, 55, 0.25);
}

body.hayam-dark-mode .hayam-guarantee-banner {
    background: #270910;
    border-color: var(--hayam-gold);
}

body.hayam-dark-mode .hayam-guarantee-content h4 {
    color: var(--hayam-gold-light);
}

body.hayam-dark-mode .hayam-guarantee-content p {
    color: #F8FAFC;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .hayam-roadmap-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .hayam-roadmap-grid::before {
        display: none;
    }
    .hayam-solutions-grid {
        grid-template-columns: 1fr;
    }
    .hayam-vip-card {
        grid-template-columns: 1fr;
    }
    .hayam-glossary-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .hayam-roadmap-grid {
        grid-template-columns: 1fr;
    }
    .hayam-glossary-grid {
        grid-template-columns: 1fr;
    }
    .hayam-vip-perks {
        grid-template-columns: 1fr;
    }
    .hayam-guarantee-banner {
        flex-direction: column;
        text-align: center;
    }
    .hayam-social-proof-toast {
        right: 15px;
        left: 15px;
        max-width: none;
        bottom: 85px;
    }
    .hayam-wax-seal {
        width: 85px;
        height: 85px;
        top: -15px;
        left: -10px;
    }
    .hayam-seal-icon {
        font-size: 18px;
    }
    .hayam-seal-text-top {
        font-size: 8px;
    }
    .hayam-seal-year {
        font-size: 11px;
    }
}


/* ==========================================================================
   Encyclopedic Legal Content Expansion (الموسوعة القانونية الشاملة لزواج الأجانب):
   - Master Comparison Table (جدول مقارنات الجنسيات والمدد)
   - Special Marriage Clauses (بنود وشروط عقد الزواج الخاصة)
   - Custody, Passports & Nationality Law 154/2004 (الجنسية والأبناء)
   - Property, Inheritance & Estates (الميراث والتركات)
   - Divorce, Khula & Legal Dissolution (الطلاق والخلع)
   - Egyptian Legal Framework (التشريعات والقرارات الوزارية)
   - Medical Health Exam Guide (الفحص الطبي الإلزامي)
   - Official Documentation Checklist (قائمة المراجعة الذكية)
   ========================================================================== */

/* Master Comparison Table */
.hayam-table-section {
    padding: 85px 0;
    background: #FFFFFF;
}

.hayam-table-wrap {
    overflow-x: auto;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(74, 14, 23, 0.08);
    border: 1.5px solid var(--hayam-gold);
    margin-top: 35px;
}

.hayam-master-table {
    width: 100%;
    border-collapse: collapse;
    text-align: right;
    font-size: 14px;
    min-width: 900px;
}

.hayam-master-table thead th {
    background: linear-gradient(135deg, var(--hayam-burgundy-dark), var(--hayam-burgundy));
    color: var(--hayam-gold-light);
    padding: 18px 20px;
    font-weight: 800;
    font-size: 15px;
    border-bottom: 2px solid var(--hayam-gold);
    white-space: nowrap;
}

.hayam-master-table tbody td {
    padding: 16px 20px;
    border-bottom: 1px solid #E2E8F0;
    color: var(--hayam-text-dark);
    vertical-align: middle;
}

.hayam-master-table tbody tr:nth-child(even) {
    background: var(--hayam-bg-cream);
}

.hayam-master-table tbody tr:hover {
    background: rgba(212, 175, 55, 0.07);
}

.hayam-badge-time {
    background: #FEF3C7;
    color: #92400E;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    display: inline-block;
}

.hayam-badge-status-ok {
    background: #DCFCE7;
    color: #166534;
    font-weight: 800;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    display: inline-block;
}

/* Clauses & Conditions Grid */
.hayam-clauses-section {
    padding: 85px 0;
    background: #FAF8F5;
}

.hayam-clauses-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 35px;
}

.hayam-clause-card {
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: 14px;
    padding: 26px 22px;
    transition: var(--hayam-transition);
}

.hayam-clause-card:hover {
    border-color: var(--hayam-gold);
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgba(74, 14, 23, 0.08);
}

.hayam-clause-icon {
    font-size: 30px;
    margin-bottom: 12px;
}

.hayam-clause-title {
    font-size: 18px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 10px;
}

.hayam-clause-desc {
    font-size: 13px;
    color: var(--hayam-text-muted);
    line-height: 1.7;
    margin: 0;
}

/* Encyclopedic In-depth Legal Cards */
.hayam-encyclo-section {
    padding: 85px 0;
    background: #FFFFFF;
}

.hayam-encyclo-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 40px;
}

.hayam-encyclo-card {
    background: var(--hayam-bg-cream);
    border: 1.5px solid #E2E8F0;
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.03);
    border-top: 4px solid var(--hayam-burgundy);
}

.hayam-encyclo-badge {
    display: inline-block;
    background: rgba(74, 14, 23, 0.1);
    color: var(--hayam-burgundy-dark);
    font-weight: 800;
    font-size: 12px;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 12px;
}

.hayam-encyclo-card h3 {
    font-size: 21px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 14px;
}

.hayam-encyclo-card p {
    font-size: 14px;
    color: var(--hayam-text-dark);
    line-height: 1.8;
    margin: 0 0 16px;
}

.hayam-encyclo-card ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hayam-encyclo-card li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    color: var(--hayam-text-muted);
    line-height: 1.6;
}

.hayam-encyclo-card li span:first-child {
    color: var(--hayam-whatsapp-dark);
    font-weight: bold;
}

/* Official Legislation Box */
.hayam-legislation-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #1C0508 0%, #30080E 100%);
    color: #FFFFFF;
}

.hayam-legislation-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 35px;
}

.hayam-legislation-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(212, 175, 55, 0.35);
    border-radius: 12px;
    padding: 24px 20px;
    transition: var(--hayam-transition);
}

.hayam-legislation-card:hover {
    border-color: var(--hayam-gold);
    background: rgba(255, 255, 255, 0.09);
    transform: translateY(-4px);
}

.hayam-legislation-num {
    font-size: 14px;
    font-weight: 800;
    color: var(--hayam-gold);
    margin-bottom: 6px;
}

.hayam-legislation-title {
    font-size: 16px;
    font-weight: 800;
    color: #FFFFFF;
    margin: 0 0 8px;
}

.hayam-legislation-text {
    font-size: 12px;
    color: #CBD5E1;
    line-height: 1.6;
    margin: 0;
}

/* Medical Exam Guide */
.hayam-medical-section {
    padding: 80px 0;
    background: #FAF8F5;
}

.hayam-medical-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 35px;
    align-items: center;
    background: #FFFFFF;
    border: 1.5px solid var(--hayam-border-gold);
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

.hayam-medical-tests {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 20px 0;
    list-style: none;
    padding: 0;
}

.hayam-medical-test-item {
    background: var(--hayam-bg-cream);
    border: 1px solid #E2E8F0;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 700;
    color: var(--hayam-burgundy-dark);
    display: flex;
    align-items: center;
    gap: 8px;
}

.hayam-medical-action-box {
    background: linear-gradient(135deg, #FAF8F5 0%, #FFFFFF 100%);
    border: 2px solid var(--hayam-gold);
    border-radius: 16px;
    padding: 32px 24px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(74, 14, 23, 0.06);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.hayam-medical-action-icon {
    font-size: 40px;
    margin-bottom: 12px;
}

.hayam-medical-action-title {
    font-size: 19px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 10px;
}

.hayam-medical-action-text {
    font-size: 13.5px;
    color: var(--hayam-text-muted);
    line-height: 1.6;
    margin: 0 0 20px;
}

.hayam-btn-medical {
    width: 100%;
    justify-content: center;
    font-size: 14px;
    padding: 13px 20px;
    box-shadow: 0 4px 15px rgba(22, 163, 74, 0.35);
}

/* Documentation Checklist */
.hayam-checklist-box {
    background: linear-gradient(135deg, #FFFDF8 0%, #FFF8EA 100%);
    border: 2px dashed var(--hayam-gold);
    border-radius: 16px;
    padding: 35px;
    margin-top: 40px;
}

.hayam-checklist-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 20px;
}

.hayam-checklist-col h4 {
    font-size: 16px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 12px;
    border-bottom: 2px solid var(--hayam-gold);
    padding-bottom: 6px;
}

.hayam-checklist-items {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.hayam-checklist-items li {
    font-size: 13px;
    color: var(--hayam-text-dark);
    display: flex;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.5;
}

/* Dark mode adjustments for new sections */
body.hayam-dark-mode .hayam-table-section,
body.hayam-dark-mode .hayam-clauses-section,
body.hayam-dark-mode .hayam-encyclo-section,
body.hayam-dark-mode .hayam-medical-section {
    background: #170407;
}

body.hayam-dark-mode .hayam-master-table tbody td,
body.hayam-dark-mode .hayam-clause-card,
body.hayam-dark-mode .hayam-encyclo-card,
body.hayam-dark-mode .hayam-medical-grid {
    background: #25080E;
    color: #F8FAFC;
    border-color: rgba(212, 175, 55, 0.25);
}

body.hayam-dark-mode .hayam-clause-title,
body.hayam-dark-mode .hayam-encyclo-card h3,
body.hayam-dark-mode .hayam-checklist-col h4 {
    color: #FFFFFF !important;
}

body.hayam-dark-mode .hayam-clause-desc,
body.hayam-dark-mode .hayam-encyclo-card p,
body.hayam-dark-mode .hayam-encyclo-card li,
body.hayam-dark-mode .hayam-checklist-items li {
    color: #CBD5E1 !important;
}

body.hayam-dark-mode .hayam-checklist-box {
    background: #20050A;
    border-color: var(--hayam-gold);
}

body.hayam-dark-mode .hayam-medical-test-item {
    background: #1A0307;
    color: var(--hayam-gold-light);
    border-color: rgba(212, 175, 55, 0.2);
}

/* Responsive */
@media (max-width: 1024px) {
    .hayam-clauses-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .hayam-encyclo-grid {
        grid-template-columns: 1fr;
    }
    .hayam-legislation-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .hayam-medical-grid {
        grid-template-columns: 1fr;
    }
    .hayam-checklist-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .hayam-clauses-grid {
        grid-template-columns: 1fr;
    }
    .hayam-legislation-grid {
        grid-template-columns: 1fr;
    }
    .hayam-medical-tests {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================================
   Advanced Semantic SEO, Keywords Hub, Readiness Checklist & Callback
   ========================================================================== */

/* 1. SEO Tag Cloud (سحابة الكلمات المفتاحية الذكية) */
.hayam-seo-tags-section {
    padding: 70px 0;
    background: #FAF8F5;
    border-top: 1px solid #E2E8F0;
}

.hayam-seo-tags-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 30px;
}

.hayam-seo-tags-wrap .hayam-seo-tag-pill {
    background: #FFFFFF !important;
    border: 1.5px solid #CBD5E1 !important;
    color: #1E293B !important;
    padding: 10px 18px !important;
    border-radius: 25px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    transition: var(--hayam-transition) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
}

.hayam-seo-tags-wrap .hayam-seo-tag-pill:hover {
    background: var(--hayam-burgundy) !important;
    color: #FFFFFF !important;
    border-color: var(--hayam-gold) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(74, 14, 23, 0.22) !important;
}

.hayam-seo-tags-wrap .hayam-seo-tag-pill span.icon {
    font-size: 15px !important;
}

/* 2. Local SEO Grid (مكاتب التوثيق والتصديقات بالقاهرة) */
.hayam-local-seo-section {
    padding: 80px 0;
    background: #FFFFFF;
}

.hayam-local-seo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-top: 35px;
}

.hayam-local-card {
    background: var(--hayam-bg-cream);
    border: 1.5px solid #E2E8F0;
    border-radius: 14px;
    padding: 24px;
    transition: var(--hayam-transition);
}

.hayam-local-card:hover {
    border-color: var(--hayam-gold);
    box-shadow: 0 10px 25px rgba(74, 14, 23, 0.08);
    transform: translateY(-4px);
}

.hayam-local-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.hayam-local-icon {
    font-size: 26px;
}

.hayam-local-title {
    font-size: 17px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0;
}

.hayam-local-address {
    font-size: 13px;
    color: var(--hayam-text-dark);
    margin: 0 0 10px;
}

.hayam-local-jurisdiction {
    font-size: 12px;
    color: var(--hayam-text-muted);
    line-height: 1.6;
    margin: 0;
}

/* 3. Interactive Readiness Checklist (حاسبة جاهزية الأوراق التفاعلية) */
.hayam-readiness-section {
    padding: 85px 0;
    background: linear-gradient(180deg, #FFFFFF 0%, #FAF8F5 100%);
}

.hayam-readiness-card {
    background: #FFFFFF;
    border: 2px solid var(--hayam-border-gold);
    border-radius: 20px;
    padding: 40px;
    box-shadow: var(--hayam-shadow-luxury);
    max-width: 950px;
    margin: 0 auto;
}

.hayam-progress-wrap {
    margin: 25px 0;
}

.hayam-progress-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 800;
    font-size: 15px;
    color: var(--hayam-burgundy-dark);
    margin-bottom: 10px;
}

.hayam-progress-bar {
    width: 100%;
    height: 14px;
    background: #E2E8F0;
    border-radius: 10px;
    overflow: hidden;
}

.hayam-progress-fill {
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, var(--hayam-gold), var(--hayam-whatsapp));
    border-radius: 10px;
    transition: width 0.4s ease;
}

.hayam-checklist-grid-interactive {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 25px 0;
}

.hayam-check-item {
    background: var(--hayam-bg-cream);
    border: 1.5px solid #E2E8F0;
    border-radius: 12px;
    padding: 14px 18px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    transition: var(--hayam-transition);
    user-select: none;
}

.hayam-check-item:hover {
    border-color: var(--hayam-burgundy);
}

.hayam-check-item input[type="checkbox"] {
    width: 20px;
    height: 20px;
    accent-color: var(--hayam-burgundy);
    cursor: pointer;
}

.hayam-check-label {
    font-size: 14px;
    font-weight: 700;
    color: var(--hayam-text-dark);
}

.hayam-readiness-advice {
    background: #FFFDF8;
    border: 1.5px dashed var(--hayam-gold);
    border-radius: 12px;
    padding: 18px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px;
}

/* 4. Instant Callback Form (طلب معاودة الاتصال خلال 5 دقائق) */
.hayam-callback-banner {
    background: linear-gradient(135deg, var(--hayam-burgundy-dark), var(--hayam-burgundy));
    border-radius: 16px;
    padding: 35px 40px;
    color: #FFFFFF;
    margin-top: 40px;
    box-shadow: 0 15px 40px rgba(74, 14, 23, 0.3);
}

.hayam-callback-inner {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 30px;
    align-items: center;
}

.hayam-callback-title {
    font-size: 22px;
    font-weight: 800;
    color: var(--hayam-gold-light);
    margin: 0 0 8px;
}

.hayam-callback-desc {
    font-size: 14px;
    color: #E2E8F0;
    line-height: 1.6;
    margin: 0;
}

.hayam-callback-form {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.hayam-callback-input {
    flex-grow: 1;
    min-width: 200px;
    padding: 14px 18px;
    border-radius: 8px;
    border: 1px solid var(--hayam-gold);
    font-size: 14px;
    font-family: inherit;
    outline: none;
    direction: ltr;
    text-align: right;
}

.hayam-callback-btn {
    background: linear-gradient(135deg, var(--hayam-gold), var(--hayam-gold-dark));
    color: var(--hayam-burgundy-dark);
    font-weight: 800;
    font-size: 15px;
    padding: 14px 24px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: var(--hayam-transition);
    white-space: nowrap;
}

.hayam-callback-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(212, 175, 55, 0.4);
}

/* 5. Categorized FAQ Category Tabs */
.hayam-faq-cats-nav {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 30px;
    list-style: none;
    padding: 0;
}

.hayam-faq-cat-btn {
    background: #FFFFFF;
    border: 1.5px solid #CBD5E1;
    color: var(--hayam-text-dark);
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition: var(--hayam-transition);
}

.hayam-faq-cat-btn:hover {
    border-color: var(--hayam-burgundy);
    background: rgba(74, 14, 23, 0.05);
}

.hayam-faq-cat-btn.active {
    background: var(--hayam-burgundy);
    color: var(--hayam-gold-light);
    border-color: var(--hayam-gold);
    box-shadow: 0 4px 12px rgba(74, 14, 23, 0.2);
}

/* Responsive */
@media (max-width: 1024px) {
    .hayam-local-seo-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .hayam-callback-inner {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .hayam-local-seo-grid {
        grid-template-columns: 1fr;
    }
    .hayam-checklist-grid-interactive {
        grid-template-columns: 1fr;
    }
    .hayam-callback-form {
        flex-direction: column;
    }
    .hayam-callback-btn {
        width: 100%;
    }
}

/* ==========================================================================
   Comprehensive Content Modules (8 Core Additions)
   ========================================================================== */

/* 1. Foreign Marriage Legal Glossary */
.hayam-glossary-section {
    padding: 85px 0;
    background: #FAF8F5;
}
.hayam-glossary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
    margin-top: 35px;
    align-items: stretch;
}
.hayam-glossary-card {
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: 14px;
    padding: 26px;
    transition: var(--hayam-transition);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.hayam-glossary-card a.hayam-btn {
    margin-top: auto;
    width: 100%;
    justify-content: center;
}
.hayam-glossary-card:hover {
    border-color: var(--hayam-gold);
    box-shadow: 0 10px 30px rgba(74, 14, 23, 0.08);
    transform: translateY(-4px);
}
.hayam-glossary-badge {
    display: inline-block;
    background: rgba(74, 14, 23, 0.06);
    color: var(--hayam-burgundy-dark);
    font-size: 12px;
    font-weight: 800;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 12px;
    align-self: flex-start;
}
.hayam-glossary-term {
    font-size: 19px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 10px;
}
.hayam-glossary-def {
    font-size: 14px;
    color: var(--hayam-text-dark);
    line-height: 1.7;
    margin: 0 0 16px;
}

/* 2. Real Legal Case Studies */
.hayam-cases-section {
    padding: 85px 0;
    background: #FFFFFF;
}
.hayam-cases-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px;
    margin-top: 35px;
    align-items: stretch;
}
.hayam-case-card {
    background: var(--hayam-bg-cream);
    border: 1.5px solid #E2E8F0;
    border-radius: 16px;
    padding: 30px;
    transition: var(--hayam-transition);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.hayam-case-card a.hayam-btn {
    margin-top: auto;
    width: 100%;
    justify-content: center;
}
.hayam-case-card:hover {
    border-color: var(--hayam-gold);
    box-shadow: 0 12px 35px rgba(74, 14, 23, 0.1);
    transform: translateY(-4px);
}
.hayam-case-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 10px;
}
.hayam-case-country {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 800;
    font-size: 17px;
    color: var(--hayam-burgundy-dark);
}
.hayam-case-time-badge {
    background: linear-gradient(135deg, var(--hayam-gold), var(--hayam-gold-dark));
    color: var(--hayam-burgundy-dark);
    font-weight: 800;
    font-size: 12px;
    padding: 4px 12px;
    border-radius: 20px;
}
.hayam-case-title {
    font-size: 18px;
    font-weight: 800;
    color: var(--hayam-burgundy);
    margin: 0 0 12px;
}
.hayam-case-block {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 12px;
    border-right: 4px solid var(--hayam-burgundy);
}
.hayam-case-block.solution {
    border-right-color: var(--hayam-whatsapp-dark);
}
.hayam-case-block strong {
    display: block;
    font-size: 13px;
    margin-bottom: 4px;
    color: var(--hayam-burgundy-dark);
}
.hayam-case-block p {
    font-size: 13.5px;
    color: var(--hayam-text-dark);
    line-height: 1.6;
    margin: 0;
}

/* 3. Diplomatic Embassy Hub */
.hayam-embassies-hub-section {
    padding: 85px 0;
    background: #FAF8F5;
}
.hayam-embassies-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 35px;
    align-items: stretch;
}
.hayam-embassy-card {
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: 16px;
    padding: 28px;
    transition: var(--hayam-transition);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.hayam-embassy-card a.hayam-btn {
    margin-top: auto;
    width: 100%;
    justify-content: center;
}
.hayam-embassy-card:hover {
    border-color: var(--hayam-gold);
    box-shadow: 0 10px 30px rgba(74, 14, 23, 0.08);
}
.hayam-embassy-top {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
    border-bottom: 1px solid #F1F5F9;
    padding-bottom: 14px;
}
.hayam-embassy-flag {
    font-size: 34px;
}
.hayam-embassy-title {
    font-size: 19px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0;
}
.hayam-embassy-location {
    font-size: 13px;
    color: var(--hayam-text-muted);
}
.hayam-embassy-details {
    list-style: none;
    padding: 0;
    margin: 0 0 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.hayam-embassy-item {
    font-size: 13.5px;
    color: var(--hayam-text-dark);
    display: flex;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.6;
}
.hayam-embassy-item span.icon {
    color: var(--hayam-gold-dark);
    font-size: 15px;
    flex-shrink: 0;
    margin-top: 2px;
}

/* 4. Official Fee Transparency Guide */
.hayam-fee-transparency-section {
    padding: 85px 0;
    background: #FFFFFF;
}
.hayam-fee-table-wrap {
    overflow-x: auto;
    margin-top: 35px;
    border-radius: 14px;
    box-shadow: var(--hayam-shadow-luxury);
    border: 1px solid var(--hayam-border-gold);
}
.hayam-fee-table {
    width: 100%;
    border-collapse: collapse;
    background: #FFFFFF;
    text-align: right;
}
.hayam-fee-table th {
    background: var(--hayam-burgundy-dark);
    color: var(--hayam-gold-light);
    padding: 16px 20px;
    font-weight: 800;
    font-size: 14px;
    white-space: nowrap;
}
.hayam-fee-table td {
    padding: 16px 20px;
    border-bottom: 1px solid #E2E8F0;
    font-size: 14px;
    color: var(--hayam-text-dark);
}
.hayam-fee-table tr:hover {
    background: var(--hayam-bg-cream);
}
.hayam-fee-pledge-banner {
    margin-top: 30px;
    background: linear-gradient(135deg, var(--hayam-burgundy-dark), #1A0205);
    border: 1.5px solid var(--hayam-gold);
    border-radius: 14px;
    padding: 24px 30px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

/* 5. Post-Marriage Abroad Registration */
.hayam-post-marriage-section {
    padding: 85px 0;
    background: #FAF8F5;
}
.hayam-post-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 22px;
    margin-top: 35px;
    align-items: stretch;
}
.hayam-post-card {
    background: #FFFFFF;
    border: 1.5px solid #E2E8F0;
    border-radius: 14px;
    padding: 26px;
    transition: var(--hayam-transition);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.hayam-post-card a.hayam-btn,
.hayam-post-card .hayam-btn-whatsapp {
    margin-top: auto;
    width: 100%;
    justify-content: center;
    text-align: center;
    border-radius: 8px;
    padding: 12px 16px;
}
.hayam-post-card:hover {
    border-color: var(--hayam-gold);
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(74, 14, 23, 0.1);
}
.hayam-post-badge {
    display: inline-block;
    background: rgba(212, 175, 55, 0.15);
    color: var(--hayam-burgundy);
    border: 1px solid var(--hayam-gold);
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 12px;
}
.hayam-post-title {
    font-size: 17px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 12px;
}
.hayam-post-list {
    list-style: none;
    padding: 0;
    margin: 0 0 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 13.5px;
    color: var(--hayam-text-dark);
}
.hayam-post-list li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    line-height: 1.5;
}
.hayam-post-list li span {
    color: var(--hayam-whatsapp-dark);
    font-weight: bold;
}

/* 6. Egyptian Bride Protection & Rights */
.hayam-bride-section {
    padding: 85px 0;
    background: linear-gradient(135deg, #FFF9FA 0%, #FFFFFF 100%);
    border-top: 1px solid #F1F5F9;
    border-bottom: 1px solid #F1F5F9;
}
.hayam-bride-box {
    background: #FFFFFF;
    border: 2px solid var(--hayam-gold);
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 15px 40px rgba(74, 14, 23, 0.06);
}
.hayam-bride-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 24px;
    margin-top: 30px;
}
.hayam-bride-pillar {
    background: var(--hayam-bg-cream);
    border-radius: 12px;
    padding: 22px;
    border-right: 4px solid var(--hayam-burgundy);
}
.hayam-bride-pillar-icon {
    font-size: 28px;
    margin-bottom: 10px;
}
.hayam-bride-pillar-title {
    font-size: 16px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 8px;
}
.hayam-bride-pillar-text {
    font-size: 13.5px;
    color: var(--hayam-text-dark);
    line-height: 1.6;
    margin: 0;
}

/* 7. 7 Costly Mistakes to Avoid */
.hayam-warnings-section {
    padding: 85px 0;
    background: #FFFBFB;
}
.hayam-warnings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 22px;
    margin-top: 35px;
}
.hayam-warning-card {
    background: #FFFFFF;
    border: 1.5px solid #FECACA;
    border-radius: 14px;
    padding: 24px;
    position: relative;
    transition: var(--hayam-transition);
}
.hayam-warning-card:hover {
    border-color: #DC2626;
    box-shadow: 0 10px 25px rgba(220, 38, 38, 0.1);
    transform: translateY(-4px);
}
.hayam-warning-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #FEE2E2;
    color: #DC2626;
    border-radius: 50%;
    font-weight: 800;
    font-size: 15px;
    margin-bottom: 12px;
}
.hayam-warning-title {
    font-size: 17px;
    font-weight: 800;
    color: #991B1B;
    margin: 0 0 10px;
}
.hayam-warning-text {
    font-size: 13.5px;
    color: var(--hayam-text-dark);
    line-height: 1.6;
    margin: 0;
}

/* 8. Official Clauses Builder Samples */
.hayam-clauses-builder-section {
    padding: 85px 0;
    background: #FFFFFF;
}
.hayam-builder-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 35px;
    align-items: stretch;
}
.hayam-builder-card {
    background: var(--hayam-bg-cream);
    border: 1.5px solid #E2E8F0;
    border-radius: 14px;
    padding: 26px;
    transition: var(--hayam-transition);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.hayam-builder-card a.hayam-btn {
    margin-top: auto;
    width: 100%;
    justify-content: center;
}
.hayam-builder-card:hover {
    border-color: var(--hayam-gold);
    box-shadow: 0 10px 30px rgba(74, 14, 23, 0.08);
}
.hayam-builder-title {
    font-size: 17px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.hayam-builder-code {
    background: #FFFFFF;
    border: 1px dashed var(--hayam-gold);
    border-radius: 8px;
    padding: 16px;
    font-size: 13.5px;
    color: var(--hayam-burgundy-dark);
    line-height: 1.8;
    margin: 0 0 16px;
    font-weight: 600;
    user-select: all;
}

/* Media Queries for New Modules */
@media (max-width: 1024px) {
    .hayam-cases-grid,
    .hayam-embassies-grid,
    .hayam-builder-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================================
   SEO Keywords Hub & Hidden Semantic Metadata Architecture
   ========================================================================== */

/* Standard Accessible Hidden Class (Indexed 100% by Search Engines) */
.hayam-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Visual SEO Keywords Saturation Hub */
.hayam-seo-hub-section {
    padding: 85px 0;
    background: #120305;
    border-top: 2px solid var(--hayam-gold);
    color: #FFFFFF;
    position: relative;
}

.hayam-seo-hub-header {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 50px;
}

.hayam-seo-hub-tag {
    display: inline-block;
    background: rgba(212, 175, 55, 0.15);
    color: var(--hayam-gold-light);
    border: 1px solid var(--hayam-gold);
    padding: 5px 16px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 14px;
}

.hayam-seo-hub-title {
    font-size: 30px;
    font-weight: 900;
    color: #FFFFFF;
    margin: 0 0 12px;
}

.hayam-seo-hub-subtitle {
    font-size: 15px;
    color: #CBD5E1;
    line-height: 1.7;
    margin: 0;
}

.hayam-seo-hub-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

.hayam-seo-hub-col {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(212, 175, 55, 0.25);
    border-radius: 14px;
    padding: 24px;
    transition: var(--hayam-transition);
}

.hayam-seo-hub-col:hover {
    border-color: var(--hayam-gold);
    background: rgba(255, 255, 255, 0.07);
    transform: translateY(-3px);
}

.hayam-seo-hub-col-title {
    font-size: 17px;
    font-weight: 800;
    color: var(--hayam-gold);
    margin: 0 0 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2);
    padding-bottom: 10px;
}

.hayam-seo-hub-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.hayam-seo-hub-tags .hayam-seo-tag-pill {
    display: inline-block;
    background: rgba(255, 255, 255, 0.08);
    color: #E2E8F0;
    border: 1px solid rgba(255, 255, 255, 0.12);
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none;
    transition: var(--hayam-transition);
}

.hayam-seo-hub-tags .hayam-seo-tag-pill:hover {
    background: var(--hayam-gold);
    color: var(--hayam-burgundy-dark);
    border-color: var(--hayam-gold);
    transform: translateY(-2px);
    font-weight: 700;
}

@media (max-width: 1024px) {
    .hayam-seo-hub-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .hayam-seo-hub-grid {
        grid-template-columns: 1fr;
    }
    .hayam-seo-hub-title {
        font-size: 24px;
    }
}

/* --------------------------------------------------------------------------
   AI & GEO Direct Answer Snippet Box
   -------------------------------------------------------------------------- */
.hayam-direct-answer-box {
    background: #FFFFFF;
    border: 1.5px solid var(--hayam-gold);
    border-right: 6px solid var(--hayam-burgundy);
    border-radius: 12px;
    padding: 20px 24px;
    margin: 0 auto 35px;
    max-width: 100%;
    box-shadow: 0 10px 25px rgba(74, 14, 23, 0.07);
}

.hayam-direct-answer-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(212, 175, 55, 0.25);
    padding-bottom: 10px;
}

.hayam-direct-answer-header .icon {
    font-size: 22px;
}

.hayam-direct-answer {
    font-size: 15px;
    color: var(--hayam-text-dark);
    line-height: 1.8;
    margin: 0;
}

/* ==========================================================================
   Comprehensive Mobile & Tablet Responsiveness Suite (تحسينات الجوال المتقدمة)
   ========================================================================== */

/* Tablets & Mobile (max-width: 768px) */
@media (max-width: 768px) {
    /* Container & Base Typography */
    .hayam-container {
        padding: 0 16px !important;
    }
    
    .hayam-section-title {
        font-size: 22px !important;
        line-height: 1.4 !important;
    }
    
    .hayam-section-subtitle {
        font-size: 13.5px !important;
        line-height: 1.6 !important;
    }
    
    .hayam-section-tag {
        font-size: 12px !important;
        padding: 4px 12px !important;
    }

    /* Header Compact Architecture */
    .hayam-header {
        padding: 4px 0 !important;
    }
    
    .hayam-header-inner {
        flex-direction: column !important;
        gap: 10px !important;
        padding: 6px 0 !important;
        text-align: center !important;
    }
    
    .hayam-logo-brand {
        justify-content: center !important;
        gap: 10px !important;
    }
    
    .hayam-logo-icon {
        font-size: 24px !important;
    }
    
    .hayam-logo-title {
        font-size: 16px !important;
    }
    
    .hayam-logo-sub {
        font-size: 11px !important;
    }

    .hayam-header-cta {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        justify-content: center !important;
    }

    .hayam-btn-header-call,
    .hayam-btn-header-wa {
        flex: 1 !important;
        font-size: 12.5px !important;
        padding: 8px 6px !important;
        text-align: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
        border-radius: 20px !important;
    }

    /* Hero Section Mobile */
    .hayam-hero {
        padding: 28px 0 35px !important;
    }
    
    .hayam-trust-badges-bar {
        justify-content: center !important;
        gap: 6px !important;
    }
    
    .hayam-badge-pill {
        font-size: 11.5px !important;
        padding: 4px 10px !important;
    }
    
    .hayam-name-box {
        text-align: center !important;
        margin: 14px auto !important;
    }
    
    .hayam-name-title {
        font-size: 22px !important;
    }
    
    .hayam-name-subtitle {
        font-size: 12px !important;
    }
    
    .hayam-hero-title {
        font-size: 24px !important;
        line-height: 1.4 !important;
        text-align: center !important;
    }
    
    .hayam-hero-desc {
        font-size: 14px !important;
        line-height: 1.7 !important;
        text-align: center !important;
    }
    
    .hayam-hero-actions {
        flex-direction: column !important;
        width: 100% !important;
        gap: 10px !important;
    }
    
    .hayam-hero-actions .hayam-btn {
        width: 100% !important;
        justify-content: center !important;
        font-size: 15px !important;
        padding: 12px 16px !important;
    }

    .hayam-hero-media {
        margin-top: 25px !important;
        display: flex !important;
        justify-content: center !important;
    }

    .hayam-portrait-frame {
        max-width: 320px !important;
        margin: 0 auto !important;
    }

    /* Direct Answer Box Mobile */
    .hayam-direct-answer-box {
        padding: 16px !important;
        margin: 0 auto 25px !important;
        border-right-width: 4px !important;
    }

    .hayam-direct-answer-header h3 {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    .hayam-direct-answer {
        font-size: 13.5px !important;
        line-height: 1.7 !important;
    }

    /* Tables Mobile Scroll */
    .hayam-table-wrap,
    .hayam-fee-table-wrap {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        border-radius: 12px !important;
        margin-top: 20px !important;
    }

    .hayam-master-table {
        min-width: 750px !important;
        font-size: 13px !important;
    }

    .hayam-master-table th,
    .hayam-master-table td {
        padding: 12px 14px !important;
    }

    .hayam-fee-table {
        min-width: 560px !important;
        font-size: 13px !important;
    }

    .hayam-fee-table th,
    .hayam-fee-table td {
        padding: 12px 14px !important;
    }

    /* Nationality Tabs Grid */
    .hayam-tabs-nav {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
        width: 100% !important;
    }

    .hayam-tab-btn {
        width: 100% !important;
        padding: 10px 8px !important;
        font-size: 13px !important;
        justify-content: center !important;
    }

    /* Checker Form & Interactive Checklist */
    .hayam-checker-card {
        padding: 20px 16px !important;
    }

    .hayam-checker-form-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .hayam-form-select {
        font-size: 14px !important;
        padding: 12px !important;
    }

    .hayam-checklist-grid-interactive {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .hayam-check-item {
        padding: 12px 14px !important;
        font-size: 13.5px !important;
    }

    /* Guarantees & Pledges */
    .hayam-guarantee-banner {
        flex-direction: column !important;
        text-align: center !important;
        padding: 18px 16px !important;
        gap: 12px !important;
    }

    .hayam-fee-pledge-banner {
        flex-direction: column !important;
        text-align: center !important;
        padding: 20px 16px !important;
        gap: 14px !important;
    }

    /* FAQ Section */
    .hayam-faq-cats-nav {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        justify-content: center !important;
    }

    .hayam-faq-cat-btn {
        font-size: 12px !important;
        padding: 6px 12px !important;
    }

    .hayam-faq-question {
        padding: 14px 16px !important;
        font-size: 14.5px !important;
        line-height: 1.5 !important;
    }

    .hayam-faq-answer {
        padding: 14px 16px !important;
        font-size: 13.5px !important;
        line-height: 1.7 !important;
    }

    /* Callback Form */
    .hayam-callback-inner {
        grid-template-columns: 1fr !important;
        text-align: center !important;
        gap: 18px !important;
    }

    .hayam-callback-form {
        flex-direction: column !important;
        gap: 10px !important;
    }

    .hayam-callback-input {
        width: 100% !important;
        box-sizing: border-box !important;
        font-size: 14px !important;
        text-align: center !important;
    }

    .hayam-callback-btn {
        width: 100% !important;
        justify-content: center !important;
        font-size: 14px !important;
        padding: 12px 18px !important;
    }

    /* Exit Modal & Toast */
    .hayam-exit-modal {
        width: 90% !important;
        max-width: 360px !important;
        padding: 24px 18px !important;
        margin: 0 auto !important;
    }

    .hayam-exit-title {
        font-size: 18px !important;
    }

    .hayam-exit-desc {
        font-size: 13px !important;
        line-height: 1.6 !important;
        margin-bottom: 16px !important;
    }

    .hayam-exit-avatar {
        width: 60px !important;
        height: 60px !important;
        margin-bottom: 12px !important;
    }

    .hayam-social-proof-toast {
        left: 12px !important;
        right: 12px !important;
        bottom: 82px !important;
        padding: 8px 12px !important;
        font-size: 12px !important;
    }

    .hayam-toast-title {
        font-size: 12px !important;
    }

    .hayam-toast-meta {
        font-size: 10px !important;
    }

    /* Floating Hub */
    .hayam-floating-hub {
        bottom: 16px !important;
        left: 14px !important;
    }

    .hayam-floating-btn {
        width: 52px !important;
        height: 52px !important;
    }

    .hayam-floating-btn svg {
        width: 28px !important;
        height: 28px !important;
    }

    .hayam-scroll-top-btn {
        width: 38px !important;
        height: 38px !important;
    }

    .hayam-whatsapp-tooltip {
        display: none !important;
    }

    /* Tag Cloud */
    .hayam-seo-tags-wrap {
        gap: 6px !important;
        justify-content: center !important;
    }

    .hayam-seo-tags-wrap .hayam-seo-tag-pill {
        font-size: 12px !important;
        padding: 6px 12px !important;
    }
}

/* Small Screens & Smartphones (max-width: 480px) */
@media (max-width: 480px) {
    .hayam-container {
        padding: 0 12px !important;
    }

    .hayam-hero-title {
        font-size: 21px !important;
        line-height: 1.4 !important;
    }

    .hayam-hero-desc {
        font-size: 13.5px !important;
    }

    .hayam-section-title {
        font-size: 19px !important;
    }

    .hayam-btn-header-call,
    .hayam-btn-header-wa {
        font-size: 11.5px !important;
        padding: 7px 4px !important;
        letter-spacing: -0.3px !important;
    }

    .hayam-tabs-nav {
        grid-template-columns: 1fr !important;
    }

    .hayam-portrait-frame {
        max-width: 280px !important;
    }

    .hayam-social-proof-toast {
        bottom: 76px !important;
    }
}

/* ==========================================================================
   Editorial Legal Photography Feature Showcases
   ========================================================================== */
.hayam-editorial-feature {
    background: #FFFFFF;
    border: 1.5px solid rgba(212, 175, 55, 0.35);
    border-radius: 20px;
    padding: 28px;
    margin-bottom: 35px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.05);
    display: grid;
    grid-template-columns: 440px 1fr;
    gap: 32px;
    align-items: center;
    position: relative;
    overflow: hidden;
    transition: var(--hayam-transition);
}

.hayam-editorial-feature:hover {
    box-shadow: 0 18px 45px rgba(74, 14, 23, 0.1);
    border-color: var(--hayam-gold);
}

.hayam-editorial-feature.reverse {
    grid-template-columns: 1fr 440px;
}

.hayam-editorial-photo {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    border: 2px solid var(--hayam-gold);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
    background: #1A0508;
    aspect-ratio: 4 / 3;
}

.hayam-editorial-photo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center top;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.hayam-editorial-photo:hover img {
    transform: scale(1.035);
}

.hayam-editorial-photo-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, transparent 0%, rgba(20, 3, 6, 0.92) 100%);
    color: #FFFFFF;
    padding: 24px 16px 12px;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
}

.hayam-editorial-content {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.hayam-editorial-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 14px;
    border-radius: 20px;
    background: rgba(120, 20, 34, 0.08);
    color: var(--hayam-burgundy);
    border: 1px solid rgba(120, 20, 34, 0.2);
    font-size: 13px;
    font-weight: 800;
    width: fit-content;
}

.hayam-editorial-title {
    font-size: 22px;
    font-weight: 900;
    color: var(--hayam-burgundy-dark);
    margin: 0;
    line-height: 1.35;
}

.hayam-editorial-text {
    font-size: 15px;
    color: var(--hayam-text-dark);
    line-height: 1.75;
    margin: 0;
}

.hayam-editorial-points {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 4px 0 0;
}

.hayam-editorial-point {
    font-size: 13.5px;
    font-weight: 700;
    color: #1E293B;
    display: flex;
    align-items: center;
    gap: 8px;
}

.hayam-editorial-point span.check {
    color: var(--hayam-gold);
    font-size: 15px;
    flex-shrink: 0;
}

.hayam-editorial-action {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 6px;
    flex-wrap: wrap;
}

body.hayam-dark-mode .hayam-editorial-feature {
    background: #1F070B;
    border-color: rgba(212, 175, 55, 0.3);
}

body.hayam-dark-mode .hayam-editorial-title {
    color: #FFFFFF;
}

body.hayam-dark-mode .hayam-editorial-text {
    color: #CBD5E1;
}

body.hayam-dark-mode .hayam-editorial-point {
    color: #E2E8F0;
}

body.hayam-dark-mode .hayam-editorial-badge {
    background: rgba(212, 175, 55, 0.15);
    color: var(--hayam-gold);
    border-color: rgba(212, 175, 55, 0.4);
}

@media (max-width: 991px) {
    .hayam-editorial-feature,
    .hayam-editorial-feature.reverse {
        grid-template-columns: 1fr !important;
        padding: 20px !important;
        gap: 20px !important;
    }
    
    .hayam-editorial-photo {
        max-height: 300px !important;
    }
    
    .hayam-editorial-title {
        font-size: 19px !important;
    }
    
    .hayam-editorial-points {
        grid-template-columns: 1fr !important;
    }
}




/* ==========================================================================
   V14.0 Upgrades: Navigation Drawer, Dark Mode, Table Filter, Clause Generator,
   5-Factor Calculator, 6-Step Timeline, FAQ Live Search, Reviews & Single Templates
   ========================================================================== */

/* Header Navigation Adjustments & Dark Mode Button */
.hayam-nav-menu {
    gap: 18px;
}

.hayam-nav-link {
    font-size: 14.5px;
}

.hayam-theme-toggle-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1.5px solid var(--hayam-gold);
    background: rgba(212, 175, 55, 0.12);
    color: var(--hayam-gold-light);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    transition: var(--hayam-transition);
}

.hayam-theme-toggle-btn:hover {
    background: var(--hayam-gold);
    color: var(--hayam-burgundy-dark);
    transform: rotate(15deg);
}

.hayam-mobile-menu-btn {
    display: none;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1.5px solid var(--hayam-gold);
    background: rgba(212, 175, 55, 0.15);
    color: var(--hayam-gold-light);
    font-size: 20px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.hayam-mobile-drawer {
    display: none;
    background: var(--hayam-burgundy-dark);
    border-top: 1px solid rgba(212, 175, 55, 0.3);
    padding: 14px 0;
    margin-top: 8px;
}

.hayam-mobile-drawer.open {
    display: block;
}

.hayam-mobile-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.hayam-mobile-nav-link {
    display: block;
    padding: 10px 14px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 8px;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 700;
    transition: var(--hayam-transition);
}

.hayam-mobile-nav-link:hover {
    background: rgba(212, 175, 55, 0.2);
    color: var(--hayam-gold-light);
    border-color: var(--hayam-gold);
}

@media (max-width: 1180px) {
    .hayam-nav-menu {
        display: none !important;
    }
    .hayam-mobile-menu-btn {
        display: inline-flex !important;
    }
}

@media (max-width: 600px) {
    .hayam-mobile-nav-list {
        grid-template-columns: 1fr;
    }
}

/* Master Nationality Table Filter & Search Bar */
.hayam-table-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 20px;
    background: #FFFFFF;
    padding: 16px 20px;
    border-radius: 14px;
    border: 1px solid rgba(212, 175, 55, 0.35);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04);
}

.hayam-table-filter-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.hayam-region-btn {
    background: #FAF8F5;
    border: 1px solid #E2E8F0;
    color: var(--hayam-text-dark);
    padding: 8px 16px;
    border-radius: 25px;
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
    transition: var(--hayam-transition);
}

.hayam-region-btn:hover,
.hayam-region-btn.active {
    background: var(--hayam-burgundy);
    color: var(--hayam-gold-light);
    border-color: var(--hayam-gold);
    box-shadow: 0 4px 12px rgba(74, 14, 23, 0.2);
}

.hayam-table-search-box {
    flex: 1;
    min-width: 260px;
}

.hayam-table-search-input {
    width: 100%;
    padding: 10px 16px;
    border-radius: 25px;
    border: 1.5px solid #CBD5E1;
    font-family: inherit;
    font-size: 14px;
    outline: none;
    transition: var(--hayam-transition);
    box-sizing: border-box;
}

.hayam-table-search-input:focus {
    border-color: var(--hayam-burgundy);
    box-shadow: 0 0 0 3px rgba(74, 14, 23, 0.1);
}

/* Custom Contract Clauses Generator */
.hayam-custom-clause-generator {
    margin-top: 36px;
    background: linear-gradient(135deg, var(--hayam-burgundy-dark) 0%, var(--hayam-burgundy) 100%);
    border: 2px solid var(--hayam-gold);
    border-radius: 20px;
    padding: 32px;
    color: #FFFFFF;
    box-shadow: 0 20px 45px rgba(48, 8, 14, 0.25);
}

.hayam-generator-header {
    text-align: center;
    margin-bottom: 24px;
}

.hayam-generator-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}

.hayam-gen-check {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(212, 175, 55, 0.35);
    padding: 12px 16px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    transition: var(--hayam-transition);
}

.hayam-gen-check:hover {
    background: rgba(212, 175, 55, 0.18);
    border-color: var(--hayam-gold);
}

.hayam-gen-check input {
    width: 18px;
    height: 18px;
    accent-color: var(--hayam-gold);
}

.hayam-generator-inputs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}

.hayam-generator-inputs label {
    display: block;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--hayam-gold-light);
    margin-bottom: 6px;
}

.hayam-generator-inputs input,
.hayam-generator-inputs select {
    width: 100%;
    padding: 11px 14px;
    border-radius: 8px;
    border: 1.5px solid var(--hayam-gold);
    background: rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    font-family: inherit;
    font-size: 14px;
    box-sizing: border-box;
}

.hayam-generator-inputs select option {
    background: var(--hayam-burgundy-dark);
    color: #FFFFFF;
}

.hayam-generator-preview-wrap {
    background: rgba(0, 0, 0, 0.35);
    border: 1px dashed var(--hayam-gold);
    border-radius: 14px;
    padding: 20px;
}

.hayam-generator-preview-label {
    color: var(--hayam-gold);
    font-weight: 800;
    font-size: 15px;
    margin-bottom: 10px;
}

.hayam-generator-preview-text {
    white-space: pre-line;
    font-size: 14px;
    line-height: 1.85;
    color: #F8FAFC;
    background: rgba(255, 255, 255, 0.04);
    padding: 16px;
    border-radius: 10px;
    margin-bottom: 16px;
}

.hayam-generator-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* 6-Step Marriage Authentication Timeline */
.hayam-steps-section {
    padding: 75px 0;
    background: #FFFFFF;
    border-top: 1px solid rgba(212, 175, 55, 0.25);
    border-bottom: 1px solid rgba(212, 175, 55, 0.25);
}

.hayam-steps-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
}

.hayam-step-card {
    background: #FAF8F5;
    border: 1.5px solid rgba(212, 175, 55, 0.35);
    border-radius: 16px;
    padding: 26px 24px;
    position: relative;
    transition: var(--hayam-transition);
}

.hayam-step-card:hover {
    transform: translateY(-4px);
    border-color: var(--hayam-gold);
    box-shadow: var(--hayam-shadow-luxury);
}

.hayam-step-num {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--hayam-burgundy), var(--hayam-burgundy-dark));
    border: 2px solid var(--hayam-gold);
    color: var(--hayam-gold-light);
    font-size: 20px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}

.hayam-step-title {
    font-size: 19px;
    font-weight: 800;
    color: var(--hayam-burgundy-dark);
    margin: 0 0 8px;
}

.hayam-step-desc {
    font-size: 14px;
    color: var(--hayam-text-muted);
    line-height: 1.75;
    margin: 0;
}

/* 5-Factor Calculator Grid & Alerts */
.hayam-checker-5grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
}

.hayam-calc-alert {
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 13.5px;
    line-height: 1.65;
    margin-bottom: 10px;
}

.hayam-calc-alert.warning {
    background: #FEF3C7;
    border-right: 4px solid #D97706;
    color: #92400E;
}

.hayam-calc-alert.info {
    background: #EFF6FF;
    border-right: 4px solid #2563EB;
    color: #1E40AF;
}

.hayam-calc-alert.success {
    background: #DCFCE7;
    border-right: 4px solid #16A34A;
    color: #166534;
}

.hayam-check-item.checked {
    background: #F0FDF4 !important;
    border-color: #16A34A !important;
}

/* FAQ Live Search Box */
.hayam-faq-search-wrap {
    max-width: 680px;
    margin: 0 auto 22px;
}

.hayam-faq-search-input {
    width: 100%;
    padding: 14px 22px;
    border-radius: 30px;
    border: 2px solid rgba(212, 175, 55, 0.5);
    background: #FFFFFF;
    font-family: inherit;
    font-size: 15px;
    color: var(--hayam-text-dark);
    box-shadow: 0 8px 25px rgba(74, 14, 23, 0.06);
    outline: none;
    box-sizing: border-box;
    transition: var(--hayam-transition);
}

.hayam-faq-search-input:focus {
    border-color: var(--hayam-burgundy);
    box-shadow: 0 10px 30px rgba(74, 14, 23, 0.14);
}

/* Verified Client Reviews Section */
.hayam-reviews-section {
    padding: 75px 0;
    background: linear-gradient(180deg, #FAF8F5 0%, #FFFFFF 100%);
    border-top: 1px solid rgba(212, 175, 55, 0.25);
}

.hayam-reviews-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 22px;
}

.hayam-review-card {
    background: #FFFFFF;
    border: 1.5px solid rgba(212, 175, 55, 0.35);
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    transition: var(--hayam-transition);
}

.hayam-review-card:hover {
    transform: translateY(-4px);
    border-color: var(--hayam-gold);
    box-shadow: var(--hayam-shadow-luxury);
}

.hayam-review-stars {
    font-size: 16px;
    margin-bottom: 12px;
}

.hayam-review-text {
    font-size: 14px;
    color: var(--hayam-text-dark);
    line-height: 1.75;
    margin: 0 0 18px;
    font-style: italic;
}

.hayam-review-author {
    display: flex;
    align-items: center;
    gap: 12px;
    border-top: 1px solid #F1F5F9;
    padding-top: 12px;
}

.hayam-review-flag {
    font-size: 28px;
}

.hayam-review-author strong {
    display: block;
    font-size: 14.5px;
    color: var(--hayam-burgundy-dark);
}

.hayam-review-author span {
    font-size: 12px;
    color: var(--hayam-text-muted);
}

/* Expanded 4-Column Presidential Footer */
.hayam-footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
    gap: 32px;
    text-align: right;
}

.hayam-footer-heading {
    color: var(--hayam-gold);
    font-size: 17px;
    font-weight: 800;
    margin: 0 0 14px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(212, 175, 55, 0.25);
}

.hayam-footer-links,
.hayam-footer-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.hayam-footer-links a {
    color: #CBD5E1;
    text-decoration: none;
    font-size: 13.5px;
    transition: var(--hayam-transition);
}

.hayam-footer-links a:hover {
    color: var(--hayam-gold-light);
    padding-right: 5px;
}

.hayam-footer-contact-list li {
    color: #CBD5E1;
    font-size: 13.5px;
    line-height: 1.6;
}

@media (max-width: 991px) {
    .hayam-footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .hayam-footer-grid {
        grid-template-columns: 1fr;
    }
    .hayam-custom-clause-generator {
        padding: 20px 16px;
    }
}

/* Single Post, Page, Archive & 404 Royal Burgundy Styles */
.hayam-single-hero {
    background: radial-gradient(circle at 20% 50%, #5E121E 0%, var(--hayam-burgundy) 60%, var(--hayam-burgundy-dark) 100%);
    color: #FFFFFF;
    padding: 55px 0 45px;
    border-bottom: 3px solid var(--hayam-gold);
}

.hayam-breadcrumb-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 13px;
    color: var(--hayam-gold-light);
    margin-bottom: 14px;
}

.hayam-breadcrumb-bar a {
    color: #FFFFFF;
    text-decoration: none;
    opacity: 0.9;
}

.hayam-breadcrumb-bar a:hover {
    color: var(--hayam-gold);
    text-decoration: underline;
}

.hayam-single-layout {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 32px;
    padding: 50px 0;
    align-items: start;
}

.hayam-single-main {
    background: #FFFFFF;
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 18px;
    padding: 36px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.04);
}

.hayam-single-content {
    font-size: 16.5px;
    line-height: 1.9;
    color: var(--hayam-text-dark);
}

.hayam-single-content h2,
.hayam-single-content h3,
.hayam-single-content h4 {
    color: var(--hayam-burgundy-dark);
    margin-top: 28px;
    margin-bottom: 12px;
    font-weight: 800;
}

.hayam-single-content h2 {
    font-size: 24px;
    border-right: 4px solid var(--hayam-gold);
    padding-right: 12px;
}

.hayam-single-content img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
    margin: 18px 0;
}

.hayam-single-sidebar {
    position: sticky;
    top: 90px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.hayam-sidebar-card {
    background: #FFFFFF;
    border: 1.5px solid rgba(212, 175, 55, 0.4);
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

.hayam-author-box {
    margin-top: 36px;
    background: linear-gradient(135deg, #FAF8F5 0%, #F3EFE6 100%);
    border: 1.5px solid var(--hayam-gold);
    border-radius: 16px;
    padding: 24px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.hayam-author-box img {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--hayam-gold);
    flex-shrink: 0;
}

@media (max-width: 991px) {
    .hayam-single-layout {
        grid-template-columns: 1fr;
    }
    .hayam-single-main {
        padding: 22px 18px;
    }
    .hayam-author-box {
        flex-direction: column;
        text-align: center;
    }
}

/* Dark Mode Enhancements for New Sections */
body.hayam-dark-mode .hayam-table-controls,
body.hayam-dark-mode .hayam-steps-section,
body.hayam-dark-mode .hayam-reviews-section,
body.hayam-dark-mode .hayam-review-card,
body.hayam-dark-mode .hayam-single-main,
body.hayam-dark-mode .hayam-sidebar-card {
    background: #1A0508;
    color: #F1F5F9;
    border-color: rgba(212, 175, 55, 0.3);
}

body.hayam-dark-mode .hayam-step-card {
    background: #25080D;
    border-color: rgba(212, 175, 55, 0.3);
}

body.hayam-dark-mode .hayam-step-title,
body.hayam-dark-mode .hayam-review-author strong,
body.hayam-dark-mode .hayam-single-content h2,
body.hayam-dark-mode .hayam-single-content h3 {
    color: var(--hayam-gold-light);
}

body.hayam-dark-mode .hayam-step-desc,
body.hayam-dark-mode .hayam-review-text,
body.hayam-dark-mode .hayam-single-content {
    color: #CBD5E1;
}