/*
 * Carvin.cz – sjednocení tlačítek produktových karet, verze 4
 *
 * Tato verze záměrně NEMĚNÍ formulář ani ovládání množství (+ / −).
 * Předchozí soubory v1–v3 kompletně odeberte a použijte pouze tento.
 */

/*
 * Rezervujeme stejnou výšku akční zóny, ale neměníme její display ani
 * vnitřní uspořádání. Původní Shoptet styly quantity tak zůstanou nedotčené.
 */
.products-block .product .p-tools,
.products .product .p-tools,
.carousel .product .p-tools {
    min-height: 92px !important;
    box-sizing: border-box !important;
}

/* Hlavní tlačítko Do košíku – pouze tlačítko formuláře, nikdy + / −. */
.products-block .product .p-tools form > .btn,
.products .product .p-tools form > .btn,
.carousel .product .p-tools form > .btn,
.products-block .product .p-tools form > button[type="submit"],
.products .product .p-tools form > button[type="submit"],
.carousel .product .p-tools form > button[type="submit"] {
    width: 195px !important;
    min-width: 195px !important;
    max-width: 195px !important;
    height: 40px !important;
    min-height: 40px !important;
    box-sizing: border-box !important;
}

/*
 * Nedostupný produkt nemá řádek s množstvím. Vložíme proto pouze nad jeho
 * přímé tlačítko Detail prostor odpovídající quantity + mezeře.
 */
.products-block .product .p-tools > a.btn,
.products .product .p-tools > a.btn,
.carousel .product .p-tools > a.btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 195px !important;
    min-width: 195px !important;
    max-width: 195px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 52px auto 0 !important;
    padding: 0 18px !important;
    box-sizing: border-box !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    background: #666666 !important;
    border-color: #666666 !important;
    color: #fff !important;
    text-decoration: none !important;
}

.products-block .product .p-tools > a.btn:hover,
.products .product .p-tools > a.btn:hover,
.carousel .product .p-tools > a.btn:hover {
    background: #555555 !important;
    border-color: #555555 !important;
    color: #fff !important;
    text-decoration: none !important;
}

@media (max-width: 420px) {
    .products-block .product .p-tools form > .btn,
    .products .product .p-tools form > .btn,
    .carousel .product .p-tools form > .btn,
    .products-block .product .p-tools form > button[type="submit"],
    .products .product .p-tools form > button[type="submit"],
    .carousel .product .p-tools form > button[type="submit"],
    .products-block .product .p-tools > a.btn,
    .products .product .p-tools > a.btn,
    .carousel .product .p-tools > a.btn {
        width: min(195px, 100%) !important;
        min-width: 0 !important;
        max-width: 195px !important;
    }
}
/* Tlačítko Detail u nedostupných produktů */
.btn-detail,
a.btn-detail {
    background: #666666;
    color: #fff !important;
    text-decoration: none !important;
    border: none;
    border-radius: 4px;      /* stejné jako Do košíku */
    transition: background .2s ease;
}

/* Hover */
.btn-detail:hover,
a.btn-detail:hover {
    background: #555555;
    color: #fff !important;
    text-decoration: none !important;
}

/* Focus */
.btn-detail:focus,
a.btn-detail:focus {
    color: #fff !important;
    text-decoration: none !important;
}