div.fivestar-rating-wrapper > div > label::before {
  font-size: 1em;
}

.image-style-drink-cover {
  border-radius: var(--border-radius);
}

a.link-absolute {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0;
  z-index: 10;
}

h1 {
  font-size: 1.5rem;
  line-height: 1.75rem;
  margin: 0 0 .5rem 0;
}

h2 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  margin: 0 0 .5rem 0;
}

.flex {
  display: flex;
}

.justify-between {
  justify-content: space-between;
}

.button-no-background {
  background: none;
  border: none;
  cursor: pointer;
  font-weight: 500;
  font-size: .875rem;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

/* Gør billedet klar til animation */

.drink .image-style-medium {
  display: block; /* stabil transform */
  transform: translateY(0);
  transition: transform 180ms ease, filter 180ms ease;
  will-change: transform;
}

.drink h1 {
  font-size: 2rem;
  margin: 0.25rem 0 1rem;
}

.drink .field--name-brand a {
  color: var(--ef-muted);
  text-decoration: none;
  font-size: 1.25rem;
}

.drink .field--name-brand a:hover {
  text-decoration: underline;
}

.drink-brand-series__brand a {
  color: var(--ef-chip-active);
  font-weight: 600;
  text-decoration: none;
  font-size: 1.25rem;
}

.drink .text-content {
  font-size: 16px;
  line-height: 1.6;
  color: #F4F6F8;
  max-width: 520px;
}

.drink-brand-series a:hover {
  text-decoration: underline;
}

.drink-brand-series__series a {
  color: var(--ef-muted);
  text-decoration: none;
  font-size: 1.25rem;
}

.drink-brand-series__separator {
  color: var(--ef-muted);
  font-size: 1.25rem;
}

.drink .field--name-characteristics {
  display: flex;
  gap: 12px;
}

.drink .field--name-characteristics h2 {
  margin: 0;
  font-size: 12px;
}

/* Når man hover/fokuserer linket: løft billedet og giv skygge */

.drink .link-absolute:hover ~ .drink__content .image-style-medium,
.drink .link-absolute:focus-visible ~ .drink__content .image-style-medium {
  transform: translateY(-10px); /* justér fx -8px/-10px */
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .12));
}

/* Hover effect for preview view mode */

.drink--view-mode-preview:hover .image-style-medium {
  transform: translateY(-6px);
  filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .12));
}

.drink .block-field-blockdrinkdrinkimages {
  display: flex;
  justify-content: center;
}

.drink .block-field-blockdrinkdrinkdescription {
  margin: 1rem 0;
}

/* Countries field on drink page */

.drink .countries {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0;
}

.drink .countries .countries__icon {
    font-size: 1.25rem;
    line-height: 1;
  }

.drink .countries .countries__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
  }

.drink .countries .countries__badge {
    display: inline-block;
    padding: 0.25rem 0.625rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #F4F6F8;
    background-color: #0F2B5B;
    border: 1px solid rgba(180, 240, 0, 0.3);
    border-radius: var(--border-radius-full);
    line-height: 1.25;
  }

/* Hover effect for product-list relies on .link-absolute:hover above */

/* Tilgængelighed: mindre bevægelse */

@media (prefers-reduced-motion: reduce) {
  .drink .image-style-medium {
    transition: none;
  }
}

/* Product List View Mode Styles */

.drink--view-mode-product-list {
  position: relative;
}

.drink--view-mode-product-list .badge--international {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    z-index: 20;
    display: inline-block;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: #F4F6F8;
    background-color: #0F2B5B;
    border: 1px solid rgba(180, 240, 0, 0.3);
    border-radius: var(--border-radius-sm);
    line-height: 1;
  }

.drink--view-mode-product-list .rating {
    --bg: #0F2B5B;
    --fg: #F4F6F8;
    --bd: transparent;
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin: 0;
    font-size: 1.125rem;
    background: var(--bg);
    color: var(--fg);
    border-color: var(--bd);

  }

.drink--view-mode-product-list .rating .stars {
      display: flex;
      gap: 0.125rem;
      line-height: 1;
    }

.drink--view-mode-product-list .rating .star {
      font-size: 1rem;
      line-height: 1;
    }

.drink--view-mode-product-list .rating .star.star--full {
        color: #fbbf24;
      }

.drink--view-mode-product-list .rating .rating-text {
      font-size: 0.875rem;
      white-space: nowrap;
    }

/* Farve-modifiers (intervaller) */

.drink--view-mode-product-list .rating.rating--bad {        /* 0.0 – 1.9 */
      --bg: #FDE8E8;  /* lys rød */
      --fg: #991B1B;  /* mørk rød */
      --bd: #F5BDBD;
    }

.drink--view-mode-product-list .rating.rating--low {        /* 2.0 – 2.9 */
      --bg: #FFE8D6;  /* lys orange */
      --fg: #9A3412;  /* dyb orange/brun */
      --bd: #FFCCA3;
    }

.drink--view-mode-product-list .rating.rating--mid {        /* 3.0 – 3.9 */
      --bg: #FFF7CC;  /* lys gul */
      --fg: #7C2D12;  /* mørk rav */
      --bd: #F3E38A;
    }

.drink--view-mode-product-list .rating.rating--good {       /* 4.0 – 4.4 */
      --bg: #EAF7D9;  /* lys grøn */
      --fg: #2F6B1A;  /* grøn */
      --bd: #CBE8A8;
    }

.drink--view-mode-product-list .rating.rating--top {        /* 4.5 – 5.0 */
      --bg: #DDF5E3;  /* klarere grøn */
      --fg: #166534;  /* mørk grøn */
      --bd: #A8E5BE;
      box-shadow: inset 0 0 0 1px var(--bd);
    }

.drink--view-mode-product-list .rating.rating--user {       /* User's own rating */
      --bg: #EDE9FE;  /* lys lilla */
      --fg: #5B21B6;  /* mørk lilla */
      --bd: #C4B5FD;
      box-shadow: inset 0 0 0 1px var(--bd);
      top: 2.5rem;
    }

.drink--view-mode-product-list .characteristics-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 0.25rem;
  }

.drink--view-mode-product-list .characteristics-badges .badge {
      display: inline-block;
      padding: 0.25rem 0.5rem;
      font-size: 0.75rem;
      font-weight: 500;
      color: #B4F000;
      background-color: rgba(180, 240, 0, 0.1);
      border-radius: var(--border-radius-sm);
      line-height: 1;
    }

.drink--view-mode-product-list .characteristics-badges .badge.badge--more {
        color: #a0aec0;
        background-color: rgba(255, 255, 255, 0.05);
      }

.drink-review-banner {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  margin-bottom: 1.25rem;
  background-color: rgba(255, 196, 0, 0.1);
  border: 1px solid rgba(255, 196, 0, 0.3);
  border-radius: var(--border-radius);
  font-size: 0.875rem;
  color: #FFC400;
}

.drink-review-banner__icon {
  flex-shrink: 0;
}

/* Drink description "Vis mere" */
.drink-description__content {
  max-height: 7em;
  overflow: hidden;
  transition: max-height 0.3s ease;
  position: relative;
}

.drink-description__content::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2em;
  background: linear-gradient(to bottom, transparent, #0A1F44);
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.drink-description__content.is-expanded {
  max-height: 1000px;
}

.drink-description__content.is-expanded::after,
.drink-description__content.no-overflow::after {
  opacity: 0;
}

.drink-description__toggle {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 500;
  color: #B4F000;
  padding: 0;
  margin-top: 0.25rem;
  text-decoration: none;
}