/**
 * Accessibility Fixes
 * 
 * Correções de acessibilidade para alcançar 95+ no score:
 * - Contraste de cores (WCAG AA)
 * - ARIA attributes
 * - Heading order
 * - Alt attributes
 * 
 * @version 2.6.2
 */

/* ============================================
   CONTRASTE DE CORES - DESKTOP E MOBILE
   ============================================ */

/* Texto em fundo claro - garantir contraste mínimo 4.5:1 */
body,
.container,
.page-section,
.page-section-white {
    color: #1a1a1a; /* Preto quase puro para máximo contraste */
}

/* Texto secundário - contraste 4.5:1 */
p,
span,
li {
    color: #2a2a2a; /* Cinza escuro para legibilidade */
}

/* Títulos - contraste 3:1 (grande texto) */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1a1a1a; /* Preto para máximo contraste */
}

/* Links - contraste 4.5:1 */
a:not(.btn):not(.action-btn):not(.btn-candidatar):not(.footer-link):not(.footer-social-link) {
    color: #3a505a; /* Cinza escuro da marca */
    text-decoration: underline;
}

a:not(.btn):not(.action-btn):not(.btn-candidatar):not(.footer-link):not(.footer-social-link):hover {
    color: #2a3a42; /* Mais escuro no hover */
}

/* Cards - fundo branco para melhor contraste */
.vaga-card,
.info-card {
    background: #ffffff;
    border: 1px solid rgba(58, 80, 90, 0.2);
    color: #1a1a1a;
}

.vaga-card p,
.info-card p {
    color: #2a2a2a;
}

/* Ícones - cor mais escura para melhor visibilidade */
.vaga-info-item i,
.vaga-requirements h4 i,
.vaga-description h4 i,
.info-card h3 i {
    color: #3a505a; /* Cinza escuro ao invés de rosa claro */
}

/* ============================================
   ARIA IMPROVEMENTS
   ============================================ */

/* Garantir que elementos interativos tenham aria-label quando necessário */
button:not([aria-label]):not([aria-labelledby]) {
    /* Adicionar aria-label via JS se necessário */
}

/* Carousel - melhorar ARIA */
.carousel {
    position: relative;
}

.carousel-item {
    display: none;
}

.carousel-item.active {
    display: block;
}

/* ============================================
   HEADING ORDER FIXES
   ============================================ */

/* Footer titles - já corrigido para h2 */
.footer-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 20px !important; /* Consistent with product.css */
}

/* ============================================
   ALT ATTRIBUTES
   ============================================ */

/* Garantir que imagens sem alt tenham tratamento adequado */
/* Nota: Alt attributes são adicionados via PHP (picture_webp function) */

/* ============================================
   CONTRASTE DARK MODE
   ============================================ */

[data-theme="dark"] body,
[data-theme="dark"] .container,
[data-theme="dark"] .page-section {
    color: #f5f5f5; /* Branco quase puro para máximo contraste */
}

[data-theme="dark"] p,
[data-theme="dark"] span,
[data-theme="dark"] li {
    color: #e0e0e0; /* Cinza claro para legibilidade */
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
    color: #ffffff; /* Branco para máximo contraste */
}

[data-theme="dark"] a:not(.btn):not(.action-btn):not(.btn-candidatar):not(.footer-link):not(.footer-social-link) {
    color: #ccb7bc; /* Rosa da marca para links */
}

[data-theme="dark"] .vaga-card,
[data-theme="dark"] .info-card {
    background: #2a2a2a;
    color: #f5f5f5;
    border-color: rgba(204, 183, 188, 0.3);
}

[data-theme="dark"] .vaga-card p,
[data-theme="dark"] .info-card p {
    color: #e0e0e0;
}

/* ============================================
   CONTRASTE FOOTER E BACKGROUNDS
   ============================================ */

/* Background Pink - garantir contraste suficiente */
/* REMOVED: This rule was overriding brand pink color - now handled in product.css with brand pink (#d9c2bd) */
/* .backgroundPink {
    background-color: #3a505a;
} */

/* REMOVED: Text color now handled in product.css with brand dark (#31265b) for good contrast on pink */
/* .backgroundPink .text-white {
    color: #ffffff !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
} */

/* Footer links - melhorar contraste */
.site-footer .footer-link {
    color: rgba(255, 255, 255, 0.85) !important; /* Match production: white with 85% opacity */
    opacity: 1; /* Fully opaque */
}

.site-footer .footer-link:hover {
    color: rgb(184, 149, 160) !important; /* Match production: darker pink/beige on hover */
    opacity: 1;
}

/* Footer contact items - melhorar contraste */
.site-footer .footer-contact-item,
.site-footer .footer-contact span,
.site-footer span:not(.footer-social-link) {
    color: #ffffff !important; /* White text */
    opacity: 1; /* Fully opaque */
}

.site-footer .footer-contact-item:hover,
.site-footer .footer-contact span:hover,
.site-footer span:not(.footer-social-link):hover {
    opacity: 1;
    color: #ffffff !important;
}

/* ============================================
   FONT DISPLAY - FONT AWESOME
   ============================================ */

/* Sobrescrever font-display do Font Awesome via CSS */
@font-face {
    font-family: 'Font Awesome 6 Free';
    font-display: swap; /* Usar swap para Font Awesome */
}

@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-display: swap; /* Usar swap para Font Awesome Brands */
}

@font-face {
    font-family: 'Font Awesome 6 Solid';
    font-display: swap; /* Usar swap para Font Awesome Solid */
}