/* ArtLifeHome Core Styles */
:root {
    --alhc-primary: #000;
    --alhc-bg: #fff;
    --alhc-accent: #E63329;
    --alhc-gray: #F5F5F5;
    --alhc-red: #E63329;
    --alhc-text: #333;
    --alhc-text-light: #666;
    --alhc-font: 'Inter', sans-serif;
    --alhc-font-heading: 'Red Hat Display', sans-serif;
}

/* Mega Menu */
.alhc-mega-menu { position: relative; }
.category-menu { display: flex; list-style: none; margin: 0; padding: 0; gap: 0; justify-content: center; background: var(--alhc-gray); }
.category-menu > li { position: relative; }
.category-menu > li > a { display: flex; align-items: center; gap: 6px; padding: 12px 16px; text-decoration: none; color: var(--alhc-text); font-size: 14px; font-weight: 500; white-space: nowrap; }
.category-menu > li > a:hover { background: #e8e8e8; }
.cat-thumb img { width: 40px; height: 40px; object-fit: contain; border-radius: 4px; }
.cat-count { font-size: 12px; color: var(--alhc-text-light); }

/* Mega Dropdown */
.mega-dropdown { display: none; position: absolute; top: 100%; left: 0; background: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.12); border-radius: 8px; padding: 24px; z-index: 1000; min-width: 600px; }
.has-mega:hover .mega-dropdown { display: block; }
.mega-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.mega-col { min-width: 0; }
.mega-cat-link { display: block; text-decoration: none; color: var(--alhc-text); padding: 8px; border-radius: 6px; }
.mega-cat-link:hover { background: var(--alhc-gray); }
.mega-cat-img img { width: 100%; height: 120px; object-fit: cover; border-radius: 6px; margin-bottom: 8px; }
.mega-cat-name { display: block; font-weight: 600; font-size: 13px; }
.mega-cat-count { font-size: 11px; color: var(--alhc-text-light); }

/* Product Grid */
.alhc-product-grid { position: relative; }
.alhc-grid-inner { display: grid; grid-template-columns: repeat(var(--alhc-cols, 4), 1fr); gap: 20px; }
.alhc-product-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #eee; border-radius: 8px; overflow: hidden; transition: box-shadow .2s; }
.alhc-product-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); }
.alhc-card-link { text-decoration: none; color: var(--alhc-text); padding: 12px; flex: 1; display: flex; flex-direction: column; }
.alhc-card-image { aspect-ratio: 16/10; overflow: hidden; border-radius: 4px; margin-bottom: 10px; }
.alhc-card-image img { width: 100%; height: 100%; object-fit: contain; }
.alhc-card-title { font-size: 14px; font-weight: 500; line-height: 1.3; min-height: 36px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.alhc-card-price { font-size: 15px; font-weight: 700; color: var(--alhc-accent); margin-top: 8px; }

/* Categories Grid */
.alhc-categories-grid { display: grid; grid-template-columns: repeat(var(--alhc-cols, 4), 1fr); gap: 20px; }
.alhc-category-card { display: block; text-decoration: none; color: var(--alhc-text); text-align: center; padding: 16px; background: #fff; border: 1px solid #eee; border-radius: 8px; transition: box-shadow .2s; }
.alhc-category-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); }
.alhc-cat-image img { width: 100%; height: 140px; object-fit: cover; border-radius: 6px; }
.alhc-cat-name { display: block; margin-top: 10px; font-weight: 600; font-size: 14px; }
.alhc-cat-count { font-size: 12px; color: var(--alhc-text-light); }

/* Slider */
.alhc-slider { overflow: hidden; }
.alhc-slider .alhc-grid-inner { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 16px; }
.alhc-slider .alhc-product-card { scroll-snap-align: start; min-width: 280px; }
.alhc-slider-prev, .alhc-slider-next { position: absolute; top: 50%; transform: translateY(-50%); background: #fff; border: 1px solid #ddd; border-radius: 50%; width: 40px; height: 40px; cursor: pointer; font-size: 20px; line-height: 36px; text-align: center; z-index: 10; }
.alhc-slider-prev { left: -16px; }
.alhc-slider-next { right: -16px; }

/* WooCommerce Overrides */
.woocommerce ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; }
.woocommerce ul.products li.product { width: 100% !important; margin: 0 !important; display: flex; flex-direction: column; }
.woocommerce ul.products li.product .button { margin-top: auto; display: block !important; }

/* Responsive */
@media (max-width: 1024px) {
    .alhc-grid-inner, .woocommerce ul.products { grid-template-columns: repeat(3, 1fr) !important; }
    .mega-dropdown { min-width: 400px; }
}
@media (max-width: 768px) {
    .alhc-grid-inner, .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; }
    .alhc-mega-menu { display: none; }
    .alhc-categories-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .alhc-grid-inner, .woocommerce ul.products { grid-template-columns: 1fr !important; }
}


/* ====== ADD TO CART BUTTON STYLING ====== */

/* Categorie kaart hover */
.alhc-category-card:hover {
    box-shadow: 0 8px 28px rgba(0,0,0,0.13) !important;
    transform: translateY(-4px);
}
.alhc-category-card {
    transition: transform 0.22s ease, box-shadow 0.22s ease !important;
}

/* === KNOP KLEUR OVERRIDE === */
/* WooCommerce archive pagina knoppen */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.add_to_cart_button,
/* Shortcode product cards */
.alhc-product-card .add_to_cart_button,
.alhc-card-link .add_to_cart_button,
/* Fallback: alle add-to-cart knoppen */
a.add_to_cart_button {
    background: #E63329 !important;
    background-color: #E63329 !important;
    color: #fff !important;
    border: none !important;
    padding: 9px 18px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-top: 10px !important;
    transition: background 0.2s ease !important;
    box-shadow: none !important;
}
.woocommerce ul.products li.product a.button:hover,
.woocommerce ul.products li.product a.add_to_cart_button:hover,
.alhc-product-card .add_to_cart_button:hover,
a.add_to_cart_button:hover {
    background: #c0251c !important;
    background-color: #c0251c !important;
    color: #fff !important;
}\n.woocommerce .single_add_to_cart_button,.woocommerce button.button.alt{background:#E63329!important;color:#fff!important;}

/* Single product page — add-to-cart rood */
.woocommerce .single_add_to_cart_button,
.woocommerce button.button.alt,
.woocommerce a.button.alt {
    background: #E63329 !important;
    background-color: #E63329 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
}
.woocommerce .single_add_to_cart_button:hover,
.woocommerce button.button.alt:hover {
    background: #c0251c !important;
    background-color: #c0251c !important;
    color: #fff !important;
}