/*
Theme Name: Naturae
Theme URI: https://thethemenook.com/naturae
Author: The Theme Nook
Author URI: https://thethemenook.com
Description: A modern, nature-inspired WooCommerce theme for skincare, beauty, and wellness.
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: naturae
Tags: e-commerce, one-column, two-columns, three-columns, wide-blocks, block-patterns, custom-colors, custom-logo, custom-menu, block-styles, featured-images, full-site-editing, style-variations, template-editing, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/* Set default line height for font size presets. */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Add a transition state for buttons. */

.wp-element-button {
    transition: border, background-color, color, box-shadow, opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    backdrop-filter: blur(30px);
}

/* Cover block styles */
.wp-block-cover[class*="is-style-section"]:not(.is-style-default) .wp-block-cover__image-background {
    opacity: 0.25;
}

.wp-block-cover[class*="is-style-section"]:not(.is-style-default) .wp-block-cover__background {
    opacity: 0;
}

:root :where(.wp-block-cover.is-light){
    color: var(--wp--preset--color--theme-5, #000);
}

.wp-block-cover[class*="is-style-section"]:not(.is-style-default) .wp-block-cover__background {
    opacity: 0;
}

/* Make sure footers have no margin. */
footer {
	margin-top: 0 !important;
}

/* Social Links: Better default color. */

.wp-block-social-links.is-style-logos-only li.wp-social-link {
	color: currentcolor;
}

.wp-block-social-links.is-style-logos-only .wp-social-link svg {
	height: 1em;
	width: 1em;
}

.wp-block-social-links.has-small-icon-size {
	font-size: 20px;
}

/* Navigation: Remove row gap to improve wrapping behavior */
.wp-block-navigation__container {
    row-gap: 0;
}


.overflow-hidden {
	overflow: hidden;
}

/* Utility class for wide and full images with aspect ratios, as core does not support this yet. */
.aspect-16\/9 {
	aspect-ratio: 16/9;
}

.aspect-16\/9 img {
    aspect-ratio: 16/9;
    object-fit: cover;
}

/* Ensure cropping works. */
.aspect-16\/9 .wp-block-image__crop-area,
.aspect-16\/9 .wp-block-image__crop-area img {
	aspect-ratio: unset;
}

.wc-block-featured-category {
    align-content: flex-end !important;
    align-items: end !important;
}

@media screen and (min-width: 860px) {
    .featured-categories-x3-grid {
        flex-wrap: nowrap !important;
    }
}

.filters-container .wc-block-product-categories-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

@media screen and (max-width: 768px) {
    .filters-container {
        order: 1;
    }
}