/*
 * BeaMiiLocal — Smagen af Danmark / home rail
 * Scope: front page only via .beamii-home__section--smagen
 * Purpose: distinguish the partner/content rail without breaking the normal
 * BeaMiiLocal visual language or the shared quick-card slider contract.
 */

.beamii-home__section--smagen {
  --beamii-smagen-blue: #1f527c;
  --beamii-smagen-blue-dark: #173b5d;
  --beamii-smagen-blue-soft: #eef6fb;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 15px 0 11px;
  border: 1px solid rgba(31, 82, 124, .10);
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(31, 163, 214, .08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(238,246,251,.86));
  box-shadow: 0 12px 28px rgba(23, 59, 93, .07);
}

/* A small brand accent makes the rail feel editorial/promoted without a label. */
.beamii-home__section--smagen::before {
  content: "";
  position: absolute;
  inset: 0 18px auto;
  height: 3px;
  z-index: 0;
  border-radius: 0 0 999px 999px;
  background: linear-gradient(90deg, #1f527c, #1fa3d6);
  opacity: .88;
}

.beamii-home__section--smagen .beamii-home-section-tools,
.beamii-home__section--smagen .beamii-home__sectionhead,
.beamii-home__section--smagen .beamii-home__sectionshell {
  position: relative;
  z-index: 1;
}

.beamii-home__section--smagen .beamii-home__sectionhead {
  margin-bottom: 10px;
  padding-inline: 14px;
}

.beamii-home__section--smagen .beamii-home__sectiontitle {
  color: var(--beamii-smagen-blue-dark);
}

.beamii-home__section--smagen .beamii-home__sectionsub {
  color: #667085;
}

.beamii-home__section--smagen .beamii-home__sectionshell--smagen {
  padding-inline: 10px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Keep the shared card design; only add a very light section-specific emphasis. */
.beamii-home__section--smagen .beamii-home__quick-slider--smagen > .beamii-places-quick__card {
  border-color: rgba(31, 82, 124, .11) !important;
  background: linear-gradient(180deg, #fff, #fbfdff) !important;
  box-shadow: 0 10px 22px rgba(23, 59, 93, .08) !important;
}

.beamii-home__section--smagen .beamii-places-quick__thumb {
  min-height: 158px;
}

.beamii-home__section--smagen .beamii-places-quick__logo-badge {
  z-index: 3;
  border: 2px solid rgba(255,255,255,.96);
  box-shadow: 0 8px 18px rgba(15, 38, 61, .14);
}

.beamii-home__section--smagen .beamii-places-quick__body {
  gap: 8px;
  padding: 12px 13px 13px;
}

.beamii-home__section--smagen .beamii-places-quick__cats .place-pill {
  border-color: rgba(31, 82, 124, .13);
  background: rgba(31, 82, 124, .075);
  color: var(--beamii-smagen-blue-dark);
}

/* Distance keeps the same BeaMiiLocal blue treatment used by normal home cards. */
.beamii-home__section--smagen .beamii-places-quick__dist .place-pill {
  border-color: rgba(31, 163, 214, .18);
  background: rgba(31, 163, 214, .10);
  color: var(--beamii-smagen-blue);
}

.beamii-home__section--smagen .beamii-places-quick__dist .place-pill i,
.beamii-home__section--smagen .beamii-places-quick__meta i {
  color: #1f6f99;
}

.beamii-home__section--smagen .beamii-places-quick__name {
  color: #102033;
}

/* Smagen cards intentionally have no short place-description on the home page. */
.beamii-home__section--smagen .beamii-places-quick__excerpt {
  display: none !important;
}

.beamii-home__section--smagen .beamii-places-quick__bottom {
  margin-top: 2px;
  padding-top: 9px;
  border-top: 1px solid rgba(31, 82, 124, .07);
}

.beamii-home__section--smagen .beamii-places-quick__meta {
  color: #667085;
}

.beamii-home__section--smagen .beamii-home__nearby-dotbtn.is-active,
.beamii-home__section--smagen .beamii-place2__slider-dot.is-active {
  background: var(--beamii-smagen-blue) !important;
}

/* The Smagen rail intentionally has no "Alle steder / Stedkort" footer. */
.beamii-home__section--smagen .beamii-home__smagen-foot {
  display: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .beamii-home__section--smagen .beamii-home__quick-slider--smagen > .beamii-places-quick__card:hover {
    transform: translateY(-2px);
    border-color: rgba(31, 82, 124, .20) !important;
    box-shadow: 0 14px 28px rgba(23, 59, 93, .11) !important;
  }
}

@media (max-width: 759px) {
  .beamii-home__section--smagen {
    margin-inline: 0;
    padding-top: 14px;
    border-radius: 24px;
  }

  .beamii-home__section--smagen .beamii-home__sectionhead {
    padding-inline: 13px;
  }

  .beamii-home__section--smagen .beamii-home__sectionshell--smagen {
    padding-inline: 9px !important;
  }

  .beamii-home__section--smagen .beamii-places-quick__thumb {
    min-height: 152px;
  }
}