/* === LOKAL MONTSERRAT SHRIFTI (.woff2) === */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* === GLOBAL TYPOGRAFIYA (H1, H2, MATN) === */
body,
h1, h2, h3, h4, h5, h6,
p, ul, ol, li, blockquote, td, th {
  font-family: 'Montserrat', Arial, sans-serif;
  color: #232323;
}

body {
  background: #f8fbfd;
  font-size: 1.08rem;
  line-height: 1.7;
  margin: 0;
}

/* === KUCHLI SARLAVHA QOIDA: Gutenberg, post, oddiy, blok (DEKSTOP) === */
h1, h1.wp-block-heading, .wp-block-post-title, .wp-block-heading {
  font-size: 1.8rem !important;
  color: #232323 !important;
  font-weight: 700 !important;
  margin-top: 0.7em !important;
  margin-bottom: 0.6em !important;
  line-height: 1.22 !important;
  letter-spacing: 0.01em !important;
  text-align: left !important;
}
h2, h2.wp-block-heading {
  font-size: 1.8rem !important;
  color: #232323 !important;
  font-weight: 700 !important;
  margin-top: 1.3em !important;
  margin-bottom: 0.6em !important;
  line-height: 1.22 !important;
  letter-spacing: 0.01em !important;
  text-align: left !important;
}
h3, h3.wp-block-heading {
  font-size: 1.6rem !important;
  color: #232323 !important;
  font-weight: 700 !important;
  margin-bottom: 0.45em !important;
  line-height: 1.22 !important;
  letter-spacing: 0.01em !important;
  text-align: left !important;
}

/* --- KICHIK SARLAVHALAR (h4, h5, h6) --- */
h4, h4.wp-block-heading { font-size: 0.95rem !important; font-weight: 700 !important; }
h5, h5.wp-block-heading { font-size: 0.9rem !important; font-weight: 700 !important; }
h6, h6.wp-block-heading { font-size: 0.85rem !important; font-weight: 700 !important; }

/* --- Matn va blok elementlar --- */
p, ul, ol, li, blockquote, td, th {
  font-size: 1.08rem;
  line-height: 1.7;
  text-align: justify;
  margin-bottom: 0.7em;
}

ul, ol {
  padding-left: 1.2em;
  margin-bottom: 0.7em;
}

blockquote {
  border-left: 4px solid #b5e7fa;
  background: #fafcff;
  padding: 0.5em 1em;
  margin: 1.3em 0;
  color: #07538c;
  font-style: italic;
}

/* --- Card-style bloklar uchun (agar kerak bo‘lsa) --- */
.obhavo-card, .obhavo-today, .obhavo-probability, .obhavo-aqi, .obhavo-hourly, .obhavo-weekly {
  font-family: 'Montserrat', Arial, sans-serif !important;
}

/* --- Responsive: planshet uchun --- */
@media (max-width: 800px) {
  h1, h1.wp-block-heading, .wp-block-post-title, .wp-block-heading { font-size: 1.4rem !important; }
  h2, h2.wp-block-heading { font-size: 1.4rem !important; }
  h3, h3.wp-block-heading { font-size: 0.90rem !important; }
  h4, h4.wp-block-heading { font-size: 0.87rem !important; }
  h5, h5.wp-block-heading { font-size: 0.83rem !important; }
  h6, h6.wp-block-heading { font-size: 0.8rem !important; }
}

/* --- Responsive: mobil uchun (kichik ekran) --- */
@media (max-width: 480px) {
  body { font-size: 0.98rem; }
  h1, h1.wp-block-heading, .wp-block-post-title, .wp-block-heading { font-size: 1.2rem !important; }
  h2, h2.wp-block-heading { font-size: 1.2rem !important; }
  h3, h3.wp-block-heading { font-size: 1.1rem !important; }
  h4, h4.wp-block-heading { font-size: 0.80rem !important; }
  h5, h5.wp-block-heading { font-size: 0.78rem !important; }
  h6, h6.wp-block-heading { font-size: 0.75rem !important; }
  p, ul, ol, li, blockquote, td, th { font-size: 0.95rem !important; }
  h1, h2, h3, h4, h5, h6,
  h1.wp-block-heading, h2.wp-block-heading, h3.wp-block-heading, h4.wp-block-heading, h5.wp-block-heading, h6.wp-block-heading,
  .wp-block-post-title, .wp-block-heading {
    margin-top: 1em !important;
    margin-bottom: 0.4em !important;
  }
}

/* --- Har doim justify qilish uchun maxsus sinf (ixtiyoriy) --- */
.justify {
  text-align: justify !important;
}
/* --- Faqat h1 larni har doim markazda chiqarish (desktop va mobil) --- */
h1, h1.wp-block-heading, .wp-block-post-title, .wp-block-heading {
  text-align: center !important;
}
/* --- Matndagi barcha img uchun umumiy optimal dizayn --- */
.entry-content img,
.wp-block-image img,
img.aligncenter, img.alignleft, img.alignright {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1.2em auto 1.2em auto; /* Yuqori/pastga biroz bo‘sh joy, avtomatik markazda */
  border-radius: 14px;            /* Kartochka uslubida yumaloqlik (xohlasangiz kamaytirasiz) */
  box-shadow: 0 2px 14px 0 rgba(0,0,0,0.06); /* Yengil soya, zamonaviy effekt */
}

/* --- Matndagi faqat rasm, atrofida matn bo‘lishini istasangiz (float) --- */
img.alignleft {
  float: left;
  margin: 1em 1.4em 1em 0;
}
img.alignright {
  float: right;
  margin: 1em 0 1em 1.4em;
}
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* --- WordPress Gutenberg bloklar uchun ham optimal ko‘rinish --- */
.wp-block-image {
  margin: 1.2em 0;
}

/* --- Rasm ostidagi caption (izoh) uchun --- */
.wp-block-image figcaption,
figure.wp-block-image figcaption {
  text-align: center;
  font-size: 0.95em;
  color: #757575;
  margin-top: 0.3em;
}

/* --- Mobil uchun max-width 100% va soya kamayishi (extra optimization) --- */
@media (max-width: 480px) {
  .entry-content img,
  .wp-block-image img {
    border-radius: 10px;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,0.05);
    margin: 1em 0;
  }
}