/*
Theme Name: Twenty Twenty-Four
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/* Global */
body {
	-webkit-font-smoothing: antialiased;

    ::selection {
        background-color: var(--wp--preset--color--base-2);
    }
}

strong {
	font-weight: 600 !important;
}

.wc-block-components-product-metadata p {
    font-size: 14px;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
    font-weight: 600;
}

html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs li.active {
    border-color: var(--wp--preset--color--accent);
}

/* Block button */
.wp-block-button .wp-block-button__link, .is-style-outline.is-style-outline.wp-block-button .wp-block-button__link {
    padding-top: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);
    padding-bottom: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);

    &:hover {
        opacity: 0.85;
        transition: all 300ms ease-in-out;
    }
}

/* Content pages */
.page-template-default .wp-site-blocks {
    &:where(.wp-site-blocks) > * {
        margin-block-start: 0px;
    }
}

/* Woocommerce */
.woocommerce-breadcrumb {
        font-size: clamp(0.75rem, 0.725rem + 0.125vi, 0.875rem);
}

/* Header */

header.wp-block-template-part {

    .header-row-right {
        @media (max-width: 768px){
            flex-direction: row-reverse;
            justify-content: end;
    }
    }

        .wp-block-group {

            .header-topp {
                @media (max-width: 768px){
                    display: none;
                   }
            }
        }

        /* Mini cart icon */
        .wc-block-mini-cart__badge {
            height: 1.8285714286em;
            min-width: 1.8285714286em;
            font-size: .75em;
            line-height: 2;
            color: var(--wp--preset--color--base-2);
        }
}

/* Mini cart */
.wc-block-mini-cart__drawer {
    .wc-block-components-totals-item__value {
        font-weight: 600;
    }
    .wc-block-components-drawer__close {
        background: var(--wp--preset--color--contrast-2) !important;
        border-radius: 0 !important;
        color: var(--wp--preset--color--base-2) !important;
        width: fit-content !important;
    opacity: 1;
    }

    .wp-block-woocommerce-mini-cart-cart-button-block {
        padding-top: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);
        padding-bottom: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);
    }
}

/* Fibo Search */
.dgwt-wcas-suggestion-selected {
    background-color: #f5efe6;
}

.dgwt-wcas-style-pirx {
    .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover {
        background-color: #ffffff;
        box-shadow: 0 0 0 2px #ffffff;
    }

    .dgwt-wcas-sf-wrapp {

        input[type=search].dgwt-wcas-search-input {
            padding: 18px 24px 10px 48px;
            line-height: 24px;
            font-size: 17px;
            border-bottom: 1px solid transparent;
            border-left: none;
            border-top: none;
            border-right: none;
            border-radius: 0;
            height: auto;
            font-family: 'Poppins', sans-serif;

            &:hover {
            background-color: var(--wp--preset--color--base);
            }
    }
    }

    .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
        color: var(--wp--preset--color--contrast);
    }
}

.dgwt-wcas-open {
    .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
        border-radius: 0;
    }
}

.dgwt-wcas-open-pirx .dgwt-wcas-suggestions-wrapp {
    border: none;
    padding-bottom: 0;
}

.dgwt-wcas-style-pirx.dgwt-wcas-search-wrapp.dgwt-wcas-search-focused input[type=search].dgwt-wcas-search-input:hover, .dgwt-wcas-tpd-image {
    background-color: transparent;
    border:none;
}

/* Navigation */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    border: none !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;   
    a {
        text-transform: none;
        font-size: 15px;
    }
}

/* Mobile menu */
@media (min-width: 1024px){
   .wp-block-navigation__responsive-container-open:not(.always-shown){
      display:none;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
        background-color:inherit;
        display:block;
        position:relative;
        width:100%;
        z-index:auto;
      }
  }

  /* Add to cart button */
  .wp-element-button:not(.checkout-button):not(.wp-block-button__link):not(.wc-block-components-totals-coupon__button):not(.wp-block-woocommerce-mini-cart-cart-button-block), .add_to_cart_button, .single_add_to_cart_button, .wc-block-components-product-button__button {
    padding-top: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);
    padding-bottom: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);
    font-weight: 500;
    color: var(--wp--preset--color--base);
    background-color: var(--wp--preset--color--contrast);
    text-align: center;
    line-height: inherit;
    font-size: clamp(0.9375rem, 0.9155rem + 0.0939vw, 1rem) !important;

    @media (max-width: 600px) {
        padding-left: 8px;
        padding-right: 8px;
    }
    

    &:hover {
        background-color: var(--wp--preset--color--contrast-2);
    }
  }

  .wp-element-button:not(.wp-block-button__link):not(.single_add_to_cart_button), .add_to_cart_button, .wp-block-woocommerce-mini-cart-cart-button-block {
    font-size: var(--wp--preset--font-size--x-small);
}

    .wc-block-components-button__text {
        font-size: clamp(0.875rem, 0.853rem + 0.0939vw, 0.9375rem) !important;
    }

  .single_add_to_cart_button {
    flex-grow: 2;
    font-size: clamp(1rem, 0.975rem + 0.125vi, 1.125rem) !important;
}

  /* Single product */
  .product {

    .wp-block-woocommerce-product-image-gallery span.onsale {
        display: none;
    }

        .wp-block-column {
            .wc-block-components-product-price {
                font-weight: 600;
                font-size: clamp(1.125rem, 1.081rem + 0.1878vw, 1.25rem);
            }
        }

        form.cart {
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center;

            button[name=add-to-cart] {
                flex-grow: 1;
            }

            div.quantity {
                display: none !important;
            }
        }

        div.images .flex-control-thumbs {
            display: flex;
            gap: 10px;
            flex-direction: row;
            flex-wrap: wrap;
            align-content: flex-start;
            justify-content: flex-start;
            margin-top: 10px !important;
        }

        .wc-block-add-to-cart-form .quantity .qty {
            padding-top: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);
            padding-bottom: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);
            line-height: 1.25;
            font-size: clamp(0.9375rem, 0.9155rem + 0.0939vw, 1rem);
        }

    /* Stock status */
    p.stock, .woocommerce div.product p.stock {
        font-size: 14px !important;

        &:before {
            border-radius: 50%;
            content: "";
            display: inline-block;
            height: 9px;
            margin-right: 6px;
            width: 9px;
        }
    }
    p.in-stock {
        display: none;
        &:before {
            background-color: #50937f;
        }
    }

    p.out-of-stock {
        &:before {
            background-color: #ff5c8d;
        }
    }

    /* Lightbox */
    .pswp {
        .pswp__caption {
            display: none;
        }
    }

    /* Product recommendations */
    .wc-prl-recommendations {
        max-width: var(--wp--style--global--wide-size);
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: var(--wp--preset--spacing--10);
        padding-right: var(--wp--preset--spacing--10);
        margin-bottom: var(--wp--preset--spacing--30);

        ul.products {

            li.product {
                width: fit-content;
                margin: 0;

                .button {
                    align-items: center;
                    border-style: none;
                    display: inline-flex;
                    justify-content: center;
                    line-height: inherit;
                    overflow: hidden;
                    width: 100%;
                    padding-left: 0;
                    padding-right: 0;
                }
            }
        }

        h2.wc-prl-title {
            font-size: var(--wp--preset--font-size--medium);
        }
    }

    /* Bundle sells */
    .bundle_data {
        width: 100%;

        .bundle_add_to_cart_button {
            width: 100%;
            font-family: var(--wp--preset--font-family--poppins);
    }
}

    /* Upsells */
    .up-sells {
        h2 {
            font-size: var(--wp--preset--font-size--medium);
        }
        ul.products {
            grid-template-columns: repeat(2, minmax(0, 1fr));

            li.product {
                width: 100%;
                @media (max-width: 600px) {
                    
                }
            }
        }
    }

  }

  /* Product loop */
  body li.product .wp-block-button .wp-block-button__link, .add_to_cart_button, .single_add_to_cart_button, .wc-block-components-product-button__button, .bundle_add_to_cart_button, .bundle_add_to_cart_button {
    padding-top: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);
    padding-bottom: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);
    padding-left: clamp(1.25rem, 1.0739rem + 0.7512vw, 1.75rem);
    padding-right: clamp(1.25rem, 1.0739rem + 0.7512vw, 1.75rem);
    font-weight: 500;
    border: none;

    @media (max-width: 600px) {
        padding-left: 8px;
        padding-right: 8px;
    }
    

    &:hover {
        background-color: var(--wp--preset--color--contrast);
    }
  }

  .woocommerce {


    ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
    }

    ul.products {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1.2rem;

        @media (max-width: 600px) {
                grid-template-columns: 1fr 1fr;
            }

        &:before {
            display: none;
        }

        li.product {
            width: 100%;

            .woocommerce-loop-product__title, .wp-block-post-title {
                font-size: clamp(0.929rem, 0.929rem + ((1vw - 0.2rem) * 0.785), 1.4rem);
                font-weight: 400;
                text-align: center;
            }

            .price {
                text-align: center;
            }

            .onsale {
                display: none;
            }
        }
    }
  }

  li.product {
    display: flex;
    flex-flow: row wrap;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .woocommerce ul.products li.product .price, .wp-block-woocommerce-product-price .wc-block-components-product-price{
    font-weight: 500;
    font-size: 1.2rem;

}

del .woocommerce-Price-amount {
    bdi {
        font-weight: 300;
    }
}

  /* WooCommerce notices */
  .wc-block-components-notice-banner {
    color: var(--wp--preset--color--contrast-2);
    font-size: clamp(0.875rem, 0.853rem + 0.0939vw, 0.9375rem);
    border: none;

    &.is-success {
        background-color: var(--wp--preset--color--accent-2);

        >svg {
            background-color: #000;
        }
    }

    .wc-block-components-notice-banner__content {

        @media (max-width: 768px){
            display: flex;
            flex-direction: column-reverse;
            gap: 10px;
           }

        .wc-forward {
            font-size: clamp(0.875rem, 0.853rem + 0.0939vw, 0.9375rem);
            opacity: 1;
            color: var(--wp--preset--color--contrast-2);
            text-align: left !important;
        }
    }
  }

  /* Select option */
  body:not(.wp-admin) select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(https://nudebeauty.demonstrer.es/wp-content/uploads/2024/03/chevron-down.svg);
    background-position: calc(100% - 1em) 1.1em, calc(100% - 2.5em) 0;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    border: none;
    border-radius: 0;
    color: var(--wp--preset--color--contrast-2);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    padding: 14px 40px 14px 14px;
}

.woocommerce.wc-block-catalog-sorting select.orderby, .wc-block-components-validation-error>p {
    font-size: 14px;
}

/* Grid layout */
@media (max-width: 600px) {
    .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* Cart page */
.woocommerce-cart {
    .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header, table.wc-block-cart-items .wc-block-cart-items__header, .is-large.wc-block-cart .wc-block-cart__totals-title {
        font-size: var(--wp--preset--font-size--small);
        text-transform: uppercase;
        font-weight: 600;
    }

    .wc-block-components-totals-coupon__button {
        height: inherit;
        padding-top: 0;
        padding-bottom: 0;
    }
    .wc-block-components-text-input input[type=text] {
        line-height: 1.7em;
    }

    .wc-block-components-totals-item__value, .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__header th, table.wc-block-cart-items .wc-block-cart-items__header th {
        font-weight: 600;
    }

    .wc-block-components-product-metadata .wc-block-components-product-metadata__description>p, .wc-block-components-product-metadata .wc-block-components-product-metadata__variation-data {
        display: none;
    }

    /* Hide mva price in cart */
    .wc-block-components-totals-footer-item .wc-block-components-totals-footer-item-tax {
        display: none;
    }

    .wc-block-components-product-name {
        font-size: 1.1em;
    }

    .wp-block-woocommerce-cart-order-summary-block {
        .wc-block-components-totals-item__value {
            em {
                font-style: normal;
                font-weight: 500;
            }
        }
    }
}

/* Product tabs */
html body .wp-block-woocommerce-product-details.is-style-minimal {
    .woocommerce-tabs {
        ul.tabs {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-content: center;
            justify-content: flex-start;
            gap: 10px;
            align-items: center;

            @media (max-width: 768px){
                flex-direction: column;
                flex-wrap: nowrap;
                justify-content: flex-start;
                align-items: flex-start;
               }
    
            &.wc-tabs {
                border-bottom-color: var(--wp--preset--color--accent);
            }
    
            li.active {
                border-color: transparent;
                background: var(--wp--preset--color--base-2);
    
                a {
                }
            }
    
            li  {
                background: var(--wp--preset--color--accent-2);
                border-radius: 4px;
                padding: 0.1em 1em;
                opacity: 1; 

                @media (max-width: 768px){
                    width: -webkit-fill-available;
                   }
    
                a {
                    font-size: 14px;
                    font-weight: 500 !important;
                    line-height: 1.8;
                }
            }
        }
        .woocommerce-Tabs-panel {
            h2 {
                font-size: 16px;
            }
    
            p, th {
                font-size: 14px;
            }
    
            th {
                font-weight: 600;
            }
        }
    }
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-metadata {
    display: none;
}

/* Cart */
.woocommerce-page  {
    .input-text, .woocommerce-cart-form #coupon_code {
        font-size: var(--wp--preset--font-size--x-small);
    }
    .cart-collaterals h2 {
        font-size: var(--wp--preset--font-size--small);
    }
}

.woocommerce-cart-form {
    .actions .button {
        background-color: var(--wp--preset--color--contrast) !important;
        color: var(--wp--preset--color--base) !important;
        height: 50px;
        line-height: 0 !important;
    }
}

.woocommerce a.remove {
    color: var(--wp--preset--color--contrast-3) !important;
    font-size: 1.4em;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
    a {
        text-decoration: none;
    }
}

header > .wp-block-group .header-bottom .header-row-right ul li ul.wp-block-navigation-submenu {
	padding: 10px 0 !important;
}

header {
	overflow:hidden;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

header > .wp-block-group {
	padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

header > .wp-block-group .header-bottom {
	position: fixed;
	width: 100% !important;
	max-width: 100% !important;
	top: 0;
	background-color: #d1debc !important;
	z-index: 1000;
	padding: 10px 32px 20px 32px !important;
	max-height: 114px;
	height:114px;
}

@media only screen and (max-width: 600px) {
	header > .wp-block-group .header-bottom {
		padding: 10px !important;
	}
}

header > .wp-block-group .header-bottom + .wp-block-group {
	margin-top: 113px;
}

@media only screen and (max-width: 600px) {
	header > .wp-block-group .header-bottom {
		max-height: 100px;
		height:100px;
	}
	header > .wp-block-group .header-bottom + .wp-block-group {
		margin-top: 100px;
	}
}

@media only screen and (max-width: 450px) {
	header > .wp-block-group .header-bottom {
		max-height: 90px;
		height:90px;
	}
	header > .wp-block-group .header-bottom + .wp-block-group {
		margin-top: 90px;
	}
}

header > .wp-block-group .header-bottom > .wp-block-group {
	max-width: 95vw;
	margin-left: auto;
	margin-right: auto;
}

body.logged-in header > .wp-block-group .header-bottom {
	top: 32px;
}

@media only screen and (max-width: 768px) {
	body.logged-in header > .wp-block-group .header-bottom {
		top: 46px !important;
	}

	header > .wp-block-group .header-bottom .header-row-right {
		flex-direction:row !important;
	}
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
	header > .wp-block-group .header-bottom .header-row-right ul li a {
		font-size:14px !important;
	}
}

@media only screen and (max-width: 600px) {
	header > .wp-block-group .header-bottom .header-row-right {
		flex-direction: row-reverse !important;
	} 

    body.woocommerce-checkout header > .wp-block-group .header-bottom .header-row-right {
		flex-direction: row !important;
	}
}

header > .wp-block-group .header-bottom .header-row-right ul li ul.wp-block-navigation-submenu.has-background {
	padding: 10px 0 !important;
}

#wpadminbar {
	position:fixed !important;
}