/*
 Theme Name:  Twenty Twenty-Five Child
 Theme URI:   https://esbitka.cz/
 Description: Dětská šablona pro Twenty Twenty-Five
 Author:      Vase Jmeno
 Author URI:  https://esbitka.cz/
 Template:    twentytwentyfive
 Version:     1.0.0
 License:     GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags:        light, dark, two-columns
 Text Domain: twentytwentyfive-child
*/
/*=======================katalog===========================*/

/* Cílíme přímo na blokový UL kontejner a jeho responzivní třídu */
.wc-block-product-template__responsive.wc-block-product-template.columns-6 {
    /* 1. Nastavíme Grid Layout */
    display: grid !important;
    grid-gap: 30px !important; 
    
    /* ZÁKLADNÍ NASTAVENÍ (Desktop 5 sloupců) */
    grid-template-columns: repeat(5, 1fr) !important;
}

/* --- EXTRA LARGE / 4K MONITORY (6 sloupců) --- */
@media screen and (min-width: 1920px) {
    .wc-block-product-template__responsive.wc-block-product-template.columns-6 {
        grid-template-columns: repeat(6, 1fr) !important;
    }
}

/* --- STŘEDNÍ LAPTOPY/VELKÉ TABLETY (4 sloupce) --- */
@media screen and (max-width: 1439px) {
    .wc-block-product-template__responsive.wc-block-product-template.columns-6 {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

/* --- TABLETY/VĚTŠÍ MOBILY (3 sloupce) --- */
@media screen and (max-width: 992px) {
    .wc-block-product-template__responsive.wc-block-product-template.columns-6 {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Zrušení konfliktních stylů na LI (jednotlivý produkt) */
.wc-block-product {
    width: auto !important; /* Přepíšeme pevnou šířku, kterou mohl nastavit blok */
    margin: 0 !important;
}

/* --- MOBILY (2 sloupce) --- */
@media screen and (max-width: 600px) {
    .wc-block-product-template__responsive.wc-block-product-template.columns-6 {
        grid-template-columns: repeat(2, 1fr) !important;
        grid-gap: 15px !important; /* Můžeme zmenšit mezery pro malé displeje */
    }
}

/* =================POKLADNA CHECKOUT======================== */

/* 1. HLAVIČKY SEKCE: FAKTURAČNÍ, DORUČOVACÍ, OBJEDNÁVKA */
.woocommerce-checkout h3 {
    text-transform: uppercase !important; /* Vynucení kapitálek */
    padding-bottom: 10px;
    margin-top: 20px;
    border-bottom: 2px solid #333; /* Jednotná linka pod hlavičkou */
}
#order_review_heading,
.shipping-section-header.summary-row { 
   background-color: #f7f7f7;
}
.woocommerce-shipping-totals.shipping,
.packetery-widget-button-table-row {
    display: none !important;
}

.shipping-review_order {
    font-size: 0;
}
#shipping_method, .packetery-widget-button-wrapper {
    font-size: 1.2rem;
}
.woocommerce-checkout #payment {
    background-color: transparent !important;
}

/* 2. ZAOKRAGLENÍ A RÁMEČKY VŠECH VSTUPNÍCH PRVKŮ */
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-checkout #payment input[type="text"],
.woocommerce-checkout .select2-container .select2-selection--single,
#place_order {
    border-radius: 6px; 
    border: 1px solid #ccc;
    padding: 10px;
}

/* 3. JEDNOTNÉ RÁMEČKY HLAVNÍCH BLOKŮ (ADRESY, PŘEHLED, PLATBY) */

/* Hlavní wrapper pro přehled objednávky (pokud je potřeba rámeček okolo celé objednávky) */
.checkout-review-order-wrap,
.review-order-shipping,
#payment.woocommerce-checkout-payment {
    padding: 15px; 
    margin-top: 20px;
    border-radius: 6px; 
    border: 1px solid #ccc;
}
/* Rámeček kolem fakturačních a doručovacích polí (pokud nejsou již v rámečku) */
.woocommerce-billing-fields, 
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
    padding: 0;
    margin-bottom: 20px;
}


/* 4. ÚPRAVA PRODUKTŮ A SOUHRNU (PŘEHLED OBJEDNÁVKY) */

/* Flexbox pro řádky produktů (Header i položky) */
.product-row {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    border-bottom: 1px solid #eee; 
}
.product-header-row,
.header-shipping-row,
.payments-section-header {
    font-weight: bold;
    background-color: #f7f7f7;
    text-transform: uppercase;
}
.product-name-col {
    width: 65%;
}
.product-total-col {
    width: 30%;
    text-align: right;
}

/* Souhrnné řádky (mezisoučet, doprava) */
.summary-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 15px; /* Přidání vodorovného paddingu pro konzistenci */
}

.summary-label {
    font-weight: normal;
    width: 70%;
}
.summary-value {
    font-weight: bold;
    width: 30%;
    text-align: right;
}

/* Úprava celkové ceny */
.review-order-total-container {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 2px solid #333;
}
.order-total-row .summary-value {
    font-size: 1.2em;
}


/* 5. DOPRAVNÍ METODY */

.woocommerce-shipping-methods li {
    list-style: none !important;
    margin-bottom: 8px;
    padding: 0;
    border-bottom: 1px solid #eee; 
    
    /* 1. Nastavíme FLEX pro LI, aby se input a label zarovnaly vedle sebe */
    display: flex !important; 
    align-items: center; /* Vertikálně zarovná radio button a text */
}

.woocommerce ul#shipping_method li label {
    /* 2. Zrušíme display: inline; ! Důležité! */
    display: flex !important; /* Musí zůstat flex pro zarovnání CENA / TEXT */
    justify-content: space-between; 
    align-items: center;
    
    padding: 10px 15px 0px 0px;
    border-radius: 4px;
    cursor: pointer;
    
    /* 3. Zajistíme, že label zabere zbývající místo a je správně zarovnán */
    width: 100%; 
    margin-left: 10px; /* Mezera mezi radio buttonem a labelem */
}

/* Úprava radio buttonu, aby se vešel do LI a neovlivňoval label */
.woocommerce-shipping-methods li input[type="radio"] {
    flex-shrink: 0; /* Neumožní zmenšení */
    margin: 0 10px 0 20px !important;      /* Odstraníme defaultní marginy */
}

/* Zarovnání ceny dopravy (již máte) */
.woocommerce-shipping-methods li label .woocommerce-Price-amount,
.payment-method-row .woocommerce-Price-amount {
    font-weight: 700;
    flex-shrink: 0;
    margin-left: 10px;
}

/* 6. PLATEBNÍ METODY */

.payment-methods-wrap {
    padding: 0;
}
/* Styl pro každý řádek platební metody */
.payment-method-row {
    border-bottom: 1px solid #eee; 
    border-radius: 4px;
    margin-bottom: 15px; /* Nastavení mezery mezi metodami */
    background-color: transparent !important;
    cursor: pointer;
    display: flex;
    flex-direction: row; 
    flex-wrap: wrap;
    align-items: center;
    padding: 0; /* Rodičovský kontejner nemá padding */
    overflow: hidden;
}
.payment-method-row label {
    flex-grow: 1;
    display: flex;
    justify-content: space-between; 
    align-items: center;
    cursor: pointer;
    width: 90%; 
    padding: 10px 0px 0px 0px;
    margin-left: 10px;
}
.payment-method-row input[type="radio"] {
    flex-shrink: 0; /* Neumožní zmenšení */
    margin: 0 10px 0 20px !important;      /* Odstraníme defaultní marginy */
}
/* Styl pro platební box (detaily k platbě) */
.payment-method-row .payment_box {
    width: 100%;
    margin-top: 10px;
    padding: 15px;
    background-color: #dcd7e2 !important;
    border-radius: 4px; /* Zaoblení pouze dole */
}


/* 7. TLAČÍTKO OBJEDNAT */
.packetery-widget-button-row button,
#place_order {
    padding: 15px 0;
    margin-top: 20px;
    background-color: #333; /* Tmavá barva jako u hlaviček */
    color: white;
    text-transform: uppercase;
    width: 100%;
    max-width: 400px; /* Omezení na desktopu */
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: none;
}
@media (max-width: 768px) {
    #place_order {
        max-width: 100%;
    }
}