/* ==========================================================================
   FAQ: the question turns gold on hover, on every page (PRO-283, 22.09.2026).

   The site has three kinds of FAQ and none of them had a hover colour:
     .new-faq            - Elementor nested accordion, ~46 service pages
     .new-article        - <details> inside blog articles (template 28538)
     .route-article      - <details> inside direction articles (template 27502)
   The plane pages (.llap-faq) get the same colour from the
   liliental-aircraft-page plugin's own stylesheet.

   Scoped to .new-faq on purpose: the two "accordions" without that class are
   the mobile filter panels on 23111 and 23451, which must not react.

   !important is load-bearing, exactly as it is for the Montserrat rule in the
   kit CSS: Elementor's widget-nested-accordion.min.css paints the chevron from
   --n-accordion-icon-normal-color, and 43 of the accordions also set a title
   colour per widget. Verified live: without it the text turned gold but the
   chevron stayed navy.
   ========================================================================== */

.new-faq .e-n-accordion-item-title:hover,
.new-faq .e-n-accordion-item-title:hover .e-n-accordion-item-title-text,
.new-faq .e-n-accordion-item-title:hover .e-n-accordion-item-title-text *,
.new-faq .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon i,
.new-faq .e-n-accordion-item-title:hover .e-n-accordion-item-title-icon svg {
    color: #CFBE7B !important;
    fill: currentColor !important;
}

.new-faq .e-n-accordion-item-title,
.new-faq .e-n-accordion-item-title-icon i {
    transition: color 0.2s ease;
}

/* `.new-article summary` already carries `transition: color .2s ease` from
   template 28538 - only the hover state was ever missing. The chevrons there
   are drawn with currentColor, so they follow the text. */
.new-article summary:hover,
.route-article summary:hover {
    color: #CFBE7B;
}

.route-article summary {
    transition: color 0.2s ease;
}