/* Oprava gridu pro 50/50 rozložení */

/* Sjednocení gridu pro kroky 2 a 3 - přesně stejné rozložení */
.predplatne-container #step-2 .checkout-grid-container,
.predplatne-container #step-3 .checkout-grid-container {
    display: grid !important; /* Override flex from predplatne.css */
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: start;
    width: 100%;
}

/* Zajistit stejnou šířku sidebaru v obou krocích */
#step-2 .checkout-sidebar,
#step-3 .checkout-sidebar {
    width: 100%;
    max-width: 100%;
    min-width: 0; /* Důležité pro grid */
}

/* Zajistit stejné chování levého sloupce v obou krocích */
#step-2 .checkout-main-content,
#step-3 .checkout-main-content-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0; /* Důležité pro grid */
}

/* Zajistit, že levý sloupec nepřeteče */
#step-3 .checkout-main-content-wrapper {
    max-width: 100%;
    overflow: hidden;
}

#step-3 .checkout-main-content {
    max-width: 100%;
}

/* Omezit šířku inputů v osobních údajích */
.fakturacni-udaje input,
.dorucovaci-udaje input,
.company-fields input {
    max-width: 100%;
    box-sizing: border-box;
}

/* Zajistit správné box-sizing pro všechny elementy */
.fakturacni-udaje *,
.dorucovaci-udaje *,
.company-fields * {
    box-sizing: border-box;
}

/* Oprava pro grid položky v osobních údajích */
.fakturacni-udaje,
.dorucovaci-udaje {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    max-width: 100%;
}

/* Některé inputy přes celou šířku */
.fakturacni-udaje input[name*="email"],
.fakturacni-udaje input[name*="phone"],
.fakturacni-udaje input[name*="street"],
.dorucovaci-udaje input[name*="street"] {
    grid-column: 1 / -1;
}

/* Telefon wrapper */
.telefon-wrapper {
    grid-column: 1 / -1;
    display: flex;
    gap: 10px;
    max-width: 100%;
}

.telefon-wrapper > * {
    min-width: 0; /* Důležité pro flex items */
}

/* Explicitní grid pravidla pro zajištění 50/50 */
#step-2 .checkout-main-content {
    grid-column: 1;
}

#step-2 .checkout-sidebar {
    grid-column: 2;
}

#step-3 .checkout-main-content-wrapper {
    grid-column: 1;
}

#step-3 .checkout-sidebar {
    grid-column: 2;
}

/* Reset pro všechny vnitřní elementy */
.checkout-sidebar > *,
.checkout-main-content > *,
.checkout-main-content-wrapper > * {
    max-width: 100%;
}