/* CSS esencial para la vista básica del tema */
/* GENERAL */
:root{
    --font-family:'Montserrat', serif;
    --color-primary: #f6be2f;
    --rgb-color-primary: 246, 190, 47;
    --border-radius-box-general: 12px;
    --color-error: #ff4538;
    --color-success: #38e84c;
    --color-warning: #fae92d;
    --color-gray0: #49494c;
    --color-gray1: grey;
    --color-gray2: #b8b8b8;
    --color-gray3: #ebebeb;
    --color-gray4: #f1f1f1;
    --color-gray5: #f9f9f9;
}
body{ margin: 0; font-family: var(--font-family); font-optical-sizing: auto; font-weight: 400; font-style: normal;}
/* MATERIAL ICONS */
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 }
/* HEADER MAIN */
.recipes_navigation_container{position: relative;}
.recipes_topbar_container{position:relative; background: white; box-shadow: 0 0 6px 0 var(--color-gray2);}
.recipes_header_topbar{ display: flex; max-width: 1400px; width: calc(100% - 40px); margin: auto; padding: 0 20px; min-height: 52px; align-items: center; }
.recipes_header_separator{ flex:1; }
.recipes_toggle_menu{ min-width: 60px; display: flex; align-items: center; border-width: 0; background: transparent; text-align: left; padding: 0; line-height: 1.6em;}
.recipes_toggle_menu .recipes-close-svg{ display: none;}
.recipes_toggle_menu{ cursor: pointer; }
/* HEADER NAVIGATION */
.inner-wrapper-sticky{ z-index: 99; }
.recipes_side_navegation{position: absolute; height: calc(100vh - 57px); left: -110%; transition: left .7s ease-in-out; z-index: 9999;}
body.admin-bar .recipes_side_navegation{height: calc(100vh - 89px);}
body.recipes-slide-navigation-open .recipes_side_navegation{left: 0;}
body.recipes-slide-navigation-open .recipes_toggle_menu .ast-menu-svg{ display: none; }
body.recipes-slide-navigation-open .recipes_toggle_menu .ast-close-svg{ display: inline; }
.recipes_side_section_nav .menu-arrow{ display: inline-block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: transparent; min-width: 50px; text-align: right; pointer-events: none; border: none; }
.recipes_side_section_nav .menu-item{ margin-bottom: 8px; padding-left: 1.5em; line-height: 44px; min-height: 46px;}
.recipes_side_section_nav .menu-item-has-children > .menu-item-container .menu-arrow::after{ font-family: 'Material Symbols Outlined';  content: '\e5e1'; font-size: 19px; color: #8b8698; }
.recipes_side_section_nav .menu-item-has-children .menu-item-container{ position: relative;}
.recipes_side_section_nav, .recipes_sub_side_section_nav{ width: 350px; background: white; height: 100%; padding-top: 2em;}
.recipes_sub_side_section_nav{ position: absolute; display: none; right: -100%; height: 100%; top: 0; background: #f5f5f5; }
.recipes_sub_side_section_nav::before{ position: absolute; display: none; right: -100%; height: 100%; top: 0; background: #f5f5f5; }
.recipes_sub_side_section_nav::after{ content: ''; position: absolute; top: 0; bottom: 0; left: -5px; box-shadow: -10px 0 19px #000; width: 5px; clip-path: inset(0 -21px 0 0%); }
.recipes_side_section_nav .menu-item.focused > .recipes_sub_side_section_nav{display: block;}
.recipes_side_section_nav.recipes_grandsub_side_section{ background: #ebebeb; }
.recipes_side_section_nav .menu-link{ font-size: 20px; letter-spacing: 1.2px; text-decoration: none; color: black;}
.recipes_side_section_nav .menu-link:hover span{ font-weight: 600; letter-spacing: 1px; }
/* HEADER FAST SIDE NAVIGATION */
.recipes_fast_navegation_side_header{ width: 100%; padding: 1em; padding-left: 3em; margin-top: 4em; box-sizing: border-box;}
.recipes_fast_navegation_side_header .menu-item{ min-height: initial; line-height: initial; padding-left: 0; margin-bottom: 5px;}
.recipes_fast_navegation_side_header ul{ list-style: none; margin: 0; padding: 0;}
.recipes_fast_navegation_side_header ul .menu-item a{ letter-spacing: 1.2px; color: #3b3b3b; text-transform: uppercase; font-size: 12px; text-decoration: none;}
.recipes_fast_navegation_side_header ul .menu-item a:hover{ color: var(--color-primary); font-weight: 600; letter-spacing: 1px;}
/* HEADER SEARCH */
.recipes_search_toggle{ vertical-align: middle; color: #707070; cursor: pointer; user-select: none; }
.recipes_search_toggle:hover{ color: black;}
.recipes_search_toggle.active{ color: var(--color-primary);}
.recipes_search_container{ position: absolute; width: 100%; left: 0; top: 50px; box-sizing: border-box; background: #fff; padding: 0 4rem; overflow: hidden; transition: all .2s; height: 0; display: flex; flex-direction: column; max-height: calc(100vh - 88px); gap: 1em; z-index: 50; }
.recipes_search_container .recipes_search_close{ position: absolute; top: 10px; right: 10px; z-index: 5; }
body.header_search_open .recipes_search_container{ padding: 4rem; box-shadow: 0 4px 6px 0 rgba(0,0,0,.16); height: initial; }
.search_header_recipes{ width: 100%; position: relative;}
.search_header_recipes input{ width: 100%; border: 0; border-bottom:2px solid #ccc; padding: 1em;padding-left: 35px; margin-bottom: 1em;}
.search_header_recipes input:focus{ outline: none; border-bottom: 2px solid black;}
.search_header_recipes .searchIcon{ background: none; border: 0; position: absolute; top: 49%; left: 5px; opacity: 0.67; transform: translateY(-50%); user-select: none; }
@media (max-width: 1000px){
    body.header_search_open .recipes_search_container{ padding: 2rem;}
}
/* HEADER MULTILINGUAL */
.recipes_multilingual_header{ padding-left: 1em;}
.recipes_multilingual_header .wpml-ls-legacy-dropdown{ width: initial; }
.recipes_multilingual_header .wpml-ls-legacy-dropdown a,._ecipes_multilingual-header .wpml-ls-legacy-dropdown a span{ border-color: transparent; transition: none; }
@media (max-width: 560px){
    .recipes_multilingual_header{ padding-left: 0em;}
}
/* HEADER RETURN */
.recipes_return_container{padding-right: 20px;}
.recipes_return_newlux{ text-decoration: none; font-weight: 600; color: black; display: inline-flex; justify-content: center;align-items: center; gap: 5px; }
.recipes_return_newlux:hover{ color: var(--color-primary); }
.recipes_return_container_mobile{ display: none;}
@media (max-width: 560px){
    .recipes_return_container{ display: inline-flex; justify-content: center; align-items: center; padding-right: 10px; }
    .recipes_return_newlux .text_return_shop{ display: none;}
    .recipes_return_container_desktop{ display: none;}
    .recipes_return_container_mobile{ display: inline-flex; }
}
/* FOOTER */
footer{ position: relative; display: block; padding: 2em; border-top: 1px solid gray;}
.widget.widget_block{ display: block; }
.rrss_container{ position: absolute; top: 50%; left: 0; padding-left:2em; transform: translateY(-50%); display: flex; gap: 1em; }
.rrss_container .rrss_icons_rrss svg{ width: 16px; height: 16px; fill:gray; }
.rrss_container .rrss_icons_rrss:hover svg{ fill:black }
.copyright_container{ text-align: center; }
.links_container { position: absolute; top: 50%; right: 0; padding-right: 2em; transform: translateY(-50%);}
.links_container ul.menu{ margin: 0; padding: 0; list-style: none; display: flex; font-size: 14px; gap: 16px; }
.links_container ul.menu li.menu-item a{ color: gray; }
.links_container ul.menu li.menu-item a:hover{ color:black; }
@media (max-width: 1400px){
    footer{ display: flex; flex-direction: column; gap: 1em; }
    .rrss_container{ position: inherit; transform: none; justify-content: center; top: 0; }
    .links_container{ position: inherit; transform: none; top: 0; }
    .links_container ul.menu{ justify-content: center; }
}
/*.urls_container{ display: ;}*/
/* CARD SIMPLE PRODUCTS */
.simple_product_card{ max-width: 20%; display: block; background: white; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); padding: 1em; border-radius: 20px; text-decoration: none; color: black; }
.simple_product_card_gallery{ position: relative; }
.simple_product_card_gallery img{ min-width: 100px; min-height: 100px; position: absolute; top: 0; left: 0; opacity: 0; transition: 0.5s opacity; }
.simple_product_card_gallery img.selected{ position: relative; opacity: 1; }
.simple_product_card_colors{ display: flex; gap: 5px;}
.simple_product_card_colors[data-amount-colors='1']{ opacity: 0;}
.card_color{ width: 14px; display: inline-block; height: 14px; border-radius: 50%; border: 1px solid #BCBCBC; }
.card_color.selected{ border: 1px solid #4D4D4D; }
.simple_product_card_price .not_available{ text-transform: uppercase; color: rgb(121, 121, 121); font-size: 14px;}
.simple_product_card_price .price{ font-weight: 700; }
@media (max-width: 800px){
    .simple_product_card{max-width: calc(33% - 3em);}
}
@media (max-width: 600px){
    .simple_product_card{max-width: calc(50% - 3em);}
}
/* CARD RECIPE */
.recipe_card{ display:flex; flex-direction:column; max-width: 40%; background: white; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); border-radius: 20px; text-decoration: none; color: black; }
.recipe_card .recipe_card_image_container{ display: flex; overflow: hidden; border-top-right-radius: 20px; border-top-left-radius: 20px; }
.recipe_card .recipe_card_image_container img{ transform:scale(1); transition: transform 0.5s; border-radius: 20px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; user-select: none; pointer-events: none; width: 100%;}
.recipe_card .recipe_card_content{ padding: 1em; display: flex; flex-direction: column; flex: 1;}
.recipe_card .recipe_card_title{ flex:1; }
.recipe_card .recipe_card_content p{ margin: 0;}
.recipe_card .recipe_card_category_container{ text-transform: uppercase; font-weight: 600; font-size: 14px;}
.recipe_card .recipe_card_see_more{ padding-top: 1em; color: var(--color-primary); font-weight: 600; }
.recipe_card:hover .recipe_card_see_more{ color: black;}
.recipe_card:hover .recipe_card_image_container img{ transform: scale(1.1); }
/* GRID CARDS TEMPLATE */
.archive-container article{ padding: 2rem 0rem; display: flex; flex-direction: column; gap: 1em; padding-top: 0; }
.archive-header{ position: sticky; padding-left: 4rem; padding-right: 4rem; padding-top: 2rem; padding-bottom: 1rem; top: 52px; background: white; z-index: 5; display: flex;}
.admin-bar .archive-header{top: 84px}
.archive-header.is_sticked{ box-shadow: 0 0 6px 0 var(--color-gray2); }
.archive-title{ margin: 0; flex: 1; }
.infinite-scrolling .amount_posts{ display: flex; gap: 5px; font-size: 18px;}
.archive-post-grid,.recipes-post-grid{ padding-left: 4rem; padding-right: 4rem; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 2em;}
.archive-post-grid > .recipe_card, .recipes-post-grid > .recipe_card{ max-width: 100%;}
/* ERROR 404 */
.page_not_found{ text-align: center; height: 80vh; width: 100vw; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.page_not_found h1{ font-size: 6vw; color: var(--color-primary); margin:0}
.page_not_found h2{ font-size: 1.5vw; width: 50%; margin: 0; }