/* Footer Custom Styles - Soul Aromaterapia */

/* Primeira seção do footer - Informações em 3 colunas */
.elementor-element-710c6966:not(.elementor-motion-effects-element-type-background) {
    background-color: #652D92 !important;
}

.elementor-element-710c6966 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #652D92 !important;
}

.elementor-element-710c6966 > .elementor-background-overlay {
    background-color: #652D92 !important;
    opacity: 1 !important;
}

.elementor-element-710c6966 {
    padding: 40px 20px !important;
}

.elementor-element-710c6966 .elementor-container {
    max-width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 4rem !important;
}

/* Ajuste para 2 colunas centralizadas */
.elementor-element-710c6966 .elementor-col-50 {
    flex: 0 1 auto !important;
    max-width: none !important;
    width: auto !important;
    box-sizing: border-box !important;
}

.elementor-element-710c6966 .elementor-col-100 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.elementor-element-710c6966 .elementor-element-16d53e52,
.elementor-element-16d53e52 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.elementor-element-16d53e52 > .elementor-widget-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}

.elementor-element-710c6966 p {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    margin: 0 !important;
}

/* Coluna central - Lista de contatos empilhada verticalmente */
.elementor-element-ddbf0db .elementor-icon-list-items {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.elementor-element-ddbf0db .elementor-icon-list-item {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
}

.elementor-element-ddbf0db a {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    transition: opacity 0.3s ease !important;
    white-space: nowrap !important;
}

.elementor-element-ddbf0db a:hover {
    opacity: 0.8 !important;
}

.elementor-element-ddbf0db .elementor-icon-list-icon {
    font-size: 18px !important;
}

/* Segunda seção do footer - Logo e Copyright - COR ROXA SOUL */
.elementor-element-3a095bc {
    background-color: #652D92 !important;
    padding: 40px 20px 30px !important;
}

.elementor-element-3a095bc:not(.elementor-motion-effects-element-type-background),
.elementor-element-3a095bc > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #652D92 !important;
}

/* Background overlay também roxo */
.elementor-element-3a095bc > .elementor-background-overlay {
    background-color: #652D92 !important;
    opacity: 1 !important;
}

/* Logo Soul Aromaterapia */
.elementor-element-6bc10b80 {
    text-align: center !important;
    margin: 1rem 0 0 !important;
    width: 100% !important;
    display: block !important;
}

.elementor-element-6bc10b80 img {
    max-width: 300px !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
    filter: brightness(0) invert(1) !important;
}

/* Copyright */
.elementor-element-998695b {
    text-align: center !important;
    margin: 20px 0 15px !important;
}

.elementor-element-998695b p {
    color: #fff !important;
    font-size: 15px !important;
    margin: 0 !important;
}

/* Link vazio (Klick Saudável removido) */
.elementor-element-c53d63f {
    text-align: center !important;
    margin-top: 10px !important;
    display: none !important; /* Esconde completamente */
}

/* Espaçador */
.elementor-element-39ef367b {
    margin-top: 20px !important;
}

/* Footer Cards - Containers invisíveis para separação e centralização */
.footer-card {
    padding: 10px 5px !important;
    margin: 0 !important;
    min-height: 100px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    border-radius: 0 !important;
    transition: all 0.3s ease !important;
}

.footer-card-endereco {
    /* Card do endereço */
}

.footer-card-contato {
    /* Card de contato - já centralizado pelo Elementor */
}

.footer-card-horario {
    /* Card do horário de atendimento */
    padding-top: 2.3rem !important;
}

/* Responsividade - Tablets */
@media (max-width: 1024px) {
    .elementor-element-710c6966 .elementor-container {
        flex-wrap: wrap !important;
    }
    
    .footer-card {
        margin: 10px 5px !important;
    }
}

/* Responsividade - Mobile */
@media (max-width: 768px) {
    .elementor-element-710c6966 {
        padding: 30px 15px !important;
    }
    
    .elementor-element-710c6966 .elementor-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        text-align: center !important;
    }
    
    .elementor-element-710c6966 .elementor-col-50 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .footer-card-horario {
        padding-top: 10px !important;
    }
    
    .elementor-element-ddbf0db .elementor-icon-list-items {
        flex-direction: column !important;
        gap: 10px !important;
    }
    
    .elementor-element-ddbf0db a {
        font-size: 15px !important;
    }
    
    .elementor-element-3a095bc {
        padding: 30px 15px 20px !important;
    }
    
    .elementor-element-6bc10b80 img {
        max-width: 220px !important;
        display: block !important;
    }
    
    .footer-card {
        margin: 5px 0 !important;
        width: 100% !important;
        min-height: auto !important;
        padding: 10px !important;
    }
}

@media (max-width: 480px) {
    .elementor-element-710c6966 {
        padding: 25px 10px !important;
    }
    
    .elementor-element-710c6966 p {
        font-size: 14px !important;
    }
    
    .elementor-element-ddbf0db a {
        font-size: 13px !important;
    }
    
    .elementor-element-6bc10b80 img {
        max-width: 180px !important;
    }
    
    .footer-card {
        padding: 10px !important;
    }
}