/* ============================================================
   FICHIER : assets/css/pages/domande-frequenti.css
   Styles de la page domande-frequenti.php
   ============================================================ */

.page-banner-faq { padding: 130px 0 70px; }

.faq-search-wrap { display: flex; align-items: center; gap: 14px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25); border-radius: 50px; padding: 6px 8px 6px 22px; max-width: 480px; margin: 30px auto 0; backdrop-filter: blur(6px); }
.faq-search-wrap i { color: rgba(255,255,255,.7); }
.faq-search-wrap input { flex: 1; border: none; background: transparent; padding: 13px 0; color: var(--white); font-family: var(--font-body); }
.faq-search-wrap input::placeholder { color: rgba(255,255,255,.6); }
.faq-search-wrap input:focus { outline: none; }

.faq-category-nav { position: sticky; top: 110px; background: var(--white); border-radius: var(--radius-lg); box-shadow: var(--shadow-soft); padding: 20px; }
.faq-category-link { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; border-radius: 10px; font-weight: 600; font-size: .9rem; color: var(--text-dark); margin-bottom: 4px; }
.faq-category-link span { background: var(--bg-light); color: var(--text-muted); font-size: .74rem; padding: 2px 9px; border-radius: 30px; }
.faq-category-link:hover { background: var(--bg-light); color: var(--ocean-teal); }

.faq-category-block { margin-bottom: 46px; scroll-margin-top: 130px; }
.faq-category-block h3 { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
.faq-category-block h3 i { color: var(--ocean-teal); }

.faq-no-results { text-align: center; padding: 50px 20px; color: var(--text-muted); }
.faq-no-results i { font-size: 2.4rem; color: var(--border-light); margin-bottom: 14px; }
.faq-no-results a { color: var(--ocean-teal); font-weight: 600; }

@media (max-width: 991px) { .faq-category-nav { position: static; margin-bottom: 26px; } }