/* ========== Kontejner pro přidání produktu ========== */
body.in-hromadna-objednavka .add-product {
    background-color: #f6f6f6;
    padding: 20px;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
}

/* ========== Tabulka (hlavičky a buňky) ========== */
body.in-hromadna-objednavka .add-product th {
    text-align: start;
    padding-bottom: 10px;
    font-size: 17px;
}

body.in-hromadna-objednavka .add-product td:nth-child(1) {
    width: 50px;
}

body.in-hromadna-objednavka .add-product td:nth-child(2) {
    width: 30px;
}

body.in-hromadna-objednavka .add-product td:nth-child(3) {
    width: 30px;
}

body.in-hromadna-objednavka .add-product td input {
    width: -webkit-fill-available;
}

body.in-hromadna-objednavka .add-product input {
    border: 1px solid #ccc;
    margin: 2px 5px 0 0;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

body.in-hromadna-objednavka #addRowButton {
    margin: 20px 0;
    max-width: fit-content;
    font-weight: 600;
}

body.in-hromadna-objednavka article table tr {
    background-color: transparent
}

/* ========== Tlačítko "Přidat do košíku" ========== */
body.in-hromadna-objednavka .add-product .add-to-cart-button {
    background-color: #6cb92b;
    border: none;
    color: #fff;
    padding: 20px;
    margin-top: 20px;
    margin-right: 5px;
    cursor: pointer;
    font-weight: 600;
}

#addRowButton
{
    color: #fff;
    border-color: #6cb92b;
    background-color: var(--color-secondary);
    margin-left: 10px !important;
}


/* ========== Import dat – tlačítka ========== */
/* Mobil: sloupcové zobrazení */
body.in-hromadna-objednavka .add-product .import-data {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    border: transparent;
    margin: 0 0 20px !important;
    padding: 0;
    box-sizing: border-box;
}

/* Všechna tlačítka naplní 100 % šířky kontejneru na mobilu */
body.in-hromadna-objednavka .add-product .import-data > button {
    width: 100%;
    height: 48px;
    box-sizing: border-box;
}

body.in-hromadna-objednavka .add-product .import-data > button {
    background-color: transparent;
    color: black
}

#addToCartButton {
    color: white;
    box-sizing: border-box;
    background-color: var(--color-secondary) !important;
}

/* Desktop: řádkové zobrazení vedle sebe */
@media (min-width: 768px) {
    body.in-hromadna-objednavka .add-product .import-data {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 24px;
        max-width: 900px;
        margin: 0 auto 20px !important;
    }
    body.in-hromadna-objednavka .add-product .import-data > button {
        flex: 1;
        min-width: 180px;
        max-width: 300px;
        width: auto;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
    }
}

/* ========== Zvýraznění řádků při importu ========== */
body.in-hromadna-objednavka .highlight-row {
    background-color: #ffd6d6 !important;
}

body.in-hromadna-objednavka .highlight-row-ok {
    background-color: #e6ffd6 !important;
}

/* ========== Návod k importu ========== */
body.in-hromadna-objednavka .import-guide {
    margin: 0 auto 30px;
    background: #f8f8f8;
    border-radius: 8px;
    padding: 24px 32px;
    font-size: 17px;
}

body.in-hromadna-objednavka .import-guide h2 {
    margin-top: 0;
    font-size: 1.5em;
}

body.in-hromadna-objednavka .import-guide ol {
    margin-bottom: 1.5em;
    padding-left: 1.2em;
}

/* ========== Tabulka na desktopu – plná šířka a rozložení sloupců ========== */
@media (min-width: 768px) {
  body.in-hromadna-objednavka .add-product table {
    width: 100%;
    table-layout: fixed;
  }
  body.in-hromadna-objednavka .add-product th,
  body.in-hromadna-objednavka .add-product td {
    padding: 8px;
  }
  body.in-hromadna-objednavka .add-product td:nth-child(1),
  body.in-hromadna-objednavka .add-product th:nth-child(1),
  body.in-hromadna-objednavka .add-product td:nth-child(2),
  body.in-hromadna-objednavka .add-product th:nth-child(2),
  body.in-hromadna-objednavka .add-product td:nth-child(3),
  body.in-hromadna-objednavka .add-product th:nth-child(3),
  body.in-hromadna-objednavka .add-product td:nth-child(4),
  body.in-hromadna-objednavka .add-product th:nth-child(4) {
    width: 140px;
    min-width: 100px;
    max-width: 180px;
  }
  body.in-hromadna-objednavka .add-product td:nth-child(5),
  body.in-hromadna-objednavka .add-product th:nth-child(5) {
    width: auto;
    min-width: 200px;
  }
}

@media (max-width: 767px) {
  body.in-hromadna-objednavka .import-guide {
    max-width: 100%;
    padding: 16px 8px;
  }
  body.in-hromadna-objednavka .add-product td:nth-child(1) {
    padding-left: 0px !important;
}

body.in-hromadna-objednavka .add-product td {
   padding: 5px;
}
}

body.in-hromadna-objednavka .demo-download-btn-mobile { display: none; }
body.in-hromadna-objednavka .demo-download-btn-desktop { display: inline-block; }
@media (max-width: 767px) {
  body.in-hromadna-objednavka .demo-download-btn-mobile { display: inline-block; }
  body.in-hromadna-objednavka .demo-download-btn-desktop { display: none; }
}