/* obhavo-responsive.css */
/* Faqat mobil va tablet uchun responsiv @media qismlar */

/* 1. Umumiy containerlar va padding */
@media (max-width: 900px) {
  .obhavo-modern { padding: 10px; }
}

/* 2. 700px dan kichik (mobil va kichik tabletlar) */
@media (max-width: 700px) {
  /* Probability va AQI bloklari */
  .obhavo-probability-block,
  .obhavo-aqi-block {
    min-width: unset;
    max-width: 97vw;
    width: 97vw;
    border-radius: 0 !important;
    border: none !important;
    padding: 7px 0 7px 0;
    font-size: 15px;
    margin-left: auto !important;
    margin-right: auto !important;
    box-shadow: 0 1.5px 10px rgba(0,0,0,0.00); /* Card-shadow toza */
  }
  .obhavo-probability-value,
  .obhavo-aqi-value {
    font-size: 1.15em;
    margin-top: -6px;
    padding: 2px 12px;
  }
  .obhavo-probability-label,
  .obhavo-aqi-label {
    font-size: 13px;
    margin-bottom: 1px;
  }

  /* ======= OBHAVO-TODAY BLOKI ======= */
  .obhavo-today {
    padding: 12px 3px;
    border-radius: 10px;
    margin-bottom: 12px;
  }
  .obhavo-today .city-name { font-size: 17px; margin-bottom: 5px; }
  .obhavo-today .today-date { font-size: 13px; margin-bottom: 7px; }
  .obhavo-today .today-icon { width: 48px; height: 48px; margin-bottom: 6px; }
  .obhavo-today .today-temp { font-size: 23px; margin-bottom: 4px; }
  .obhavo-today .today-desc { font-size: 14px; margin-bottom: 6px; }
  .today-details { gap: 2px; margin-top: 7px; }
  .today-row { gap: 6px; }
  .today-statistics span,
  .today-avg-temps span { font-size: 13px; margin-right: 7px; }
  .sun-label { font-size: 13px; }
  .sunrise-icon,
  .sunset-icon { width: 12px; height: 12px; margin: 0 2px; }
  .obhavo-today-error { font-size: 13px; padding: 10px 2px 8px; }
}

/* 3. 480px dan kichik (eng kichik telefonlar) */
@media (max-width: 480px) {
  .today-statistics span,
  .today-avg-temps span,
  .sun-label { font-size: 12px; }
  .sunrise-icon,
  .sunset-icon { width: 10px; height: 10px; }
}