/*
Theme Name: Moje tema
Description: Child theme pro Storefront – shop pouze kategorie a značky
Author: Tvoje jméno
Version: 1.0
Template: storefront
*/

/* ===== HLAVIČKA A MENU ===== */


.site-header,
.site-header .col-full,
.storefront-primary-navigation,
.main-navigation,
.secondary-navigation {
    background:  #E9F3FF;
/* černé oddělení od předchozí části */
		/* #A6D6FF; */
}

.site-header {
	border-bottom: 2px solid #000 !important; 
}

    .site-header .main-navigation ul.menu > li > a,
    .site-header .main-navigation ul.nav-menu > li > a,
    .site-header .secondary-navigation ul.menu > li > a,
    .site-header .secondary-navigation ul.nav-menu > li > a {
        color: #222;
        font-weight: 700;
        transition: background-color .2s ease, color .2s ease;
        background: transparent;
    }

        .site-header .main-navigation ul.menu > li > a:hover,
        .site-header .main-navigation ul.nav-menu > li > a:hover,
        .site-header .secondary-navigation ul.menu > li > a:hover,
        .site-header .secondary-navigation ul.nav-menu > li > a:hover {
            background: #A6D6FF;
            color: #000;
        }

    .site-header .main-navigation ul.menu ul,
    .site-header .secondary-navigation ul.menu ul {
        background: #efefef;
        border: 1px solid #d0d0d0;
    }

        .site-header .main-navigation ul.menu ul li a,
        .site-header .secondary-navigation ul.menu ul li a {
            color: #222;
            font-weight: 600;
        }

            .site-header .main-navigation ul.menu ul li a:hover,
            .site-header .secondary-navigation ul.menu ul li a:hover {
                background: #d9d9d9;
                color: #000;
            }

/* Zápatí*/
.site-footer {
    background-color: #A6D6FF; /* barva pozadí */
    border-top: 2px solid #000 !important; /* černé oddělení od předchozí části */
    color: #444444 !important; /* tmavě šedá barva textu */
}

/* ===== WOOCOMMERCE GRID (FIX ZAROVNÁNÍ VLEVO) ===== */

.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    /* KLÍČOVÉ FIXY */
    justify-content: start !important;
    justify-items: stretch !important;
    align-content: start;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

    /* odstranění WooCommerce pseudo offsetů */
    .woocommerce ul.products::before,
    .woocommerce ul.products::after {
        display: none !important;
        content: none !important;
    }

    /* produkty / kategorie */
    .woocommerce ul.products li.product,
    .woocommerce ul.products li.product-category,
    .woocommerce-page ul.products li.product,
    .woocommerce-page ul.products li.product-category {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
        border: 1px solid #e5e5e5;
        padding: 15px;
        background: #fff;
        transition: 0.25s ease;
        box-sizing: border-box;
        text-align: left;
    }

        /* hover karta */
        .woocommerce ul.products li.product:hover,
        .woocommerce ul.products li.product-category:hover,
        .woocommerce-page ul.products li.product:hover,
        .woocommerce-page ul.products li.product-category:hover {
            box-shadow: 0 8px 22px rgba(0,0,0,0.08);
            transform: translateY(-4px);
        }

        /* názvy kategorií */
        .woocommerce ul.products li.product-category .woocommerce-loop-category__title,
        .woocommerce-page ul.products li.product-category .woocommerce-loop-category__title {
            font-size: 18px;
            font-weight: 700;
            text-align: center;
        }

        /* názvy produktů */
        .woocommerce ul.products li.product .woocommerce-loop-product__title,
        .woocommerce-page ul.products li.product .woocommerce-loop-product__title {
            font-size: 15px;
            font-weight: 700;
            text-align: center;
        }

        /* cena produktu */
        .woocommerce ul.products li.product .price,
        .woocommerce-page ul.products li.product .price {
            font-size: 14px;
            font-weight: 700;
            text-align: center;
        }

        /* hover názvu */
        .woocommerce ul.products li.product a:hover .woocommerce-loop-product__title,
        .woocommerce ul.products li.product-category a:hover .woocommerce-loop-category__title,
        .woocommerce-page ul.products li.product a:hover .woocommerce-loop-product__title,
        .woocommerce-page ul.products li.product-category a:hover .woocommerce-loop-category__title {
            color: #000;
            text-decoration: none;
        }

        .woocommerce ul.products li.product img,
        .woocommerce ul.products li.product-category img {
            margin-bottom: 12px;
        }

/* ===== SHOP SEKCE ===== */

.shop-section {
    margin: 60px 0;
}

    .shop-section h2 {
        text-align: center;
        font-size: 32px;
        margin-bottom: 35px;
        font-weight: 700;
    }

.shop-brands {
    margin-top: 80px;
}

/* odstranění defaultního titulku Shop */
.woocommerce-products-header {
    display: none;
}

.woocommerce-page .site-main {
    padding-top: 10px;
}