/*
Theme Name: Mharty Child
Template: mharty
*/

/* ========== الخطوط ========== */

@font-face {
    font-family: 'Alyamama';
    src: url('./fonts/Alyamama-SemiBold.woff2') format('woff2'),
         url('./fonts/Alyamama-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

/* ========== Typography System ========== */

:root {
    --fs-xs: 12px;
    --fs-sm: 14px;
    --fs-base: 16px;
    --fs-md: 18px;
    --fs-lg: 22px;
    --fs-xl: 28px;
    --fs-2xl: 36px;
    --fs-3xl: 48px;
    --fs-4xl: 64px;
}

/* ========== النصوص العامة ========== */

body {
    font-family: 'Alyamama', sans-serif !important;
    font-weight: 600;
    font-size: var(--fs-base);
    line-height: 1.8;
    letter-spacing: 0.2px;
}

p, li {
    font-size: var(--fs-md);
    line-height: 1.9;
    margin-bottom: 0.8em;
}

a,
span,
label,
input,
textarea,
button,
small,
strong {
    font-family: 'Alyamama', sans-serif;
}

/* ========== العناوين (محسّن بدون مبالغة) ========== */

h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.entry-title,
.widget-title,
.site-title {
    font-family: 'Firjar', sans-serif !important;
    font-weight: 900;
}

/* العناصر داخل العناوين */
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
    font-family: 'Firjar', sans-serif !important;
}

/* ========== أحجام العناوين ========== */

h1 {
    font-size: var(--fs-4xl);
    line-height: 1.2;
}

h2 {
    font-size: var(--fs-3xl);
    line-height: 1.25;
}

h3 {
    font-size: var(--fs-2xl);
    line-height: 1.3;
}

h4 {
    font-size: var(--fs-xl);
}

h5 {
    font-size: var(--fs-lg);
}

h6 {
    font-size: var(--fs-md);
}

/* ========== تحسينات بصرية ========== */

h1, h2, h3 {
    letter-spacing: 0.5px;
}

small {
    font-size: var(--fs-sm);
}

/* الأزرار */
button,
input[type="submit"] {
    font-family: 'Alyamama', sans-serif;
    font-size: var(--fs-sm);
}

/* القوائم */
ul, ol {
    padding-right: 1.2em;
}