.elementor-1628 .elementor-element.elementor-element-59e8770:not(.elementor-motion-effects-element-type-background), .elementor-1628 .elementor-element.elementor-element-59e8770 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-1628 .elementor-element.elementor-element-59e8770{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1628 .elementor-element.elementor-element-59e8770 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1628 .elementor-element.elementor-element-012dd73{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1628 .elementor-element.elementor-element-012dd73 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1628 .elementor-element.elementor-element-012dd73:after{content:"0.66";}.elementor-1628 .elementor-element.elementor-element-012dd73 .elementor-post__thumbnail__link{width:100%;}.elementor-1628 .elementor-element.elementor-element-012dd73.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-1628 .elementor-element.elementor-element-012dd73.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-1628 .elementor-element.elementor-element-012dd73.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:767px){.elementor-1628 .elementor-element.elementor-element-012dd73 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1628 .elementor-element.elementor-element-012dd73:after{content:"0.5";}.elementor-1628 .elementor-element.elementor-element-012dd73 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS */:root {
        --primary: #c9a961;                    /* ذهبي (بدلاً من الأزرق) */
        --primary-dark: #b8954d;               /* ذهبي مطفي غامق */
        --accent: rgba(201, 169, 97, 0.1);     /* ذهبي شفاف خفيف */
        --text-main: #e0e0e0;                  /* نص رمادي فاتح */
        --text-light: #a8a8a8;                 /* نص رمادي مطفي */
        --white: #2d2d2d;                      /* خلفية سوداء ثانوية */
        --border: rgba(201, 169, 97, 0.2);     /* حدود ذهبية شفافة */
        --success: #48bb78;                     /* أخضر (يبقى) */
        --warning: #d4b876;                     /* ذهبي فاتح (بدلاً من الأصفر) */
        --warning-bg: rgba(212, 184, 118, 0.1); /* خلفية ذهبية شفافة */
        --radius: 12px;
        --shadow: 0 10px 30px rgba(201, 169, 97, 0.15); /* ظل ذهبي */
    }

    /* ===== Base Styles ===== */
    body {
        font-family: 'Tajawal', sans-serif;
        color: var(--text-main);
        background-color: #1a1a1a;              /* خلفية سوداء */
        margin: 0;
        padding: 0;
        line-height: 1.8;
        font-size: 17px;
    }

    h1,
    h2,
    h3,
    h4 {
        font-family: 'Cairo', sans-serif;
        color: var(--primary);                  /* ذهبي */
    }

    a {
        text-decoration: none;
        color: var(--primary);
        transition: 0.3s;
    }

    a:hover {
        color: var(--primary-dark);
    }

    .container {
        max-width: 900px;
        margin: 0 auto;
        padding: 40px 20px;
        background: var(--white);               /* خلفية سوداء ثانوية */
        box-shadow: var(--shadow);
        min-height: 100vh;
    }

    /* ===== Header ===== */
    header {
        text-align: center;
        padding-bottom: 30px;
        border-bottom: 2px solid var(--accent);
        margin-bottom: 40px;
    }

    header h1 {
        font-size: 2.5rem;
        margin-bottom: 15px;
        font-weight: 800;
        line-height: 1.3;
        color: #d4b876;                         /* ذهبي فاتح */
    }

    .meta-info {
        font-size: 0.95rem;
        color: var(--text-light);
        background: var(--accent);
        display: inline-block;
        padding: 5px 15px;
        border-radius: 20px;
        margin-top: 10px;
    }

    /* ===== Table of Contents ===== */
    .toc-box {
        background: #1a1a1a;                    /* خلفية سوداء */
        border: 1px solid var(--border);
        border-radius: var(--radius);
        padding: 25px;
        margin-bottom: 40px;
    }

    .toc-title {
        font-weight: 700;
        margin-bottom: 15px;
        font-size: 1.1rem;
        display: flex;
        align-items: center;
        gap: 8px;
        color: var(--primary);
    }

    .toc-list {
        list-style: none;
        padding: 0;
        margin: 0;
        columns: 2;
    }

    .toc-list li {
        margin-bottom: 8px;
    }

    .toc-list a {
        color: var(--text-main);
        font-size: 0.95rem;
    }

    .toc-list a:hover {
        color: var(--primary);
        text-decoration: underline;
    }

    @media(max-width: 600px) {
        .toc-list {
            columns: 1;
        }
    }

    /* ===== Images ===== */
    .article-img {
        width: 100%;
        height: auto;
        border-radius: var(--radius);
        margin: 25px 0;
        box-shadow: 0 4px 10px rgba(201, 169, 97, 0.2);
        border: 2px solid var(--border);
    }

    .img-caption {
        text-align: center;
        font-size: 0.85rem;
        color: var(--text-light);
        margin-top: -20px;
        margin-bottom: 30px;
    }

    /* ===== Content Sections ===== */
    section {
        margin-bottom: 50px;
        scroll-margin-top: 20px;
    }

    h2 {
        font-size: 1.8rem;
        position: relative;
        padding-right: 20px;
        margin-bottom: 25px;
        color: var(--primary);
    }

    h2::before {
        content: '';
        position: absolute;
        right: 0;
        top: 5px;
        height: 30px;
        width: 5px;
        background: var(--warning);             /* ذهبي فاتح */
        border-radius: 3px;
    }

    h3 {
        font-size: 1.4rem;
        margin-top: 30px;
        margin-bottom: 15px;
        color: var(--text-main);
    }

    /* ===== Tables ===== */
    .table-wrapper {
        overflow-x: auto;
        border-radius: var(--radius);
        box-shadow: 0 2px 8px rgba(201, 169, 97, 0.15);
        margin: 30px 0;
    }

    .price-table {
        width: 100%;
        border-collapse: collapse;
        min-width: 600px;
        background: #1a1a1a;                    /* خلفية سوداء */
    }

    .price-table th {
        background: linear-gradient(135deg, var(--primary-dark), var(--primary));
        color: #1a1a1a;                         /* نص غامق على خلفية ذهبية */
        padding: 18px;
        text-align: right;
        font-weight: 700;
    }

    .price-table td {
        padding: 15px 18px;
        border-bottom: 1px solid var(--border);
        color: var(--text-main);
    }

    .price-table tr:nth-child(even) {
        background-color: rgba(201, 169, 97, 0.03);
    }

    .price-table tr:hover {
        background-color: rgba(201, 169, 97, 0.08);
    }

    .price-tag {
        font-weight: 800;
        color: var(--primary);
        font-size: 1.1rem;
    }

    /* ===== Info & Alert Boxes ===== */
    .info-box {
        background-color: var(--accent);
        border-right: 5px solid var(--primary);
        padding: 20px;
        margin: 30px 0;
        border-radius: 8px;
        display: flex;
        gap: 15px;
        align-items: start;
    }

    .alert-warning {
        background-color: var(--warning-bg);
        border-right: 5px solid var(--warning);
        border: 1px solid rgba(212, 184, 118, 0.3);
    }

    /* ===== FAQ Accordion ===== */
    details {
        background: #1a1a1a;                    /* خلفية سوداء */
        border: 1px solid var(--border);
        border-radius: var(--radius);
        margin-bottom: 15px;
        padding: 15px 20px;
        transition: 0.3s;
    }

    details[open] {
        border-color: var(--primary);
        background: rgba(201, 169, 97, 0.05);
    }

    summary {
        font-weight: 700;
        cursor: pointer;
        color: var(--primary);
        list-style: none;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    summary::after {
        content: '+';
        font-size: 1.2rem;
        color: var(--primary);
    }

    details[open] summary::after {
        content: '-';
    }

    details p {
        margin-top: 15px;
        color: var(--text-light);
    }

    /* ===== CTA Section ===== */
    .cta-box {
        background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
        color: #1a1a1a;                         /* نص غامق على خلفية ذهبية */
        padding: 40px;
        border-radius: var(--radius);
        text-align: center;
        margin-top: 50px;
        box-shadow: 0 10px 20px rgba(201, 169, 97, 0.3);
    }

    .cta-box h3 {
        color: #1a1a1a;
    }

    .cta-btn {
        display: inline-block;
        background-color: #1a1a1a;              /* خلفية سوداء */
        color: var(--primary);
        padding: 15px 40px;
        text-decoration: none;
        border-radius: 50px;
        font-weight: 800;
        font-size: 1.1rem;
        margin-top: 20px;
        transition: 0.3s;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        border: 2px solid var(--primary);
    }

    .cta-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 20px rgba(201, 169, 97, 0.4);
        background: var(--primary);
        color: #1a1a1a;
    }

    /* Sources */
    .sources-section {
        font-size: 0.9rem;
        color: var(--text-light);
        border-top: 1px solid var(--border);
        padding-top: 30px;
        margin-top: 50px;
    }

    .sources-section h4 {
        margin-bottom: 10px;
        color: var(--text-main);
        font-size: 1rem;
    }

    .sources-list {
        list-style: disc;
        margin-right: 20px;
        color: var(--text-light);
    }/* End custom CSS */