/* Uniwears site-CSS (Settings > Scripts; stylesheetet "Uniwear" på PROD). Styres i repo: kilden er denne fil.
   Ændringer går gennem PR og pushes til PROD med MCP cms_set_site_css med sourcePath "EasyDAL/Setup/SiteCss/uniwear/uniwear-design.css".
   Composer-elementer styles gennem hooks (composer.md, "Styling hooks") og sitets tokens (--c-*). Header, knapper og
   produktside bruger bundlens tema (--color-primary, --font-serif …), indtil token-CSS'en skrives på alle sider (S-E).
   Ret ikke indholdet med SQL. */


@media (min-width: 1800px) {
  .container {
    max-width: 1536px;
  }
}

@media (min-width: 2200px) {
  .container {
    max-width: 1536px;
  }
}

.swiper-button-next, .swiper-button-prev {
  box-shadow: none;
  border-radius: var(--radius-lg);
  border: 1px solid #e5e7eb;
}

:is(.swiper-button-next, .swiper-button-prev) svg {
  width: .75rem;
  height: .75rem;
}

.sw-title {
  font-family: var(--font-serif);
}

.menu-dd-trigger, .simple-menu-item a {
  letter-spacing: 1px;
  font-weight: 300;
  font-size: var(--text-xs);
}

.main-menu .dd-caret {
  display: none;
}

.menu-dt-heading, .drawer-title {
  font-family: var(--font-serif);
  font-size: 1.1rem;
  font-weight: 300;
}

.main-menu .top-level-item {
  text-transform: uppercase;
}

body.home .main-nav {
  background: none;
  border-bottom: none;
}

@media (min-width: 1280px) {
  body.home .main-nav a, body.home .main-nav button {
    color: #fff;
  }

  body.home .main-nav li.has-megamenu:hover {
    border-color: #fff;
  }

  body.home .main-nav .language-dropdown a, body.home .main-nav .language-dropdown button {
    color: #000;
  }

  body.home .usp-top {
    color: #fff;
    background: #00000040;
    border-bottom: #0000;
  }
}

body.home .main-nav.scrolled {
  border-bottom: var(--theme-background-2) 1px solid;
  background-color: #fff;
  margin-top: 0;
  transition: background-color .2s linear;
}

body.home .main-nav.scrolled a, body.home .main-nav.scrolled button {
  color: #000;
}

body.home .main-nav.scrolled a.header-logo {
  color: var(--color-primary);
}

body.home.header-solid .main-nav {
  background: #fff;
}

body.home.header-solid .main-nav a, body.home.header-solid .main-nav button {
  color: #000;
}

body.home.header-solid .main-nav a.header-logo {
  color: var(--color-primary);
}

body.home.header-solid .main-nav li.has-megamenu:hover {
  border-color: #000;
}

body.home.header-solid .usp-top {
  color: #000;
}

@media (min-width: 768px) {
  body.home.header-solid .usp-top {
    background: #f9f9f9;
  }
}

.home-hero {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

@media (min-width: 1280px) {
  .home-hero {
    margin-top: -6.3rem;
  }
}

.home-hero {
  --home-hero-container: 100%;
}

@media (min-width: 40rem) {
  .home-hero {
    --home-hero-container: 40rem;
  }
}

@media (min-width: 48rem) {
  .home-hero {
    --home-hero-container: 48rem;
  }
}

@media (min-width: 64rem) {
  .home-hero {
    --home-hero-container: 64rem;
  }
}

@media (min-width: 80rem) {
  .home-hero {
    --home-hero-container: 80rem;
  }
}

@media (min-width: 96rem) {
  .home-hero {
    --home-hero-container: 96rem;
  }
}

.home-hero {
  --home-hero-gutter: calc((100% - var(--home-hero-container)) / 2 + 1rem);
}

.home-hero .c-layer {
  border-radius: 0;
  min-height: 65vh;
}

@media (min-width: 1280px) {
  .home-hero .c-layer {
    min-height: 80vh;
  }
}

.home-hero .c-image, .home-hero .c-image > img {
  border-radius: 0;
}

.home-hero .c-image[data-scrim]:after {
  background: linear-gradient(180deg,
        #00000073 0%,
        #00000038 12%,
        #0000 35%,
        #0000 55%,
        #0000006b 100%),
      var(--c-scrim, none);
}

.home-hero .c-layer > .c-box {
  padding-inline: 1rem;
  margin-inline-start: calc((100% - var(--home-hero-container)) / 2);
  padding-bottom: 3.5rem;
}

@media (min-width: 640px) {
  .home-hero .c-layer > .c-box {
    padding-bottom: 4rem;
  }
}

@media (min-width: 1280px) {
  .home-hero .c-layer > .c-box {
    padding-bottom: 7rem;
  }
}

.home-hero .c-heading {
  font-size: 3rem;
}

@media (min-width: 1280px) {
  .home-hero .c-heading {
    font-size: 4.6rem;
  }
}

.home-hero .c-rail-controls {
  inset-inline: var(--home-hero-gutter);
  z-index: 2;
  color: #fff;
  margin: 0;
  position: absolute;
  bottom: 1.5rem;
}

@media (min-width: 640px) {
  .home-hero .c-rail-controls {
    bottom: 2.5rem;
  }
}

.home-hero .c-rail-dots {
  order: -1;
  margin-inline-end: auto;
}

.home-hero {
  --c-rail-arrow-radius: var(--c-radius-lg);
  --c-rail-arrow-bg: #0000001a;
  --c-rail-arrow-border-color: #fff;
  --c-rail-dot-width: 3rem;
  --c-rail-dot-height: 2px;
  --c-rail-dot-radius: 0;
  --c-rail-dot-bg: #fff9;
  --c-rail-dot-active-bg: var(--c-color-primary);
}

@media (max-width: 639px) {
  .home-hero {
    --c-rail-arrow-display: none;
  }
}

.c-eyebrow {
  letter-spacing: 2px;
  font-weight: 300;
}

.c-heading, .c-subpages-title {
  font-weight: 400;
}

.c-text {
  color: var(--c-fg, var(--c-color-fg));
}

.c-heading[data-family="serif"] {
  font-weight: 300;
}

.c-link {
  font-size: var(--text-xs);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 300;
}

.c-tab {
  font-size: var(--text-xs);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 300;
}

.c-layer:has( > .c-image) > .c-box[data-variant="none"], .c-layer:has( > .c-image) > .c-box[data-variant="none"] .c-eyebrow, .c-layer:has( > .c-image) > .c-box[data-variant="none"] .c-heading, .c-layer:has( > .c-image) > .c-box[data-variant="none"] .c-text, .c-layer:has( > .c-image) > .c-box[data-variant="none"] .c-text p {
  color: #fff;
}

.usp-top svg {
  stroke-width: 1px;
}

p {
  color: var(--body-text);
}

b, strong {
  font-weight: 600;
}

.content img {
  border-radius: .375rem;
}

.btn-primary, .btn-to-checkout, .btn-checkout-step, .btn-add-to-cart {
  cursor: pointer;
  background-color: var(--color-primary);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 0% 100%, 100% 100%;
  background-image: linear-gradient(color-mix(in srgb, var(--color-primary) 80%, white) 0 0),
    linear-gradient(var(--color-primary) 0 0);
  border: none;
  transition: background-size .35s;
}

:is(.btn-primary, .btn-to-checkout, .btn-checkout-step, .btn-add-to-cart):hover {
  background-size: 100% 100%, 100% 100%;
}

:is(.btn-primary, .btn-to-checkout, .btn-checkout-step, .btn-add-to-cart) svg {
  stroke-width: 1px;
}

:is(.btn-secondary, .btn-pill):hover {
  color: #fff;
  background-color: var(--color-primary);
}

:is(.btn-secondary, .btn-pill) svg {
  stroke-width: 1px;
}

.btn-pill {
  color: #000;
  background-color: #fcfcfc;
}

:is(.btn-outline, .btn-link) svg {
  stroke-width: 1px;
}

.product-detail-container #accordion-flush button {
  font-family: var(--font-serif);
  font-size: 1.1rem;
}

.pd-title {
  font-family: var(--font-serif);
  font-weight: 300;
  line-height: 1.1;
}

@media (min-width: 768px) {
  .pd-title {
    font-size: 2rem;
  }
}

@media (min-width: 1200px) {
  .pd-title {
    font-size: 2.5rem;
  }
}

.pd-title-qb {
  font-family: var(--font-serif);
  font-weight: 300;
}

.product-card {
  box-shadow: none;
  border: none;
}

.product-card img {
  background-color: var(--prod-img-bg);
}

.thumbs-swiper-controls-container .swiper-button-prev, .thumbs-swiper-controls-container .swiper-button-next {
  border-radius: var(--radius-lg);
}

.product-widget[data-view-mode="carousel"] .category-navigator .category-nav-label {
  display: none;
}