/*
Theme Name: Hello Biz Residus
Theme URI: https://residus.conselldeivissa.es/
Description: Tema hijo institucional para el portal de residuos del Consell Insular d'Eivissa.
Author: Consell Insular d'Eivissa
Template: hello-biz
Version: 1.0.0
Text Domain: hello-biz-residus
*/

:root {
    --residus-primary: #08756f;
    --residus-primary-dark: #075b57;
    --residus-ink: #203039;
    --residus-muted: #5c6a71;
    --residus-soft: #f4f7f6;
    --residus-border: #d8e1df;
    --residus-accent: #d8b83f;
    --residus-radius-control: 6px;
    --residus-radius-card: 10px;
    --residus-content-width: 1180px;
}

html { scroll-behavior: smooth; }
body { color: var(--residus-ink); }

:where(a, button, input, select, textarea):focus-visible {
    outline: 3px solid var(--residus-primary);
    outline-offset: 3px;
}

/* Controles nativos que no gestiona Elementor. */
:where(button, input[type="submit"], input[type="reset"]) {
    min-height: 44px;
    border-radius: var(--residus-radius-control);
    font-family: Montserrat, Arial, sans-serif;
}

/* Cabecera y navegación. */
#masthead .eael-simple-menu > li > a {
    padding-inline: clamp(7px, .75vw, 14px);
    white-space: nowrap;
}

#masthead .eael-simple-menu > li > a:is(:hover, :focus-visible),
#masthead .eael-simple-menu > li > a.eael-item-active {
    color: var(--residus-primary);
}

/* El hero debe construirse en Elementor; estas reglas garantizan legibilidad. */
.page-id-28 .elementor-element-5f9c01f {
    position: relative;
    isolation: isolate;
}

.page-id-28 .elementor-element-5f9c01f::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(90deg, rgba(9, 34, 34, .78) 0%, rgba(9, 34, 34, .48) 52%, rgba(9, 34, 34, .12) 100%);
}

/* Integración del panel de estadísticas con el resto del sitio. */
.cre-public-dashboard,
.cre-public-dashboard-wrap {
    width: min(100%, var(--residus-content-width));
    margin-inline: auto;
    background: transparent;
}

.cre-public-dashboard :where(select, input) {
    min-height: 44px;
    border-color: var(--residus-border);
    border-radius: var(--residus-radius-control);
}

img { max-width: 100%; height: auto; }

@media (max-width: 1024px) {
    #masthead .eael-simple-menu-container.residus-menu-open .eael-simple-menu {
        display: block;
    }
}

@media (max-width: 767px) {
    .page-id-28 .elementor-element-5f9c01f::before {
        background: rgba(9, 34, 34, .68);
    }

    :where(.elementor-button, .wp-block-button__link, button, input[type="submit"]) {
        white-space: normal;
        overflow-wrap: anywhere;
    }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}