/* =========================================================
   HelloDog — Black Friday 2026 (13.–20. 11.) — DOČASNÉ
   Statický banner místo karuselu na homepage.
   Načítá se v záhlaví HNED ZA hp-v3.css. hp-v3.css se nemění.
   Po akci: smazat tento soubor + jeho <link> v záhlaví
   a do banneru vrátit původní HTML homepage.
   ========================================================= */

/* Tmavý štítek a tmavé tlačítko */
#hdhp .eyebrow--dark {
  color: var(--c-white);
  background: var(--c-ink);
  border-color: var(--c-ink);
}

#hdhp .hd-btn--dark {
  background: var(--c-ink);
  border-color: var(--c-ink);
  color: var(--c-white);
}

#hdhp .hd-btn--dark:hover {
  background: var(--c-brown-dark);
  border-color: var(--c-brown-dark);
  color: var(--c-white);
}

#hdhp .hero--bf .hd-carousel__viewport { overflow: hidden; }

/* Výška slidu podle fotky, ne pevné minimum karuselu */
#hdhp .hero--bf .slide { min-block-size: 0; }

/* Box fotky má přesně poměr banneru 3 : 2 — fotka je vidět celá.
   Výška přes procentní padding (stejně jako mobil karuselu v hp-v3.css),
   aspect-ratio u boxu s jen absolutním obsahem Safari scvrkne. */
#hdhp .hero--bf .slide__media {
  align-self: center;
  justify-self: stretch;
  inline-size: 100%;
  block-size: 0;
  padding-block-end: 66.6667%;
}

/* Symetrické odsazení textu — banner nemá tečky, spodní rezerva
   pro ovládání by jen natahovala výšku */
#hdhp .hero--bf .slide__body { padding-block: clamp(2.4rem, 2.6vw, 3.6rem); }

/* Tablet (769–1120 px): text by byl vyšší než fotka — doplňkový
   odstavec se schová, výška zůstane podle fotky */
@media (min-width: 48.0625rem) and (max-width: 70rem) {
  #hdhp .hero--bf .slide__text { display: none; }
}

/* Desktop: o něco větší tlačítko */
@media (min-width: 48.0625rem) {
  #hdhp .hero--bf .slide__actions .hd-btn {
    padding-block: 1.5rem;
    padding-inline: 3.2rem;
    font-size: 1.7rem;
  }
}

/* Mobil: fotka nahoře 3 : 2, tlačítko přes celou šířku */
@media (max-width: 48rem) {
  #hdhp .hero--bf .slide__actions { justify-self: stretch; }
  #hdhp .hero--bf .slide__actions .hd-btn { flex: 1 1 100%; }
}