/* Floral Concept Store - static site styles */

/* Navigation fix - submenu hover works without JS */
.wp-block-navigation .has-child:hover > .wp-block-navigation__submenu-container {
    opacity: 1;
    visibility: visible;
    height: auto;
    width: auto;
    min-width: 200px;
    overflow: visible;
}

/* Mobile menu - show navigation items directly without JS toggle */
@media (max-width: 599px) {
    .wp-block-navigation__responsive-container-open {
        display: none !important;
    }
    .wp-block-navigation__responsive-container {
        position: static !important;
        display: block !important;
    }
    .wp-block-navigation__responsive-container-content {
        flex-direction: column;
    }
    .wp-block-navigation__container {
        flex-direction: column;
        gap: 0.5rem;
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
        position: static;
        opacity: 1;
        visibility: visible;
        height: auto;
        width: auto;
        padding-left: 1rem;
    }
}

/* Smooth image loading */
img {
    transition: opacity 0.3s;
}

/* Category/archive page grid */
.wp-block-query .wp-block-post-template {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1.5rem;
}

/* Product card in grid */
.wp-block-post {
    border-radius: 8px;
    overflow: hidden;
}

/* Price styling */
.entry-content h3.wp-block-heading {
    color: var(--wp--preset--color--accent-3, #d8613c);
    font-size: 1.2rem;
}

/* Footer columns */
footer .wp-block-columns {
    gap: 2rem;
}

footer .wp-block-column h2 {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
}

/* Responsive images */
.wp-block-post-featured-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}