/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    https://voorbeeld.nl
 Description: Child theme van Twenty Twenty
 Author:      Jouw naam
 Author URI:  https://voorbeeld.nl
 Template:    twentytwenty
 Version:     1.0.0
*/
/* === Algemene WooCommerce achtergrond === */
/* Moderne WooCommerce Product Pagina Styling */

/* MODERNE WOOCOMMERCE SHOP STYLING */

/* Algemene achtergrond */

/* Algemene achtergrond voor WooCommerce pagina's */
body.woocommerce,
body.woocommerce-page,
body.woocommerce-shop,
body.woocommerce-modern,
body.has-pink-background {
    background-color: #F6CCD3 !important;
}

/* Verberg sidebar op WooCommerce pagina's */
.woocommerce .site-main .sidebar {
    display: none !important;
}

/* Breedte aanpassen voor full-width layout */
.woocommerce .entry-header,
.woocommerce .entry-content {
    max-width: 100% !important;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
    min-height: 3em;
    background: #cd2653;
    color: white;
}



/* WooCommerce cart + checkout */
.woocommerce,
.woocommerce-page,
.woocommerce-cart,
.woocommerce-checkout,
.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout,
.wc-block-components,
.wc-block-components * {
    font-family: "Inter var", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* Mobile Category Dropdown */
.tt-mobile-categories-dropdown {
    display: none;
    margin: 20px 0;
    width: 100%;
}

.tt-category-select {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #ddd;
    border-radius: 8px;
    background-color: white;
    font-size: 16px;
    color: #333;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
    cursor: pointer;
    transition: border-color 0.3s;
}

.tt-category-select:focus {
    outline: none;
    border-color: #007cba;
}

/* Responsive styles */
@media (max-width: 768px) {
    .tt-mobile-categories-dropdown {
        display: block;
    }

    .tt-shop-sidebar {
        display: none;
    }

    .tt-shop-layout {
        grid-template-columns: 1fr;
    }
}

/* Desktop styles */
@media (min-width: 769px) {
    .tt-mobile-categories-dropdown {
        display: none;
    }


}
@media (max-width: 769px) {
    .tt-shop-controls {
        gap: 0 !important;
    }

    .tt-shop-controls {
        padding: 0 !important;
    }
}