/*
VELO-TEAM – SLOUČENÝ CSS SOUBOR
Pracovní verze 1
Zdrojové pořadí zachováno:
1) původní styly.css
2) původní style.css
3) CSS vložené v administraci Shoptetu

Poznámka: zatím nebyly plošně odstraňovány duplicity, protože pořadí pravidel
může ovlivňovat výsledný vzhled. HTML pro favicon a odkazy na CSS nepatří do
tohoto souboru; po nahrání tohoto souboru bude potřeba upravit odkazy v adminu.
*/


/* >>> ZAČÁTEK: PŮVODNÍ styly.css <<< */
#header .site-name a img { max-height: none; }
@media (min-width: 768px) {
.menu-helper { top: 100%; transform: translateY(-33px); }
.header-top { height: auto; }
}

.shp-tabs-row a[href$="#productsAlternative"] {
      display: none !important;
}
#tab-content {
      display: flex;
      flex-direction: column;
}
#productsAlternative {
      display: block !important;
      opacity: 1 !important;
      order: 99;
}
#productsAlternative:before {
      content: 'Podobné produkty';
      font-size: 140%;
      margin-top: 30px;
      margin-left: 20px;
      display: block;
}

.flags { display: flex; align-items: flex-start; }
.flags .flag-custom2 { background: transparent url(https://www.velo-team.com/user/documents/upload/gift.jpg) no-repeat 0 0; background-color: transparent !important; background-size: contain; font-size: 0; padding: 30px; order: 1000; }

.fixed-msg {position: fixed !important; bottom: auto !important;}
.site-msg.information {width: 100% !important; max-width: 100% !important; position: relative; left: 0; top: 0; background-color: #7FFF00; text-align: center; font-size: 4mm;}
.latest-contribution-wrapper {display: none !important;}
.top-navigation-bar a, .top-navigation-bar .dropdown button {color: #666;}

#footer .footer-rows .site-name {
      display: none;
}
#footer .custom-footer {
      padding-left: 0px !important;
}

.homepage-box {
    border-top-color: transparent;
    border-bottom-color: transparent;
    background-color: transparent;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.navigation-in ul li a b {
    font-weight: 600;
}
.subcategories li a {
height: auto;
}
.subcategories li a {
height: 60px;
}
.subcategories.with-image li a .image img {
    max-height: 50px !important;
}
.subcategories.with-image li a .image {
    width: 35%;
}
.subcategories li a {
color: #000 !important;
}
.subcategories {
    margin: 20px -30px 19px;
}
h1.category-title {
    order: -4;
    margin: 20px -20px;
    color: #000;
}

.advanced-parameter,
.advanced-parameter-inner { width: 50px; height: 50px; }
.advanced-parameter { margin: 0 6px 6px 0; }

.products-block .ratings-wrapper .availability {
    font-weight: bold;
}

.category-header input[type="radio"]:checked+label {
    color: black;
    font-weight: bold;
    background-color: #fff;
}
.sidebar h4, .sidebar .h4 {
    font-size: 13px;
    color: black;
}
.ui-slider .ui-slider-range {
    background-color: orange;
}
.ui-slider-handle {
    background-color: black;
}
.sidebar-inner {
		background-color: #f6f6f6 ;
}
.sidebar {
    background-color: #ffffff;
}
.products-block .ratings-wrapper .availability {
    text-align: center;
}
.products-block .p-bottom .prices {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}
.products-block .p-bottom>div {
    width: 100%;
    display: block;
    flex-wrap: wrap; /* původní poznámka: zakomentovat */
    align-items: flex-end; /* původní poznámka: zakomentovat */
}
.products-block.products .p .price strong, .products-block.products .p .price span {
    font-size: 24px;
}
.product .p .p-in .p-in-in a.name {
    margin-bottom: 6px;
    color: #000;
    height: 44px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 10px;
    width: calc(100% - 30px);
    left: 50%;
    transform: translate(-50%);
    text-decoration: none;
}
.product .p {
    background-color: #fff;
    border: 1px solid #fff;
    position: relative;
    padding: 73px 15px 15px 15px;
}
.product .p:hover {
    border: 1px solid #e4e4e4;
		box-shadow: 0 0 15px rgb(0 0 0 / 14%);
    background-color: #fff;
}
.flags-extra .flag .price-standard, .flags-extra .flag .price-save {
    font-size: 18px;
}
.product .p .p-in .p-in-in .ratings-wrapper .availability span[style="color:#ffffff"]  {
    border-radius: 16px;
    border: 1px solid #32cb00;
    background-color: #32cb00;
}
.product .p .p-in .p-in-in .ratings-wrapper .availability span {
    font-size: 15px;
    font-weight: 400;
    padding: 3px 7px;
    display: inline-block;
}
ul.subcategories {
    width: 100%;
    order: 9;
    margin: 20px -30px 19px;
    z-index: 1;
}
.products-block.products>div {
    padding: 5px;
}
.products>div {
    border-color: white;
}


/* >>> ZAČÁTEK: PŮVODNÍ style.css <<< */
/* =========================================================
   VELO-TEAM
   DETAIL PRODUKTU – CLEAN DESIGN
   Shoptet Classic
   ========================================================= */


/* =========================================================
   ZÁKLAD
   ========================================================= */

body.type-product {
    background: #fff;
}

body.type-product #content-wrapper {
    padding-top: 20px;
}


/* =========================================================
   HLAVNÍ PRODUKTOVÁ KARTA
   ========================================================= */

body.type-product .p-detail-inner {
    background: #fff;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 25px rgba(0, 0, 0, .12);
    margin-bottom: 35px;
}


/* =========================================================
   NADPIS
   ========================================================= */

.p-detail-inner-header {
    margin-bottom: 20px;
    margin-top: -20px;
}

.p-detail-inner-header h1 {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 8px;
    color: #222;
}


/* =========================================================
   HLAVNÍ FOTOGRAFIE
   ========================================================= */

.p-detail .p-image {
    background: #fff;
    border-radius: 10px;
    padding: 5px;
}

.p-detail .p-image img {
    transition: transform .25s ease;
}

.p-detail .p-image:hover img {
    transform: scale(1.02);
}


/* =========================================================
   MINIATURY
   ========================================================= */

.p-thumbnails a {
    border-radius: 7px;
    overflow: hidden;
    transition: all .2s ease;
}

.p-thumbnails a:hover {
    box-shadow: 0 0 0 2px #f58220;
}


/* =========================================================
   CENA
   ========================================================= */

.p-detail .p-final-price-wrapper {
    background: #fafafa;
    border: 1px solid #eeeeee;
    border-radius: 12px;
    padding: 18px 20px;
    margin-bottom: 15px;
}

.p-detail .p-final-price {
    font-size: 36px !important;
    line-height: 1;
    font-weight: 800 !important;
    letter-spacing: -.7px;
    color: #111 !important;
}

.p-detail .p-final-price-wrapper .price-standard {
    color: #999 !important;
    font-size: 14px;
    text-decoration: line-through;
}

.p-detail .p-final-price-wrapper .price-save {
    color: #f58220 !important;
    font-weight: 700;
}


/* =========================================================
   DOSTUPNOST
   ========================================================= */

.p-detail .availability-label {
    margin-top: 14px;
}

.p-detail .availability-value {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   VARIANTA
   ========================================================= */

.p-detail .p-variants-block {
    background: transparent;
    padding: 0;
    margin-top: 15px;
}

.p-detail .p-variants-block label {
    font-size: 13px;
    font-weight: 600;
    color: #555;
    margin-bottom: 6px;
}

.p-detail .p-variants-block select {
    height: 48px;
    border-radius: 8px;
    border: 1px solid #d8d8d8;
    background: #fff;
    padding: 0 14px;
    font-size: 15px;
    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

.p-detail .p-variants-block select:hover {
    border-color: #bbb;
}

.p-detail .p-variants-block select:focus {
    border-color: #f58220;
    box-shadow: 0 0 0 3px rgba(245, 130, 32, .10);
    outline: none;
}


/* =========================================================
   DORUČENÍ
   ========================================================= */

.p-detail .delivery-time {
    background: transparent !important;
    border: 0 !important;
    padding: 5px 0 !important;
    margin-top: 8px;
    color: #777;
    font-size: 13px;
}


/* =========================================================
   NÁKUPNÍ BLOK
   ========================================================= */

.p-detail .p-to-cart-block {
    background: #f8f8f8;
    border: 1px solid #eeeeee;
    border-radius: 12px;
    padding: 16px;
    margin-top: 15px;
    margin-bottom: 0;
}


/* =========================================================
   MNOŽSTVÍ
   ========================================================= */

.p-detail .p-to-cart-block .quantity {
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ddd;
}

.p-detail .p-to-cart-block .quantity input {
    height: 50px;
}


/* =========================================================
   PŘIDAT DO KOŠÍKU
   ========================================================= */

.p-detail .p-to-cart-block .btn-cart,
.p-detail .p-to-cart-block .add-to-cart-button {
    min-height: 50px;
    height: 50px;

    border-radius: 8px;
    border: none;

    font-size: 16px;
    font-weight: 700;

    padding: 12px 28px;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        filter .2s ease;
}

.p-detail .p-to-cart-block .btn-cart:hover,
.p-detail .p-to-cart-block .add-to-cart-button:hover {
    transform: translateY(-1px);

    box-shadow:
        0 6px 18px rgba(0, 0, 0, .14);

    filter: brightness(1.04);
}


/* =========================================================
   COFIDIS
   ========================================================= */

/* Cofidis jako samostatný řádek */

.p-detail .add-to-cart .pp_cofidis {
    float: none !important;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box;

    margin: 10px 0 0 !important;
    padding: 10px 0 0 !important;

    border-top: 1px solid #eeeeee !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    background: transparent !important;

    border-radius: 0 !important;
    box-shadow: none !important;
}


/* Cofidis logo */

.p-detail .add-to-cart .pp_cofidis img {
    display: block !important;

    width: 120px !important;
    max-width: 120px !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Cofidis hover */

.p-detail .add-to-cart .pp_cofidis:hover {
    background: transparent !important;
    box-shadow: none !important;
}


/* =========================================================
   COFIDIS TOOLTIP
   ========================================================= */

.p-detail .add-to-cart .pp_cofidis.show-tooltip {
    position: relative !important;

    left: auto !important;
    right: auto !important;
}


/* =========================================================
   TISK / ZEPTAT SE / HLÍDAT CENU / SDÍLET
   ========================================================= */

/*
   TADY JE ZÁSADNÍ ZMĚNA:

   NESAHA´ME na display ani flex rodiče.
   Shoptet si rozložení řeší sám.
*/


.p-detail .social-buttons-wrapper {

    margin-top: 20px !important;

    padding-top: 16px !important;

    border-top: 1px solid #eeeeee;

}


/*
   Pouze přidáme prostor jednotlivým položkám.
*/

.p-detail .social-buttons-wrapper .link-icons {

    margin-right: 35px !important;

}


/*
   Poslední položka bez zbytečného prostoru.
*/

.p-detail .social-buttons-wrapper .link-icons:last-child {

    margin-right: 0 !important;

}


/*
   Odkazy necháme Shoptetu,
   pouze lehce upravíme vzhled.
*/

.p-detail .social-buttons-wrapper .link-icons a {

    color: #777 !important;

    text-decoration: none !important;

    transition: color .2s ease;

}


/*
   Hover.
*/

.p-detail .social-buttons-wrapper .link-icons a:hover {

    color: #f58220 !important;

}


/*
   Ikony.
*/

.p-detail .social-buttons-wrapper .link-icons i {

    opacity: .75;

}


/* =========================================================
   DETAILNÍ INFORMACE
   ========================================================= */

/*
   Zatím NERUŠÍME žádné další prvky.
   Necháme původní Shoptet strukturu.
*/


/* =========================================================
   PŘÍZNAKY
   ========================================================= */

/*
   Původní velká kolečka zatím vypnutá.
*/

.p-detail .flags {
    display: none !important;
}


/* =========================================================
   ZÁLOŽKY
   ========================================================= */

.shp-tabs-wrapper.p-detail-tabs-wrapper {

    background: #fff;

    border-radius: 12px;

    box-shadow:
        0 3px 18px rgba(0, 0, 0, .12);

    padding: 10px 20px;
}


/* =========================================================
   TECHNICKÉ PARAMETRY
   ========================================================= */

.p-detail .p-param-block {

    background: #fff;

    border-radius: 10px;

    padding: 20px;
}

.p-detail .p-param-block table {
    width: 100%;
}

.p-detail .p-param-block th,
.p-detail .p-param-block td {

    padding: 7px 10px;

    border-bottom: 1px solid #eee;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 992px) {

    .p-detail-inner {
        padding: 35px !important;
    }

    .p-detail .p-image {
        padding: 5px;
    }

    .p-detail .p-image img {

        max-height: 570px;

        object-fit: contain;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {

    body.type-product #content-wrapper {
        padding-top: 10px;
    }

    body.type-product .p-detail-inner {

        padding: 15px;

        border-radius: 8px;
    }

    .p-detail-inner-header h1 {

        font-size: 24px;
    }

    .p-detail .p-final-price {

        font-size: 30px !important;
    }

    .p-detail .p-to-cart-block {

        padding: 12px;
    }

    .p-detail .p-to-cart-block .btn-cart,
    .p-detail .p-to-cart-block .add-to-cart-button {

        width: 100%;

        margin-top: 8px;
    }

    .p-detail .add-to-cart .pp_cofidis {

        justify-content: flex-start !important;
    }

    /*
       Na mobilu necháme Shoptet
       opět řídit rozložení.
    */

    .p-detail .social-buttons-wrapper .link-icons {

        margin-right: 15px !important;

    }

}

/* =========================================================
   COFIDIS – KOMPAKTNÍ JEDEN OBJEKT
   ========================================================= */

/*
   Cofidis je flex položka uvnitř .add-to-cart.
   
   Chceme:
   - vlastní řádek
   - ale pouze skutečnou velikost loga
   - celý objekt klikací
*/

.p-detail .add-to-cart .pp_cofidis,
.p-detail .add-to-cart .pp_cofidis.show-tooltip {

    float: none !important;

    /*
       Skutečná šířka objektu
    */
    flex: 0 0 145px !important;

    width: 145px !important;
    max-width: 145px !important;

    /*
       Tímto obsadíme zbytek řádku,
       takže Cofidis zůstane na novém řádku.
       
       Samotná klikací plocha ale zůstane
       pouze 145 px široká.
    */
    margin-right: calc(100% - 145px) !important;

    margin-top: 10px !important;
    margin-bottom: 0 !important;

    padding: 10px 0 0 0 !important;

    box-sizing: border-box;

    /*
       žádná čára přes celý nákupní panel
    */
    border: 0 !important;

    /*
       jeden kompaktní objekt
    */
    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    position: relative !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;

    background: transparent !important;

    border-radius: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   COFIDIS – LOGO
   ========================================================= */

.p-detail .add-to-cart .pp_cofidis img {

    display: block !important;

    /*
       trochu větší než původně
    */
    width: 200px !important;
    max-width: 200px !important;

    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    cursor: pointer;
}


/* =========================================================
   COFIDIS – CELÝ OBJEKT JE KLIKACÍ
   ========================================================= */

.p-detail .add-to-cart .pp_cofidis:hover {

    background: transparent !important;

    box-shadow: none !important;

}


/* =========================================================
   COFIDIS – TOOLTIP
   ========================================================= */

/*
   Necháme tooltip navázaný na skutečný Cofidis objekt.
*/

.p-detail .add-to-cart .pp_cofidis.show-tooltip {

    position: relative !important;

    left: auto !important;
    right: auto !important;

}


/* tooltip uvnitř Cofidisu */

.p-detail .add-to-cart .pp_cofidis .tooltip {

    left: 0 !important;
    right: auto !important;

}

/* =========================================================
   PATIČKA – NADPISY
   ========================================================= */

/* Sjednocení nadpisů jednotlivých sloupců */

footer .custom-footer_articles h3.pageElement_heading {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #222 !important;

    margin-top: 0 !important;
    margin-bottom: 15px !important;

    text-transform: uppercase;
}


/* Odkazy pod nadpisem */

footer .custom-footer_articles ul {
    margin-top: 0 !important;
}

footer .custom-footer_articles ul li {
    font-weight: 400 !important;
}


/* =========================================================
   SHOPTET NOTIFIKACE – FINÁLNÍ ÚPRAVA
   ========================================================= */

/* ---------------------------------------------------------
   KONTEJNER
   --------------------------------------------------------- */

body .messages {
    position: fixed !important;

    top: 30px !important;
    left: 50% !important;
    right: auto !important;

    width: 440px !important;
    max-width: calc(100vw - 40px) !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateX(-50%) !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    z-index: 99999 !important;

    pointer-events: none !important;
}


/* ---------------------------------------------------------
   SAMOTNÁ ZPRÁVA
   --------------------------------------------------------- */

body .messages > .msg {

    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    box-sizing: border-box !important;

    margin: 0 !important;

    padding: 18px 45px 18px 22px !important;

    border-radius: 12px !important;

    border: 1px solid rgba(255,255,255,0.20) !important;

    box-shadow: 0 8px 28px rgba(0,0,0,0.18) !important;

    font-size: 14px !important;
    line-height: 1.45 !important;

    text-align: left !important;

    /*
       DŮLEŽITÉ:
       text se může zalomit
    */
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;

    pointer-events: auto !important;
}


/* ---------------------------------------------------------
   CHYBA
   --------------------------------------------------------- */

body .messages > .msg.msg-error {

    background-color: rgba(210,55,50,0.82) !important;

    color: #fff !important;
}


/* ---------------------------------------------------------
   ÚSPĚCH
   Ponecháme zelenou barvu Shoptetu,
   ale text bude bílý.
   --------------------------------------------------------- */

body .messages > .msg.msg-success {


    background-color: rgba(55, 145, 20, 0.78) !important;
    color: #fff !important;

    border-radius: 12px !important;

    /*
       Necháme původní zelené pozadí Shoptetu.
    */
}


/* ---------------------------------------------------------
   VŠECHNY VNITŘNÍ ELEMENTY
   TADY BYL HLAVNÍ PROBLÉM
   --------------------------------------------------------- */

body .messages > .msg,
body .messages > .msg *,
body .messages > .msg p,
body .messages > .msg span,
body .messages > .msg div {

    white-space: normal !important;

    overflow-wrap: anywhere !important;

    word-break: normal !important;

    max-width: 100% !important;
}


/* Barva textu u error */

body .messages > .msg.msg-error,
body .messages > .msg.msg-error *,
body .messages > .msg.msg-error p,
body .messages > .msg.msg-error span {

    color: #fff !important;
}


/* Barva textu u success */

body .messages > .msg.msg-success,
body .messages > .msg.msg-success *,
body .messages > .msg.msg-success p,
body .messages > .msg.msg-success span {

    color: #fff !important;
}


/* ---------------------------------------------------------
   ZAVÍRACÍ KŘÍŽEK
   --------------------------------------------------------- */

body .messages > .msg .close {

    position: absolute !important;

    top: 8px !important;
    right: 10px !important;

    width: 26px !important;
    height: 26px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    border: none !important;

    color: rgba(255,255,255,0.85) !important;

    font-size: 20px !important;
    line-height: 26px !important;

    opacity: 1 !important;

    cursor: pointer !important;
}


/* ---------------------------------------------------------
   MOBIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    body .messages {

        top: 15px !important;

        left: 10px !important;
        right: 10px !important;

        width: auto !important;
        max-width: none !important;

        transform: none !important;
    }


    body .messages > .msg {

        padding: 15px 42px 15px 17px !important;

        border-radius: 10px !important;

        font-size: 13px !important;

        white-space: normal !important;
    }
}




/* ---------------------------------------------------------
   Skrýt stav skladu na výpisu produktů
   --------------------------------------------------------- 

.type-category .availability-amount,
.type-index .availability-amount {
    display: none !important;
}
*/







/* =========================================================
   PŮVODNÍ CSS Z EDITORU SHOPTETU
   Zachováno v původním pořadí za externími soubory.
   Duplicitní pravidla zatím nemažeme, aby se nezměnilo chování webu.
   ========================================================= */

/* Kategorie, filtry a produktové karty */
.category-header input[type="radio"]:checked+label,
.category-header input[type="radio"]:hover {
    color: black;
    font-weight: bold;
}
.sidebar h4, .sidebar .h4 {
    font-size: 13px;
    color: black;
}
.ui-slider .ui-slider-range { background-color: #FF6600; }
.ui-slider-handle { background-color: black; }
.sidebar-inner { background-color: #f6f6f6; }
.sidebar { background-color: #ffffff; }
.products-block .ratings-wrapper .availability { text-align: center; }
.products-block .p-bottom .prices {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}
.products-block .p-bottom>div {
    width: 100%;
    display: block;
}
.products-block.products .p .price strong,
.products-block.products .p .price span { font-size: 24px; }
.product .p .p-in .p-in-in a.name {
    margin-bottom: 6px;
    color: #000;
    height: 44px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 20px;
    width: calc(100% - 30px);
    left: 50%;
    transform: translate(-50%);
    text-decoration: none;
}
.product .p {
    background-color: #fff;
    border: 1px solid #fff;
    position: relative;
    padding: 73px 15px 15px 15px;
}
.product .p:hover {
    border: 1px solid #e4e4e4;
    box-shadow: 0 0 15px rgb(0 0 0 / 14%);
    background-color: #fff;
}
.flags-extra .flag .price-standard,
.flags-extra .flag .price-save { font-size: 18px; }
.product .p .p-in .p-in-in .ratings-wrapper .availability span[style="color:#ffffff"] {
    border-radius: 16px;
    border: 1px solid #32cb00;
    background-color: #32cb00;
}
.product .p .p-in .p-in-in .ratings-wrapper .availability span {
    font-size: 15px;
    font-weight: 400;
    padding: 3px 7px;
    display: inline-block;
}
ul.subcategories {
    width: 100%;
    order: 9;
    margin: 20px -30px 19px;
    z-index: 1;
}
.products-block.products>div { padding: 5px; }
.products>div { border-color: white; }

/* Navigace */
.navigation-in ul li a b { font-size: 14px; }
.navigation-in { line-height: 32px; }
@media (min-width: 768px) {
    .navigation-in ul.menu-level-2 {
        background-color: #dcdcdc;
        border: 1px solid #e4e4e4;
        box-shadow: 0 30px 60px rgb(0 0 0 / 85%);
        background-color: #fff;
    }
}
.navigation-in>ul>li.ext>ul>li>div>ul { display: none; }
.navigation-in ul.menu-level-2 {
    border-top-style: none;
    border-top-width: 0px;
}
.navigation-in>ul>li { border-left-style: none; }
.navigation-in>ul>li.ext>ul>li>div>a { font-size: 15px; }

/* Kategorie a skryté části */
.category-perex { margin-left: -20px; margin-right: -20px; }
h3 { cursor: pointer; cursor: hand; }
.skryvany { display: none; }
#more { display: none; }
.custom-footer { border-top-width: 0px; }

/* Šířka kontejneru – opravena chybějící složená závorka */
@media (min-width: 1440px) {
    .container { width: 1618px; }
}

/* Nadpisy na homepage */
.h4.homepage-group-title {
    margin-top: 57px;
    font-size: 32px;
    text-align: center;
    font-weight: 600;
    color: #333;
}

/* Formulářová pole a ceny */
input[type="checkbox"]+label::before,
input[type="radio"]+label::before {
    left: 0px;
    width: 20px;
    height: 20px;
    border-width: 1px;
    border-style: solid;
}
input[type="checkbox"]:checked+label::after,
input[type="radio"]:checked+label::after {
    background-color: #FF6600;
    width: 12px;
    height: 12px;
    border-width: 0px;
    border-style: none;
    left: 4px;
}
input[type="checkbox"]+label,
input[type="radio"]+label { padding-left: 30px; }
.price-final { color: #333; }
.price-standard {
    color: #333;
    font-size: 17px;
    margin-right: 7px;
}
.pagination-wrapper .pagination { text-align: center; }

@media (min-width: 768px) {
    .navigation-in > ul > li.exp>a,
    .navigation-in > ul > li > a:hover {
        background-color: #14b1ef;
        color: white;
        font-weight: bold;
    }
}

/* Stránkování, patička a rozložení */
.flag.flag-discount { background-color: #ff1a1a; }
.flag.flag-action { background-color: #fe0000; }
.flag.flag-freeshipping { background-color: #14b1ef; }
.navigation-buttons a[data-target="cart"] {
    color: black;
    background-color: transparent;
}
@media (min-width: 768px) {
    #navigation {
        position: relative;
        left: 0;
        height: 50px;
    }
    .columntitlepage {
        float: left;
        width: 25%;
        padding: 10px;
    }
    .pagination-wrapper {
        display: flex;
        flex-direction: column;
    }
}
@media (max-width: 1000px) {
    .rowtitlepage::after {
        content: "";
        clear: both;
        display: table;
        margin-left: -20px;
        margin-right: -20px;
    }
    .columntitlepage {
        float: left;
        width: 50%;
        padding: 10px;
    }
    .benefitBanner__content { padding-right: 0px; padding: 5px; }
    .benefitBanner__item { flex: 1 1 25%; }
    h1.category-title { text-align: center; }
    .col-xs-6 { width: 100%; }
    ul.subcategories { margin: 20px 0px 19px; }
    .subcategories li { padding: 5px; }
    .slider-wrapper { background-color: #f6f6f6; }
    .filter-section h4 { font-weight: 600; color: black; }
}
.h4.homepage-group-title { margin-top: 20px; }
.pagination>a, .pagination-top>a,
.pagination>strong, .pagination-top>strong { font-weight: 600; }
.pagination-link { color: white; background-color: grey; }
#footer h4 { color: black; font-weight: 600; }
IMG.HoverBorder:hover {
    border: 0px solid #e4e4e4;
    box-shadow: 0 0 15px rgb(0 0 0 / 80%);
    background-color: #fff;
}

/* Doplňkové texty na detailu a výpisu */
.category-appendix { visibility: hidden; }
.product-appendix { color: #4e4e4e; font-weight: bold; }

/* Dvě řady produktů a mobilní výpis */
.columns-mobile-2 .products-block > div .ratings-wrapper .availability {
    text-align: center;
}
.product .p .p-in .p-in-in .ratings-wrapper .availability span {
    font-size: 15px;
    font-weight: bold;
}
.columns-mobile-2 .products-block > div .ratings-wrapper .availability {
    margin-top: 10px;
}
.products-block.products .p .price {
    line-height: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.products-block .p-bottom .prices { margin-bottom: 5px; }
.products-block .p-bottom .p-tools { text-align: center; }
@media (min-width: 321px) and (max-width: 761px) {
    .flags-extra .flag .price-save { font-size: 15px; }
    .products-block.products .p .price strong,
    .products-block.products .p .price span { font-size: 20px; }
}

/* Cofidis – původní pravidla byla zakomentována, proto se neuplatňují.
.pp_cofidis {
    padding-top: 0;
    padding-left: 20px;
    width: 250px;
}
@media (min-width: 321px) and (max-width: 761px) {
    .pp_cofidis {
        padding-top: 20px;
        padding-left: 0;
    }
}
*/

/* Mobilní hlavička */
@media (max-width: 767px) {
    :where(.ums_mobile_header_v1--on) #header .site-name img {
        max-width: 90px;
    }
}


/* =========================================================
   DETAIL PRODUKTU – DOSTUPNOST (oprava priority CSS)
   ========================================================= */

/* Základní panel dostupnosti: neutrální, dokud stav není ověřen jako skladem */
.p-detail .availability-value {
    display: block;
    box-sizing: border-box;
    margin: 14px 0 !important;
    padding: 10px 14px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    background: #f8f9fa !important;
    line-height: 1.4;
}

/* Výchozí stav včetně „Zvolte variantu“: šedý text a neutrální panel */
.p-detail .availability-value .availability-label,
.p-detail .availability-value .availability-label .show-tooltip {
    color: #6b7280 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

/* Zelený stav pouze tehdy, když Shoptet výslovně označí dostupnost barvou #32cb00 */
.p-detail .availability-value:has(.availability-label[style*="#32cb00"]) {
    background: #edf7e9 !important;
    border-color: #b9dfae !important;
}

.p-detail .availability-value:has(.availability-label[style*="#32cb00"]) .availability-label,
.p-detail .availability-value:has(.availability-label[style*="#32cb00"]) .availability-label .show-tooltip {
    color: #176b20 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

@media (max-width: 767px) {
    .p-detail .availability-value {
        margin: 12px 0 !important;
        padding: 10px 12px !important;
        border-radius: 8px !important;
    }

    .p-detail .availability-value:has(.availability-label[style*="#32cb00"]) .availability-label,
    .p-detail .availability-value:has(.availability-label[style*="#32cb00"]) .availability-label .show-tooltip {
        font-size: 18px !important;
    }
}



/* =========================================================
   DOSTUPNOST PRODUKTU – ROZLIŠENÍ PODLE SKUTEČNÉHO STAVU
   V5: přepisuje předchozí obecné zelené pravidlo.
   ========================================================= */

/* Výchozí stav: neutrální šedá, včetně nevybrané varianty */
body.type-product .p-detail .availability-value {
    background: #f5f6f7 !important;
    border: 1px solid #dfe3e8 !important;
}

body.type-product .p-detail .availability-value .availability-label,
body.type-product .p-detail .availability-value .availability-label .show-tooltip {
    color: #626b75 !important;
}

/* Nevybraná varianta: Shoptet má aktivní .choose-variant.default-variant */
body.type-product .p-detail .availability-value:has(.choose-variant.default-variant:not(.no-display)) {
    background: #f5f6f7 !important;
    border-color: #dfe3e8 !important;
}

body.type-product .p-detail .availability-value:has(.choose-variant.default-variant:not(.no-display)) .availability-label,
body.type-product .p-detail .availability-value:has(.choose-variant.default-variant:not(.no-display)) .availability-label .show-tooltip {
    color: #626b75 !important;
}

/* Dostupné zboží: zelený stav podle potvrzené barvy Shoptetu,
   ale jen pokud tooltip neříká, že zboží není skladem. */
body.type-product .p-detail .availability-value:has(.availability-label[style*="#32cb00"]):not(:has(.show-tooltip[title*="není momentálně skladem"])) {
    background: #edf7e9 !important;
    border-color: #b9dfae !important;
}

body.type-product .p-detail .availability-value:has(.availability-label[style*="#32cb00"]):not(:has(.show-tooltip[title*="není momentálně skladem"])) .availability-label,
body.type-product .p-detail .availability-value:has(.availability-label[style*="#32cb00"]):not(:has(.show-tooltip[title*="není momentálně skladem"])) .availability-label .show-tooltip {
    color: #176b20 !important;
}

/* Momentálně nedostupné: rozpoznání podle tooltipu z ukázky */
body.type-product .p-detail .availability-value:has(.show-tooltip[title*="není momentálně skladem"]) {
    background: #fff0f0 !important;
    border-color: #efc0c0 !important;
}

body.type-product .p-detail .availability-value:has(.show-tooltip[title*="není momentálně skladem"]) .availability-label,
body.type-product .p-detail .availability-value:has(.show-tooltip[title*="není momentálně skladem"]) .availability-label .show-tooltip {
    color: #a11a13 !important;
}



/* =========================================================
   DOSTUPNOST PRODUKTU – OPRAVA PODLE HTML SHOPTETU (V6)
   Shoptet v dodaném HTML ukládá text tooltipu do data-original-title;
   atribut title je prázdný. Tato pravidla jsou záměrně na konci souboru.
   ========================================================= */

/* Výchozí vzhled je neutrální */
body.type-product .p-detail .availability-value {
    background: #f5f6f7 !important;
    border: 1px solid #dfe3e8 !important;
}

body.type-product .p-detail .availability-value .availability-label,
body.type-product .p-detail .availability-value .availability-label .show-tooltip {
    color: #626b75 !important;
}

/* Nevybraná varianta – viditelný výchozí stav Shoptetu */
body.type-product .p-detail .availability-value:has(.choose-variant.default-variant:not(.no-display)) {
    background: #f5f6f7 !important;
    border-color: #dfe3e8 !important;
}

body.type-product .p-detail .availability-value:has(.choose-variant.default-variant:not(.no-display)) .availability-label,
body.type-product .p-detail .availability-value:has(.choose-variant.default-variant:not(.no-display)) .availability-label .show-tooltip {
    color: #626b75 !important;
}

/* Nedostupné zboží – rozhodující text je v data-original-title, nikoli title */
body.type-product .p-detail .availability-value:has(.show-tooltip[data-original-title*="není momentálně skladem"]),
body.type-product .p-detail .availability-value:has(.show-tooltip[data-original-title*="není skladem"]) {
    background: #fff0f0 !important;
    border-color: #efc0c0 !important;
}

body.type-product .p-detail .availability-value:has(.show-tooltip[data-original-title*="není momentálně skladem"]) .availability-label,
body.type-product .p-detail .availability-value:has(.show-tooltip[data-original-title*="není momentálně skladem"]) .availability-label .show-tooltip,
body.type-product .p-detail .availability-value:has(.show-tooltip[data-original-title*="není skladem"]) .availability-label,
body.type-product .p-detail .availability-value:has(.show-tooltip[data-original-title*="není skladem"]) .availability-label .show-tooltip {
    color: #a11a13 !important;
}

/* Skladem – zelenou použijeme pouze při potvrzené skladové barvě,
   a jen pokud tooltip neoznačuje nedostupné zboží. */
body.type-product .p-detail .availability-value:has(.availability-label[style*="#32cb00"]):not(:has(.show-tooltip[data-original-title*="není momentálně skladem"])):not(:has(.show-tooltip[data-original-title*="není skladem"])) {
    background: #edf7e9 !important;
    border-color: #b9dfae !important;
}

body.type-product .p-detail .availability-value:has(.availability-label[style*="#32cb00"]):not(:has(.show-tooltip[data-original-title*="není momentálně skladem"])):not(:has(.show-tooltip[data-original-title*="není skladem"])) .availability-label,
body.type-product .p-detail .availability-value:has(.availability-label[style*="#32cb00"]):not(:has(.show-tooltip[data-original-title*="není momentálně skladem"])):not(:has(.show-tooltip[data-original-title*="není skladem"])) .availability-label .show-tooltip {
    color: #176b20 !important;
}