/*
 * GeekyEgg — Gutenberg Homepage Styles
 * Makes native WordPress blocks look like Kalles design
 */

/* ── Global page overrides when Gutenberg homepage is active ── */
.gutenberg-homepage .entry-title,
.gutenberg-homepage .page-title {
    display: none;
}

.gutenberg-homepage .site-main {
    padding: 0 !important;
    max-width: 100% !important;
}

/* ── Remove default block padding/margins on full-width sections ── */
.wp-block-group.alignfull {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ── HERO ── */
.ge-hero .wp-block-cover__inner-container {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.ge-hero .wp-block-buttons .wp-block-button__link:hover {
    background: transparent !important;
    color: #fff !important;
}

/* ── CATEGORY ROW ── */
.ge-cat-row.wp-block-columns {
    gap: 0 !important;
}

.ge-cat-row .wp-block-column {
    padding: 0 !important;
}

.ge-cat-item .wp-block-cover__image-background {
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.ge-cat-item:hover .wp-block-cover__image-background {
    transform: scale(1.06);
}

.ge-cat-item .wp-block-button__link {
    transition: all 0.3s ease !important;
}

.ge-cat-item:hover .wp-block-button__link {
    transform: translateY(-4px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

/* ── SECTION HEADERS ── */
.ge-section-header {
    text-align: center;
}

/* ── PRODUCTS SECTION ── */
.ge-products-section .wc-block-product-template,
.ge-products-section .wc-block-grid__products,
.ge-products-section ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 28px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ge-products-section .wc-block-grid__product,
.ge-products-section .product {
    background: #fff;
    transition: transform 0.35s ease, box-shadow 0.35s ease;
    border: none !important;
    padding: 0 !important;
}

.ge-products-section .wc-block-grid__product:hover,
.ge-products-section .product:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 45px rgba(0,0,0,0.1);
}

.ge-products-section .wc-block-grid__product-image,
.ge-products-section .product img {
    background: #f7f7f7;
    aspect-ratio: 1;
    object-fit: contain;
    width: 100% !important;
    padding: 15px;
    margin-bottom: 0 !important;
    mix-blend-mode: multiply;
}

.ge-products-section .wc-block-grid__product-title,
.ge-products-section .woocommerce-loop-product__title {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #111 !important;
    text-align: center;
    padding: 12px 4px 8px !important;
}

.ge-products-section .wc-block-grid__product-price,
.ge-products-section .price {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #111 !important;
    text-align: center;
    display: block;
}

.ge-products-section .wc-block-grid__product-add-to-cart,
.ge-products-section .add_to_cart_button {
    display: block;
    width: calc(100% - 0px);
    text-align: center;
    background: #111 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 12px !important;
    border-radius: 0 !important;
    border: none !important;
    margin-top: 8px;
    transition: background 0.3s;
}

.ge-products-section .wc-block-grid__product-add-to-cart:hover,
.ge-products-section .add_to_cart_button:hover {
    background: #333 !important;
}

/* ── BLOG SECTION ── */
.ge-blog-section .wp-block-post-featured-image img {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.ge-blog-section .wp-block-post:hover .wp-block-post-featured-image img {
    transform: scale(1.05);
}

.ge-blog-section .wp-block-post-featured-image {
    overflow: hidden;
    margin-bottom: 20px;
}

/* Blog grid layout */
.ge-blog-grid .wp-block-post-template {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 35px !important;
}

/* ── NEWSLETTER ── */
.ge-newsletter {
    text-align: center;
}

.ge-newsletter-form input:focus {
    outline: none;
}

.ge-newsletter-form button:hover {
    background: #333 !important;
}

/* ── FEATURES / TRUST BADGES ── */
.ge-features .wp-block-columns {
    max-width: 1280px;
    margin: 0 auto;
}

/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
    .ge-products-section .wc-block-grid__products,
    .ge-products-section ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .ge-products-section .wc-block-grid__products,
    .ge-products-section ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 15px !important;
    }

    .ge-blog-grid .wp-block-post-template {
        grid-template-columns: 1fr !important;
    }

    .ge-cat-row.wp-block-columns {
        flex-direction: column !important;
    }

    .ge-newsletter-form {
        flex-direction: column !important;
    }

    .ge-features .wp-block-columns {
        flex-wrap: wrap !important;
    }
}

@media (max-width: 480px) {
    .ge-products-section .wc-block-grid__products,
    .ge-products-section ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}