@import url("https://fonts.googleapis.com/css2?family=Mountains+of+Christmas:wght@700&display=swap");
/*
* ===================================================
*     CUSTOM CSS CODE BELOW
* ===================================================
*/

/* OUTLET!-länken: pulserar mellan vanlig, fet och kursiv text,
   och blinkar i blått och gult */
@keyframes outletStyleCycle {
  0%, 32%   { font-weight: 400; font-style: normal; }
  33%, 65%  { font-weight: 700; font-style: normal; }
  66%, 100% { font-weight: 400; font-style: italic; }
}

@keyframes outletColorBlink {
  0%, 49%   { color: #0057ff; }
  50%, 100% { color: #ffd600; }
}

.outlet-animate,
.outlet-animate:hover,
.outlet-animate:focus {
  animation: outletStyleCycle 3s steps(1, end) infinite,
             outletColorBlink 0.6s steps(1, end) infinite;
}

/* JULKLAPPSTIPS-länken: julfont, 30% fetare, sakta svag blinkning röd/vit */
@keyframes julColorFade {
  0%, 100% { color: #d9534f; }
  50%      { color: #fff5f5; }
}

.jul-animate,
.jul-animate:hover,
.jul-animate:focus {
  font-family: "Mountains of Christmas", "Brush Script MT", cursive !important;
  font-size: calc(1.2rem * 1.3) !important; /* 30% större än menyns standard */
  font-weight: 800 !important; /* ca 30% fetare än 700 */
  -webkit-text-stroke: 0.3px currentColor;
  animation: julColorFade 4s ease-in-out infinite;
}

/* Undertexten under "Swevest.se" på startsidan: 30% större, fetstil, gyllene guldkänsla */
.hero-subtitle-gold {
  font-size: 1.625rem !important; /* 30% större än standardens 1.25rem */
  font-weight: 700 !important;
  opacity: 1 !important;
  letter-spacing: 0.02em;
  color: #b8860b;
  text-shadow: 0 1px 0 #fdf5a6, 0 2px 4px rgba(184, 134, 11, 0.35);
}