/* ========================================
   WIDGET: FLUID TEXT (Texto Fluido)
   Fluid typography with clamp() and advanced controls
   ======================================== */

/* === CONTAINER === */
.widget-fluid-text {
    position: relative;
    width: 100%;
}

/* === TEXT ELEMENT === */
.widget-fluid-text__text {
    /* Reset de margens padrão do heading */
    margin: 0;
    padding: 0;

    /* Herda font-size do wrapper pai (.elementor-element-{uid}).
       O clamp() fluido é aplicado no wrapper para evitar o fluid typography
       detector do Elementor Pro, que monitora font-size no seletor do
       Group_Control_Typography e ao detectar clamp() substitui a UI de tipografia.
       Com inherit aqui, h1-h6 não sobrescrevem o clamp herdado do pai. */
    font-size: inherit;

    /* NÃO define font-family aqui.
       Herda do tema (theme-typography.css → h1-h6, p, etc.)
       e do Group_Control_Typography do Elementor. */

    /* Renderização suave de fontes variáveis */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
}

/* Link dentro do texto */
.widget-fluid-text__text a {
    color: inherit;
    text-decoration: none;
    display: inline;
}

.widget-fluid-text__text a:hover {
    text-decoration: none;
}

/* === RESPONSIVENESS === */

/* Suporte para movimento reduzido */
@media (prefers-reduced-motion: reduce) {
    .widget-fluid-text__text {
        transition: none;
    }
}

/* === ELEMENTOR EDITOR === */

/* Garante visibilidade durante a edição */
.elementor-editor-active .widget-fluid-text__text {
    min-height: 1em;
}

/* Placeholder visual no editor quando vazio */
.elementor-editor-active .widget-fluid-text__text:empty::before {
    content: 'Texto Fluido';
    opacity: 0.4;
    pointer-events: none;
}