@charset "UTF-8";
/* ==========================================================================
   YATE.cz – vlastní styly (vše na jednom místě)
   Načítá se v Záhlaví:  <link rel="stylesheet" href="/user/documents/upload/yate-styly.css?v=N">
   Po každé úpravě zvýšit ?v=N, jinak prohlížeče drží starou verzi (cache 1 rok).
   Pořadí sekcí je záměrné – odpovídá původnímu pořadí načítání.
   ========================================================================== */


/* ==========================================================================
   1) POPISY PRODUKTŮ (dříve popisky_produktu.css)
   ========================================================================== */
/* YATE.cz — externí CSS pro popisy produktů */

/* --- Oprava šablony: strong/b musí být inline --- */
#description strong,#description b{display:inline!important}

/* --- Layout --- */
.col-main{flex:2}.col-complementary{flex:1}
@media only screen and (min-width:640px){.layout{display:flex}}
.produkt{max-width:100%}.col{margin:0}.ds-vertical-align{display:flex;flex-direction:column;justify-content:center}
.produkt_infobox{margin:0 0 15px 0}.produkt_parametr{padding:4px 0}.produkt_parametr span{font-weight:bold;margin-right:8px}

/* --- NOVÉ: yate-tiles (univerzální dlaždice) --- */
.yate-tiles{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:10px;margin:20px 0}
.yate-tile{background-color:var(--tile-color,#2b9350);padding:20px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.yate-tile h2{font-size:9pt;font-weight:600;color:rgba(255,255,255,.75);margin:0 0 6px 0;text-transform:uppercase;letter-spacing:.05em}
.yate-tile p{font-size:16pt;font-weight:700;margin:0;color:#fff}
@media(max-width:800px){.yate-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.yate-tiles{grid-template-columns:1fr}}

/* --- NOVÉ: yate-tech (technologické karty) --- */
.yate-tech{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:12px;margin:20px 0}
.yate-tech-card{border-radius:6px;overflow:hidden;border:1px solid #e0e0e0}
.yate-tech-card-header{background-color:var(--tech-color,#1c3a5e);padding:10px 14px;font-size:10pt;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}
.yate-tech-card-body{padding:10px 14px;font-size:10pt;color:#444;line-height:1.5;background:#fff}
@media(max-width:600px){.yate-tech{grid-template-columns:1fr}}

/* --- Staré šablony --- */
.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:10px;overflow:hidden}
.anasopetrolejgrid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:10px;overflow:hidden}
.celovky{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:10px;overflow:hidden}
.prirodniyogamat{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px;overflow:hidden}
.batohbrisi{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px;overflow:hidden}
.bezeckeboty{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px;overflow:hidden}
.skladacikarimatka{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:10px;overflow:hidden}
.varic{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px;overflow:hidden}
.hole{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:10px;overflow:hidden}
.sneznice{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:10px;overflow:hidden}
.stan{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;overflow:hidden}

.anasopetrolej,.anasoseda,.anseris700,.batohbrisi .brisi,.bezeckejoma,.cell,.celovka,.holeteleskopicke,.karimatkaskladaci,.mons200,.mons300,.prirodniyogamat1,.prirodniyogamat2,.prirodniyogamat3,.prirodniyogamat4,.sneznice1,.stanprojednoho,.varicalpinist{padding:20px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.anasopetrolej{background-color:#038baf}.anasoseda{background-color:#595959}.anseris700{background-color:#3b9fc4}
.brisi{background-color:#efd51c}.bezeckejoma{background-color:#9f9a9f}.cell{background-color:#005d7f}
.celovka{background-color:#595959}.holeteleskopicke{background-color:#d04e4f}.karimatkaskladaci{background-color:#9f9a9f}
.mons200{background-color:#f5a904}.mons300{background-color:#b5bb3d}
.prirodniyogamat1{background-color:#9dabce}.prirodniyogamat2{background-color:#83aba0}
.prirodniyogamat3,.prirodniyogamat4{background-color:#61a4bf}
.sneznice1{background-color:#98979c}.stanprojednoho{background-color:#88a3aa}.varicalpinist{background-color:#9f9a9f}

.anasopetrolej h2,.anasoseda h2,.anseris700 h2,.brisi h2,.bezeckejoma h2,.cell h2,.celovka h2,.holeteleskopicke h2,.karimatkaskladaci h2,.mons200 h2,.mons300 h2,.prirodniyogamat1 h2,.prirodniyogamat2 h2,.prirodniyogamat3 h2,.prirodniyogamat4 h2,.sneznice1 h2,.stanprojednoho h2,.varicalpinist h2{font-family:'Tittilium',sans-serif;font-weight:bold;font-size:14pt;color:#fff;margin:0;text-transform:uppercase}
.anasopetrolej p,.anasoseda p,.anseris700 p,.brisi p,.bezeckejoma p,.cell p,.celovka p,.holeteleskopicke p,.karimatkaskladaci p,.mons200 p,.mons300 p,.prirodniyogamat1 p,.prirodniyogamat2 p,.prirodniyogamat3 p,.prirodniyogamat4 p,.sneznice1 p,.stanprojednoho p,.varicalpinist p{font-size:12pt;margin:10pt;color:#fff}

/* --- Karimatky / trekker layout --- */
.karimatkynew{display:flex;align-items:center;margin:15px 0}.karimatkynew .text{flex:1}
.image-trekker{width:50%;height:auto}.image-trekker img{max-width:100%;height:auto;max-height:370px;width:auto}

/* --- Media queries --- */
@media screen and (max-width:800px){.stan,.skladacikarimatka,.varic,.celovky,.hole,.anasopetrolejgrid{grid-template-columns:1fr;grid-template-rows:auto}}
@media screen and (max-width:600px){.grid,.prirodniyogamat,.batohbrisi,.bezeckeboty{grid-template-columns:1fr;grid-template-rows:auto}}


/* ==========================================================================
   2) POROVNÁNÍ PRODUKTŮ (dříve porovnani.css)
   ========================================================================== */
/* tlačítko POROVNAT v řadě .c-btns (POPIS/FOTKY/PARAMETRY) */
.c-btn.yc-cmp{background:#fff!important;color:#009901!important;border:1.5px solid #009901!important;text-transform:uppercase;}
.c-btn.yc-cmp.yc-on{background:#009901!important;color:#fff!important;}

/* plovoucí lišta */
.yc-bar{
  position:fixed;left:50%;bottom:20px;transform:translateX(-50%) translateY(180%);
  background:#222;color:#fff;display:flex;align-items:center;gap:14px;
  padding:12px 16px;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.2);
  z-index:9999;transition:transform .25s ease;
  font:14px/1.3 var(--template-font,sans-serif);max-width:calc(100vw - 20px);box-sizing:border-box;
}
.yc-bar.yc-visible{transform:translateX(-50%) translateY(0);}
.yc-bar__thumbs{display:flex;gap:8px;}
.yc-bar__thumb{position:relative;width:44px;height:44px;border-radius:8px;overflow:hidden;background:#fff;flex:none;border:1px solid rgba(255,255,255,.25);}
.yc-bar__thumb img{width:100%;height:100%;object-fit:contain;}
.yc-bar__thumb button{position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:50%;border:none;background:#ef4444;color:#fff;font:700 13px/20px sans-serif;text-align:center;cursor:pointer;padding:0;}
.yc-bar__count{font-weight:600;white-space:nowrap;}
.yc-bar__go{background:#009901;color:#fff;text-decoration:none;padding:10px 16px;border-radius:8px;font-weight:600;white-space:nowrap;cursor:pointer;}
.yc-bar__go:hover{background:#007a01;color:#fff;}
.yc-bar__clear{background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;font:14px/1 var(--template-font,sans-serif);text-decoration:underline;padding:0;white-space:nowrap;}
.yc-bar__clear:hover{color:#fff;}
.yc-bar__clear-txt{display:inline;}
.yc-bar__clear-ico{display:none;}

/* overlay */
.yc-ov{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:10000;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:24px;box-sizing:border-box;}
.yc-ov__box{background:#fff;border-radius:14px;max-width:1000px;width:100%;margin:auto;padding:24px;font:15px/1.5 var(--template-font,sans-serif);color:#222;box-sizing:border-box;}
.yc-ov__head{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;}
.yc-ov__head h2{margin:0;font-size:22px;}
.yc-ov__close{border:none;background:#eee;width:38px;height:38px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;flex:none;}
.yc-ov__sub{color:#6b7280;font-size:14px;margin:0 0 14px;}
.yc-toggle{display:inline-flex;align-items:center;gap:8px;color:#6b7280;font-size:14px;cursor:pointer;margin-bottom:14px;}

/* tabulka */
.yc-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.yc-table{border-collapse:collapse;width:100%;min-width:520px;}
.yc-table th,.yc-table td{border:1px solid #e5e7eb;padding:12px 14px;text-align:left;vertical-align:top;}
.yc-table thead td{text-align:center;min-width:160px;}
.yc-table thead img{max-width:130px;height:100px;object-fit:contain;display:block;margin:0 auto 8px;}
.yc-prodname{font-weight:600;font-size:14px;display:block;margin-bottom:6px;color:#222;text-decoration:none;}
.yc-prodname:hover{color:#009901;}
.yc-price{color:#009901;font-weight:700;margin-bottom:6px;}
.yc-remove{border:none;background:none;color:#ef4444;cursor:pointer;font:13px/1 var(--template-font,sans-serif);text-decoration:underline;}
.yc-pname{background:#fafafa;font-weight:600;white-space:nowrap;position:sticky;left:0;z-index:1;}
.yc-diff td{background:#fffbe6;}
.yc-empty-val{color:#9ca3af;}
.yc-loading{text-align:center;padding:40px;color:#6b7280;}

/* MOBIL */
@media (max-width:600px){
  .yc-bar{gap:10px;padding:10px 12px;bottom:12px;}
  .yc-bar__thumb{width:38px;height:38px;}
  .yc-bar__go{padding:9px 12px;font-size:13px;}
  .yc-bar__clear-txt{display:none;}
  .yc-bar__clear-ico{display:inline;font-size:18px;}
  .yc-ov{padding:0;}
  .yc-ov__box{border-radius:0;min-height:100vh;padding:16px;}
  .yc-ov__head h2{font-size:19px;}
  .yc-table thead td{min-width:140px;}
  .yc-table thead img{max-width:100px;height:80px;}
  .yc-table th,.yc-table td{padding:10px;}
  .yc-pname{font-size:13px;}
}
@media (max-width:380px){
  .yc-bar__thumbs{gap:6px;}
  .yc-bar__thumb{width:34px;height:34px;}
}


/* ==========================================================================
   3) ÚPRAVY ŠABLONY (dříve 1. <style> v záhlaví): značky, cookies, hlášky, tlačítka, čtení dál, menu
   ========================================================================== */
/* Skryje sekci Značky v levém filtrovacím menu */
#cat-manufacturers {
  display: none !important;
}

.nav.navbar-nav.navbar-left.header-row-contact.hidden-xs.hidden-sm {
    display: none;
}

  @media screen and (min-width: 768px) {
  div.siteCookies.siteCookies--bottom {
    margin: auto !important;
    bottom: 35% !important;
    width: 55% !important;
    left: 0 !important;
    background-color: unset !important;
    box-shadow: unset !important;
  }
.siteCookies__form {
    padding: 34px 24px 34px 24px !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}
}

span.flag.imageFlag {

    background-color: transparent !important;
}

  


.site-msg.information {
    background-color: #2ecc71; /* Zelená barva pozadí */
    color: white; /* Bílý text */
    padding: 20px 40px; /* Zvětšení vnitřního odsazení */
    font-size: 18px; /* Ještě větší velikost písma */
    font-weight: 700; /* Tučné písmo (bold) */
    border-radius: 10px; /* Zaoblené rohy */
}

.site-msg .text {
    color: white; /* Zajistí, že text uvnitř bude bílý */
    font-size: 18px; /* Větší velikost písma pro text */
    font-weight: 700; /* Tučné písmo */
}

.site-msg .close {
    color: white; /* Zajistí, že zavírací tlačítko bude bílé */
    font-size: 20px; /* Větší velikost pro zavírací tlačítko */
    font-weight: 700; /* Tučné */
    cursor: pointer; /* Kurzor ruky pro interaktivní prvek */
    opacity: 0.9; /* Mírná průhlednost pro lepší vzhled */
    transition: opacity 0.3s ease; /* Plynulý přechod při najetí myší */
}

.site-msg .close:hover {
    opacity: 1; /* Plná viditelnost při najetí myší */
}




.add-to-cart-button {
    border-radius: 3px;
    font-weight: bold;
}

a.btn-primary {
    border-radius: 3px;
}

.product .p[data-micro="product"] {
  border-radius: 5px;
  overflow: hidden; /* zajistí, že obsah nebude přesahovat zaoblené rohy */
}

  .read-more-state {
    display: none;
  }

  /* Cílová část textu - skrytá na začátku */
  .read-more-target {
    display: block; /* Důležité pro správné zalamování */
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: 0.25s;
  }

  /* Zobrazení cílového textu při zaškrtnutí */
  .read-more-state:checked ~ .read-more-target {
    opacity: 1;
    max-height: 999em;
  }

  /* Tlačítko - vždy na novém řádku vlevo */
  .read-more-trigger {
    cursor: pointer;
    color: #F07D00;
    font-weight: bold;
    display: block; /* Klíčové pro umístění pod textem */
    margin-top: 10px;
    text-align: left;
  }

  /* Text tlačítka před rozbalením */
  .read-more-trigger::before {
    content: "pokračovat ve čtení";
  }

  /* Text tlačítka po rozbalení */
  .read-more-state:checked ~ .read-more-trigger::before {
    content: "skrýt text";
  }

/* Všechny položky menu verzálkami */
.navigation-in .menu-level-1 a,
.navigation-in .menu-level-2 a {
    text-transform: uppercase;
}

.news-item-detail > time {
    display: none;
}


/* ==========================================================================
   4) PŘIHLAŠOVACÍ TLAČÍTKO (dříve 2. <style> v záhlaví)
   ========================================================================== */
/* === OPRAVA PŘIHLAŠOVACÍHO TLAČÍTKA === */

/* Odstranit VŠECHNO oranžové pozadí */
.top-nav-button-login,
.top-nav-button-login:hover,
.top-nav-button-login:focus,
.top-nav-button-user,
.top-nav-button-user:hover,
.top-nav-button-user:focus,
.top-nav-button-account,
.top-nav-button-account:hover,
.top-nav-button-account:focus,
body.use_ally_login .top-nav-button-login,
body.use_ally_login .top-nav-button-login:hover {
    background-color: transparent !important;
}

/* Černá ikona panáčka - VŠECHNY varianty */
.top-nav-button-login::before,
.top-nav-button-login::after,
.top-nav-button-user::before,
.top-nav-button-user::after,
.top-nav-button-account::before,
.top-nav-button-account::after {
    color: #000000 !important;
    background-color: transparent !important;
}

/* Černá ikona - SVG */
.top-nav-button-login svg,
.top-nav-button-login path,
.top-nav-button-user svg,
.top-nav-button-user path,
.top-nav-button-account svg,
.top-nav-button-account path {
    color: #000000 !important;
    fill: #000000 !important;
    stroke: #000000 !important;
}

/* Černá ikona - font icon */
.top-nav-button-login,
.top-nav-button-user,
.top-nav-button-account {
    color: #000000 !important;
}

/* Lehký hover efekt */
.top-nav-button-login:hover,
.top-nav-button-user:hover,
.top-nav-button-account:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
}


/* ==========================================================================
   5) DROBNOSTI KATEGORIÍ A DETAILU (dříve yate-custom.css)
   ========================================================================== */
/* YATE – vlastní styly, dříve inline v patičce Shoptetu */
.breadcrumbs>span>a, .breadcrumbs>span>span {
  padding: 10px 0 10px 20px;
  display: block;
  text-transform: uppercase;
}

.categories li.active>a {
  color: inherit;
  background-color: inherit;
  text-transform: uppercase;
}

.box-bg-variant .categories a {
  border-bottom-color: #f5f5f5;
  color: #000;
  text-transform: uppercase;
}

.p-basic-info-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

.p-basic-info-block .block {
  display: flex;
  align-items: center;
  gap: 4px;
}

.availability-label {
  font-weight: bold;
  font-size: 1.1em;
  color: #039703;
  border: 0px solid #039703;
  border-radius: 6px;
  display: inline-block;
}

.availability-label {
  text-transform: uppercase;
}

.availability span:first-child {
  font-weight: bold;
  text-transform: uppercase;
}

/* Zobrazit subcategory panely u Outdoor a Kemping (přebít skrytí z yate.css) */
body.id-3099 ul.subcategories.with-image {
  display: flex !important;
  flex-wrap: wrap !important;
}

/* Na mobilu zobrazit 3 sloupce místo 2 u všech kategorií se subcategory panely */
@media (max-width: 567px) {
  ul.subcategories.with-image > li {
    width: 33.333% !important;
    max-width: 33.333% !important;
    flex: 0 0 33.333% !important;
  }
}