/*
 Theme Name:   Foodio Child
 Theme URI:    http://example.com/foodio-child/
 Description:  Foodio Child Theme
 Author:       César Uzcpategui
 Author URI:   http://example.com
 Template:     foodio
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  foodio-child
*/

/* 
   IMPORTANTE: Sube tus archivos de fuente (.ttf, .woff, .woff2) a la carpeta:
   wp-content/themes/foodio-child/fonts/
   
   Para "MrAlex-Bold" ya estamos usando un enlace externo proporcionado.
   Para "Haboro ext regular", por favor sube los archivos o proporciona un enlace similar.
*/

/* Mr Alex Bold - Provided Link */
@import url(https://db.onlinewebfonts.com/c/807d127782fb61e67d044d13ad7adce9?family=MrAlex-Bold);

@font-face {
    font-family: "MrAlex-Bold";
    src: url("https://db.onlinewebfonts.com/t/807d127782fb61e67d044d13ad7adce9.eot");
    src: url("https://db.onlinewebfonts.com/t/807d127782fb61e67d044d13ad7adce9.eot?#iefix")format("embedded-opentype"),
        url("https://db.onlinewebfonts.com/t/807d127782fb61e67d044d13ad7adce9.woff2")format("woff2"),
        url("https://db.onlinewebfonts.com/t/807d127782fb61e67d044d13ad7adce9.woff")format("woff"),
        url("https://db.onlinewebfonts.com/t/807d127782fb61e67d044d13ad7adce9.ttf")format("truetype"),
        url("https://db.onlinewebfonts.com/t/807d127782fb61e67d044d13ad7adce9.svg#MrAlex-Bold")format("svg");
}

@font-face {
    font-family: 'Haboro ext regular';
    src: url('fonts/HaboroExtRegular.woff2') format('woff2'),
        url('fonts/HaboroExtRegular.woff') format('woff'),
        url('fonts/HaboroExtRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Fix btn-nanuk: Disable animation and ensure text visibility on hover */

/* Ensure text is above the background pseudo-element */
.btn.btn-nanuk .pxl--btn-text {
    position: relative !important;
    z-index: 10 !important;
}

/* Simplify the span state on hover */
.btn.btn-nanuk:hover .pxl--btn-text span {
    -webkit-animation: none !important;
    animation: none !important;
    transform: none !important;
    opacity: 1 !important;
    color: #000000 !important;
    /* Force black text against yellow background */
    transition: none !important;
    visibility: visible !important;
}

/* Ensure the wrapper also has the correct color just in case */
.btn.btn-nanuk:hover .pxl--btn-text {
    color: #000000 !important;
    opacity: 1 !important;
    visibility: visible !important;

}

/* Hide price circles in pxl-banner5 (Discover Menu section) */
.pxl-banner5 .price {
    display: none !important;
}

/* Revolution Slider Font Overrides */
sr7-txt.slide-title {
    font-family: "MrAlex-Bold", sans-serif !important;
    font-weight: bold !important;
}

sr7-txt,
sr7-txt p,
sr7-txt span,
sr7-txt div {
    font-family: 'Haboro ext regular', sans-serif !important;
}

/* Typography Overrides */

/* Titles - Mr Alex Bold */
h1,
h2,
h3,
h4,
h5,
h6,
.title,
.pxl-heading,
.pxl-title {
    font-family: "MrAlex-Bold", sans-serif !important;
    font-weight: bold;
    /* Ensure bold weight is used */
}

/* Paragraphs - Haboro ext regular */
body,
p,
.pxl-text,
.content,
.description {
    font-family: 'Haboro ext regular', sans-serif;
}

/* Fallback/Correction for specific classes that might override the body font */
.ft-theme-default,
.btn,
input,
textarea,
select,
button {
    font-family: 'Haboro ext regular', sans-serif;
}

/* Hide price, add to cart button, and SALE badge in product grid and carousels */
.pxl-products .item-price,
.pxl-products .pxl-button,
.pxl-product-carousel .item-price,
.pxl-product-carousel .pxl-button,
.pxl-product-carousel1 .item-price,
.pxl-product-carousel1 .pxl-button,
.pxl-products .product-onsale,
.pxl-product-carousel .product-onsale,
.pxl-product-carousel1 .product-onsale {
    display: none !important;
}

/* Subtitles - Haboro ext regular */
.pxl-item--subtitle,
.pxl-item--subtext {
    font-family: 'Haboro ext regular', sans-serif !important;
}

/* Active Tab Title Color - White */
.pxl-tabs .pxl-tab--title.active,
.pxl-tabs .pxl-tab--title.active .pxl-title--text {
    color: #ffffff !important;
}

.pxl-tabs .pxl-tab--title.active .pxl-title--text svg {
    fill: #ffffff !important;
}

/* Center Tab Titles */
.pxl-tabs .pxl-tab--title {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* Center text in Banner 5 cards - REVISED V2 */
.pxl-banner5 .pxl-item--image {
    position: relative !important;
    overflow: hidden;
}

.pxl-banner5 .content-inner {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    height: auto !important;
    /* Allow height to be determined by content */
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 5;
}

.pxl-banner5 .content-style {
    width: 100%;
    text-align: center !important;
}

.pxl-banner5 .sub-title {
    text-align: center !important;
    display: block;
    width: 100%;
}

/* Eliminate potential margin interference */
.pxl-banner5 .title,
.pxl-banner5 .sub-title {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Service Carousel SVG Fix */
.pxl-sevice-carousel-custom .pxl-item--icon svg,
.pxl-sevice-carousel-custom .pxl-item--icon i {
    max-height: 100%;
    height: auto !important;
    /* Force auto height to respect max-height or container */
    width: auto !important;
    /* Allow width to scale proportionally */
    max-width: 100%;
    /* Ensure it doesn't overflow horizontally */
    display: inline-block;
    vertical-align: middle;
}

/* Specific fix for the potrace generated SVG */
.pxl-sevice-carousel-custom .pxl-item--icon svg[width][height] {
    width: 60px !important;
    /* Set a reasonable default size or inherit from a parent if controlled by Elementor */
    height: auto !important;
}

/* Ensure the icon container has a reasonable size if not set */
.pxl-sevice-carousel-custom .pxl-item--icon {
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Hide Icons in About Us Service Carousel */
.elementor-element-9c906fd .pxl-item--icon {
    display: none !important;
}

/* Fix Footer Double Bullets */
.site-footer .widget_nav_menu ul,
.site-footer .widget_nav_menu li,
.site-footer ul.menu,
.site-footer ul.menu li,
.elementor-widget-icon-list .elementor-icon-list-items,
.elementor-widget-icon-list .elementor-icon-list-item {
    list-style: none !important;
    list-style-type: none !important;
}

/* Remove Border from Contact Form Submit Button and Wrapper */
.contact-submit,
.contact-submit>p {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: none !important;
}

.contact-submit input[type="submit"] {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Hide decorative pseudo-elements that might be creating a border effect */
.contact-submit::before,
.contact-submit::after,
.contact-submit p::before,
.contact-submit p::after {
    display: none !important;
    border: none !important;
    content: none !important;
}

/* Menu Page - Carousel Item Style (Slightly Rounded & No Border) */
/* Target generic page to catch Menu page if template class fails, but exclude homepage if possible */
body.page:not(.home) .pxl-swiper-slide .pxl-item--inner,
body.page:not(.home) .pxl-swiper-slide .pxl-item--image,
body.page:not(.home) .pxl-swiper-slide .pxl-item--image img,
/* Fallback: Direct template class just in case */
.page-template-page-menu .pxl-swiper-slide .pxl-item--inner,
.page-template-page-menu .pxl-swiper-slide .pxl-item--image,
.page-template-page-menu .pxl-swiper-slide .pxl-item--image img {
    border-radius: 10px !important;
    border: none !important;
    box-shadow: none !important;
}

/* Hide decorative pseudo-elements creating the white border */
body.page:not(.home) .pxl-swiper-slide .pxl-item--inner::before,
body.page:not(.home) .pxl-swiper-slide .pxl-item--inner::after,
body.page:not(.home) .pxl-swiper-slide .pxl-item--image::before,
body.page:not(.home) .pxl-swiper-slide .pxl-item--image::after,
.page-template-page-menu .pxl-swiper-slide .pxl-item--inner::before,
.page-template-page-menu .pxl-swiper-slide .pxl-item--inner::after,
.page-template-page-menu .pxl-swiper-slide .pxl-item--image::before,
.page-template-page-menu .pxl-swiper-slide .pxl-item--image::after {
    display: none !important;
    content: none !important;
    border: none !important;
    opacity: 0 !important;
}