/* =====================================================================
   MIDORINI – VLASTNÍ ÚPRAVY VZHLEDU
   Soubor se načítá v HTML kódech (zápatí) až po paxio.css, takže má přednost.
   Úpravy jsou rozdělené do sekcí s nadpisem === NÁZEV ===.
   ===================================================================== */


/* === ŠIPKY SLIDERŮ (2026-09) ===========================================
   Béžový čtvereček + tmavě šedá šipka. Platí pro slidery Slick
   (hodnocení obchodu, „nosíme“, bannery), produktové slidery a carousel.
   - velikost čtverečku: width / height (40px)
   - velikost šipky: background-size (14px)
   - barva podkladu: #F4F2EB, po najetí myší #E9E5D8
   - barva šipky: stroke='%23202224' v obou SVG níže (%23 = #)
   ===================================================================== */
.slick-prev, .slick-next,
.product-slider-holder .product-slider-navigation{width: 40px; height: 40px; background: transparent !important; opacity: 1 !important;}
.slick-prev::before, .slick-next::before,
.product-slider-holder .product-slider-navigation.navigation-prev::before,
.product-slider-holder .product-slider-navigation.navigation-next::before,
.carousel-control.left::before, .carousel-control.right::before{
  content: "" !important; display: block; width: 40px; height: 40px; border-radius: 8px;
  background-color: #F4F2EB; background-repeat: no-repeat; background-position: center; background-size: 14px;
  opacity: 1 !important; transform: none !important; filter: none !important; transition: background-color .2s; font-size: 0;
}
.slick-next::before,
.product-slider-holder .product-slider-navigation.navigation-next::before,
.carousel-control.right::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23202224' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E");}
.slick-prev::before,
.product-slider-holder .product-slider-navigation.navigation-prev::before,
.carousel-control.left::before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23202224' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E");}
.slick-prev:hover::before, .slick-next:hover::before,
.slick-prev:focus-visible::before, .slick-next:focus-visible::before,
.product-slider-holder .product-slider-navigation:hover::before,
.carousel-control:hover::before{background-color: #E9E5D8; opacity: 1 !important;}
.slick-arrow.slick-disabled{opacity: .4 !important; cursor: default;}
.slick-arrow.slick-disabled:hover::before{background-color: #F4F2EB;}
.nosime .slick-prev{right: 58px; left: auto;}
@media (max-width: 767px){
  .nosime .slick-prev{right: 58px;}
  .hodnoceni .slick-prev{left: calc(50% - 50px);}
  .hodnoceni .slick-next{right: calc(50% - 50px);}
}
/* === konec: ŠIPKY SLIDERŮ === */


/* === ÚVODNÍ STRÁNKA – ŠPERKY K VÝJIMEČNÝM UDÁLOSTEM (2026-09) ===
   Bílé pozadí sekce místo béžového #FBF7F1 */
.footer-banners, .footer-banners::before, .footer-banners::after{background-color: #fff !important;}
/* === konec: ŠPERKY K VÝJIMEČNÝM UDÁLOSTEM === */

/* === HODNOCENÍ OBCHODU – HLAVIČKA A KOMPAKTNĚJŠÍ SEKCE (2026-09) ===
   Nadpis vlevo, za ním zelené číslo hodnocení (#85B517 jako tlačítko Detail)
   a hvězdičky; šipky vpravo nahoře. Číslo se bere automaticky ze Shoptetu.
   - velikost hvězdiček: background-size (106px) + odsazení padding (118px)
   - barva čísla: color (#85B517) */
.hodnoceni{position: relative;}
.hodnoceni .top{display: flex; flex-wrap: wrap; align-items: center; column-gap: 16px; text-align: left; padding-right: 110px;}
.hodnoceni .top h3{order: 1; margin: 0; text-align: left;}
.hodnoceni .top .number{order: 2; margin: 0; width: auto; padding: 0 118px 0 0; background-size: 106px auto; background-color: transparent !important; background-position: 100% 50%; border-radius: 0; color: #85B517; font-size: 32px; line-height: 1;}
.hodnoceni .top p{order: 3; flex-basis: 100%; text-align: left; margin: 8px 0 24px;}
.hodnoceni .bottom{position: static; padding-bottom: 0;}
.hodnoceni .slick-prev, .hodnoceni .slick-next{top: 0 !important; bottom: auto !important; transform: none; margin: 0;}
.hodnoceni .slick-next{right: 0 !important; left: auto !important;}
.hodnoceni .slick-prev{right: 48px !important; left: auto !important;}
.hodnoceni .slick-slide{padding-top: 32px;}
@media (max-width: 767px){
  .hodnoceni .top{padding-right: 0;}
  .hodnoceni .top .number{font-size: 26px;}
  .hodnoceni .slick-prev, .hodnoceni .slick-next{top: auto !important; bottom: -48px !important;}
  .hodnoceni .slick-prev{right: auto !important; left: calc(50% - 44px) !important;}
  .hodnoceni .slick-next{right: calc(50% - 44px) !important;}
  .hodnoceni .bottom{position: relative; padding-bottom: 56px;}
}
/* Detail produktu: šablona tam hlavičku centruje – zarovnání vlevo i tam */
.type-product .hodnoceni .top{justify-content: flex-start;}
.type-product .hodnoceni .top h3{width: auto;}
.hodnoceni .top .number{margin-right: 0;}
/* Mobil: hlavička hodnocení na střed, šipky uvnitř sekce (nepřekrývají USP pod ní) */
@media (max-width: 767px){
  .hodnoceni .top, .type-product .hodnoceni .top{justify-content: center; text-align: center;}
  .hodnoceni .top h3, .hodnoceni .top p{text-align: center;}
  .hodnoceni .bottom{padding-bottom: 64px;}
  .hodnoceni .bottom .slick-prev, .hodnoceni .bottom .slick-next{bottom: 8px !important;}
}
/* === konec: HODNOCENÍ OBCHODU === */