/* ==========================================================
   UNIFIKOVANÁ VELIKOST TLAČÍTEK – STEJNÁ JAKO NA CAROUSELU
   (DO KOŠÍKU + DETAIL)
========================================================== */

/* Desktop (992px+) */
.btn.btn-cart,
.btn.btn-conversion,
a.btn.btn-cart,
a.btn.btn-conversion,
button.btn.btn-cart,
button.btn.btn-conversion,
.p-bottom .btn.btn-primary {
    font-size: 16px !important;
    line-height: 20px !important;
    padding: 10px 50px !important;
    border-radius: 999px !important;
    font-family: "Stolzl", sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .8px !important;
    transition: all .25s ease-out !important;
}

/* Tablet (768–991px) */
@media(min-width: 768px) and (max-width: 991px){
    .btn.btn-cart,
    .btn.btn-conversion,
    a.btn.btn-cart,
    a.btn.btn-conversion,
    button.btn.btn-cart,
    button.btn.btn-conversion,
    .p-bottom .btn.btn-primary {
        font-size: 14px !important;
        line-height: 18px !important;
        padding: 8px 40px !important;
    }
}

/* Mobil (max-width: 767px) */
@media(max-width: 767px){
    .btn.btn-cart,
    .btn.btn-conversion,
    a.btn.btn-cart,
    a.btn.btn-conversion,
    button.btn.btn-cart,
    button.btn.btn-conversion,
    .p-bottom .btn.btn-primary {
        font-size: 4vw !important;
        line-height: 1.1 !important;
        padding: 2vw 4vw !important;
    }
}


/* ==========================================================
   BAREVNÉ REŽIMY TLAČÍTEK
========================================================== */

/* DO KOŠÍKU – plné modré */
.btn.btn-cart,
.btn.btn-conversion,
a.btn.btn-cart,
a.btn.btn-conversion,
button.btn.btn-cart,
button.btn.btn-conversion {
    background-color: #1195FE !important;
    border: 2px solid #1195FE !important;
    color: #ffffff !important;
}

/* DO KOŠÍKU: hover → kontura */
.btn.btn-cart:hover,
.btn.btn-conversion:hover,
a.btn.btn-cart:hover,
a.btn.btn-conversion:hover,
button.btn.btn-cart:hover,
button.btn.btn-conversion:hover {
    background-color: transparent !important;
    color: #1195FE !important;
}


/* DETAIL – opačný styl */
.p-bottom .btn.btn-primary {
    background-color: transparent !important;
    border: 2px solid #1195FE !important;
    color: #1195FE !important;
}

/* DETAIL: hover → plné modré */
.p-bottom .btn.btn-primary:hover {
    background-color: #1195FE !important;
    color: #ffffff !important;
}
/* ==========================================================
   1) VERTIKÁLNÍ ZAROVNÁNÍ TLAČÍTEK V KARTĚ PRODUKTU
========================================================== */
.p {
    display: flex;
    flex-direction: column;
}

.p-bottom {
    margin-top: auto; /* Tlačítka sjednotí vertikální pozici */
    display: flex;
    flex-direction: column;
    gap: 10px; /* mezera mezi tlačítky */
}

/* Pokud jsou tlačítka vedle sebe */
.p-bottom .p-tools {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
}


/* ==========================================================
   2) KULATÉ PILL TLAČÍTKA JAKO V CAROUSELU
========================================================== */

/* Do košíku */
.btn.btn-cart,
.btn.btn-conversion,
a.btn.btn-cart,
a.btn.btn-conversion,
button.btn.btn-cart,
button.btn.btn-conversion {
    border-radius: 999px !important; /* FULL PILL */
}

/* Detail */
.p-bottom .btn.btn-primary {
    border-radius: 999px !important; /* FULL PILL */
}
/* CAPSLOCK + sjednocení typografie */
.btn.btn-cart,
.btn.btn-conversion,
a.btn.btn-cart,
a.btn.btn-conversion,
button.btn.btn-cart,
button.btn.btn-conversion,
.p-bottom .btn.btn-primary {
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    font-weight: 600 !important; /* stejné jako carousel CTA */
}
/* ==========================================================
   TLAČÍTKO "ZPĚT DO OBCHODU"
   Stejný styl jako DETAIL (outline → fill)
========================================================== */

.btn.btn-default,
a.btn.btn-default {
    background-color: transparent !important;
    color: #1195FE !important;
    border: 2px solid #1195FE !important;

    font-family: "Stolzl", sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: .8px !important;

    padding: 10px 50px !important;  /* stejné jako DETAIL + CAROUSEL */
    font-size: 16px !important;
    line-height: 20px !important;

    border-radius: 999px !important; /* PILL */
    display: inline-block !important;
    transition: all .25s ease-out !important;
}

/* Hover – plná modrá, bílý text */
.btn.btn-default:hover,
a.btn.btn-default:hover {
    background-color: #1195FE !important;
    color: #ffffff !important;
    border-color: #1195FE !important;
    transform: translateY(-2px);
}


/* ==========================================================
   RESPONSIVITA – stejné breakpoints jako CAROUSEL
========================================================== */

/* Tablet */
@media(min-width: 768px) and (max-width: 991px){
    .btn.btn-default,
    a.btn.btn-default {
        font-size: 14px !important;
        padding: 8px 40px !important;
    }
}

/* Mobil */
@media(max-width: 767px){
    .btn.btn-default,
    a.btn.btn-default {
        font-size: 4vw !important;
        padding: 2vw 4vw !important;
        line-height: 1.1 !important;
    }
}
/* ZRUŠENÍ PODTRŽENÍ NA CTA TLAČÍTKÁCH */
.p-bottom .btn.btn-primary,
.p-bottom .btn.btn-primary:hover,
.p-bottom .btn.btn-primary:focus,
.btn.btn-cart,
.btn.btn-cart:hover,
.btn.btn-default,
.btn.btn-default:hover {
    text-decoration: none !important;
}