/* ===========================
   ROZLOŽENIE PRODUKTU
=========================== */

/* Kontajner pre množstvo + tlačidlo */
.product-add-to-cart,
.product-actions {
    display: flex;
    flex-direction: column; /* pod seba */
    align-items: flex-start;
}

/* Množstvo (input) */
#quantity_wanted,
.product-add-to-cart .qty {
    margin-bottom: 10px;
}

/* ===========================
   TLAČIDLO "VLOŽIŤ DO KOŠÍKA"
=========================== */
.add-to-cart,
.product-add-to-cart .add,
.product-actions__button.add,
.btn-primary {
    background-color: #5a381c !important; /* tmavohnedá */
    color: #ffffff !important;            /* biely text */
    border: 2px solid #a67c52 !important; /* svetlohnedý obrys */
    border-radius: 5px;
    padding: 12px 25px;
    cursor: pointer;

    display: block !important; /* vždy pod množstvom */
    width: auto;
    margin-top: 10px; /* odsadenie */
    transition: all 0.3s ease;
}

.add-to-cart:hover,
.product-add-to-cart .add:hover,
.product-actions__button.add:hover,
.btn-primary:hover {
    background-color: #a67c52 !important;
    border-color: #5a381c !important;
}

/* ===========================
   TABUĽKA PRE VÝPOČET PLOCHY
=========================== */
#product-area-calculation,
.tile-calculator {
    background-color: #f9f5f0 !important; /* jemná béžová */
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

/* Inputy v tabuľke */
.tile-calculator input {
    width: 100%;
    max-width: 150px;
    padding: 6px;
    margin: 5px 0 10px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Tlačidlo v kalkulačke */
.tile-calculator button {
    background-color: #a67c52;
    color: #fff;
    border: 2px solid #5a381c;
    border-radius: 5px;
    padding: 8px 16px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tile-calculator button:hover {
    background-color: #5a381c;
    border-color: #a67c52;
}

/* Skrytie tabuľky */
.tile-calculator.hidden-area {
    display: none !important;
}