/* Força as cores da bandeira de Angola em todos os elementos */
:root {
    --vermelho-principal: #CE1126;
    --amarelo-dourado: #FFCD00;
    --preto: #000000;
    --vermelho-escuro: #8B0000;
}

/* Força cores em elementos principais */
.hero {
    background-image: url('../images/banner.png') !important;
    background-size: cover !important;
    background-position: center !important;
}

/* Banners específicos por página */
.page-header.properties-banner {
    background-image: url('../images/bannerProp.png') !important;
}

.page-header.vehicles-banner {
    background-image: url('../images/bannerVeiculo.png') !important;
}

.page-header.about-banner {
    background-image: url('../images/bannerSobre.png') !important;
}

.page-header.contact-banner {
    background-image: url('../images/contactos.png') !important;
}

.nav-logo h2 {
    color: #CE1126 !important;
}

.nav-logo i {
    color: #FFCD00 !important;
}

.btn-primary {
    background: #FFCD00 !important;
    color: #000000 !important;
}

.btn-outline {
    color: #CE1126 !important;
    border-color: #CE1126 !important;
}

.btn-outline:hover {
    background: #CE1126 !important;
    color: white !important;
}

.search-btn {
    background: #CE1126 !important;
}

.search-btn:hover {
    background: #000000 !important;
}

.tab-btn.active,
.tab-btn:hover {
    border-color: #CE1126 !important;
    color: #CE1126 !important;
}

.card-price {
    color: #CE1126 !important;
}

.feature i,
.spec i {
    color: #CE1126 !important;
}

.footer {
    background: #000000 !important;
}

.footer-section h3 i {
    color: #FFCD00 !important;
}

.footer-section ul li a:hover {
    color: #FFCD00 !important;
}

.social-links a {
    background: #CE1126 !important;
}

.social-links a:hover {
    background: #FFCD00 !important;
}

.footer-bottom {
    border-top: 1px solid #CE1126 !important;
}

/* Força cores em elementos específicos das páginas */
.listings-header h1 {
    color: #CE1126 !important;
}

.page-header {
    background: linear-gradient(135deg, #CE1126 0%, #8B0000 100%) !important;
}

.property-badge,
.vehicle-badge {
    background: #FFCD00 !important;
    color: #000000 !important;
}

.property-location i,
.vehicle-location i {
    color: #FFCD00 !important;
}

.contact-item i {
    color: #CE1126 !important;
}

/* Força cores em formulários */
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
    border-color: #CE1126 !important;
}

/* Força cores em elementos administrativos */
.admin-dashboard-header h1 {
    color: #CE1126 !important;
}

.admin-section .section-header h2 {
    color: #CE1126 !important;
}

.sidebar-section h3 {
    background: #CE1126 !important;
}

/* Força cores em autenticação */
.auth-header h1 {
    color: #CE1126 !important;
}

.tab-btn.active {
    color: #CE1126 !important;
    border-bottom-color: #CE1126 !important;
}

.auth-links a {
    color: #CE1126 !important;
}

.auth-links a:hover {
    color: #000000 !important;
}
