/**
 * Homepage top band — main column + sidebar (hero + news grid).
 */

.home-top-band {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: var(--gutter);
  align-items: start;
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
}

.home-top-band__main {
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
}

.home-top-band__main .hero-news,
.home-top-band__main .home-news-grid {
  width: 100%;
}

.home-top-band__sidebar {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

.home-top-band__sidebar-top .viotia-weather {
  margin: 0;
}

.home-top-band__sidebar-sticky .ad-slot {
  margin-block: 0;
}

/* Desktop — sidebar full height; ad sticks at top until next section */
@media (min-width: 1200px) {
  .home-top-band {
    align-items: stretch;
  }

  .home-top-band__sidebar {
    min-height: 100%;
  }

  .home-top-band__sidebar-sticky {
    position: sticky;
    top: 16px;
    z-index: 5;
  }
}

@media (max-width: 1199px) {
  .home-top-band {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-top-band__sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--gutter);
  }
}

@media (max-width: 767px) {
  .home-top-band {
    display: flex;
    flex-direction: column;
    gap: var(--gutter);
    width: 100%;
    max-width: 100%;
    margin-top: 0;
  }

  .home-top-band__main .hero-news {
    padding-top: 0;
    margin-top: 0;
  }

  /* Flatten layout so we can reorder: carousel → sidebar ad → ροή → grid → weather */
  .home-top-band__main,
  .home-top-band__sidebar,
  .home-top-band__main .hero-news {
    display: contents;
  }

  .hero-news__grid {
    display: flex;
    flex-direction: column;
    gap: var(--gutter);
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .hero-news__carousel {
    order: 1;
  }

  .home-top-band__sidebar-sticky {
    order: 2;
    position: static;
    width: 100%;
    max-width: 100%;
  }

  .home-top-band__sidebar-sticky .ad-slot {
    margin-block: 0;
  }

  .hero-news__latest {
    order: 3;
    width: 100%;
  }

  .home-top-band__main .home-news-grid {
    order: 4;
    width: 100%;
  }

  .home-top-band__sidebar-top {
    order: 5;
    width: 100%;
    max-width: 100%;
  }

  .home-top-band__sidebar-top .viotia-weather {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
    box-sizing: border-box;
  }

  .home-top-band__sidebar-top .viotia-weather__forecast {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .home-top-band__sidebar-top .viotia-weather__day-temp {
    white-space: normal;
  }
}