/* Artikkelbanner: sentrert som kategorisidene */
.gc-article-hero,
.gc-article-hero__inner,
.gc-article-hero__inner .container,
.gc-article-hero__inner [class*="intro"] {
  text-align: center !important;
}

.gc-article-hero h1 {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
/*
   GASTRO CATERING – TEST ARTIKKELSIDER
   Brukes sammen med test-Article.cshtml
   ========================================================= */

.gc-article-page {
  background: #f7f7f3;
  color: #111111;
}

/* Toppseksjon */
.gc-article-hero {
  background: #050505;
  color: #ffffff;
  padding: clamp(4rem, 8vw, 7rem) 1.5rem;
}

.gc-article-hero__inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}

/* Fjerner unødvendig bredde/padding fra eksisterende Intro-partial. */
.gc-article-hero__inner .container {
  width: 100% !important;
  max-width: 850px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 !important;
}

.gc-article-hero h1 {
  max-width: 900px;
  margin: 0 auto 1.5rem !important;
  font-family: var(--font-display) !important;
  font-size: clamp(3rem, 6vw, 6rem) !important;
  font-weight: 400 !important;
  line-height: 0.98 !important;
  letter-spacing: 0.015em !important;
  text-transform: none !important;
  color: #ffffff !important;
  overflow-wrap: anywhere;
}

.gc-article-hero h2,
.gc-article-hero h3 {
  font-family: var(--font-heading-sans) !important;
  font-weight: 100 !important;
  letter-spacing: 0.025em !important;
  color: #ffffff !important;
}

.gc-article-hero p,
.gc-article-hero li {
  max-width: 720px;
  margin-left: auto !important;
  margin-right: auto !important;
  font-family: var(--font-sans) !important;
  font-size: clamp(1rem, 1.5vw, 1.25rem) !important;
  font-weight: 300 !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

.gc-article-hero a.border,
.gc-article-hero .btn,
.gc-article-hero a.btn {
  display: inline-flex;
  margin-top: 1.25rem;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.7) !important;
}

/* Hovedinnhold */
.gc-article-content {
  background: #f7f7f3;
  padding: clamp(4rem, 7vw, 7rem) 1.5rem;
}

.gc-article-content__inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.gc-article-content__inner > * + * {
  margin-top: clamp(3rem, 6vw, 6rem);
}

.gc-article-content .container {
  width: 100% !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.gc-article-content h1,
.gc-article-content h2 {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: 0.015em !important;
  text-transform: none !important;
  color: #111111 !important;
}

.gc-article-content h2 {
  font-size: clamp(2.2rem, 4vw, 4rem) !important;
}

.gc-article-content h3,
.gc-article-content h4,
.gc-article-content h5,
.gc-article-content h6 {
  font-family: var(--font-heading-sans) !important;
  font-weight: 100 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.025em !important;
  text-transform: none !important;
  color: #111111 !important;
}

.gc-article-content p,
.gc-article-content li {
  font-family: var(--font-sans) !important;
  font-size: 1rem !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;
  color: rgba(17, 17, 17, 0.82) !important;
}

.gc-article-content a:not(.btn) {
  color: #111111 !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

.gc-article-content img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Mobil */
@media (max-width: 700px) {
  .gc-article-hero {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .gc-article-hero h1 {
    font-size: clamp(2.5rem, 13vw, 4rem) !important;
  }

  .gc-article-content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

/* =========================================================
   ENDELIG ARTIKKELOPPSETT
   Overstyrer gammel blokkstyling som ellers gir svart
   bakgrunn, ulike bredder og svært store bilder.
   ========================================================= */

body .gc-article-page .gc-article-hero {
  min-height: 0 !important;
  padding: clamp(4rem, 7vw, 6.5rem) 1.5rem !important;
  background-color: #050505 !important;
}

body .gc-article-page .gc-article-hero__inner,
body .gc-article-page .gc-article-hero__inner .container {
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

body .gc-article-page .gc-article-hero h1,
body .gc-article-page .gc-article-hero h2,
body .gc-article-page .gc-article-hero h3,
body .gc-article-page .gc-article-hero [class*="font-serif"] {
  margin: 0 auto 1.25rem !important;
  font-family: var(--font-display) !important;
  font-size: clamp(2.8rem, 5vw, 5rem) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0.015em !important;
  text-transform: none !important;
  color: #ffffff !important;
}

body .gc-article-page .gc-article-hero p,
body .gc-article-page .gc-article-hero .rte,
body .gc-article-page .gc-article-hero .rte p {
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-family: var(--font-sans) !important;
  font-size: clamp(1rem, 1.3vw, 1.2rem) !important;
  font-weight: 300 !important;
  line-height: 1.65 !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Hele blokkdelen får ett konsekvent lyst uttrykk. */
body .gc-article-page .gc-article-content,
body .gc-article-page .gc-article-content section,
body .gc-article-page .gc-article-content article,
body .gc-article-page .gc-article-content [class*="block"] {
  background-color: #f7f7f3 !important;
  color: #111111 !important;
}

body .gc-article-page .gc-article-content {
  padding: 5rem 1.5rem 7rem !important;
}

body .gc-article-page .gc-article-content__inner {
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}

body .gc-article-page .gc-article-content section {
  width: 100% !important;
  margin: 0 !important;
  padding: clamp(2.5rem, 5vw, 4.5rem) 0 !important;
  border-top: 1px solid rgba(17, 17, 17, 0.16);
}

body .gc-article-page .gc-article-content section:first-child {
  padding-top: 0 !important;
  border-top: 0;
}

body .gc-article-page .gc-article-content .container,
body .gc-article-page .gc-article-content [class*="container"] {
  width: 100% !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body .gc-article-page .gc-article-content h1,
body .gc-article-page .gc-article-content h2 {
  margin: 0 0 1.25rem !important;
  font-family: var(--font-display) !important;
  font-size: clamp(2rem, 3.5vw, 3.4rem) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: 0.015em !important;
  text-transform: none !important;
  color: #111111 !important;
}

body .gc-article-page .gc-article-content h3,
body .gc-article-page .gc-article-content h4,
body .gc-article-page .gc-article-content h5,
body .gc-article-page .gc-article-content h6,
body .gc-article-page .gc-article-content strong {
  font-family: var(--font-heading-sans) !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  color: #111111 !important;
}

body .gc-article-page .gc-article-content p,
body .gc-article-page .gc-article-content li,
body .gc-article-page .gc-article-content span,
body .gc-article-page .gc-article-content .rte {
  font-family: var(--font-sans) !important;
  font-size: 1rem !important;
  font-weight: 300 !important;
  line-height: 1.7 !important;
  color: rgba(17, 17, 17, 0.82) !important;
}

/* Bildene holdes innenfor lesebredden og får en kontrollert høyde. */
body .gc-article-page .gc-article-content picture,
body .gc-article-page .gc-article-content figure {
  width: 100% !important;
  max-width: 900px !important;
  margin: 2rem auto !important;
  overflow: hidden !important;
}

body .gc-article-page .gc-article-content img {
  width: 100% !important;
  height: auto !important;
  max-height: 560px !important;
  display: block !important;
  margin: 0 auto !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 0 !important;
}

/* Sitat skilles fra vanlig brødtekst. */
body .gc-article-page .gc-article-content blockquote {
  max-width: 760px !important;
  margin: 2.5rem auto !important;
  padding: 1.5rem 0 1.5rem 1.5rem !important;
  border-left: 1px solid #111111 !important;
  font-family: var(--font-display) !important;
  font-size: clamp(1.5rem, 2.5vw, 2.25rem) !important;
  line-height: 1.25 !important;
  color: #111111 !important;
}

@media (max-width: 700px) {
  body .gc-article-page .gc-article-content {
    padding: 3.5rem 1.25rem 5rem !important;
  }

  body .gc-article-page .gc-article-content section {
    padding: 2.5rem 0 !important;
  }

  body .gc-article-page .gc-article-content img {
    max-height: 420px !important;
  }
}

/* =========================================================
   FELLES TOPPBANNER MED PRODUKTSIDEN
   Artikkel med bilde: 440 px. Uten bilde: kompakt sort felt.
   ========================================================= */

body .gc-article-page .gc-article-hero {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 280px !important;
  min-height: 0 !important;
  padding: 0 3rem !important;
  background-color: #111111 !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

body .gc-article-page .gc-article-hero[style*="background-image"] {
  height: 440px !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
}

body .gc-article-page .gc-article-hero__inner,
body .gc-article-page .gc-article-hero__inner .container {
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: left !important;
}

body .gc-article-page .gc-article-hero__inner .container > * {
  max-width: 720px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body .gc-article-page .gc-article-hero h1,
body .gc-article-page .gc-article-hero h2,
body .gc-article-page .gc-article-hero h3,
body .gc-article-page .gc-article-hero [class*="font-serif"] {
  margin: 0 0 1rem !important;
  font-size: clamp(2.8rem, 4.2vw, 4.5rem) !important;
  line-height: 1 !important;
  text-align: left !important;
}

body .gc-article-page .gc-article-hero p,
body .gc-article-page .gc-article-hero .rte,
body .gc-article-page .gc-article-hero .rte p {
  max-width: 720px !important;
  margin: 0 !important;
  text-align: left !important;
}

body .gc-article-page .gc-article-hero [class*="breadcrumb"],
body .gc-article-page .gc-article-hero .breadcrumbs,
body .gc-article-page .gc-article-hero .gc-article-breadcrumb,
body .gc-article-page .gc-article-breadcrumb {
  display: none !important;
}

@media (max-width: 1024px) {
  body .gc-article-page .gc-article-hero {
    height: 230px !important;
    padding: 0 1.25rem !important;
  }

  body .gc-article-page .gc-article-hero[style*="background-image"] {
    height: 400px !important;
  }

  body .gc-article-page .gc-article-hero h1,
  body .gc-article-page .gc-article-hero h2,
  body .gc-article-page .gc-article-hero h3,
  body .gc-article-page .gc-article-hero [class*="font-serif"] {
    font-size: clamp(2.4rem, 10vw, 3.8rem) !important;
  }
}

/* Content-format: H2 brukes som Museo Sans-overskrift. */
body .gc-article-page .gc-article-content h2 {
  font-family: "museo-sans", Arial, Helvetica, sans-serif !important;
  font-size: clamp(2rem, 3vw, 3.1rem) !important;
  font-weight: 100 !important;
  line-height: 1.1 !important;
  letter-spacing: 0.01em !important;
}

/* Skjema på test-artikler: lyse felt med kun understrek. */
body .gc-article-page .gc-article-content form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
body .gc-article-page .gc-article-content form textarea,
body .gc-article-page .gc-article-content form select {
  width: 100% !important;
  color: #111111 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(17, 17, 17, 0.55) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0.75rem 0 !important;
}

body .gc-article-page .gc-article-content form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus,
body .gc-article-page .gc-article-content form textarea:focus,
body .gc-article-page .gc-article-content form select:focus {
  outline: 0 !important;
  border-bottom-color: #111111 !important;
}

/* Skjemaknappen følger de sorte/hvite knappene på resten av testsiden. */
body .gc-article-page .gc-article-content form button[type="submit"],
body .gc-article-page .gc-article-content form input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 0.85rem 1.5rem !important;
  color: #ffffff !important;
  background: #111111 !important;
  border: 1px solid #111111 !important;
  border-radius: 0 !important;
  font-family: var(--font-sans) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

body .gc-article-page .gc-article-content form button[type="submit"]:hover,
body .gc-article-page .gc-article-content form input[type="submit"]:hover {
  color: #111111 !important;
  background: transparent !important;
}

/* Bli bedriftskunde: samlet introduksjon og kompakt skjema i to kolonner. */
body .gc-article-page .gc-article-content section:has(.blibedriftskundegastrocatering){padding-top:1.5rem!important;border-top:0!important}
body .gc-article-page .blibedriftskundegastrocatering{width:100%!important;max-width:900px!important;margin:0 auto!important}
body .gc-article-page .blibedriftskundegastrocatering .umbraco-forms-container{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:2.5rem!important;row-gap:1.5rem!important}
body .gc-article-page .blibedriftskundegastrocatering .umbraco-forms-field{margin:0!important}
body .gc-article-page .blibedriftskundegastrocatering .hvaerduinteresserti,
body .gc-article-page .blibedriftskundegastrocatering .epost,
body .gc-article-page .blibedriftskundegastrocatering .erduenrobot,
body .gc-article-page .blibedriftskundegastrocatering .samtykke{grid-column:1/-1!important}
body .gc-article-page .blibedriftskundegastrocatering .checkboxlist{display:flex!important;flex-wrap:wrap!important;gap:.65rem 1.5rem!important}
body .gc-article-page .blibedriftskundegastrocatering .checkboxlist br{display:none!important}
@media(max-width:700px){body .gc-article-page .blibedriftskundegastrocatering .umbraco-forms-container{grid-template-columns:1fr!important}body .gc-article-page .blibedriftskundegastrocatering .umbraco-forms-field{grid-column:1!important}}

body .gc-article-page:has(.blibedriftskundegastrocatering) .gc-article-content__inner > ul strong{font-size:1.15rem;line-height:1.35}

body .gc-article-page:has(.blibedriftskundegastrocatering) .gc-article-rte > ul strong{font-size:1.15rem;line-height:1.35}


/* Kundeuttalelser på artikkelsider */
body .gc-article-page .gc-article-content .swiper-slide {
  color: #111111 !important;
}

body .gc-article-page .gc-article-content .swiper-slide .font-serif.font-bold {
  color: #111111 !important;
}

body .gc-article-page .gc-article-content .swiper-pagination-bullet {
  background-color: #111111 !important;
  opacity: 0.28 !important;
}

body .gc-article-page .gc-article-content .swiper-pagination-bullet-active {
  background-color: #111111 !important;
  opacity: 1 !important;
}


/* Sørger for lesbar tekst i hele sitatkarusellen på lys bakgrunn */
body .gc-article-page .gc-article-content .swiper,
body .gc-article-page .gc-article-content .swiper .swiper-slide,
body .gc-article-page .gc-article-content .swiper .swiper-slide * {
  color: #111111 !important;
}


/* Sitatblokk på artikkelsider – lesbar bredde og kontrast */
body .gc-article-page .gc-article-content .swiper-container {
  width: 100% !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body .gc-article-page .gc-article-content .swiper-container .swiper-slide > .text-center {
  width: 100% !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  color: #111111 !important;
}

body .gc-article-page .gc-article-content .swiper-container .swiper-slide > .text-center * {
  color: #111111 !important;
}

body .gc-article-page .gc-article-content .swiper-container .swiper-pagination-bullet {
  background-color: #111111 !important;
  opacity: 0.28 !important;
}

body .gc-article-page .gc-article-content .swiper-container .swiper-pagination-bullet-active {
  opacity: 1 !important;
}

@media (max-width: 700px) {
  body .gc-article-page .gc-article-content .swiper-container .swiper-slide > .text-center {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}


/* Forfatternavn og navigasjon under kundeuttalelser */
.gc-article-page .swiper-container .font-serif.font-bold,
.gc-article-page .swiper-container .swiper-slide .font-serif,
.gc-article-page .swiper-container .swiper-slide .font-bold {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  opacity: 1 !important;
}

.gc-article-page .swiper-container .swiper-pagination,
.gc-article-page .swiper-container .swiper-pagination * {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

.gc-article-page .swiper-container .swiper-pagination-bullet {
  background: #111111 !important;
  border-color: #111111 !important;
}


/* Endelig kontrastregel for hele sitatkarusellen */
body .gc-article-page .gc-article-content .swiper-container,
body .gc-article-page .gc-article-content .swiper-container .swiper-wrapper,
body .gc-article-page .gc-article-content .swiper-container .swiper-slide,
body .gc-article-page .gc-article-content .swiper-container .swiper-slide *,
body .gc-article-page .gc-article-content .swiper-container p,
body .gc-article-page .gc-article-content .swiper-container span,
body .gc-article-page .gc-article-content .swiper-container div {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

body .gc-article-page .gc-article-content .swiper-container .swiper-pagination-bullet {
  background-color: #111111 !important;
  border-color: #111111 !important;
}


/* Mørk signatur under kundeuttalelsene */
body .gc-article-page .font-serif.font-bold,
body .gc-article-page .font-signature,
body .gc-article-page .font-handwriting,
body .gc-article-page .swiper-slide .text-center > * {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body .gc-article-page .swiper-pagination-bullet {
  background-color: #111111 !important;
  border: 1px solid #111111 !important;
}


/* Om oss og øvrige artikkelsider: sentrert toppbanner */
body .gc-article-page .gc-article-hero__inner {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  text-align: center !important;
}
body .gc-article-page .gc-article-hero__inner h1 {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}


/* Kundeuttalelser: samme overskriftsnivå som menyoversikten */
body .gc-article-page .gc-article-content .swiper-container::before {
  font-size: clamp(1.75rem, 1.8vw, 2rem) !important;
  font-weight: 300 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
}


/* Artikkelsider: all tekst i toppbanneret skal være sentrert */
body .gc-article-page .gc-article-hero__inner,
body .gc-article-page .gc-article-hero__inner > *,
body .gc-article-page .gc-article-hero__inner h1,
body .gc-article-page .gc-article-hero__inner h2,
body .gc-article-page .gc-article-hero__inner p,
body .gc-article-page .gc-article-hero__intro {
  text-align: center !important;
}

body .gc-article-page .gc-article-hero__intro {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* Artikkelbanner: sentrer hele tekstblokken, også mot eldre venstrestilte regler */
html body main.gc-article-page section.gc-article-hero .gc-article-hero__inner > .gc-article-hero__intro {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

html body main.gc-article-page section.gc-article-hero .gc-article-hero__inner .rte,
html body main.gc-article-page section.gc-article-hero .gc-article-hero__inner .rte > * {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}