/* Pilarna i Instagram-widget'en */
.instagram-gallery-feed .swiper-container .swiper-button-next,
.instagram-gallery-feed .swiper-container .swiper-button-prev {
  background-color: #002842 !important; /* Ljusgrå färg */
  border-radius: 50%;        /* Gör bakgrunden cirkulär */
  width: 40px;               /* Justera storlek efter behov */
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.instagram-gallery-feed .swiper-container .swiper-button-next::after,
.instagram-gallery-feed .swiper-container .swiper-button-prev::after {
  font-size: 20px !important; /* Justera pilstorleken */
  font-weight: bold !important;	
  color: #ffffff !important;     /* Pilens färg */
}

/* =========================================================================
   Mitt konto (form-login) – två fixar 2026-06-29 (Style4)
   1) Inverterade flik-färger: aktiv flik ska vara BLÅ, inaktiv GRÅ.
      Temat satte aktiv = --vamtam-accent-color-8 (grå),
      inaktiv = --vamtam-accent-color-4 (blå). Vi byter dem.
   2) Felnotisen vid kontoskapande var för diskret – görs större/tydligare.
   ========================================================================= */

/* 1a) Inaktiv flik = grå */
.elementor-widget-woocommerce-my-account.vamtam-has-theme-widget-styles .vamtam-tabbed .vamtam-tabs .vamtam-tab label {
  background-color: var(--vamtam-accent-color-8) !important; /* grå */
}

/* 1b) Aktiv (vald) flik = blå */
.elementor-widget-woocommerce-my-account.vamtam-has-theme-widget-styles .vamtam-tabbed > [type="radio"]:nth-of-type(1):checked ~ .vamtam-tabs .vamtam-tab:nth-of-type(1) label,
.elementor-widget-woocommerce-my-account.vamtam-has-theme-widget-styles .vamtam-tabbed > [type="radio"]:nth-of-type(2):checked ~ .vamtam-tabs .vamtam-tab:nth-of-type(2) label {
  background-color: var(--vamtam-accent-color-4) !important; /* blå */
}

/* 2) Felnotis på Mitt konto – tydlig och svår att missa */
.woocommerce-account .woocommerce-error {
  position: relative !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  color: #7a1414 !important;
  background-color: #fde8e8 !important;
  border: 2px solid #e02b2b !important;
  border-left-width: 8px !important;
  border-radius: 6px !important;
  padding: 18px 22px 18px 56px !important;
  margin: 0 auto 1.5em !important;
  max-width: 720px !important;
  box-shadow: 0 2px 10px rgba(224, 43, 43, 0.15) !important;
}
.woocommerce-account .woocommerce-error::before {
  font-family: "WooCommerce" !important;
  content: "\e016" !important;            /* WooCommerce-felikon */
  position: absolute !important;
  left: 20px !important;
  right: auto !important;                  /* nollställ WC-default right:1.5em */
  top: 50% !important;
  transform: translateY(-50%) !important;  /* vertikalt centrerad oavsett 1–2 rader */
  margin: 0 !important;
  width: auto !important;
  height: auto !important;
  font-size: 1.5rem !important;
  line-height: 1 !important;
  color: #e02b2b !important;
}
.woocommerce-account .woocommerce-error a {
  text-decoration: underline;
  font-weight: 700;
}