/* ============================================================
   PESTUJSAM.CZ — Apollo facelift v2
   Selektory ověřené přímo v živém HTML webu (ne odhad).
   Cíleně NEOBSAHUJE: .btn, .btn-primary, .btn-cart, .add-to-cart-button,
   .pagination-top, .pagination-top-btn — ty řídí Apollo Editor
   (Barevnost šablony) a nemají se sem vůbec míchat.
   ============================================================ */

:root {
  --ps-ink:        #202a20;   /* hlavní text, měkčí než čistá černá */
  --ps-ink-soft:    #5b6258;  /* sekundární text / popisky */
  --ps-forest:      #00740f; /* shodné s konverzní barvou "Do košíku" */
  --ps-forest-mid:  #1d8a35; /* shodné s barvou šablony "Detail" */
  --ps-cream:       #fafafa; /* pozadí stránky */
  --ps-paper:       #ffffff; /* karty, hlavička */
  --ps-sage-tint:   #eef2ea; /* jemné pozadí pod obrázky produktů */
  --ps-border:      #e9e4d8; /* vlasové linky / okraje */
  --ps-clay:        #c97b4f; /* teplý akcent pro badge "Tip" */
  --ps-clay-tint:   #f6e8de;
}

/* ── POZADÍ STRÁNKY ── */
body { background: var(--ps-cream) !important; }

/* ── HLAVIČKA ──
   Necháno ve světlém nativním stavu Apollo, jen jemný teplý nádech
   a vlasová linka místo ostrého stínu. Loga, ikon, vyhledávání se
   nedotýkáme — Apollo si je v tomto módu styluje sám konzistentně. */
#header {
  background-color: var(--ps-paper) !important;
  border-bottom: 1px solid var(--ps-border);
}

.search-form input {
  background: var(--ps-cream) !important;
  border: 1px solid var(--ps-border) !important;
  border-radius: 999px !important;
}
.search-form input:focus {
  outline: none !important;
  border-color: var(--ps-forest-mid) !important;
  box-shadow: 0 0 0 3px rgba(29, 138, 53, 0.12) !important;
}
.search-form.compact-form .btn {
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}
.search-form.compact-form .btn:hover {
  background-color: transparent !important;
}

/* ── HLAVNÍ NAVIGACE ── */
#navigation .menu-level-1 > li > a:hover {
  color: var(--ps-forest) !important;
}

/* ── BOČNÍ STROM KATEGORIÍ (kategorie, levý sidebar) ── */
#categories .topic > a:hover,
#categories li > a:hover {
  color: var(--ps-forest);
}
#categories a.active {
  color: var(--ps-forest) !important;
  font-weight: 600;
}

/* ── PRODUKTOVÉ KARTY ──
   Stylujeme jen vzhled (rámeček, stín, zaoblení), nezasahujeme do
   layoutu (display/flex/šířky), který si řídí Apollo grid. */
.product .p {
  border: 1px solid var(--ps-border);
  border-radius: 16px;
  background: var(--ps-paper);
  overflow: hidden;
  transition: border-color 0.15s ease;
}
@media (hover: hover) {
  .product .p:hover {
    border-color: var(--ps-forest-mid);
  }
}

.product .p .image {
  background: var(--ps-sage-tint);
}

.product .p .name {
  color: var(--ps-ink);
  font-weight: 600;
  line-height: 1.35;
}

.product .p .price-final {
  color: var(--ps-ink);
  font-weight: 600;
}

/* ── BADGE "NOVINKA" ── (barvu si Apollo už bere z var(--color-primary),
   tady jen doladění tvaru/typografie) */
.flag.flag-new {
  border-radius: 999px !important;
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* ── BADGE "TIP" ── (zde Apollo používá pevnou oranžovou #ffa813,
   přebarvujeme na teplou hlínu ladící s paletou) */
.flag.flag-tip {
  background-color: var(--ps-clay) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* ── DETAIL PRODUKTU ── */
.p-detail-inner h1 {
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--ps-ink);
}
.p-detail-inner .price-final {
  color: var(--ps-forest);
}

/* ── PATIČKA ──
   Záměrně beze změny — necháno čistě na nativním Apollo stavu. */