/**
 * HobbyChef - add-to-cart button fix
 * ----------------------------------
 * Override theme stylů pro .btn-conversion / .add-to-cart-button
 * Nasazení: externí CSS link v <head> Shoptet šablony
 *
 * <link rel="stylesheet" href="/user/documents/upload/hobbychef-addtocart-fix.css?v=1">
 *
 * Musí být v <head>, ne v patičce. Pak nedochází k FOUC.
 */

/* === Wrapper layout === */
.p-add-to-cart-wrapper .add-to-cart {
    display: flex !important;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 10px;
}

.p-add-to-cart-wrapper .add-to-cart .quantity {
    flex: 0 0 auto;
}

/* === Add-to-cart button === */
.p-add-to-cart-wrapper .add-to-cart .add-to-cart-button,
.p-add-to-cart-wrapper .add-to-cart button.btn-conversion[data-testid="buttonAddToCart"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 180px !important;
    max-width: none !important;
    height: auto !important;
    min-height: 44px !important;
    padding: 12px 24px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-indent: 0 !important;
    box-sizing: border-box !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* === Vnitřní elementy (pro případ že je text v <span> a šablona ho schovává) === */
.p-add-to-cart-wrapper .add-to-cart .add-to-cart-button * {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: inherit !important;
    color: inherit !important;
    text-indent: 0 !important;
}
