/* ============================================================
   HEAT HOME — vlastní styly e-shopu
   Podle _global/_wiki/graficky-manual.md
   Vytvořeno 2026-09-01

   NAHRÁT přes: Vzhled a obsah → Editor → HTML kód → "externí soubory"
   PŘIPOJIT jedním řádkem v Záhlaví (před koncovým tagem HEAD):
       <link href="/user/documents/hh.css" rel="stylesheet">

   🚫 NEPŘEPISOVAT assets/css/style.css — ten se generuje ze SCSS
      a při dalším buildu by se změna ztratila.

   PALETA
   #F8A102  oranžová — plochy, tlačítka
   #339544  zelená   — druhá akce, technické štítky
   #B35C05  okrová   — POUZE text (oranžová na bílé má jen 2,08:1)
   #0F0F0F  text
   #7C7E8F  vedlejší text
   #E4E7EC  linky a ohraničení
   ============================================================ */


/* ---- TLAČÍTKA -------------------------------------------------
   Oranžová ZŮSTÁVÁ konverzní barvou — tlačítko má být vidět.
   Řeší se jen text na ní:
       bílý text na #F8A102  = 2,08:1  (nečitelné)
       tmavý text na #F8A102 = 9,21:1  ✓
   Tmavý text na sytě teplé barvě je u konverzních tlačítek
   běžný (Amazon má žluté tlačítko s černým textem) — bílá
   se na svítivé oranžové fyzikálně přečíst nedá.             */

.btn-primary,
a.btn-primary,
button.btn-primary,
.btn-cart,
.add-to-cart-button .btn {
  background-color: #F8A102 !important;
  border-color:     #F8A102 !important;
  color:            #0F0F0F !important;
  font-weight:      700     !important;
}

.btn-primary:hover, .btn-primary:focus,
a.btn-primary:hover, button.btn-primary:hover,
.btn-cart:hover {
  background-color: #339544 !important;
  border-color:     #339544 !important;
  color:            #FFFFFF !important;
}


/* ---- ŠTÍTKY U PRODUKTŮ ----------------------------------------
   Bylo pět barev, všechny s bílým textem 9 px.                 */

.flag {
  font-size:      10px !important;
  font-weight:    700  !important;
  letter-spacing: .02em !important;
}

/* oranžové štítky — tmavý text */
.flag.flag-new,
.flag.flag-tip,
.flag.flag-action,
.flag.flag-quantity-discount {
  background-color: #F8A102 !important;
  color:            #0F0F0F !important;
}

/* zelené technické štítky (W/m², šířky) — bílá tučně */
.flag[class*="-w-m2"],
.flag[class*="flag-sirka"] {
  background-color: #339544 !important;
  color:            #FFFFFF !important;
}


/* ---- ORANŽOVÝ TEXT NA BÍLÉ ------------------------------------
   #F8A102 jako text = 2,08:1. Okrová #B35C05 = 4,72:1.         */

.benefitBanner__title,
.homepage-box h2,
.footer-banner strong,
.text-primary,
a.text-primary {
  color: #B35C05 !important;
}

/* odkazy v textu
   ⚠️ POZOR: původní širší pravidlo obarvovalo i NÁZVY PRODUKTŮ.
   Proto je zúžené jen na tělo článků a popisů a názvy jsou
   níž výslovně vráceny na tmavou.                              */
.description a:not(.btn):not(.flag),
article .content a:not(.btn):not(.flag) {
  color: #B35C05 !important;
}
.description a:not(.btn):hover,
article .content a:not(.btn):hover {
  color: #339544 !important;
}

/* názvy produktů zůstávají tmavé — jsou to nadpisy, ne odkazy v textu */
.product .name,
.product .name a,
.product-name,
.products .name,
.products .name a,
h1.product-name {
  color: #0F0F0F !important;
}


/* odkazy uvnitř benefit bloků na úvodní stránce
   (telefon, „certifikaci") — byly #F8A102 = 2,08:1 na bílé      */
.benefitBanner a,
[class*="benefit"] a:not(.btn) {
  color: #B35C05 !important;
}
.benefitBanner a:hover,
[class*="benefit"] a:not(.btn):hover {
  color: #339544 !important;
}


/* ---- DROBNOSTI ------------------------------------------------ */

/* šedá na světle šedém pozadí měla 3,71:1 */
.contact-box span,
.footer .contact span {
  color: #5F6172 !important;
}


/* ============================================================
   MÍSTO NA DALŠÍ ÚPRAVY — soubor nemá limit délky.

   Zatím nevyřešené (viz temp_postup-nasazeni.md):
   - a.title v patičce: bílý text na bílém pozadí (ověřit záměr)
       footer a.title { color: #0F0F0F !important; }
   - Písmo: doplněk Apollo přepisuje Exo 2 na Roboto
       viz temp_pismo-proc-roboto.md
   ============================================================ */