/* =====================================================
   MAIN (obsah stránky) – červená Bootstrap "primary" + odkazy
   ===================================================== */

main#wrapper{
  --bs-link-color: #EC2525;
  --bs-link-hover-color: #c51f1f;

  --bs-primary: #EC2525;
  --bs-primary-rgb: 236, 37, 37;

  --bs-focus-ring-color: rgba(236, 37, 37, .25);
}

/* Primární tlačítko v obsahu */
main#wrapper .btn-primary{
  --bs-btn-color: #fff;
  --bs-btn-bg: #EC2525;
  --bs-btn-border-color: #EC2525;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c51f1f;
  --bs-btn-hover-border-color: #c51f1f;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b51c1c;
  --bs-btn-active-border-color: #b51c1c;

  --bs-btn-focus-shadow-rgb: 236, 37, 37;

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #EC2525;
  --bs-btn-disabled-border-color: #EC2525;
}

/* Outline-primary tlačítka v obsahu (např. “Napište svůj názor”) */
main#wrapper .btn-outline-primary{
  --bs-btn-color: #EC2525;
  --bs-btn-border-color: #EC2525;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #EC2525;
  --bs-btn-hover-border-color: #EC2525;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #c51f1f;
  --bs-btn-active-border-color: #c51f1f;

  --bs-btn-focus-shadow-rgb: 236, 37, 37;

  --bs-btn-disabled-color: #EC2525;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #EC2525;
}


/* =====================================================
   FOOTER – žádná červená, žádná modrá (bílo/šedá na černém)
   ===================================================== */

footer a,
footer a:visited{
  color: rgba(255,255,255,.85);
  text-decoration: none;
}
footer a:hover{
  color: rgba(255,255,255,1);
  text-decoration: underline;
}

/* Newsletter button ve footeru – bílé tlačítko */
/* =====================================================
   FOOTER NEWSLETTER – červené tlačítko + červený focus
   ===================================================== */

/* Newsletter button ve footeru – červený */
footer input.btn.btn-primary,
footer .block_newsletter .btn-primary{
  --bs-btn-color: #fff;
  --bs-btn-bg: #EC2525;
  --bs-btn-border-color: #EC2525;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #c51f1f;
  --bs-btn-hover-border-color: #c51f1f;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b51c1c;
  --bs-btn-active-border-color: #b51c1c;

  --bs-btn-focus-shadow-rgb: 236, 37, 37;

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #EC2525;
  --bs-btn-disabled-border-color: #EC2525;
}


/* Newsletter input – červený focus místo modrého */
footer .block_newsletter .form-control:focus{
  border-color: #EC2525 !important;
  box-shadow: 0 0 0 .25rem rgba(236,37,37,.25) !important;
}

footer .btn-outline-primary{
  --bs-btn-color: rgba(255,255,255,.9);
  --bs-btn-border-color: rgba(255,255,255,.6);

  --bs-btn-hover-color: #111827;
  --bs-btn-hover-bg: #ffffff;
  --bs-btn-hover-border-color: #ffffff;

  --bs-btn-active-color: #111827;
  --bs-btn-active-bg: #e5e7eb;
  --bs-btn-active-border-color: #e5e7eb;

  --bs-btn-focus-shadow-rgb: 255,255,255;

  --bs-btn-disabled-color: rgba(255,255,255,.6);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgba(255,255,255,.35);
}


/* =====================================================
   FIX 1: Navbar hover linky – místo modré použij červenou
   ===================================================== */

header a:hover,
header .nav-link:hover,
header .dropdown-item:hover,
header .top-menu a:hover{
  color: #EC2525 !important;
}


/* =====================================================
   FIX 2: Názvy produktů (a obalující <a>) – ať nejsou modré
   ===================================================== */

/* V listingu bývá <a><p class="product-miniature__title">...</p></a> */
main#wrapper a:has(.product-miniature__title){
  color: inherit !important;
  text-decoration: none;
}
main#wrapper a:has(.product-miniature__title):hover{
  color: #EC2525 !important;
  text-decoration: none;
}
main#wrapper a:has(.product-miniature__title) .product-miniature__title{
  color: inherit !important;
}


/* =====================================================
   FIX 3: Thumbnaily na detailu produktu – čistý červený rámeček
   (bez dvojitých outline a bez modrého hoveru)
   ===================================================== */

/* 1) Vypni jakýkoliv outline/border na samotném obrázku */
main#wrapper .thumbnails__container img.js-thumb,
main#wrapper img.js-thumb,
main#wrapper img.js-thumb-selected{
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* 2) Řeš rámeček na kontejneru <li class="thumbnail ..."> */
main#wrapper .thumbnails__container .thumbnail{
  border: 2px solid transparent !important;
  border-radius: 10px;           /* uprav podle vzhledu (klidně 8px / 12px) */
  box-shadow: none !important;
}

/* hover = červeně */
main#wrapper .thumbnails__container .thumbnail:hover{
  border-color: #EC2525 !important;
  box-shadow: none !important;
}

/* aktivní = červeně (ty máš "active") */
main#wrapper .thumbnails__container .thumbnail.active{
  border-color: #EC2525 !important;
  box-shadow: none !important;
}

/* kdyby šablona používala i .selected */
main#wrapper .thumbnails__container .thumbnail.selected{
  border-color: #EC2525 !important;
  box-shadow: none !important;
}

/* 3) Pokud se ti někde pořád objevuje modrý focus ring (klik na thumbnail) */
main#wrapper .thumbnails__container .thumbnail:focus,
main#wrapper .thumbnails__container .thumbnail:focus-visible{
  outline: none !important;
  box-shadow: none !important;
}