/*
Theme Name: Lilium Child
Theme URI: https://cjbeauty.com.br
Description: Child theme do Lilium - correções CSS permanentes
Author: CJ Beauty
Author URI: https://cjbeauty.com.br
Template: lilium
Version: 1.0.0
Text Domain: lilium-child
*/

/* ==========================================================================
   FIX: Fonte "Tuesday Night" (cursiva decorativa)

   A fonte foi importada do demo NeuronThemes com URLs externas que não
   carregam. Agora servida localmente do child theme.
   ========================================================================== */

@font-face {
    font-family: "Tuesday Night";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url('./fonts/TuesdayNight-Regular.woff2') format('woff2'),
         url('./fonts/TuesdayNight-Regular.woff') format('woff');
}

/* ==========================================================================
   FIX #1 — SVG Icons gigantes (e-font-icon-svg)

   Elementor usa a feature "Inline Font Icons" que renderiza ícones como
   SVG inline (<svg class="e-font-icon-svg">) em vez de icon-fonts (<i>).
   Esses SVGs não têm width/height definidos, então expandem para o
   tamanho do container pai.

   No template original, ícones no footer têm ~16px ao lado do texto.
   ========================================================================== */

svg.e-font-icon-svg {
    width: 1em !important;
    height: 1em !important;
    fill: currentColor;
    display: inline-block;
    vertical-align: middle;
}

/* ==========================================================================
   FIX #1b — Elementor icon-lists: remover bullets + corrigir layout

   O CSS do Elementor que deveria estilizar .elementor-icon-list-items
   não está sendo carregado/aplicado. No template original, os icon-lists
   NÃO têm bullets e usam display:flex no item para ícone+texto lado a lado.

   Este fix reproduz o CSS padrão do Elementor icon-list widget.
   ========================================================================== */

.elementor-icon-list-items {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-icon-list-item {
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    margin-bottom: 12px;
}

.elementor-icon-list-item a {
    display: flex !important;
    align-items: center !important;
    text-decoration: none;
    color: inherit;
    gap: 8px;
}

.elementor-icon-list-icon {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0;
}

.elementor-icon-list-text {
    flex: 1;
}