/* ================== تصغير الموقع بنسبة 12.5% ================== */

:root {
    --scale-factor: 0.875;
}

body {
    font-size: 0.945rem !important;
    line-height: 1.65 !important;
}

/* العناوين */
h1 { font-size: 2.03rem !important; }
h2 { font-size: 1.79rem !important; }
h3 { font-size: 1.27rem !important; }
h4, h5 { font-size: 0.95rem !important; }

/* المسافات والحشو */
:root {
    --main-radius: 19px !important;
    --main-blur: 16px !important;
}

/* البطاقات والحاويات */
.card,
.card-glass,
.info-box,
.season-card,
.year-title,
.results-header,
.moon-card,
.export-options,
.input-card {
    padding: 1.84rem 1.58rem !important;
    margin-bottom: 1.84rem !important;
}

.card-mini,
.info-mini {
    padding: 1.05rem 0.96rem !important;
    margin-bottom: 0.96rem !important;
    border-radius: 13px !important;
}

/* الشريط الجانبي */
.khaliq-sidebar {
    width: 60px !important;
}

.khaliq-sidebar:hover,
.khaliq-sidebar:focus-within {
    width: 170px !important;
}

.sidebar-logo {
    font-size: 1em !important;
    padding: 25px 9px 16px 0 !important;
}

.sidebar-logo i {
    font-size: 1.2em !important;
}

.sidebar-links {
    padding: 12px 4.5px 0 0 !important;
    gap: 5.5px !important;
}

.sidebar-links a {
    font-size: 0.85em !important;
    padding: 10px 11.5px 10px 0 !important;
    border-radius: 17px 0 0 17px !important;
}

.sidebar-links a i {
    font-size: 1.2em !important;
    min-width: 30px !important;
}

body {
    padding-right: 61px !important;
}

/* النماذج والحقول */
input,
select,
textarea {
    padding: 0.77rem 0.875rem !important;
    font-size: 0.91em !important;
    margin-bottom: 0.945em !important;
    border-radius: 12.25px !important;
}

label {
    margin-bottom: 0.455em !important;
    font-size: 0.91em !important;
}

.form-group {
    margin-bottom: 1.37em !important;
}

.form-row {
    gap: 0.875em !important;
    margin-bottom: 1.09em !important;
}

/* الأزرار */
.btn,
button,
input[type="submit"],
input[type="button"] {
    padding: 0.71rem 1.75rem !important;
    font-size: 0.93em !important;
    border-radius: 11.4px !important;
    margin: 0.33em 0.105em 0.4em 0 !important;
}

/* الرسائل والتنبيهات */
.alert, .form-message {
    border-radius: 11.4px !important;
    padding: 0.875rem 1.14rem !important;
    font-size: 0.88em !important;
    margin-bottom: 1.03em !important;
}

/* الحاوية العامة */
.container {
    padding: 0 19.25px !important;
}

/* صفحة "عن المشروع" */
.about-container {
    padding: 2.19em 2.625em 1.75em 1.75em !important;
    border-radius: 15.75px !important;
    margin-bottom: 2.19em !important;
}

.about-title {
    font-size: 1.79em !important;
    margin-bottom: 12.25px !important;
}

.about-lead {
    font-size: 1.0em !important;
    margin-bottom: 1.49em !important;
}

.section-title {
    font-size: 2em !important;
    margin-bottom: 0.875em !important;
}

.about-tech {
    margin-top: 1.49em !important;
    font-size: 0.928em !important;
}

.about-footer {
    margin-top: 2.36em !important;
    font-size: 0.875em !important;
    padding-top: 0.875em !important;
}

/* استجابة على الشاشات الصغيرة */
@media (max-width: 900px) {
    body {
        font-size: 0.857rem !important;
        padding-right: 43px !important;
    }
    .container { padding: 0 6.1px !important; }
    .card-glass { padding: 1.05rem 0.61rem !important; }

    .khaliq-sidebar, .khaliq-sidebar:hover, .khaliq-sidebar:focus-within {
        width: 39px !important;
        min-width: 31.5px !important;
    }
}

@media (max-width: 700px) {
    body {
        font-size: 0.814rem !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 600px) {
    .khaliq-sidebar, .khaliq-sidebar:hover, .khaliq-sidebar:focus-within {
        width: 29.75px !important;
        min-width: 21.9px !important;
    }
}