/* =====================================================
   ARQUIVO DE TAXONOMIA (curso/estado/cidade) - UNIADVISOR V1
   Transplantado quase literalmente do mockup curso-medicina.html
   fornecido pelo usuário -- mesmos nomes de classe (.hero, .filters,
   .uni-card, .card-grid, .pagination, .panel, .faq-item, .side-list...).

   Compartilhado por taxonomy-curso.php, taxonomy-estado.php e
   taxonomy-cidade.php -- os três usam a mesma estrutura visual, só
   com seções específicas de curso (about-grid, faq-box) ausentes nos
   outros dois. Nomes de classe genéricos escopados sob
   ".ua-archive-page" (mesma mitigação de colisão já usada em
   universidade.css). Carrega em is_tax('curso'|'estado'|'cidade')
   (ver functions.php).
===================================================== */

.ua-archive-page{
    --violet:#7c3aed;
    --blue:#2f6fed;
    --grad: linear-gradient(135deg, var(--violet), var(--blue));
    --ink:#0f172a;
    --text:#1e2536;
    --text-muted:#64748b;
    --border:#e7e9f2;
    --bg-page:#f7f8fc;
    --lavender:#f1edfc;
    --white:#ffffff;
    --gold:#f5b942;
    --radius:16px;

    font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    background:var(--bg-page);color:var(--text);-webkit-font-smoothing:antialiased;
}

.ua-archive-page,
.ua-archive-page *{box-sizing:border-box;}
.ua-archive-page a{color:inherit;text-decoration:none;}
.ua-archive-page ul{list-style:none;margin:0;padding:0;}
.ua-archive-page img{max-width:100%;display:block;}
.ua-archive-page button,
.ua-archive-page select,
.ua-archive-page input{font-family:inherit;}


/* ---------- Breadcrumb ---------- */

.ua-archive-page .breadcrumb{max-width:1280px;margin:0 auto;padding:18px 32px 0;font-size:13px;color:var(--text-muted);}
.ua-archive-page .breadcrumb a{text-decoration:underline;}
.ua-archive-page .breadcrumb a:hover{color:var(--violet);}
.ua-archive-page .breadcrumb .sep{margin:0 7px;}
.ua-archive-page .breadcrumb .current{color:var(--text);font-weight:600;}


/* ---------- Hero ---------- */

.ua-archive-page .hero{max-width:1280px;margin:0 auto;padding:24px 32px 36px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;}
.ua-archive-page .hero h1{font-size:44px;font-weight:800;letter-spacing:-0.02em;margin:0 0 10px;color:var(--ink);}
.ua-archive-page .hero-lead{font-size:15.5px;color:var(--text-muted);line-height:1.6;max-width:480px;margin:0 0 26px;}
.ua-archive-page .stat-row{display:flex;gap:32px;margin-bottom:24px;flex-wrap:wrap;}
.ua-archive-page .stat{display:flex;align-items:center;gap:12px;}
.ua-archive-page .stat-icon{width:42px;height:42px;border-radius:11px;background:var(--lavender);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ua-archive-page .stat-icon svg{width:20px;height:20px;color:var(--violet);}
.ua-archive-page .stat b{display:block;font-size:16px;font-weight:800;color:var(--ink);}
.ua-archive-page .stat span{font-size:12.5px;color:var(--text-muted);}
.ua-archive-page .hero-art{position:relative;display:flex;align-items:center;justify-content:center;height:280px;}
.ua-archive-page .hero-art .blob{
    position:absolute;width:280px;height:280px;border-radius:50%;
    background:radial-gradient(circle at 35% 30%, #ece5fc, #e4ecfd);
}
.ua-archive-page .hero-art svg{position:relative;}


/* ---------- Filters ---------- */

.ua-archive-page .filters-wrap{max-width:1280px;margin:0 auto;padding:0 32px;}
.ua-archive-page .filters{
    background:#fff;border:1px solid var(--border);border-radius:var(--radius);
    padding:18px 22px;display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;
}
.ua-archive-page .field{display:flex;flex-direction:column;gap:6px;}
.ua-archive-page .field label{font-size:12px;font-weight:600;color:var(--text-muted);}
.ua-archive-page .field select{
    padding:11px 34px 11px 14px;border-radius:10px;border:1px solid var(--border);background:#fff;
    font-size:16px;font-weight:600;color:var(--text);min-width:160px;appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 10px center;background-size:15px;
}
.ua-archive-page .btn-cta{
    background:var(--grad);color:#fff;border:none;border-radius:10px;padding:11px 20px;
    font-size:14px;font-weight:700;white-space:nowrap;
}
.ua-archive-page .clear-filters{font-size:13px;font-weight:700;color:var(--violet);display:flex;align-items:center;gap:6px;margin-left:auto;padding-bottom:11px;white-space:nowrap;}
.ua-archive-page .clear-filters svg{width:14px;height:14px;}


/* ---------- Results header ---------- */

.ua-archive-page .results-header{
    max-width:1280px;margin:0 auto;padding:22px 32px 14px;
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
}
.ua-archive-page .results-count{font-size:14px;color:var(--text-muted);}
.ua-archive-page .results-count b{color:var(--ink);}
.ua-archive-page .sort-row{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text-muted);}
.ua-archive-page .sort-row select{
    padding:9px 30px 9px 12px;border-radius:9px;border:1px solid var(--border);background:#fff;
    font-size:14px;font-weight:600;color:var(--text);appearance:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 8px center;background-size:14px;
}


/* ---------- Card grid (reaproveita template-parts/card-universidade.php c/ $args['estilo']='curso') ---------- */

.ua-archive-page .grid-wrap{max-width:1280px;margin:0 auto;padding:0 32px;}
.ua-archive-page .card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.ua-archive-page .uni-card{
    background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:20px;
    display:flex;flex-direction:column;gap:12px;
}
.ua-archive-page .uni-card-top{display:flex;gap:12px;align-items:flex-start;}
.ua-archive-page .uni-logo{
    width:46px;height:46px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
    color:#fff;font-weight:800;font-size:11px;text-align:center;line-height:1.1;overflow:hidden;
}
.ua-archive-page .uni-card h3{margin:0 0 2px;font-size:14.5px;font-weight:800;line-height:1.25;}
.ua-archive-page .uni-card .loc{font-size:12.5px;color:var(--text-muted);}
.ua-archive-page .mec-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);}
.ua-archive-page .mec-row .stars{color:var(--gold);font-size:13px;letter-spacing:1px;}
.ua-archive-page .mec-row b{color:var(--text);font-weight:700;font-size:12.5px;}
.ua-archive-page .uni-card .curso-tag{font-size:12.5px;color:var(--text-muted);}
.ua-archive-page .uni-card .curso-tag b{color:var(--text);font-weight:600;}
.ua-archive-page .ver-uni{font-size:13px;font-weight:700;color:var(--violet);display:flex;align-items:center;gap:5px;margin-top:2px;}
.ua-archive-page .ver-uni svg{width:13px;height:13px;}


/* ---------- Pagination (saída de the_posts_pagination()) ---------- */

.ua-archive-page .navigation.pagination{display:flex;justify-content:center;padding:34px 0 44px;}
.ua-archive-page .navigation.pagination .nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;}
.ua-archive-page .navigation.pagination .page-numbers{
    min-width:36px;height:36px;padding:0 8px;border-radius:9px;border:1px solid var(--border);background:#fff;
    font-size:13.5px;font-weight:600;color:var(--text-muted);display:flex;align-items:center;justify-content:center;
}
.ua-archive-page .navigation.pagination .page-numbers.current{background:var(--grad);color:#fff;border:none;}
.ua-archive-page .navigation.pagination .page-numbers.dots{border:none;background:none;}


/* ---------- Lower section ---------- */

.ua-archive-page .lower{max-width:1280px;margin:0 auto;padding:0 32px 60px;display:grid;grid-template-columns:1.7fr 1fr;gap:18px;align-items:start;}
.ua-archive-page .panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px;}
.ua-archive-page .panel-title{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.ua-archive-page .panel-title .ic{width:38px;height:38px;border-radius:10px;background:var(--lavender);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.ua-archive-page .panel-title .ic svg{width:18px;height:18px;color:var(--violet);}
.ua-archive-page .panel-title h2{font-size:16.5px;font-weight:800;margin:0;}
.ua-archive-page .about-text{font-size:13.5px;color:var(--text-muted);line-height:1.7;margin:0 0 24px;}
.ua-archive-page .about-text p{margin:0 0 12px;}
.ua-archive-page .about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;}
.ua-archive-page .about-item .ic-sm{width:32px;height:32px;border-radius:9px;background:var(--lavender);display:flex;align-items:center;justify-content:center;margin-bottom:10px;}
.ua-archive-page .about-item .ic-sm svg{width:16px;height:16px;color:var(--violet);}
.ua-archive-page .about-item h4{font-size:13.5px;font-weight:700;margin:0 0 6px;}
.ua-archive-page .about-item p{font-size:12.5px;color:var(--text-muted);line-height:1.6;margin:0;}

.ua-archive-page .faq-box{border:1px solid var(--border);border-radius:12px;padding:6px 18px;}
.ua-archive-page .faq-box h4{font-size:13.5px;font-weight:800;padding:12px 0 4px;margin:0;}
.ua-archive-page .faq-item{border-bottom:1px solid var(--border);}
.ua-archive-page .faq-item:last-of-type{border-bottom:none;}
.ua-archive-page .faq-q{
    width:100%;background:none;border:none;text-align:left;padding:13px 0;
    display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;
}
.ua-archive-page .faq-q svg{width:15px;height:15px;color:var(--text-muted);transition:transform .2s;flex-shrink:0;}
.ua-archive-page .faq-item.open .faq-q svg{transform:rotate(180deg);}
.ua-archive-page .faq-a{max-height:0;overflow:hidden;transition:max-height .2s ease;font-size:12.5px;color:var(--text-muted);line-height:1.6;}
.ua-archive-page .faq-item.open .faq-a{max-height:200px;padding-bottom:13px;}

.ua-archive-page .side-list li{border-bottom:1px solid var(--border);}
.ua-archive-page .side-list li:last-child{border-bottom:none;}
.ua-archive-page .side-list a{
    display:flex;align-items:center;justify-content:space-between;padding:12px 2px;
    font-size:13.5px;font-weight:600;color:var(--text);
}
.ua-archive-page .side-list a:hover{color:var(--violet);}
.ua-archive-page .side-list a svg{width:15px;height:15px;color:var(--text-muted);flex-shrink:0;}
.ua-archive-page .side-list-right{display:flex;align-items:center;gap:6px;}
.ua-archive-page .side-list .count{font-size:12px;color:var(--text-muted);font-weight:600;}


/* ---------- Responsive (breakpoints do mockup) ---------- */

@media (max-width:1080px){
    .ua-archive-page .card-grid{grid-template-columns:repeat(2,1fr);}
    .ua-archive-page .lower{grid-template-columns:1fr;}
}

@media (max-width:900px){
    .ua-archive-page .hero{grid-template-columns:1fr;}
    .ua-archive-page .hero-art{height:200px;order:-1;}
}

@media (max-width:640px){
    .ua-archive-page .hero{padding:20px 16px 28px;}
    .ua-archive-page .hero h1{font-size:32px;}
    .ua-archive-page .filters-wrap,
    .ua-archive-page .results-header,
    .ua-archive-page .grid-wrap,
    .ua-archive-page .lower{padding-left:16px;padding-right:16px;}
    .ua-archive-page .card-grid{grid-template-columns:1fr;}
    .ua-archive-page .about-grid{grid-template-columns:1fr;}
    .ua-archive-page .filters{flex-direction:column;align-items:stretch;}
    .ua-archive-page .clear-filters{margin-left:0;padding-bottom:0;}
}