/* ===========================================================
 * urdu.uz – Global font override
 * Bu fayl AppAsset ro'yxatida ENG OXIRGI yuklanadi,
 * shuning uchun styles.css dagi Montserrat ni o'zgartiradi.
 * =========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* Asosiy shrift — Inter, fallback Montserrat va system */
html,
body {
    font-family: 'Inter', 'Montserrat', -apple-system, BlinkMacSystemFont,
                 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: 16.5px;        /* eski default 14-15px edi -> ozgina kattaroq */
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Paragraf va matn elementlari */
body,
p,
li,
td,
a,
span,
label,
input,
button,
select,
textarea {
    font-family: inherit;
}

/* Sarlavhalar — Inter, og'irligi 600 (clean) */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', 'Montserrat', sans-serif;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.01em;
}

h1 { font-size: 2.1rem; }
h2 { font-size: 1.7rem; }
h3 { font-size: 1.4rem; }
h4 { font-size: 1.2rem; }
h5 { font-size: 1.05rem; }
h6 { font-size: 0.95rem; }

/* Paragraflar uchun aniq o'qilishi uchun */
p {
    font-size: 1rem;
    line-height: 1.7;
    color: #2c3e50;
}

/* ====================================================
 * JUSTIFY — FAQAT yangilik tafsilot sahifasida
 *  (frontend/views/news/view.php — `.news-detail` wrapper)
 * ==================================================== */
.news-detail,
.news-detail p,
.news-detail li,
.news-detail div,
.news-detail span {
    text-align: justify;
    text-justify: inter-word;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
}

.news-detail p {
    font-size: 1.05rem;
    line-height: 1.8;
    margin-bottom: 12px;
}

/* News-detail ichida sarlavha, tugma va kichik elementlarni justify dan chiqarish */
.news-detail h1,
.news-detail h2,
.news-detail h3,
.news-detail h4,
.news-detail h5,
.news-detail h6,
.news-detail .btn,
.news-detail button,
.news-detail caption,
.news-detail figcaption,
.news-detail .text-center {
    text-align: revert;
    hyphens: manual;
    -webkit-hyphens: manual;
}

/* Menyu va navigatsiya */
.navbar a,
.menu a,
nav a {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}

/* Tugmalar */
.btn,
button {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    letter-spacing: 0.01em;
}

/* Mobil uchun moslashtirish */
@media (max-width: 768px) {
    html,
    body {
        font-size: 15.5px;
    }
}