/* wwwroot/css/it-department.css */

/* =========================================
   تنسيقات عناوين الأقسام (Section Title)
   ========================================= */


.section-title {
    text-align: center;
    padding-bottom: 60px;
    position: relative;
}

    .section-title h2 {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 20px;
        padding-bottom: 20px;
        text-transform: uppercase;
        position: relative;
        color: #bd8b43;
    }

        /* الخط الرمادي */
        .section-title h2:before {
            content: "";
            position: absolute;
            display: block;
            width: 160px;
            height: 1px;
            background: #ddd; /* تم تبسيط اللون لضمان التوافق */
            left: 0;
            right: 0;
            bottom: 1px;
            margin: auto;
        }

        /* الخط الذهبي */
        .section-title h2::after {
            content: "";
            position: absolute;
            display: block;
            width: 60px;
            height: 3px;
            background: #bd8b43;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }

    .section-title p {
        margin-bottom: 0;
    }

/* =========================================
   تنسيقات خاصة بالإدارة (Custom Cards)
   ========================================= */

/* قسم نبذة عن الإدارة */
.about-ministryy {
    border-top: 4px dashed #e0cdb7;
    border-bottom: 4px dashed #e0cdb7;
    background: rgba(0, 0, 0, 0.02);
}

/* بطاقة المدير */
.card-minister {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(201, 140, 0, 0.25), 0 8px 20px rgba(201, 140, 0, 0.35);
    padding: 30px 35px;
    max-width: 850px;
    margin: 30px auto;
    direction: rtl;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    overflow: hidden;
}

/* بطاقات الأقسام (تأثير الظل الذهبي) */
.shadow-golden {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(201, 140, 0, 0.25), 0 8px 20px rgba(201, 140, 0, 0.35);
    padding: 30px 35px;
    max-width: 850px;
    margin: 30px auto;
    font-family: 'Cairo', sans-serif; /* تأكد أن الخط مستدعى في المشروع */
    direction: rtl;
    transition: transform 0.3s ease;
}

    .shadow-golden:hover {
        transform: translateY(-6px);
    }