/*
Theme Name: Naives 2025 Gutenberg theme
Author: eZoulou.be
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 0.1
*/

/* basics */
:root :where(.wp-element-button, .wp-block-button__link),
.button,
button,
input[type=button],
.wc-block-components-button:not(.is-link).outlined {
    background-color: var(--wp--preset--color--custom-saumon);
    color: var(--wp--preset--color--custom-fonc);
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    font-size: 1rem;
    border-radius: 2rem;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    border-color: var(--wp--preset--color--custom-fonc);
}
.wc-block-components-button:not(.is-link).outlined,
.wp-block-button.is-style-outline .wp-block-button__link {
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    box-shadow: none;
}

/* main menu */ 
.wp-block-navigation-item {
    position: relative;
}
.wp-block-navigation-item:after {
    background: transparent; 
    display: block;
    content: '';
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    rotate: -1deg;
    transition: all 0.3s ease-in-out;
}
.wp-block-navigation-item:after:hover {
    rotate: 1deg;
}
.wp-block-navigation-item.current-menu-item:after {
    background-color: var(--wp--preset--color--custom-saumon);
}
.wp-block-navigation__submenu-container {
    z-index: 200 !important;
}
/* menu responsive */
.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container.is-responsive {
    --navigation-layout-align: flex-start;
    --navigation-layout-justification-setting : flex-start;
}

.wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container.is-responsive > li > :where(a, button) { 
    font-size: 1.5rem;
    cursor: default;
    font-weight: bold;
}

/* mini cart sliding pannel */
.wc-block-mini-cart__template-part h1 {
    font-size: 1.5rem;
}
/* products grid */
.wp-block-button__link.wc-block-components-product-button__button {
    margin-bottom: 0 !important;
}
/* product details */
.stock.out-of-stock {
    color: var(--wc-red);
    font-size: 1rem !important;
    position: relative;
    display: inline-block;
}
.stock.out-of-stock:after {
    background: var(--wc-red); 
    display: block;
    content: '';
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    rotate: -1deg;
    transition: all 0.3s ease-in-out;
}

/* checkout */
.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: none;
}
@media (min-width:768px) {
    body.woocommerce-checkout .woocommerce-checkout {
        --gap: 2rem;
        display: flex;
        flex-wrap: wrap;
        gap: var(--gap);
    }
}
body.woocommerce-checkout .woocommerce-checkout > .woocommerce-NoticeGroup {
    flex-basis: 100%;
}
body.woocommerce-checkout #order_review, 
body.woocommerce-checkout #customer_details {
    flex-basis: calc(50% - var(--gap)/2);
    flex-shrink: 0;
}
body.woocommerce-checkout table.woocommerce-checkout-review-order-table {
    width: 100%;
}

/* contact form newsletter */
.sib_signup_form .sib_signup_box_inside_1 {
    display: flex;
    gap: 1rem;
}
.sib_signup_form .sib_signup_box_inside_1 > div:not(.g-recaptcha) {
    display: none;
}

.sib_signup_form input {
    background-color: white;
    color: var(--wp--preset--color--custom-fonc);
    font-weight: bold;
    font-style: normal;
    font-size: 1rem;
    border-radius: 3px;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    border-color: var(--wp--preset--color--custom-fonc);
    border-style: solid;
}
.sib_signup_form input[type=submit] {
    background-color: var(--wp--preset--color--custom-saumon);
    border-width: 0;
    border-radius: 2rem;
}