/*
Theme Name: Hello Elementor Child
Description: Child theme do Hello Elementor para customizações do projeto Elia iFood
Template: hello-elementor
Version: 1.0.0
*/

/* ==========================================================================
   iFood Fonts - Tipo iFood Textos & Titulos
   ========================================================================== */

/* Tipo iFood Textos - Thin */
@font-face {
    font-family: "Tipo iFood Textos";
    src: url('./assets/fonts-ifood/iFoodRCTextos-Thin.eot');
    src: url('./assets/fonts-ifood/iFoodRCTextos-Thin.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts-ifood/iFoodRCTextos-Thin.woff2') format('woff2'),
         url('./assets/fonts-ifood/iFoodRCTextos-Thin.woff') format('woff'),
         url('./assets/fonts-ifood/iFoodRCTextos-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* Tipo iFood Textos - Light */
@font-face {
    font-family: "Tipo iFood Textos";
    src: url('./assets/fonts-ifood/iFoodRCTextos-Light.eot');
    src: url('./assets/fonts-ifood/iFoodRCTextos-Light.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts-ifood/iFoodRCTextos-Light.woff2') format('woff2'),
         url('./assets/fonts-ifood/iFoodRCTextos-Light.woff') format('woff'),
         url('./assets/fonts-ifood/iFoodRCTextos-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Tipo iFood Textos - Regular */
@font-face {
    font-family: "Tipo iFood Textos";
    src: url('./assets/fonts-ifood/iFoodRCTextos-Regular.eot');
    src: url('./assets/fonts-ifood/iFoodRCTextos-Regular.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts-ifood/iFoodRCTextos-Regular.woff2') format('woff2'),
         url('./assets/fonts-ifood/iFoodRCTextos-Regular.woff') format('woff'),
         url('./assets/fonts-ifood/iFoodRCTextos-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Tipo iFood Textos - Medium */
@font-face {
    font-family: "Tipo iFood Textos";
    src: url('./assets/fonts-ifood/iFoodRCTextos-Medium.eot');
    src: url('./assets/fonts-ifood/iFoodRCTextos-Medium.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts-ifood/iFoodRCTextos-Medium.woff2') format('woff2'),
         url('./assets/fonts-ifood/iFoodRCTextos-Medium.woff') format('woff'),
         url('./assets/fonts-ifood/iFoodRCTextos-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Tipo iFood Textos - Bold */
@font-face {
    font-family: "Tipo iFood Textos";
    src: url('./assets/fonts-ifood/iFoodRCTextos-Bold.eot');
    src: url('./assets/fonts-ifood/iFoodRCTextos-Bold.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts-ifood/iFoodRCTextos-Bold.woff2') format('woff2'),
         url('./assets/fonts-ifood/iFoodRCTextos-Bold.woff') format('woff'),
         url('./assets/fonts-ifood/iFoodRCTextos-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Tipo iFood Textos - ExtraBold */
@font-face {
    font-family: "Tipo iFood Textos";
    src: url('./assets/fonts-ifood/iFoodRCTextos-ExtraBold.eot');
    src: url('./assets/fonts-ifood/iFoodRCTextos-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts-ifood/iFoodRCTextos-ExtraBold.woff2') format('woff2'),
         url('./assets/fonts-ifood/iFoodRCTextos-ExtraBold.woff') format('woff'),
         url('./assets/fonts-ifood/iFoodRCTextos-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* Tipo iFood Titulos - Thin */
@font-face {
    font-family: "Tipo iFood Titulos";
    src: url('./assets/fonts-ifood/iFoodRCTitulos-Thin.eot');
    src: url('./assets/fonts-ifood/iFoodRCTitulos-Thin.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts-ifood/iFoodRCTitulos-Thin.woff2') format('woff2'),
         url('./assets/fonts-ifood/iFoodRCTitulos-Thin.woff') format('woff'),
         url('./assets/fonts-ifood/iFoodRCTitulos-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* Tipo iFood Titulos - Light */
@font-face {
    font-family: "Tipo iFood Titulos";
    src: url('./assets/fonts-ifood/iFoodRCTitulos-Light.eot');
    src: url('./assets/fonts-ifood/iFoodRCTitulos-Light.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts-ifood/iFoodRCTitulos-Light.woff2') format('woff2'),
         url('./assets/fonts-ifood/iFoodRCTitulos-Light.woff') format('woff'),
         url('./assets/fonts-ifood/iFoodRCTitulos-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Tipo iFood Titulos - Regular */
@font-face {
    font-family: "Tipo iFood Titulos";
    src: url('./assets/fonts-ifood/iFoodRCTitulos-Regular.eot');
    src: url('./assets/fonts-ifood/iFoodRCTitulos-Regular.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts-ifood/iFoodRCTitulos-Regular.woff2') format('woff2'),
         url('./assets/fonts-ifood/iFoodRCTitulos-Regular.woff') format('woff'),
         url('./assets/fonts-ifood/iFoodRCTitulos-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Tipo iFood Titulos - Medium */
@font-face {
    font-family: "Tipo iFood Titulos";
    src: url('./assets/fonts-ifood/iFoodRCTitulos-Medium.eot');
    src: url('./assets/fonts-ifood/iFoodRCTitulos-Medium.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts-ifood/iFoodRCTitulos-Medium.woff2') format('woff2'),
         url('./assets/fonts-ifood/iFoodRCTitulos-Medium.woff') format('woff'),
         url('./assets/fonts-ifood/iFoodRCTitulos-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Tipo iFood Titulos - Bold */
@font-face {
    font-family: "Tipo iFood Titulos";
    src: url('./assets/fonts-ifood/iFoodRCTitulos-Bold.eot');
    src: url('./assets/fonts-ifood/iFoodRCTitulos-Bold.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts-ifood/iFoodRCTitulos-Bold.woff2') format('woff2'),
         url('./assets/fonts-ifood/iFoodRCTitulos-Bold.woff') format('woff'),
         url('./assets/fonts-ifood/iFoodRCTitulos-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Tipo iFood Titulos - ExtraBold */
@font-face {
    font-family: "Tipo iFood Titulos";
    src: url('./assets/fonts-ifood/iFoodRCTitulos-ExtraBold.eot');
    src: url('./assets/fonts-ifood/iFoodRCTitulos-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('./assets/fonts-ifood/iFoodRCTitulos-ExtraBold.woff2') format('woff2'),
         url('./assets/fonts-ifood/iFoodRCTitulos-ExtraBold.woff') format('woff'),
         url('./assets/fonts-ifood/iFoodRCTitulos-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* ==========================================================================
   Aplicação das Fontes iFood
   ========================================================================== */

/* Fonte padrão para textos */
body, 
.footer-text,
.chat-custom-footer,
#n8n-chat {
    font-family: "Tipo iFood Textos", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Fonte para títulos e elementos destacados */
h1, h2, h3, h4, h5, h6,
.chat-header,
.footer-logo-text {
    font-family: "Tipo iFood Titulos", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Customizações específicas do projeto podem ser adicionadas aqui */

/* ==========================================================================
   Bootstrap 5.2 Integration & Compatibility
   ========================================================================== */

/* Oculta header e footer do WordPress para esta página */
.site-header,
.site-footer {
    display: none;
}

/* Previne conflitos do Bootstrap com WordPress */
.wp-block-group {
    box-sizing: border-box;
}

/* Garante que o Bootstrap não interfira com elementos do WordPress */
/* Admin bar desabilitada via functions.php */

/* Reset específico para evitar conflitos */

#page-home {
    height: 100dvh;;
}

#page-home * {
    box-sizing: border-box;
}

/* Compatibilidade com Elementor */
.elementor-widget-container {
    box-sizing: border-box;
}

/* Bootstrap utilities para o projeto */
.bg-elia-red {
    background-color: #D82941 !important;
}

.bg-elia-dark-red {
    background-color: #890019 !important;
}

.bg-elia-pink {
    background-color: #FFAAB4 !important;
}

.bg-elia-light-pink {
    background-color: #F9F2E8 !important;
}

.text-elia-red {
    color: #D82941 !important;
}

.text-elia-dark-red {
    color: #890019 !important;
}

.border-elia-red {
    border-color: #D82941 !important;
}

/* Responsive utilities específicas para ELIA */
@media (max-width: 768px) {
    .elia-hide-mobile {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .elia-hide-desktop {
        display: none !important;
    }
}

.elia-footer-bars-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
    z-index: 1000;
    pointer-events: none;
}

.elia-footer-bars {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
}

.elia-footer-bar {
    height: 12px;
    flex: 1;
    position: relative;
}

/* Cores das barras conforme Figma */
.elia-bar-red {
    background-color: #890019;
}

.elia-bar-pink {
    background-color: #FF3C53;
}

.elia-bar-yellow {
    background-color: #FFC400;
}

/* Responsive - mantém proporções em diferentes telas */
@media (max-width: 768px) {
    .elia-footer-bars-container {
        height: 8px;
    }
    
    .elia-footer-bar {
        height: 8px;
    }
}

@media (max-width: 480px) {
    .elia-footer-bars-container {
        height: 6px;
    }
    
    .elia-footer-bar {
        height: 6px;
    }
}

/* Animação sutil para as barras */
.elia-footer-bar {
    transition: all 0.3s ease;
}

.elia-footer-bar:hover {
    transform: scaleY(1.2);
    z-index: 1001;
}