/* ===========================
   1️⃣ Odstranit pravý dekorativní obrázek
=========================== */
.half.image {
  display: none !important;
}

/* ===========================
   2️⃣ Roztáhnout blok aktualit na celou šířku
=========================== */
.half.box.floatleft.pad20 {
  width: 100% !important;
  float: none !important;
  max-width: 100% !important;
  padding: 0 10px !important;
}

/* ===========================
   3️⃣ Grid aktualit – 4/2/1 sloupec
=========================== */
.views-view-responsive-grid,
.views-view-responsive-grid ul {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Tablet */
@media (max-width: 1100px) {
  .views-view-responsive-grid,
  .views-view-responsive-grid ul {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Mobil */
@media (max-width: 600px) {
  .views-view-responsive-grid,
  .views-view-responsive-grid ul {
    grid-template-columns: 1fr !important;
  }
}

/* ===========================
   4️⃣ Karty aktualit – stejné výšky, flex layout, pastelové pozadí
=========================== */
.views-view-responsive-grid__item-inner {
  background-color: #f5f0e6; /* len */
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  display: flex;
  flex-direction: column;
  transition: all .25s ease;
  height: 100%;
  padding: 10px;
}

/* Alternativní pastelové barvy dle tématu */
.views-view-responsive-grid__item-inner:nth-child(3n+1) { background-color: #f5f0e6; } /* len */
.views-view-responsive-grid__item-inner:nth-child(3n+2) { background-color: #e6f5e6; } /* kmín */
.views-view-responsive-grid__item-inner:nth-child(3n)   { background-color: #fff9e6; } /* luskoviny */

/* Hover efekt karet */
.views-view-responsive-grid__item-inner:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
}

/* ===========================
   5️⃣ Obrázky – pevná výška, poměr stran
=========================== */
.views-view-responsive-grid__item-inner a img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  display: block;
  margin-bottom: 10px;
  transition: transform .25s ease;
  z-index: 1;
}

.views-view-responsive-grid__item-inner:hover img {
  transform: scale(1.03);
}

/* ===========================
   6️⃣ Text uvnitř karet – viditelný
=========================== */
.views-view-responsive-grid__item-inner a,
.views-view-responsive-grid__item-inner a p,
.views-view-responsive-grid__item-inner a h2,
.views-view-responsive-grid__item-inner span {
  display: flex !important;
  flex-direction: column !important;
  opacity: 1 !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  color: #333 !important;
  text-decoration: none;
}

/* Titulek a odstavec */
.views-field h2 {
  font-size: 1.2rem;
  margin: 0 0 5px 0;
}

/* ===========================
   7️⃣ Nadpisy h2 – tmavě modrá #102a83 a tučné pro aktuality i prodejnu
=========================== */
.aktuality.box.floatleft.fullwidth.agritec .views-view-responsive-grid__item-inner.in-view .views-field-nothing-1 span.field-content a h2,
.prodejna.box.floatleft.fullwidth.agritec .views-view-responsive-grid__item-inner.in-view .views-field-nothing-1 span.field-content a h2 {
    color: #102a83 !important;
    font-weight: bold !important;
}

/* ===========================
   8️⃣ Datum vytvoření
=========================== */
.views-view-responsive-grid__item-inner .views-field-created {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 6px;
}

/* Padding uvnitř karty pro text */
.views-view-responsive-grid__item-inner span.field-content {
  display: flex;
  flex-direction: column;
  padding: 10px;
  box-sizing: border-box;
}

/* ===========================
   9️⃣ Header nadpisů ve Views
=========================== */
.aktuality-page > header,
.prodejna-page > header {
  background: transparent;
  padding: 10px 0;
  margin-bottom: 15px;
  text-align: left;
}

.aktuality-page > header h2,
.prodejna-page > header h2 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #102a83;
  margin: 0;
}

.aktuality-page > header h2 a,
.prodejna-page > header h2 a {
  color: #102a83;
  text-decoration: none;
  font-weight: bold;
}

.aktuality-page > header h2 a:hover,
.prodejna-page > header h2 a:hover {
  color: #0b5ed7;
}

/* ===========================
   🔟 Skrýt stále prázdné headery (bílé obdélníky)
=========================== */
.views-element-container > header:empty {
  display: none !important;
}

/* ===========================
   1️⃣1️⃣ Header a hero banner
=========================== */
header {
  padding: 15px 0;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.front .hero-banner {
  width: 100%;
  height: 320px;
  background: url('/themes/d9theme/images/shutterstock_125266361.jpg') center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.front .hero-banner h1 {
  color: #fff;
  font-size: 2rem;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
  margin: 0;
}

/* ===========================
   1️⃣2️⃣ Typografie a whitespace
=========================== */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  color: #333;
}

p {
  margin-bottom: 12px;
}

/* ===========================
   1️⃣3️⃣ Tlačítka a odkazy
=========================== */
a,
button {
  transition: all .2s ease;
}

a:hover,
button:hover {
  color: #0b5ed7 !important;
}

/* ===========================
   1️⃣4️⃣ Patička – modrá #102a83
=========================== */
footer {
  padding: 40px 0 20px;
  background: #102a83;
  color: #fff;
  line-height: 1.6;
}

footer a {
  color: #fff;
}

footer a:hover {
  color: #ffd700;
}

/* ===========================
   1️⃣5️⃣ Responzivita hero banner a karty
=========================== */
@media (max-width: 768px) {
  .front .hero-banner {
    height: 220px;
  }

  .front .hero-banner h1 {
    font-size: 1.5rem;
    text-align: center;
    padding: 0 10px;
  }
}

@media (max-width: 600px) {
  .views-view-responsive-grid,
  .views-view-responsive-grid ul {
    grid-template-columns: 1fr !important;
  }

  .views-view-responsive-grid__item-inner a img {
    height: auto;
  }

  .views-view-responsive-grid__item-inner span.field-content {
    padding: 8px;
  }
}

/* ===========================
   1️⃣6️⃣ Animace při scrollu pro aktuality
=========================== */
.views-view-responsive-grid li,
.views-view-responsive-grid__item-inner {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease-out;
}

.views-view-responsive-grid li.in-view,
.views-view-responsive-grid__item-inner.in-view {
  opacity: 1;
  transform: translateY(0);
}