/*
 * Vlastní styly Papuče.sk nad šablonou `classic`.
 *
 * Poznámka k původnímu shopu: staré CSS (global.css + override.css, dohromady
 * přes 1 100 řádků) používalo výhradně selektory PrestaShopu 1.6
 * (#homefeatured, .pb-left-column, #add_to_cart, #cart_summary, #layer_cart).
 * Ty ve verzi 9 neexistují, takže se nedalo nic přenést doslova. Zároveň
 * neobsahovalo žádné firemní barvy ani písma — jen černou, bílou, šedé
 * a #0088cc, což je výchozí modrá Bootstrapu.
 *
 * Tady jsou proto jen ty úpravy, které měly skutečný účel, přepsané proti
 * značkování šablony `classic`.
 */

/* Odkaz na tabuľku veľkostí na stránce produktu.
   V 1.6 byl na celou šířku, vycentrovaný, nad blokem přizpůsobení. */
.size-chart-link {
    margin: 1.25rem 0;
}

/* Vzhled je definovaný tady celý, ne přes Bootstrap varianty (btn-outline-*).
   Šablona `classic` staví na Bootstrapu 4 alpha 5, kde tyhle varianty nemají
   nastavené barvy — odkaz by byl průhledný a neviditelný. */
.size-chart-link__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    width: 100%;
    padding: .625rem 1rem;
    border: 1px solid #0087c1;
    border-radius: 3px;
    background: #fff;
    color: #0087c1;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .15s ease, color .15s ease;
}

.size-chart-link__btn:hover,
.size-chart-link__btn:focus {
    background: #0087c1;
    color: #fff;
    text-decoration: none;
}

.size-chart-link__btn .material-icons {
    font-size: 1.25rem;
    line-height: 1;
}

/* Názvy produktů ve výpisu.
   Původní shop je měl výraznější než výchozí `classic`: větší, tučné, černé
   a s delším ořezem (60 znaků místo 45), aby se nezkracovaly názvy jako
   „Slovenské papuče s vlastným nápisom". */
.product-miniature .product-title a {
    color: #000;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
}

.product-miniature .product-title a:hover {
    text-decoration: underline;
}

/* Přizpůsobení produktu — viz komentář v
   templates/catalog/_partials/product-customization.tpl.
   Původní shop zobrazoval výběry pod sebou jako běžné formulářové pole. */
.papuce-customization {
    list-style: none;
    margin: 0;
    padding: 0;
}

.papuce-customization__item {
    margin-bottom: .875rem;
}

.papuce-customization__item label {
    display: block;
    margin-bottom: .25rem;
    font-weight: 600;
}

.papuce-customization__req {
    color: #c00;
    top: 0;
}

.papuce-customization__select,
.papuce-customization__text {
    width: 100%;
    max-width: 22rem;
}

.papuce-customization__saved {
    display: block;
    margin-top: .25rem;
    font-size: .875rem;
    color: #7a7a7a;
}