.bs-icon {
  --bs-icon-size: .75rem;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: var(--bs-icon-size);
  width: calc(var(--bs-icon-size) * 2);
  height: calc(var(--bs-icon-size) * 2);
  color: var(--bs-primary);
}

.bs-icon-xs {
  --bs-icon-size: 1rem;
  width: calc(var(--bs-icon-size) * 1.5);
  height: calc(var(--bs-icon-size) * 1.5);
}

.bs-icon-sm {
  --bs-icon-size: 1rem;
}

.bs-icon-md {
  --bs-icon-size: 1.5rem;
}

.bs-icon-lg {
  --bs-icon-size: 2rem;
}

.bs-icon-xl {
  --bs-icon-size: 2.5rem;
}

.bs-icon.bs-icon-primary {
  color: var(--bs-white);
  background: var(--bs-primary);
}

.bs-icon.bs-icon-primary-light {
  color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), .2);
}

.bs-icon.bs-icon-semi-white {
  color: var(--bs-primary);
  background: rgba(255, 255, 255, .5);
}

.bs-icon.bs-icon-rounded {
  border-radius: .5rem;
}

.bs-icon.bs-icon-circle {
  border-radius: 50%;
}

.row {
  display: flex;
  flex-wrap: wrap;
}

.thumbnail {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  margin-bottom: 0;
}

.card-body {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  padding: 20px;
}

/* 1. Minskat mellanrummet under kategorin (Customer case etc) */

.card-body h3, .card-body .heading {
  min-height: 60px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
  justify-content: center;
}

/* 2. Minskat mellanrummet för brödtexten */

.card-body p:first-of-type {
  min-height: 30px;
  margin-bottom: 15px;
}

.card-body p:last-of-type, .card-body .text-muted {
  margin-top: auto !important;
  margin-bottom: 15px;
}

.card-body .btn {
  margin-top: 0 !important;
  align-self: flex-start;
}

html {
  scroll-behavior: smooth;
}

/* Ändrar ringen på knappar, input-fält och dropdowns vid klick */

.btn:focus, .form-control:focus, .form-select:focus, .dropdown-item:active {
  border-color: #93bf20 !important;
  box-shadow: 0 0 0 0.25rem rgba(147, 191, 32, 0.25) !important;
}

/* Ändrar färg på text/bakgrund i dropdowns vid klick */

.dropdown-item:active {
  background-color: #93bf20 !important;
  color: white !important;
}

/* När FAQ-fliken är öppen/aktiv */

.accordion-button:not(.collapsed) {
  background-color: #f0f0f0 !important;
  color: #333 !important;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125) !important;
}

/* Ändrar ringen runt FAQ-knappen vid klick så den också blir grön */

.accordion-button:focus {
  border-color: #93bf20 !important;
  box-shadow: 0 0 0 0.25rem rgba(147, 191, 32, 0.25) !important;
}

.nav-link:focus {
  color: #93bf20 !important;
  box-shadow: none !important;
}

@media (min-width: 992px) {
  .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}

a {
}

@media (min-width: 992px) {
  .dropdown-menu {
    border-top: 10px solid transparent;
    background-clip: padding-box;
  }
}

/* --- DATOR & SURFPLATTA (Standard) --- */

.hero-btn {
  display: inline-block !important;
  vertical-align: middle !important;
  margin-bottom: 0 !important;
  margin-right: 15px !important;
  width: auto !important;
}

.hero-btn:last-child {
  margin-right: 0 !important;
}

/* --- MOBIL (Endast minsta skärmen) --- */

@media (max-width: 575px) {
  .hero-btn {
    display: block !important;
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 15px !important;
  }
}

@media (max-width: 575px) {
  .hero-btn:last-child {
    margin-bottom: 0 !important;
  }
}

/* --- ALLA SKÄRMAR (Gör knapparna lika stora) --- */

.hero-btn {
  min-width: 220px !important;
  text-align: center !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 10px !important;
}

/* --- MOBIL-FIX (Stapla dem snyggt) --- */

@media (max-width: 575px) {
  .hero-btn {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 15px 0 !important;
  }
}

@media (max-width: 575px) {
  .hero-btn:last-child {
    margin-bottom: 0 !important;
  }
}

/* 1. Gör rutorna lika höga och parkera innehållet */

.testi-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding: 30px !important;
  background: #fff;
  border-radius: 15px;
}

/* 2. Citatet tar upp allt ledigt utrymme så att fotnoten trycks ner */

.testi-card p:first-child {
  flex-grow: 1 !important;
  margin-bottom: 20px !important;
}

/* 3. Footer-delen (bild + text) */

.testi-footer {
  display: flex !important;
  align-items: center !important;
  margin-top: auto !important;
}

/* 4. TA BORT FULA MELLANRUM */

.testi-name {
  color: #a3c639;
  font-weight: bold;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.1 !important;
}

.testi-hotel {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.1 !important;
  font-size: 14px;
  color: #666;
}

/* Nollställer hela textgruppen */

.testi-text-group {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding-left: 15px !important;
  margin: 0 !important;
}

/* Tvingar namnet att sitta ihop med hotellet */

.testi-name {
  all: unset !important;
  display: block !important;
  color: #a3c639 !important;
  font-weight: bold !important;
  font-family: inherit !important;
  font-size: 1.1rem !important;
  margin-bottom: 0 !important;
  line-height: 1 !important;
}

/* Tvingar hotellet att ligga precis under */

.testi-hotel {
  all: unset !important;
  display: block !important;
  color: #666 !important;
  font-family: inherit !important;
  font-size: 0.9rem !important;
  margin-top: 2px !important;
  line-height: 1 !important;
}

.hero-fullscreen {
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.hero-fullscreen {
  min-height: 100vh;
  display: flex;
  align-items: center;
}