/* ==========================================================================
   Tillgänglighet (WCAG AA / Lighthouse Accessibility)
   Egen fil (inte main.min.css) så att ändringarna följer med vid deploy.
   ========================================================================== */

/* Footer: "Följ oss" – 0.62 (förälderns opacity 0.8 inräknad) ger kontrast 5.1:1 mot #1c1c1c.
   Tidigare rgba(255,255,255,0.45) = 3.3:1. */
.footer-retail .footer-social__label {
  color: rgba(255, 255, 255, 0.62);
}

/* Footer: "Håll dig uppdaterad" – ljusare röd, kontrast 4.6:1 mot #1c1c1c.
   var(--primary) #c61618 gav bara 2.9:1 på mörk bakgrund. */
.footer-retail .footer-newsletter__eyebrow {
  color: #ec4c4e;
}

/* Footer: "Avvikande öppettider"-knappen ligger i en kolumn med opacity 0.8, så röd #c61618 gav 2.2:1.
   #f17d7e (ljusare röd) ger 4.6:1 efter opaciteten. Visas bara när det finns avvikande öppettider. */
.footer-retail .footer-retail-special-hours-trigger {
  color: #f17d7e;
}

/* Footer-rubrikerna är nu <h2> (kolumner) och <h3> (Öppettider) i stället för <h4> (rätt rubrikordning).
   Samma mobilregler som footer-retail.css har för h4. */
@media (max-width: 767px) {
  .footer-retail__columns > div:last-child > h2 {
    margin: 1rem 0 0.65rem;
    font-size: 1rem;
    line-height: 1.3;
  }

  .footer-retail__columns > div:last-child .pt-10 h3 {
    margin-bottom: 0.55rem;
    font-size: 0.95rem;
    line-height: 1.3;
  }
}

/* Stängd varukorgs-panel (smort-cart) döljs helt för skärmläsare och tabb-navigering.
   Panelen ligger annars utanför skärmen men går fortfarande att nå.
   Visibility byts först när utglidningen (0.3s) är klar, så animationen ser likadan ut. */
#smort-cart-container .smort-cart-content {
  visibility: hidden;
  transition: right 0.3s ease, visibility 0s linear 0.3s;
}

#smort-cart-container .smort-cart-content.active {
  visibility: visible;
  transition: right 0.3s ease, visibility 0s linear 0s;
}