/* ========================================
   WIDGET: TEXTO COMPOSTO (Text Compose)
   Título + Descrição com tipografia fluida
   ======================================== */

.text-compose {
    position: relative;
    width: 100%;
}

/* Título — reset de margem padrão dos headings */
.text-compose__title {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: none;
}

/* Descrição — herda tipografia padrão do Elementor/tema */
.text-compose__description {
    margin: 0;
    padding: 0;
    font-family: var(--e-global-typography-text-font-family, inherit);
    font-size: var(--e-global-typography-text-font-size, inherit);
    font-weight: var(--e-global-typography-text-font-weight, inherit);
    line-height: var(--e-global-typography-text-line-height, inherit);
    color: var(--e-global-color-text, inherit);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-wrap: break-word;
}

/* Suporte para movimento reduzido */
@media (prefers-reduced-motion: reduce) {
    .text-compose__title,
    .text-compose__description {
        transition: none;
    }
}

/* === ELEMENTOR EDITOR === */
.elementor-editor-active .text-compose__title:empty::before {
    content: 'Título';
    opacity: 0.4;
    pointer-events: none;
}

.elementor-editor-active .text-compose__description:empty::before {
    content: 'Descrição';
    opacity: 0.4;
    pointer-events: none;
}