/* Custom Font Overrides usando Google Fonts */

/* Override para párrafos - usar Karla */
body,
p,
.intro-section-content p,
.spready-saucy-section .spready-saucy-content p,
.section-community p,
.questions-section-paragraph,
.item-text p,
.community-text-content p {
    font-family: 'Karla', sans-serif !important;
}


/* Override para título principal "Spready, saucy" - usar Raleway */
.spready-saucy-section .spready-saucy-content h2 {
    font-family: 'Raleway', sans-serif !important;
    font-size: 41px;
    color: #3e59a7;
    text-align: center;
    margin-bottom: 40px;
    line-height: 1.2 !important;
    word-spacing: 0.1em;
}

@media (min-width: 768px) {
    .spready-saucy-section .spready-saucy-content h2 {
        font-size: 6rem;
    }
}

@media (min-width: 1025px) {
    .spready-saucy-section .spready-saucy-content h2 {
        font-size: 9rem;
        line-height: 7rem;
    }
}

@media (min-width: 1340px) {
    .spready-saucy-section .spready-saucy-content h2 {
        font-size: 11rem;
        line-height: 9rem;
    }
}

/* Override para "and non-dairy!" - usar Karla */
.spready-saucy-section .spready-saucy-content h2 .dashed-text-spready-saucy {
    font-family: 'Karla', sans-serif !important;
    display: block;
    position: relative;
    font-size: 4rem;
    color: #3e59a7;
    word-spacing: 0;
    margin: 0;
    letter-spacing: normal;
}

@media (min-width: 768px) {
    .spready-saucy-section .spready-saucy-content h2 .dashed-text-spready-saucy {
        width: 230px;
        display: inline-block;
        word-spacing: 0;
    }
}

@media (min-width: 1025px) {
    .spready-saucy-section .spready-saucy-content h2 .dashed-text-spready-saucy {
        text-align: center;
        font-size: 6rem;
        line-height: 5rem;
        word-spacing: -4px;
        width: 336px;
    }
}

@media (min-width: 1340px) {
    .spready-saucy-section .spready-saucy-content h2 .dashed-text-spready-saucy {
        font-size: 7rem;
        line-height: 6rem;
    }
}

/* Decoraciones antes y después del texto "and non-dairy!" */
.spready-saucy-section .spready-saucy-content h2 .dashed-text-spready-saucy::after,
.spready-saucy-section .spready-saucy-content h2 .dashed-text-spready-saucy::before {
    position: absolute;
    display: block;
    content: "";
    width: 40px;
    height: 24px;
    top: 50%;
    left: -16px;
    transform: translate(0, -50%);
    background: url(https://www.palais.bio/wp-content/themes/palais/svg/Before-after-text.svg) center no-repeat;
    background-size: contain;
}

.spready-saucy-section .spready-saucy-content h2 .dashed-text-spready-saucy::before {
    left: unset;
    right: -16px;
    transform: translate(0, -50%) rotate(180deg);
}

/* Títulos Hero - usar Raleway Bold */
.hero-section-content h1,
.hero-section-content h2 {
    font-family: 'Raleway', sans-serif !important;
    font-weight: 700;
}

/* Títulos de recetas */
#recipes-swiper-main-title-mobile,
#recipes-swiper-main-title-desktop {
    font-family: 'Raleway', sans-serif !important;
}

/* Títulos de secciones */
.section-community-maintitle-mobile,
.section-community-maintitle-desktop {
    font-family: 'Raleway', sans-serif !important;
}

.section-community-maintitle-mobile span,
.section-community-maintitle-desktop span {
    font-family: 'Karla', sans-serif !important;
}

/* Botones y CTAs */
.cta,
.cta-store-locator {
    font-family: 'Karla', sans-serif !important;
    font-weight: 600;
}

/* Footer */
.main-footer h3,
.bottom-footer {
    font-family: 'Karla', sans-serif !important;
    font-weight: 600;
}

.nav-footer-links li a,
.legal-menu li a {
    font-family: 'Karla', sans-serif !important;
}

/* Navegación */
.main-navigation-list a,
.menu-item-dropdown-title {
    font-family: 'Karla', sans-serif !important;
    font-weight: 500;
}

/* Questions section */
.questions-section-title {
    font-family: 'Raleway', sans-serif !important;
}

/* Sign up section */
.sign-up-section h2 {
    font-family: 'Raleway', sans-serif !important;
}

.sign-up-section h2 span {
    font-family: 'Karla', sans-serif !important;
}