/*
 * CoastKey – FAQ/accordion-titler (Avada toggle)
 * Samlet fra per-side custom CSS til ÉN global fil.
 *
 * Retter to ting på tittelen (.fusion-toggle-heading):
 *   1) BLINK på hover/klikk: Avada animerer tittelfargen via en CSS-transition.
 *      `transition: none` stopper animasjonen.
 *   2) USYNLIG tittel i active/åpen tilstand: Avada setter tittelen til en
 *      gjennomsiktig cream-farge (rgba(247,245,238,0)) når accordion er åpen,
 *      så tittelen forsvinner. Vi tvinger Avada-palettfargen `--awb-color4`
 *      (= #21263c, synlig navy) i ALLE tilstander i stedet.
 *
 * Bruker `var(--awb-color4)` (ikke hardkodet hex) så fargen følger Avada-paletten
 * og kan endres ett sted. Pil-ikonet (.fusion-toggle-icon-wrapper) er IKKE berørt,
 * så åpne/lukke-animasjonen er intakt. Selve trekkspill-åpningen er JS, upåvirket.
 */

.fusion-faqs-wrapper .panel-title a,
.fusion-faqs-wrapper .panel-title a:hover,
.fusion-faqs-wrapper .panel-title a:focus,
.fusion-faqs-wrapper .panel-title a:active,
.fusion-faqs-wrapper .panel-title a.hover,
.fusion-faqs-wrapper .panel-title a.active,
.fusion-faqs-wrapper .panel-title a[aria-expanded="true"],
.fusion-faqs-wrapper .panel-title a .fusion-toggle-heading,
.fusion-faqs-wrapper .panel-title a:hover .fusion-toggle-heading,
.fusion-faqs-wrapper .panel-title a:focus .fusion-toggle-heading,
.fusion-faqs-wrapper .panel-title a:active .fusion-toggle-heading,
.fusion-faqs-wrapper .panel-title a.hover .fusion-toggle-heading,
.fusion-faqs-wrapper .panel-title a.active .fusion-toggle-heading,
.fusion-faqs-wrapper .panel-title a[aria-expanded="true"] .fusion-toggle-heading {
  color: var(--awb-color4) !important;
  -webkit-text-fill-color: var(--awb-color4) !important;
  text-decoration: none !important;
  transition: none !important;
}

/*
 * CoastKey – #karusell-pa-mobil: like høye kort + knapper på linje (DESKTOP).
 * Seksjonen ligger på forsiden (4 kort) og på /support/ (brukermanualer).
 * Radene har allerede fusion-flex-align-items-stretch (kolonner = lik høyde),
 * men kort-wrapperne har blandet justify-content (start/end), så knappene havner
 * på ulik høyde. Her tvinges hvert kort til en full-høyde flex-kolonne, og det
 * SISTE elementet (knappen) skyves til bunnen med margin-top:auto, slik at alle
 * knapper linjeres uansett tekstlengde. Erstatter padding-hacket på tekst-elementet.
 * Gjelder ALLE bredder (også mobil-karusellen ≤1200px, der kortene ligger side om
 * side i en scroll og skal være like høye). Radens horisontale scroll-layout på
 * mobil styres fortsatt av karusell-mobil.css.
 */
#karusell-pa-mobil .fusion-column-wrapper {
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
  justify-content: flex-start !important;
}

#karusell-pa-mobil .fusion-column-wrapper > :last-child {
  margin-top: auto !important;
}