/* 1. GLOBÁLNÍ NASTAVENÍ A FIXY */

/* Opatrně s tímto: Vypne úplně všechny animace na webu (včetně menu, tlačítek atd.) */
* {
    transition: none !important;
    animation: none !important;
}

#loading-overlay {
    display: none !important;
}

body {
    transition: background-color 0s !important;
}

/* Obecný hover efekt pro odkazy */
a:hover {
    text-decoration: underline;
    color: #C7A98B;
}

/* 2. LOGO (enjoydecoration.cz) */

.site-name,
.site-name a,
.site-name img {
    transition: none !important;
    animation: none !important;
}

.site-name img {
    width: 400px !important;
    height: auto !important;
    max-height: none !important;
}

/* Responzivita pro logo */
@media only screen and (max-width: 480px) {
    .site-name {
        width: 100% !important;
        text-align: center; /* Vycentrování kontejneru */
    }
    .site-name img {
        width: 90% !important;
        margin: 0 auto;
        display: block;
    }
}

/* 3. SEKCE HODNOCENÍ */

.hodnoceni .cz,
.hodnoceni .sk,
.hodnoceni .cz2,
.hodnoceni .sk2 {
    background-color: #C7A89B;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

.hodnoceni a {
    color: #a68b7f;
    text-decoration: none;
    font-weight: bold;
}

.hodnoceni a:hover {
    color: #a68b7f;
    text-decoration: underline;
}

.hodnoceni:before {
    display: block;
    font-size: 18px;
    padding: 10px 20px;
    background: #C7A89B;
    content: ""; /* Musí zde být, aby se element zobrazil */
}

.stars .star.is-active:hover,
.stars .star.star-half:before,
.stars .star.star-on:before {
    color: #F7D959;
}

.hodnoceni .votes-wrap {
    display: block;
    border: 1px solid #f7f7f7;
    margin: 0;
    width: 100%;
    max-width: none;
    padding: 10px 0;
    background: #F6F2ED;
}

.vote-content[data-testid="textRating"] {
    color: #1a1937;
}

.vote-product-name {
    color: #C7A89B;
    font-weight: 600;
}

/* 4. FOOTER (Patička) */

.contact-list-item a:hover {
    text-decoration: underline !important;
}

@media (max-width: 767px) {
    .custom-footer.elements-3 {
        display: flex;
        flex-direction: column;
        gap: 25px;
        text-align: center;
    }

    .custom-footer.elements-3 [class*="col-sm-4"] {
        width: 100% !important;
        padding: 0 15px;
    }

    .contact-list-item a {
        justify-content: center;
        display: flex; /* Nutné pro fungování justify-content */
    }

    .custom-footer img {
        margin: 0 auto;
        display: block;
    }
}


/* Základní pozadí webu */
.header-bottom,
.top-navigation-bar,
.footer,
.sidebar-inner,
.box-categories,
.footer-bottom,
.custom-footer,
.content-wrapper,
.header-bottom *{
  background-color:#F6F2ED;
}

/* Skrytí konkrétního obrázku */
img[src*="618061035_122119784223115485"]{display:none;}

/* Skrytí konkrétního IG odkazu */
.custom-footer__instagram a[href*="DT-foYPk8MU"]{display:none;}

/* Globální styl img (ať to platí i na mobilu) */
img{
  background:#F6F2ED;
  border:none !important;
  outline:none !important;
}

/* Menu level 2 */
@media (min-width:700px){
  .navigation-in ul.menu-level-2{
    background-color:#F6F2ED;
    border-color:var(--color-primary);
  }
}

.btn-primary{
  background:#F6F2ED !important;
  border-color:#C7A98B !important;
  color:#C7A98B !important;
}

.row-header-label{background:#F6F2ED !important;}

.add-to-cart-button:hover,
.btn-cart:hover{
  background:#e5e1dc !important;
  border-color:#e5e1dc !important;
  color:#000 !important;
}

.box-bg-variant .categories a{
  background:#F6F2ED;
  color:#000;
  border-bottom-color:#C7A98B;
}

.quantity{border-color:#C7A98B; background:#F6F2ED;}

:where(.ums_forms_redesign--off) .form-control,
:where(.ums_forms_redesign--off) select{
  border-color:#C7A98B;
  background:#F6F2ED;
  color:#000;
}

a[href*="facebook.com"],
a[href*="instagram.com"]{
  background:#F6F2ED !important;
}

#footer{background:#F6F2ED;}

.p-thumbnails a.highlighted img,
.p-thumbnails a:hover img{
  border-color:#F6F2ED;
}

#productsTop .product .p > a.image{
  background:#F6F2ED !important;
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  line-height:0 !important;
  isolation:isolate;
}

#productsTop .product .p > a.image > img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  background:#F6F2ED !important;
  mix-blend-mode:multiply;
}

/* Thumbnails (tohle odpovídá tvému HTML) */
.p-thumbnails-wrapper .p-thumbnails a.p-thumbnail{
  background:#F6F2ED !important;
  display:block;
  line-height:0;
  isolation:isolate;
}
.p-thumbnails-wrapper .p-thumbnails a.p-thumbnail > img{
  display:block;
  background:#F6F2ED !important;
  mix-blend-mode:multiply;
}

/* Hlavní fotka v detailu (víc variant selektoru pro různé šablony) */
.p-image a,
.p-image-wrapper a,
.p-detail a,
.p-detail-inner a{
  background:#F6F2ED !important;
  display:block;
  line-height:0;
  isolation:isolate;
}
.p-image img,
.p-image-wrapper img,
.p-detail img,
.p-detail-inner img{
  background:#F6F2ED !important;
  mix-blend-mode:multiply;
  display:block;
}

/* Zúžení kontaktů v patičce */
/* Zmenšení mezer v kontaktním boxu v patičce */
#footer .contact-box ul {
    margin-top: 5px; /* Mezera mezi jménem a seznamem */
    margin-bottom: 0;
}

#footer .contact-box li {
    padding-top: 2px !important;   /* Mezera nad řádkem */
    padding-bottom: 2px !important; /* Mezera pod řádkem */
    line-height: 1.2;              /* Výška samotného řádku */
    margin-bottom: 0 !important;   /* Zrušení případného spodního okraje */
}

/* Pokud chcete zmenšit i mezeru pod nadpisem "Kontakt" */
.custom-footer__contact h4 {
    margin-bottom: 10px;
}
/* Zúžení buněk v patičce při zachování velikosti písma */
#footer .custom-footer.elements-3 {
    max-width: 900px; /* Upravte číslo (např. 800px), dokud nebudete spokojeni */
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}

/* Zajištění, že se sloupce nebudou v úzkém prostoru zbytečně lámat */
.custom-footer__banner1121,
.custom-footer__banner9421,
.custom-footer__banner4081 {
    flex: 0 1 auto;
    padding: 0 15px;
}
/* Zmenšení šířky řádku a posun doleva */
#footer .custom-footer.elements-3 {
    max-width: 850px;      /* Celková šířka všech 3 sloupců dohromady */
    margin-left: 0;        /* Posune celou skupinu k levému okraji */
    margin-right: auto;
    display: flex;
    justify-content: flex-start; /* Sloupce se nebudou roztahovat */
}

/* Úprava jednotlivých buněk (sloupců) */
#footer .custom-footer.elements-3 > div[class*="col-"] {
    flex: 0 0 auto;       /* Zabrání buňkám, aby se roztahovaly na 33% šířky */
    width: auto;          /* Buňka bude jen tak široká, jak vyžaduje text */
    min-width: 200px;     /* Minimální šířka, aby text nebyl moc nahuštěný */
    padding-left: 0;      /* Odstraní odsazení zleva u první buňky */
    margin-right: 40px;   /* Mezera mezi jednotlivými sloupci */
    text-align: left;     /* Zarovnání textu uvnitř buňky doleva */
}

/* Reset marginů u seznamů pro dokonalé zarovnání */
#footer .custom-footer.elements-3 ul {
    padding-left: 0;
    margin-left: 0;
}

/* Zajištění, že ikony a odkazy v kontaktu jsou vlevo */
.contact-list-item a {
    justify-content: flex-start !important;
}
/* Zrušení horního a dolního odsazení hlavního kontejneru patičky */
#footer .container.footer-rows {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Zmenšení výšky řádku s buňkami */
#footer .custom-footer.elements-3 {
    padding-top: 5px !important;    /* Minimální prostor nahoře */
    padding-bottom: 5px !important; /* Minimální prostor dole */
}

/* Odstranění mezer v obalových prvcích bannerů (buněk) */
#footer .banner,
#footer .banner-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Odstranění horního okraje u nadpisů, který buňku uměle zvyšuje */
#footer h4 {
    margin-top: 0 !important;
}

/* Odstranění spodního okraje u odstavců (např. u log plateb) */
#footer p {
    margin-bottom: 0 !important;
}
a[href="/obchodni-podminky/"] {
    display: none !important;
}
a[href="/podminky-ochrany-osobnich-udaju/"] {
    display: none !important;
}
.site-name img {
    width: 400px !important; /* Změňte na požadovanou šířku v pixelech */
    height: auto !important;  /* Zachová poměr stran */
    max-height: none !important; /* Zruší případné omezení výšky ze šablony */
}

/* Hodnocení obchodu+" data-author="Dominik Martini" */
    #hodnoceniobchodu .vote-wrap:not(.admin-response .vote-wrap),
    .id--51 #content .vote-wrap:not(.admin-response .vote-wrap),
    .template-14.id--51 .rate-wrapper:not(.admin-response .vote-wrap) {
      background-color: #f6f2ed !important;
      border: 2px solid #c7a98b !important;
      border-radius: 8px !important;
    }
    #hodnoceniobchodu .shop-stat-all a {
      background-color: #c7a98b !important;
      color: #f6f2ed !important;
      border-radius: 8px !important;
    }
    #hodnoceniobchodu .shop-stat-all a:hover {
      background-color: #666666 !important;
      color: #c7a98b !important;
    }
    .stars .star.is-active:hover, .stars .star.star-half:before, .stars .star.star-on:before, .icon-starHalf-before, .icon-starOn-before, .product-ratings .icon-starOff-before:hover, .product-ratings .star-off:hover, .star.star-half, .star.star-on, .rate-average,
    .tursky-apollo .rate-wrapper.unveil-wrapper .rate-list .stars span.star-off::before {
        color: #ecb911 !important;
    }
element.style {

}

#hodnoceniobchodu {

    padding-top: 30px;

    background-color: #f6f2ed;

    margin: auto;

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

}