/* ==========================================================================
   Repair Café Danmark Design System Tokens
   ========================================================================== */
:root {
  --rcdk-green-light: #b1d469;
  --rcdk-green-dark: #002b00;
  --rcdk-orange: #ff751f;
  --rcdk-white: #ffffff;
  --rcdk-bg-tint: #f5f8ed;
  --rcdk-bg-cream: #fafbf7;
  --rcdk-card-border: #e2ebd0;
  --rcdk-text-muted: #4a5d43;

  --font-headline: 'Courier Prime', Courier, monospace;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-courier: 'Courier Prime', Courier, monospace;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 36px;
  --radius-pill: 9999px;
}

/* Base typography & color enforcement inside the canvas and editor */
.rcdk-frontpage-blocks-canvas,
.editor-styles-wrapper {
  font-family: var(--font-body) !important;
  color: var(--rcdk-green-dark) !important;
}

/* All Headings (H1 - H6) must use Courier Prime and deep green */
.rcdk-frontpage-blocks-canvas h1,
.rcdk-frontpage-blocks-canvas h2,
.rcdk-frontpage-blocks-canvas h3,
.rcdk-frontpage-blocks-canvas h4,
.rcdk-frontpage-blocks-canvas h5,
.rcdk-frontpage-blocks-canvas h6,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6,
.wp-block-heading {
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace) !important;
  color: var(--rcdk-green-dark, #002b00) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

/* Body text, Paragraphs, Lists */
.rcdk-frontpage-blocks-canvas p,
.rcdk-frontpage-blocks-canvas li,
.rcdk-frontpage-blocks-canvas blockquote,
.editor-styles-wrapper p,
.editor-styles-wrapper li {
  font-family: var(--font-body) !important;
  color: #334430;
  line-height: 1.6;
}

/* Gutenberg Buttons - Base pill style (Normal compact size: ~0.8 scale) */
.rcdk-frontpage-blocks-canvas .wp-block-button__link,
.editor-styles-wrapper .wp-block-button__link {
  font-family: var(--font-body, 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif) !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  letter-spacing: 0.01em !important;
  border-radius: 9999px !important;
  padding: 10px 22px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  line-height: 1.35 !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer;
}

/* Large / Full Size */
.rcdk-frontpage-blocks-canvas .wp-block-button.rcdk-btn-size-large .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.rcdk-btn-size-large .wp-block-button__link,
.rcdk-frontpage-blocks-canvas .wp-block-button__link.rcdk-btn-size-large,
.editor-styles-wrapper .wp-block-button__link.rcdk-btn-size-large,
.editor-styles-wrapper .is-style-rcdk-size-large .wp-block-button__link {
  font-size: 17px !important;
  padding: 13px 30px !important;
  gap: 10px !important;
  line-height: 1.4 !important;
}

/* Explicit Normal / Compact (~0.8 scale) */
.rcdk-frontpage-blocks-canvas .wp-block-button.rcdk-btn-size-normal .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.rcdk-btn-size-normal .wp-block-button__link,
.rcdk-frontpage-blocks-canvas .wp-block-button__link.rcdk-btn-size-normal,
.editor-styles-wrapper .wp-block-button__link.rcdk-btn-size-normal,
.editor-styles-wrapper .is-style-rcdk-size-normal .wp-block-button__link {
  font-size: 14.5px !important;
  padding: 10px 22px !important;
  gap: 8px !important;
}

.wp-block-button__link .rcdk-btn-icon {
  width: 1.15em !important;
  height: 1.15em !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

.wp-block-button__link .rcdk-btn-icon--left {
  order: -1 !important;
}

.wp-block-button__link .rcdk-btn-icon--right {
  order: 2 !important;
}


/* 1. Mørkegrøn (Default) */
.rcdk-frontpage-blocks-canvas .wp-block-button__link,
.editor-styles-wrapper .wp-block-button__link,
.rcdk-frontpage-blocks-canvas .is-style-rcdk-dark-green .wp-block-button__link,
.editor-styles-wrapper .is-style-rcdk-dark-green .wp-block-button__link {
  background-color: var(--rcdk-green-dark, #002b00) !important;
  color: #ffffff !important;
  border: 2px solid var(--rcdk-green-dark, #002b00) !important;
}
.rcdk-frontpage-blocks-canvas .wp-block-button__link:hover,
.editor-styles-wrapper .wp-block-button__link:hover,
.rcdk-frontpage-blocks-canvas .is-style-rcdk-dark-green .wp-block-button__link:hover,
.editor-styles-wrapper .is-style-rcdk-dark-green .wp-block-button__link:hover {
  background-color: #004400 !important;
  border-color: #004400 !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 43, 0, 0.25) !important;
}

/* 2. Lysegrøn (Grøn tekst) */
.rcdk-frontpage-blocks-canvas .is-style-rcdk-light-green .wp-block-button__link,
.editor-styles-wrapper .is-style-rcdk-light-green .wp-block-button__link {
  background-color: var(--rcdk-green-light, #b1d469) !important;
  color: var(--rcdk-green-dark, #002b00) !important;
  border: 2px solid var(--rcdk-green-light, #b1d469) !important;
}
.rcdk-frontpage-blocks-canvas .is-style-rcdk-light-green .wp-block-button__link:hover,
.editor-styles-wrapper .is-style-rcdk-light-green .wp-block-button__link:hover {
  background-color: #c2e27e !important;
  border-color: #c2e27e !important;
  color: var(--rcdk-green-dark, #002b00) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 43, 0, 0.16) !important;
}

/* 3. Orange (Hvid tekst) */
.rcdk-frontpage-blocks-canvas .is-style-rcdk-orange .wp-block-button__link,
.editor-styles-wrapper .is-style-rcdk-orange .wp-block-button__link {
  background-color: var(--rcdk-orange, #ff751f) !important;
  color: #ffffff !important;
  border: 2px solid var(--rcdk-orange, #ff751f) !important;
}
.rcdk-frontpage-blocks-canvas .is-style-rcdk-orange .wp-block-button__link:hover,
.editor-styles-wrapper .is-style-rcdk-orange .wp-block-button__link:hover {
  background-color: #e56210 !important;
  border-color: #e56210 !important;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(255, 117, 31, 0.3) !important;
}

/* 4. Handlingslink (Mørkegrøn handling / Orange handling) */
.rcdk-frontpage-blocks-canvas .is-style-rcdk-action-link .wp-block-button__link,
.editor-styles-wrapper .is-style-rcdk-action-link .wp-block-button__link,
.rcdk-frontpage-blocks-canvas .is-style-rcdk-action-link-orange .wp-block-button__link,
.editor-styles-wrapper .is-style-rcdk-action-link-orange .wp-block-button__link,
.rcdk-frontpage-blocks-canvas .wp-block-button.rcdk-btn-size-normal.is-style-rcdk-action-link .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.rcdk-btn-size-normal.is-style-rcdk-action-link .wp-block-button__link,
.rcdk-frontpage-blocks-canvas .wp-block-button.rcdk-btn-size-normal.is-style-rcdk-action-link-orange .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.rcdk-btn-size-normal.is-style-rcdk-action-link-orange .wp-block-button__link,
.rcdk-frontpage-blocks-canvas .is-style-rcdk-action-link .wp-block-button__link.rcdk-btn-size-normal,
.editor-styles-wrapper .is-style-rcdk-action-link .wp-block-button__link.rcdk-btn-size-normal,
.rcdk-frontpage-blocks-canvas .is-style-rcdk-action-link-orange .wp-block-button__link.rcdk-btn-size-normal,
.editor-styles-wrapper .is-style-rcdk-action-link-orange .wp-block-button__link.rcdk-btn-size-normal {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  font-family: var(--font-body, system-ui, -apple-system, sans-serif) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  transform: none !important;
  /* Normal default size (~15px text, 30px icon circle, 10px gap, no horizontal offset) */
  font-size: 15px !important;
  padding: 6px 0 !important;
  margin-left: 0 !important;
  gap: 10px !important;
  line-height: 1.35 !important;
}

/* Large size (rcdk-btn-size-large) */
.rcdk-frontpage-blocks-canvas .wp-block-button.rcdk-btn-size-large.is-style-rcdk-action-link .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.rcdk-btn-size-large.is-style-rcdk-action-link .wp-block-button__link,
.rcdk-frontpage-blocks-canvas .wp-block-button.rcdk-btn-size-large.is-style-rcdk-action-link-orange .wp-block-button__link,
.editor-styles-wrapper .wp-block-button.rcdk-btn-size-large.is-style-rcdk-action-link-orange .wp-block-button__link,
.rcdk-frontpage-blocks-canvas .is-style-rcdk-action-link .wp-block-button__link.rcdk-btn-size-large,
.editor-styles-wrapper .is-style-rcdk-action-link .wp-block-button__link.rcdk-btn-size-large,
.rcdk-frontpage-blocks-canvas .is-style-rcdk-action-link-orange .wp-block-button__link.rcdk-btn-size-large,
.editor-styles-wrapper .is-style-rcdk-action-link-orange .wp-block-button__link.rcdk-btn-size-large {
  font-size: 18px !important;
  padding: 8px 0 !important;
  gap: 14px !important;
  line-height: 1.4 !important;
}

.rcdk-frontpage-blocks-canvas .is-style-rcdk-action-link .wp-block-button__link,
.editor-styles-wrapper .is-style-rcdk-action-link .wp-block-button__link {
  color: var(--rcdk-green-dark, #002b00) !important;
}
.rcdk-frontpage-blocks-canvas .is-style-rcdk-action-link .wp-block-button__link::before,
.editor-styles-wrapper .is-style-rcdk-action-link .wp-block-button__link::before {
  content: "" !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background-color: var(--rcdk-green-dark, #002b00) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px 14px !important;
}
.rcdk-frontpage-blocks-canvas .wp-block-button.rcdk-btn-size-large.is-style-rcdk-action-link .wp-block-button__link::before,
.editor-styles-wrapper .wp-block-button.rcdk-btn-size-large.is-style-rcdk-action-link .wp-block-button__link::before,
.rcdk-frontpage-blocks-canvas .is-style-rcdk-action-link .wp-block-button__link.rcdk-btn-size-large::before,
.editor-styles-wrapper .is-style-rcdk-action-link .wp-block-button__link.rcdk-btn-size-large::before {
  width: 38px !important;
  height: 38px !important;
  background-size: 18px 18px !important;
}

.rcdk-frontpage-blocks-canvas .is-style-rcdk-action-link-orange .wp-block-button__link,
.editor-styles-wrapper .is-style-rcdk-action-link-orange .wp-block-button__link {
  color: var(--rcdk-orange, #ff751f) !important;
}
.rcdk-frontpage-blocks-canvas .is-style-rcdk-action-link-orange .wp-block-button__link::before,
.editor-styles-wrapper .is-style-rcdk-action-link-orange .wp-block-button__link::before {
  content: "" !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background-color: var(--rcdk-orange, #ff751f) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 14px 14px !important;
}
.rcdk-frontpage-blocks-canvas .wp-block-button.rcdk-btn-size-large.is-style-rcdk-action-link-orange .wp-block-button__link::before,
.editor-styles-wrapper .wp-block-button.rcdk-btn-size-large.is-style-rcdk-action-link-orange .wp-block-button__link::before,
.rcdk-frontpage-blocks-canvas .is-style-rcdk-action-link-orange .wp-block-button__link.rcdk-btn-size-large::before,
.editor-styles-wrapper .is-style-rcdk-action-link-orange .wp-block-button__link.rcdk-btn-size-large::before {
  width: 38px !important;
  height: 38px !important;
  background-size: 18px 18px !important;
}

/* Gutenberg Quotes */
.rcdk-frontpage-blocks-canvas .wp-block-quote,
.editor-styles-wrapper .wp-block-quote {
  border-left: 4px solid var(--rcdk-green-light, #b1d469) !important;
  font-family: var(--font-body) !important;
  color: var(--rcdk-text-muted, #4a5d43) !important;
  padding: 16px 24px !important;
}

/* Gutenberg Galleries & Images: soft rounded corners like the mockup */
.rcdk-frontpage-blocks-canvas .wp-block-gallery img,
.rcdk-frontpage-blocks-canvas .wp-block-image img,
.editor-styles-wrapper .wp-block-gallery img,
.editor-styles-wrapper .wp-block-image img {
  border-radius: 14px !important;
}

/* Ensure standard Gutenberg blocks (galleries, groups, columns, paragraphs, etc.)
   adhere to the site container margins unless explicitly set to alignfull */
.rcdk-frontpage-blocks-canvas > :not(.alignfull):not(.rcdk-block-hero):not(.rcdk-block-pillars):not(.rcdk-block-split-banner):not(.rcdk-block-features):not(.rcdk-block-cta-box):not(.rcdk-block-news) {
  max-width: 1220px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

.rcdk-frontpage-blocks-canvas > .wp-block-gallery,
.rcdk-frontpage-blocks-canvas > .wp-block-group,
.rcdk-frontpage-blocks-canvas > .wp-block-columns,
.rcdk-frontpage-blocks-canvas > .wp-block-image {
  max-width: 1220px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

.rcdk-frontpage-blocks-canvas > .alignwide {
  max-width: 1320px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;
}

.rcdk-block-hero {
  padding: 40px 0 50px 0;
  position: relative;
}
.hero-container-flex {
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}
.hero-content {
  flex: 1 1 50%;
  max-width: 600px;
}
.hero-title {
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace);
  font-weight: 700;
  font-size: clamp(2.3rem, 3.5vw, 3.4rem);
  line-height: 1.18;
  color: var(--rcdk-green-dark, #002b00);
  letter-spacing: -0.025em;
  margin-bottom: 20px;
}
.hero-lead {
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-weight: 400;
  font-size: 1.15rem;
  line-height: 1.6;
  color: #334430;
  max-width: 480px;
  margin-bottom: 30px;
}
.rcdk-block-hero .btn-pill-green,
.rcdk-block-hero a.btn-pill-green,
.btn-pill-green,
a.btn-pill-green {
  background: var(--rcdk-green-light, #b1d469) !important;
  color: var(--rcdk-green-dark, #002b00) !important;
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace) !important;
  font-weight: 700 !important;
  font-size: 1.08rem;
  padding: 13px 30px;
  border-radius: var(--radius-pill, 9999px);
  text-decoration: none !important;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border: none !important;
  outline: none;
  white-space: nowrap;
}
.rcdk-block-hero .btn-pill-green:hover,
.rcdk-block-hero a.btn-pill-green:hover,
.btn-pill-green:hover,
a.btn-pill-green:hover {
  background: #a2c858 !important;
  color: var(--rcdk-green-dark, #002b00) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(177, 212, 105, 0.4);
  text-decoration: none !important;
}
.hero-tools {
  margin-top: 36px;
  max-width: 380px;
  opacity: 0.92;
}
.hero-tools img {
  width: 100%;
  height: auto;
  display: block;
}
.hero-image-wrap {
  flex: 1 1 48%;
  width: 100%;
  max-width: 512px;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.hero-image-wrap img {
  width: 100%;
  max-width: 512px;
  aspect-ratio: 1007 / 1120;
  height: auto;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 28px;
  box-shadow: 0 16px 40px rgba(0, 43, 0, 0.08);
}

/* Carousel Animation (Matching Bicycle Hero Ratio & 5s Soft Crossfade) */
.hero-carousel-wrap {
  position: relative;
  width: 100%;
  max-width: 512px;
  aspect-ratio: 1007 / 1120;
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(0, 43, 0, 0.08);
}
.hero-carousel-wrap .hero-carousel-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 1007 / 1120;
  object-fit: cover;
  object-position: center;
  border-radius: 28px;
  box-shadow: none;
  opacity: 0;
  transform: scale(1.02);
  transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1), transform 1.8s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
.hero-carousel-wrap .hero-carousel-slide.is-active {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}

.hero-video-wrap {
  flex: 1 1 48%;
  width: 100%;
  max-width: 512px;
  display: flex;
  justify-content: flex-end;
}
.hero-video-wrap video {
  width: 100%;
  max-width: 512px;
  aspect-ratio: 1007 / 1120;
  height: auto;
  object-fit: cover;
  object-position: center;
  display: block;
  border-radius: 28px;
  box-shadow: 0 16px 40px rgba(0, 43, 0, 0.08);
}

/* 3 Pillars */
.rcdk-block-pillars {
  padding: 64px 0;
  background: transparent;
}
.hero-pillars-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
  text-align: center;
}
.hero-pillar-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero-pillar-icon-wrap {
  width: 100%;
  max-width: 170px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.hero-pillar-icon {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
.hero-pillar-title {
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace);
  font-size: 1.45rem;
  font-weight: 700;
  color: var(--rcdk-green-dark, #002b00);
  margin: 0 0 12px 0;
  line-height: 1.3;
  letter-spacing: -0.01em;
}
.hero-pillar-desc {
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-size: 0.96rem;
  line-height: 1.6;
  color: var(--rcdk-text-muted, #4a5d43);
  margin: 0;
  max-width: 320px;
}

/* Split Banner */
.rcdk-block-split-banner {
  padding: 40px 0;
}
.pam-promo-banner {
  display: flex;
  align-items: stretch;
  background: var(--rcdk-bg-tint, #f5f8ed);
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 0;
  text-decoration: none !important;
  color: inherit;
  transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}
.pam-promo-banner--clickable {
  cursor: pointer;
}
.pam-promo-banner--clickable:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px -6px rgba(0, 43, 0, 0.12);
}
.pam-promo-banner--clickable:hover .pam-promo-link-arrow {
  color: var(--rcdk-orange, #ff751f) !important;
}
.pam-promo-banner--clickable:hover .pam-promo-arrow {
  transform: translateX(4px);
}
/* Split Banner Color Variants */
/* 1. Lys tint (Standard forside-look) */
.pam-promo-banner--light-green,
.pam-promo-banner--tint,
.pam-promo-banner--boxed,
.pam-promo-banner:not([class*="--"]) {
  background: var(--rcdk-bg-tint, #f5f8ed);
  color: var(--rcdk-green-dark, #002b00);
}
.pam-promo-banner--light-green .pam-promo-title,
.pam-promo-banner--tint .pam-promo-title,
.pam-promo-banner--boxed .pam-promo-title,
.pam-promo-banner:not([class*="--"]) .pam-promo-title {
  color: var(--rcdk-green-dark, #002b00);
}
.pam-promo-banner--light-green .pam-promo-desc,
.pam-promo-banner--tint .pam-promo-desc,
.pam-promo-banner--boxed .pam-promo-desc,
.pam-promo-banner:not([class*="--"]) .pam-promo-desc {
  color: #374151;
}
.pam-promo-banner--light-green .pam-promo-link-arrow,
.pam-promo-banner--tint .pam-promo-link-arrow,
.pam-promo-banner--boxed .pam-promo-link-arrow,
.pam-promo-banner:not([class*="--"]) .pam-promo-link-arrow {
  color: var(--rcdk-green-dark, #002b00);
}
.pam-promo-banner--light-green .pam-promo-link-arrow:hover,
.pam-promo-banner--tint .pam-promo-link-arrow:hover,
.pam-promo-banner--boxed .pam-promo-link-arrow:hover,
.pam-promo-banner:not([class*="--"]) .pam-promo-link-arrow:hover {
  color: var(--rcdk-orange, #ff751f);
}
.pam-promo-banner--light-green .pam-promo-btn,
.pam-promo-banner--tint .pam-promo-btn,
.pam-promo-banner--boxed .pam-promo-btn,
.pam-promo-banner:not([class*="--"]) .pam-promo-btn {
  background: var(--rcdk-green-dark, #002b00);
  color: #ffffff !important;
}

.pam-promo-banner--clean {
  background: transparent;
  border-radius: 0;
  margin-bottom: 40px;
  gap: 56px;
}
.pam-promo-banner--clean .pam-promo-content {
  padding: 24px 24px 24px 0;
}
.pam-promo-banner--clean.reversed .pam-promo-content {
  padding: 24px 0 24px 24px;
}
.pam-promo-banner--clean .pam-promo-img-wrap {
  border-radius: 20px;
  overflow: hidden;
}

/* 2. Mørkegrøn (Knivskarp hvid og lys tekst på dyb skovgrøn) */
.pam-promo-banner--dark-green {
  background: var(--rcdk-green-dark, #002b00);
  color: #ffffff;
}
.pam-promo-banner--dark-green .pam-promo-tag {
  color: var(--rcdk-green-light, #b1d469);
}
.pam-promo-banner--dark-green .pam-promo-title {
  color: #ffffff !important;
}
.pam-promo-banner--dark-green .pam-promo-desc,
.pam-promo-banner--dark-green .pam-promo-desc p,
.pam-promo-banner--dark-green .pam-promo-desc li {
  color: rgba(255, 255, 255, 0.92) !important;
}
.pam-promo-banner--dark-green .pam-promo-desc li::marker {
  color: var(--rcdk-green-light, #b1d469) !important;
}
.pam-promo-banner--dark-green .pam-promo-link-arrow {
  color: var(--rcdk-green-light, #b1d469) !important;
  font-weight: 700;
}
.pam-promo-banner--dark-green .pam-promo-link-arrow:hover {
  color: #ffffff !important;
}
.pam-promo-banner--dark-green .pam-promo-btn {
  background: var(--rcdk-green-light, #b1d469);
  color: var(--rcdk-green-dark, #002b00) !important;
}
.pam-promo-banner--dark-green .pam-promo-btn:hover {
  background: #c3e284;
}

/* 3. Orange (Hvid tekst) */
.pam-promo-banner--orange {
  background: var(--rcdk-orange, #ff751f);
  color: #ffffff;
}
.pam-promo-banner--orange .pam-promo-tag {
  color: #ffffff;
}
.pam-promo-banner--orange .pam-promo-title {
  color: #ffffff !important;
}
.pam-promo-banner--orange .pam-promo-desc,
.pam-promo-banner--orange .pam-promo-desc p,
.pam-promo-banner--orange .pam-promo-desc li {
  color: #ffffff !important;
}
.pam-promo-banner--orange .pam-promo-link-arrow {
  color: #ffffff !important;
}
.pam-promo-banner--orange .pam-promo-btn {
  background: var(--rcdk-green-dark, #002b00);
  color: #ffffff !important;
}
.pam-promo-banner.reversed {
  flex-direction: row-reverse;
}
.pam-promo-img-wrap {
  flex: 1 1 45%;
  min-height: 280px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pam-promo-img-inner {
  width: 100%;
  height: 100%;
  min-height: 260px;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.pam-promo-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

/* PAM Organic Cut-out Shape (Soft Cloud / Wavy silhouette) */
.pam-promo-img-wrap--organic .pam-promo-img-inner {
  background-color: #f7b98b;
  border-radius: 42px 70px 42px 110px;
  box-shadow: 0 16px 36px -8px rgba(0, 0, 0, 0.08);
}
.pam-promo-banner.reversed .pam-promo-img-wrap--organic .pam-promo-img-inner {
  border-radius: 70px 42px 110px 42px;
}
.pam-promo-img-wrap--organic img {
  border-radius: inherit;
}

.pam-promo-content {
  flex: 1 1 55%;
  padding: 24px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.pam-promo-banner--no-tag .pam-promo-content {
  padding-top: 18px;
  padding-bottom: 18px;
}
.pam-promo-banner--no-tag .pam-promo-img-wrap {
  min-height: 250px;
}
.pam-promo-banner--no-tag .pam-promo-img-inner {
  min-height: 240px;
}
.pam-promo-tag {
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace);
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--rcdk-green-dark, #002b00);
  margin: 0 0 10px 0;
  text-transform: none;
  letter-spacing: -0.01em;
}
.pam-promo-title {
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-size: clamp(1.6rem, 2.3vw, 2.1rem);
  font-weight: 800;
  color: #111827;
  line-height: 1.25;
  margin: 0 0 14px 0;
  letter-spacing: -0.025em;
}
.pam-promo-desc {
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-size: 1.02rem;
  line-height: 1.55;
  color: #374151;
  margin: 0 0 18px 0;
  width: 100%;
}
.pam-promo-desc p {
  margin: 0 0 10px 0;
}
.pam-promo-desc ul {
  list-style: disc;
  padding-left: 20px;
  margin: 0 0 12px 0;
}
.pam-promo-desc li {
  margin-bottom: 6px;
  line-height: 1.5;
  color: #374151;
}
.pam-promo-desc li::marker {
  color: var(--rcdk-green-dark, #002b00);
}

/* Link without underline and no arrow */
.pam-promo-link-arrow,
.entry-content .pam-promo-link-arrow,
.rcdk-page-article-container .entry-content .pam-promo-link-arrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-weight: 700;
  font-size: 1.02rem;
  color: #111827;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  transition: all 0.2s ease;
  cursor: pointer;
  padding: 4px 0;
}
.pam-promo-link-arrow:hover,
.entry-content .pam-promo-link-arrow:hover,
.rcdk-page-article-container .entry-content .pam-promo-link-arrow:hover {
  color: var(--rcdk-orange, #ff751f) !important;
  text-decoration: none !important;
  border-bottom: none !important;
}
.pam-promo-link-arrow span {
  text-decoration: none !important;
  border-bottom: none !important;
}
.pam-promo-link-arrow .pam-promo-arrow {
  display: inline-block !important;
  font-size: 1.25rem;
  line-height: 1;
  transition: transform 0.2s ease;
}
.pam-promo-link-arrow:hover .pam-promo-arrow {
  transform: translateX(4px);
}

.pam-promo-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--rcdk-green-dark, #002b00);
  color: #ffffff !important;
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-weight: 700;
  font-size: 0.95rem;
  padding: 11px 26px;
  border-radius: 9999px;
  text-decoration: none;
  transition: all 0.2s ease;
  border: none;
  cursor: pointer;
}
.pam-promo-btn:hover {
  background: #004400;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(0, 43, 0, 0.25);
}


/* Feature Cards */
.rcdk-block-features {
  margin: 32px 0;
  width: 100%;
}
.rcdk-page-article-container .rcdk-block-features,
.entry-content .rcdk-block-features {
  margin: 28px 0;
}
.rcdk-page-article-container .rcdk-block-features .rcdk-container,
.entry-content .rcdk-block-features .rcdk-container {
  padding: 0 !important;
  max-width: 100% !important;
}
.pam-features-header {
  margin-bottom: 24px;
}
.pam-features-header h2 {
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace);
  font-size: 1.95rem;
  font-weight: 700;
  color: var(--rcdk-green-dark, #002b00);
  letter-spacing: -0.02em;
  line-height: 1.25;
  margin: 0;
}
.pam-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.pam-feature-card,
.pam-feature-card:hover,
.pam-feature-card:focus,
.pam-feature-card:active,
.pam-feature-card *,
.editor-styles-wrapper .pam-feature-card,
.editor-styles-wrapper .pam-feature-card:hover,
.editor-styles-wrapper .pam-feature-card:focus,
.editor-styles-wrapper .pam-feature-card *,
.editor-styles-wrapper a.pam-feature-card,
.editor-styles-wrapper a.pam-feature-card * {
  text-decoration: none !important;
}
.pam-feature-card {
  display: flex;
  flex-direction: column;
  text-decoration: none !important;
  color: inherit !important;
}
.pam-feature-img-wrap {
  width: 100%;
  height: 215px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
  background: var(--rcdk-bg-tint, #f5f8ed);
  border: none !important;
}
.pam-feature-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.pam-feature-card:hover .pam-feature-img-wrap img {
  transform: scale(1.03);
}
.pam-feature-title,
.editor-styles-wrapper .pam-feature-title {
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace) !important;
  font-size: 1.4rem;
  font-weight: 700 !important;
  color: var(--rcdk-green-dark, #002b00) !important;
  margin-bottom: 12px;
  line-height: 1.25;
  letter-spacing: -0.015em;
  text-decoration: none !important;
}
.pam-feature-desc,
.editor-styles-wrapper .pam-feature-desc,
.editor-styles-wrapper p.pam-feature-desc {
  font-family: var(--font-body, 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif) !important;
  font-size: 0.95rem;
  font-weight: 400 !important;
  line-height: 1.6;
  color: #4a5d43 !important;
  margin-bottom: 20px;
  flex-grow: 1;
  text-decoration: none !important;
}
.pam-feature-link,
.editor-styles-wrapper .pam-feature-link {
  font-family: var(--font-body, 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif) !important;
  font-weight: 700 !important;
  font-size: 0.95rem;
  color: var(--rcdk-green-dark, #002b00) !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none !important;
  transition: gap 0.2s ease, color 0.2s ease;
}
.pam-feature-card:hover .pam-feature-link,
.editor-styles-wrapper .pam-feature-card:hover .pam-feature-link {
  color: var(--rcdk-orange, #ff751f) !important;
  gap: 10px;
  text-decoration: none !important;
}

/* CTA Center / Promo Box */
.rcdk-block-cta-box {
  padding: 0 0 40px 0;
  margin: 32px 0;
}
.pam-cta-box {
  border-radius: 16px;
  padding: 40px 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 12px rgba(0, 43, 0, 0.04);
}

/* Alignments: Left, Center, Right */
.pam-cta-box.pam-cta-box--align-left {
  text-align: left;
  align-items: flex-start;
}
.pam-cta-box.pam-cta-box--align-left .pam-cta-title,
.pam-cta-box.pam-cta-box--align-left .pam-cta-desc {
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.pam-cta-box.pam-cta-box--align-right {
  text-align: right;
  align-items: flex-end;
}
.pam-cta-box.pam-cta-box--align-right .pam-cta-title,
.pam-cta-box.pam-cta-box--align-right .pam-cta-desc {
  margin-left: 0;
  margin-right: 0;
  text-align: right;
}

.pam-cta-box.pam-cta-box--align-center {
  text-align: center;
  align-items: center;
}
.pam-cta-box.pam-cta-box--align-center .pam-cta-title,
.pam-cta-box.pam-cta-box--align-center .pam-cta-desc {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* 1. Lysegrøn (Mørkegrøn tekst - Standard / Default) */
.pam-cta-box.pam-cta-box--light-green,
.pam-cta-box:not([class*="--"]) {
  background: var(--rcdk-green-light, #b1d469);
  color: var(--rcdk-green-dark, #002b00);
  border: 1px solid rgba(0, 43, 0, 0.08);
}
.pam-cta-box.pam-cta-box--light-green .pam-cta-title,
.pam-cta-box:not([class*="--"]) .pam-cta-title {
  color: var(--rcdk-green-dark, #002b00);
}
.pam-cta-box.pam-cta-box--light-green .pam-cta-desc,
.pam-cta-box:not([class*="--"]) .pam-cta-desc {
  color: #1a421a;
}
.pam-cta-box.pam-cta-box--light-green .pam-promo-btn,
.pam-cta-box:not([class*="--"]) .pam-promo-btn {
  background: var(--rcdk-green-dark, #002b00) !important;
  color: #ffffff !important;
}

/* 2. Lys sand / Gråhvid */
.pam-cta-box.pam-cta-box--tint,
.pam-cta-box.pam-cta-box--gray {
  background: #f7f8f9;
  color: var(--rcdk-green-dark, #002b00);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: none;
}
.pam-cta-box.pam-cta-box--tint .pam-cta-title,
.pam-cta-box.pam-cta-box--gray .pam-cta-title {
  color: var(--rcdk-green-dark, #002b00);
}
.pam-cta-box.pam-cta-box--tint .pam-cta-desc,
.pam-cta-box.pam-cta-box--gray .pam-cta-desc {
  color: #3e4a46;
}
.pam-cta-box.pam-cta-box--tint .pam-promo-btn,
.pam-cta-box.pam-cta-box--gray .pam-promo-btn {
  background: var(--rcdk-green-dark, #002b00) !important;
  color: #ffffff !important;
}
.pam-cta-box.pam-cta-box--tint .pam-promo-btn:hover,
.pam-cta-box.pam-cta-box--gray .pam-promo-btn:hover {
  background: #004400 !important;
}

/* 3. Mørkegrøn (Hvid tekst) */
.pam-cta-box.pam-cta-box--dark-green {
  background: var(--rcdk-green-dark, #002b00);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.pam-cta-box.pam-cta-box--dark-green .pam-cta-title {
  color: #ffffff !important;
}
.pam-cta-box.pam-cta-box--dark-green .pam-cta-desc {
  color: rgba(255, 255, 255, 0.9);
}
.pam-cta-box.pam-cta-box--dark-green .pam-promo-btn {
  background: var(--rcdk-green-light, #b1d469) !important;
  color: var(--rcdk-green-dark, #002b00) !important;
}

/* 4. Orange (Hvid tekst) */
.pam-cta-box.pam-cta-box--orange {
  background: var(--rcdk-orange, #ff751f);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.pam-cta-box.pam-cta-box--orange .pam-cta-title {
  color: #ffffff !important;
}
.pam-cta-box.pam-cta-box--orange .pam-cta-desc {
  color: #ffffff;
}
.pam-cta-box.pam-cta-box--orange .pam-promo-btn {
  background: var(--rcdk-green-dark, #002b00) !important;
  color: #ffffff !important;
}

/* 5. Hvid baggrund (clean) */
.pam-cta-box.pam-cta-box--clean {
  background: #ffffff;
  color: var(--rcdk-green-dark, #002b00);
  border: 1px solid #e2ece0;
  box-shadow: 0 4px 16px rgba(0, 43, 0, 0.04);
}
.pam-cta-box.pam-cta-box--clean .pam-cta-title {
  color: var(--rcdk-green-dark, #002b00);
}
.pam-cta-box.pam-cta-box--clean .pam-cta-desc {
  color: #374151;
}
.pam-cta-box.pam-cta-box--clean .pam-promo-btn {
  background: var(--rcdk-green-dark, #002b00) !important;
  color: #ffffff !important;
}

.pam-cta-title {
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace);
  font-size: clamp(1.4rem, 2vw, 1.75rem);
  font-weight: 700;
  color: var(--rcdk-green-dark, #002b00);
  margin: 0 0 12px 0 !important;
  line-height: 1.25;
  letter-spacing: -0.015em;
  max-width: 680px;
}
.pam-cta-desc {
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-size: 1rem;
  line-height: 1.6;
  color: #3e4a46;
  max-width: 600px;
  margin: 0 0 20px 0 !important;
}
.pam-cta-box .pam-promo-btn {
  background: var(--rcdk-green-dark, #002b00) !important;
  color: #ffffff !important;
  font-size: 0.95rem;
  font-weight: 700;
  padding: 10px 28px;
  border-radius: 9999px;
  box-shadow: 0 2px 6px rgba(0, 43, 0, 0.12);
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  text-decoration: none !important;
}
.pam-cta-box .pam-promo-btn:hover {
  opacity: 0.92;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 43, 0, 0.2);
}

@media (max-width: 768px) {
  .pam-cta-box {
    padding: 28px 20px;
  }
  .pam-cta-title {
    font-size: 1.35rem;
  }
}

/* News Section */
.rcdk-block-news {
  padding: 0;
  background: var(--rcdk-white, #ffffff);
  overflow: hidden;
}
.section-title-wrap {
  text-align: center;
  margin-bottom: 20px;
  padding-top: 0;
}
.section-title {
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace);
  font-size: clamp(2.0rem, 2.7vw, 2.5rem);
  font-weight: 700;
  line-height: 1.25;
  color: var(--rcdk-green-dark, #002b00);
  margin-bottom: 12px;
  padding-top: 4px;
  letter-spacing: -0.02em;
}
.section-subtitle {
  font-size: 1.05rem;
  color: var(--rcdk-text-muted, #4a5d43);
  max-width: 620px;
  margin: 0 auto;
  line-height: 1.55;
}
.news-carousel-wrapper {
  position: relative;
  margin-top: 0;
}
.news-carousel-track-container {
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  margin: 0 -24px;
  padding: 10px 24px 20px 24px;
}
.news-carousel-track-container::-webkit-scrollbar {
  display: none;
}
.rcdk-news-grid {
  display: flex;
  gap: 24px;
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
}
.rcdk-news-grid .rcdk-card {
  flex: 0 0 calc((100% - (24px * 3)) / 4) !important;
  width: calc((100% - (24px * 3)) / 4) !important;
  min-width: calc((100% - (24px * 3)) / 4) !important;
  max-width: calc((100% - (24px * 3)) / 4) !important;
  box-sizing: border-box !important;
}

@media (max-width: 1200px) {
  .rcdk-news-grid .rcdk-card {
    flex: 0 0 calc((100% - 24px) / 2) !important;
    width: calc((100% - 24px) / 2) !important;
    min-width: calc((100% - 24px) / 2) !important;
    max-width: calc((100% - 24px) / 2) !important;
  }
}

@media (max-width: 680px) {
  .rcdk-news-grid .rcdk-card {
    flex: 0 0 85% !important;
    width: 85% !important;
    min-width: 85% !important;
    max-width: 85% !important;
  }
}

/* In Gutenberg editor preview: show as a clean static 4-column grid (or 2-col on smaller editor viewports) without track scrolling */
.editor-styles-wrapper .rcdk-block-news .news-carousel-track-container,
.rcdk-block-news .news-carousel-track-container.is-editor-track {
  overflow-x: visible !important;
  margin: 0 !important;
  padding: 10px 0 !important;
}

.editor-styles-wrapper .rcdk-block-news .rcdk-news-grid,
.rcdk-block-news .rcdk-news-grid.is-editor-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
}

.editor-styles-wrapper .rcdk-block-news .rcdk-news-grid .rcdk-card,
.rcdk-block-news .rcdk-news-grid.is-editor-grid .rcdk-card {
  flex: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  position: relative !important;
  overflow: hidden !important;
}

.editor-styles-wrapper .rcdk-block-news .rcdk-card-img-wrap,
.rcdk-block-news .rcdk-card-img-wrap {
  width: 100% !important;
  aspect-ratio: 16 / 11 !important;
  position: relative !important;
  overflow: hidden !important;
}

.editor-styles-wrapper .rcdk-block-news .rcdk-card-img-wrap img,
.rcdk-block-news .rcdk-card-img-wrap img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.editor-styles-wrapper .rcdk-block-news .rcdk-card-placeholder-icon,
.rcdk-block-news .rcdk-card-placeholder-icon {
  width: clamp(72px, 28%, 120px) !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
}

.editor-styles-wrapper .rcdk-block-news .news-carousel-controls,
.rcdk-block-news .news-carousel-controls.is-editor-controls {
  margin-top: 16px;
  opacity: 0.7;
}

@media (max-width: 900px) {
  .editor-styles-wrapper .rcdk-block-news .rcdk-news-grid,
  .rcdk-block-news .rcdk-news-grid.is-editor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
.news-carousel-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  padding: 0 4px;
}
.news-carousel-dots {
  display: flex;
  gap: 8px;
  align-items: center;
}
.news-carousel-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: rgba(0, 43, 0, 0.2);
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}
.news-carousel-dot.active {
  background: var(--rcdk-green-dark, #002b00);
  width: 24px;
  border-radius: 5px;
}
.news-carousel-nav {
  display: flex;
  gap: 12px;
  align-items: center;
}
.news-carousel-arrow {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid rgba(0, 43, 0, 0.15);
  background: #ffffff;
  color: var(--rcdk-green-dark, #002b00);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.news-carousel-arrow:hover:not(:disabled) {
  background: var(--rcdk-green-dark, #002b00);
  color: #ffffff;
  border-color: var(--rcdk-green-dark, #002b00);
}
.news-carousel-arrow:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

@media (max-width: 991px) {
  .hero-container-flex {
    flex-direction: column;
    text-align: left;
    gap: 36px;
  }
  .hero-pillars-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .pam-promo-banner,
  .pam-promo-banner.reversed {
    flex-direction: column;
  }
  .pam-promo-img-wrap {
    min-height: 280px;
  }
  .pam-promo-content,
  .pam-promo-banner--clean .pam-promo-content,
  .pam-promo-banner--clean.reversed .pam-promo-content {
    padding: 36px 28px;
  }
  .pam-features-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

/* ==========================================================================
   Newsletter Subscription Form (Gutenberg / TNP Minimal & Standard)
   Matches RCDK Custom Design: Pill input & Courier bold pill button
   ========================================================================== */
.wp-block-tnp-minimal,
.tnp-subscription-minimal,
.tnp-subscription {
  max-width: 720px;
  margin: 40px auto;
  padding: 0 20px;
}

.wp-block-tnp-minimal p {
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace);
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--rcdk-green-dark, #002b00);
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: -0.015em;
}

.tnp-subscription-minimal form,
.tnp-subscription form {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin: 0 auto !important;
}

/* Email Input (Pill with soft border) */
.tnp-subscription-minimal input.tnp-email,
.tnp-subscription input.tnp-email,
.tnp-subscription-minimal input[type="email"],
.tnp-subscription input[type="email"] {
  flex: 1 1 320px !important;
  max-width: 440px !important;
  height: 52px !important;
  padding: 0 24px !important;
  font-size: 1rem !important;
  font-family: var(--font-body, system-ui, -apple-system, sans-serif) !important;
  color: #111827 !important;
  background: #ffffff !important;
  border: 1.5px solid #d1d5db !important;
  border-radius: 9999px !important;
  outline: none !important;
  line-height: 52px !important;
  box-sizing: border-box !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
  margin: 0 !important;
}

.tnp-subscription-minimal input.tnp-email::placeholder,
.tnp-subscription input.tnp-email::placeholder {
  color: #8896a6 !important;
  opacity: 1 !important;
}

.tnp-subscription-minimal input.tnp-email:focus,
.tnp-subscription input.tnp-email:focus {
  border-color: var(--rcdk-green-dark, #002b00) !important;
  box-shadow: 0 0 0 3px rgba(0, 43, 0, 0.12) !important;
}

/* Submit Button (Deep Green Pill, Courier Prime bold font) */
.tnp-subscription-minimal input.tnp-submit,
.tnp-subscription input.tnp-submit,
.tnp-subscription-minimal input[type="submit"],
.tnp-subscription input[type="submit"],
.tnp-subscription-minimal button.tnp-submit,
.tnp-subscription button.tnp-submit {
  height: 52px !important;
  padding: 0 34px !important;
  background-color: var(--rcdk-green-dark, #002b00) !important;
  color: #ffffff !important;
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  border: 2px solid var(--rcdk-green-dark, #002b00) !important;
  border-radius: 9999px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  white-space: nowrap !important;
  margin: 0 !important;
  box-shadow: 0 2px 8px rgba(0, 43, 0, 0.1) !important;
}

.tnp-subscription-minimal input.tnp-submit:hover,
.tnp-subscription input.tnp-submit:hover,
.tnp-subscription-minimal input[type="submit"]:hover,
.tnp-subscription input[type="submit"]:hover {
  background-color: var(--rcdk-orange, #ff751f) !important;
  border-color: var(--rcdk-orange, #ff751f) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(255, 117, 31, 0.3) !important;
}

/* Privacy Checkbox Field */
.tnp-subscription-minimal .tnp-privacy-field,
.tnp-subscription .tnp-privacy-field {
  flex-basis: 100% !important;
  width: 100% !important;
  text-align: center !important;
  margin-top: 14px !important;
  font-size: 0.88rem !important;
  color: var(--rcdk-text-muted, #4a5d43) !important;
  font-family: var(--font-body, system-ui, -apple-system, sans-serif) !important;
}

.tnp-subscription-minimal .tnp-privacy-field label,
.tnp-subscription .tnp-privacy-field label {
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: inherit !important;
}

.tnp-subscription-minimal .tnp-privacy-field input[type="checkbox"],
.tnp-subscription .tnp-privacy-field input[type="checkbox"] {
  accent-color: var(--rcdk-green-dark, #002b00) !important;
  width: 16px !important;
  height: 16px !important;
  cursor: pointer !important;
}

/* ==========================================================================
   8. Accordion / Spørgsmål & Svar Block
   ========================================================================== */
.rcdk-block-accordion {
  padding: 20px 0;
  width: 100%;
}

.rcdk-accordion-card {
  border-radius: 24px;
  padding: 48px 48px 52px 48px;
  box-shadow: 0 16px 40px -10px rgba(0, 43, 0, 0.08);
  transition: all 0.25s ease;
}

/* 1. Lys tint (Standard brand tint baggrund) */
.rcdk-block-accordion--tint .rcdk-accordion-card {
  background-color: var(--rcdk-bg-tint, #f5f8ed);
  color: var(--rcdk-green-dark, #002b00);
}
.rcdk-block-accordion--tint .rcdk-accordion-title {
  color: var(--rcdk-green-dark, #002b00);
}
.rcdk-block-accordion--tint .rcdk-accordion-intro {
  color: #374151;
}

/* 2. Lysegrøn med mørkegrøn tekst */
.rcdk-block-accordion--light-green .rcdk-accordion-card,
.rcdk-block-accordion--orange-tint .rcdk-accordion-card,
.rcdk-block-accordion:not([class*="--"]) .rcdk-accordion-card {
  background-color: var(--rcdk-green-light, #b1d469);
  color: var(--rcdk-green-dark, #002b00);
}
.rcdk-block-accordion--light-green .rcdk-accordion-title,
.rcdk-block-accordion--orange-tint .rcdk-accordion-title,
.rcdk-block-accordion:not([class*="--"]) .rcdk-accordion-title {
  color: var(--rcdk-green-dark, #002b00);
}
.rcdk-block-accordion--light-green .rcdk-accordion-intro,
.rcdk-block-accordion--orange-tint .rcdk-accordion-intro,
.rcdk-block-accordion:not([class*="--"]) .rcdk-accordion-intro {
  color: #1a421a;
}

/* 2. Mørkegrøn med hvid tekst */
.rcdk-block-accordion--dark-green .rcdk-accordion-card {
  background-color: var(--rcdk-green-dark, #002b00);
  color: #ffffff;
}
.rcdk-block-accordion--dark-green .rcdk-accordion-title,
.editor-styles-wrapper .rcdk-block-accordion--dark-green .rcdk-accordion-title {
  color: #ffffff !important;
}
.rcdk-block-accordion--dark-green .rcdk-accordion-intro,
.editor-styles-wrapper .rcdk-block-accordion--dark-green .rcdk-accordion-intro {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* 3. Orange med hvid tekst */
.rcdk-block-accordion--orange .rcdk-accordion-card {
  background-color: var(--rcdk-orange, #ff751f);
  color: #ffffff;
}
.rcdk-block-accordion--orange .rcdk-accordion-title,
.editor-styles-wrapper .rcdk-block-accordion--orange .rcdk-accordion-title {
  color: #ffffff !important;
}
.rcdk-block-accordion--orange .rcdk-accordion-intro,
.editor-styles-wrapper .rcdk-block-accordion--orange .rcdk-accordion-intro {
  color: #ffffff !important;
}

/* 4. Uden boks (Kun fold-ud menuerne uden omkransende farvet boks) */
.rcdk-block-accordion--unboxed .rcdk-accordion-card {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.rcdk-block-accordion--unboxed .rcdk-accordion-title,
.editor-styles-wrapper .rcdk-block-accordion--unboxed .rcdk-accordion-title,
.rcdk-block-accordion--unboxed .rcdk-accordion-intro,
.editor-styles-wrapper .rcdk-block-accordion--unboxed .rcdk-accordion-intro {
  display: none !important;
}

/* 5 Farvetemaer for fold-ud menuer uden boks */
/* 1. Lys sand (tint) */
.rcdk-block-accordion--unboxed.rcdk-block-accordion--tint .rcdk-accordion-item {
  background-color: var(--rcdk-bg-tint, #f5f8ed);
  border: 1px solid var(--rcdk-card-border, #e2ebd0);
  box-shadow: 0 2px 8px rgba(0, 43, 0, 0.04);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--tint .rcdk-accordion-summary {
  background-color: var(--rcdk-bg-tint, #f5f8ed);
  color: var(--rcdk-green-dark, #002b00);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--tint .rcdk-accordion-icon {
  color: var(--rcdk-green-dark, #002b00);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--tint .rcdk-accordion-item:hover {
  border-color: #c9dbb0;
  box-shadow: 0 4px 14px rgba(0, 43, 0, 0.08);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--tint .rcdk-accordion-item[open] {
  background-color: #ffffff;
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--tint .rcdk-accordion-item[open] .rcdk-accordion-summary {
  background-color: var(--rcdk-bg-tint, #f5f8ed);
}

/* 2. Lysegrøn (light-green) */
.rcdk-block-accordion--unboxed.rcdk-block-accordion--light-green .rcdk-accordion-item {
  background-color: var(--rcdk-green-light, #b1d469);
  border: 1px solid var(--rcdk-green-light, #b1d469);
  box-shadow: 0 2px 8px rgba(0, 43, 0, 0.04);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--light-green .rcdk-accordion-summary {
  background-color: var(--rcdk-green-light, #b1d469);
  color: var(--rcdk-green-dark, #002b00);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--light-green .rcdk-accordion-icon {
  color: var(--rcdk-green-dark, #002b00);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--light-green .rcdk-accordion-item:hover {
  background-color: #a4c95b;
  border-color: #a4c95b;
  box-shadow: 0 4px 14px rgba(177, 212, 105, 0.35);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--light-green .rcdk-accordion-item:hover .rcdk-accordion-summary {
  background-color: #a4c95b;
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--light-green .rcdk-accordion-item[open] {
  background-color: #ffffff;
  border-color: var(--rcdk-green-light, #b1d469);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--light-green .rcdk-accordion-item[open] .rcdk-accordion-summary {
  background-color: var(--rcdk-green-light, #b1d469);
}

/* 3. Mørkegrøn (dark-green) */
.rcdk-block-accordion--unboxed.rcdk-block-accordion--dark-green .rcdk-accordion-item {
  background-color: var(--rcdk-green-dark, #002b00);
  border: 1px solid var(--rcdk-green-dark, #002b00);
  box-shadow: 0 2px 8px rgba(0, 43, 0, 0.12);
  color: #ffffff;
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--dark-green .rcdk-accordion-summary {
  background-color: var(--rcdk-green-dark, #002b00);
  color: #ffffff;
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--dark-green .rcdk-accordion-icon {
  color: var(--rcdk-green-light, #b1d469);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--dark-green .rcdk-accordion-item:hover {
  box-shadow: 0 4px 16px rgba(0, 43, 0, 0.22);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--dark-green .rcdk-accordion-item[open] {
  background-color: #ffffff;
  color: #111827;
  border-color: var(--rcdk-green-dark, #002b00);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--dark-green .rcdk-accordion-item[open] .rcdk-accordion-summary {
  background-color: var(--rcdk-green-dark, #002b00);
  color: #ffffff;
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--dark-green .rcdk-accordion-body {
  color: inherit;
}

/* 4. Orange (orange) */
.rcdk-block-accordion--unboxed.rcdk-block-accordion--orange .rcdk-accordion-item {
  background-color: var(--rcdk-orange, #ff751f);
  border: 1px solid var(--rcdk-orange, #ff751f);
  box-shadow: 0 2px 8px rgba(255, 117, 31, 0.15);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--orange .rcdk-accordion-summary {
  background-color: var(--rcdk-orange, #ff751f);
  color: #ffffff;
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--orange .rcdk-accordion-icon {
  color: #ffffff;
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--orange .rcdk-accordion-item:hover {
  background-color: #eb6714;
  border-color: #eb6714;
  box-shadow: 0 4px 16px rgba(255, 117, 31, 0.3);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--orange .rcdk-accordion-item:hover .rcdk-accordion-summary {
  background-color: #eb6714;
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--orange .rcdk-accordion-item[open] {
  background-color: #ffffff;
  border-color: var(--rcdk-orange, #ff751f);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--orange .rcdk-accordion-item[open] .rcdk-accordion-summary {
  background-color: var(--rcdk-orange, #ff751f);
  color: #ffffff;
}

/* 5. Hvid baggrund (clean) */
.rcdk-block-accordion--clean .rcdk-accordion-card {
  background-color: #ffffff;
  color: var(--rcdk-green-dark, #002b00);
  border: 1px solid #e2ece0;
}
.rcdk-block-accordion--clean .rcdk-accordion-title {
  color: var(--rcdk-green-dark, #002b00);
}
.rcdk-block-accordion--clean .rcdk-accordion-intro {
  color: #374151;
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--clean .rcdk-accordion-item {
  background-color: #ffffff;
  border: 1px solid #e2ece0;
  box-shadow: 0 2px 8px rgba(0, 43, 0, 0.04);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--clean .rcdk-accordion-summary {
  background-color: #ffffff;
  color: var(--rcdk-green-dark, #002b00);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--clean .rcdk-accordion-icon {
  color: var(--rcdk-green-dark, #002b00);
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--clean .rcdk-accordion-item:hover {
  background-color: #fcfdfa;
  border-color: #c9dbb0;
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--clean .rcdk-accordion-item[open] {
  background-color: #ffffff;
  border-color: var(--rcdk-green-dark, #002b00);
}

/* 6. Grå bjælker (grey-bars - klassisk dokumentbjælke) */
.rcdk-block-accordion--unboxed.rcdk-block-accordion--grey-bars .rcdk-accordion-item {
  background: #f8faf7;
  border: 1px solid #e2ece0;
  border-radius: 6px;
  box-shadow: none;
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--grey-bars .rcdk-accordion-summary {
  background: #eeeeee;
  color: #222222;
  font-family: var(--font-body, "Work Sans", "Helvetica Neue", sans-serif);
  font-size: 0.98rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 14px 22px;
  border-radius: 5px;
}
.rcdk-block-accordion--unboxed.rcdk-block-accordion--grey-bars .rcdk-accordion-summary:hover {
  background: #e2e2e2;
}

.rcdk-accordion-title {
  font-family: var(--font-courier, Courier, monospace);
  font-size: clamp(1.8rem, 3.2vw, 2.5rem);
  font-weight: 700;
  line-height: 1.22;
  color: inherit;
  letter-spacing: -0.02em;
  margin-top: 0 !important;
  margin-right: 0;
  margin-bottom: 16px;
  margin-left: 0;
}

/* Compact padding when no intro/help text is present */
.rcdk-block-accordion--no-intro .rcdk-accordion-card {
  padding: 16px 24px 20px 24px;
}

.rcdk-block-accordion--no-intro .rcdk-accordion-title {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  line-height: 1.15;
}

.rcdk-accordion-intro {
  font-family: var(--font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
  font-size: 1.08rem;
  line-height: 1.6;
  color: #374151;
  max-width: 820px;
  margin: 0 0 36px 0;
}

.rcdk-accordion-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Individual Accordion Item (pill shape) */
.rcdk-accordion-item {
  background-color: #ffffff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.rcdk-accordion-item:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07);
}

.rcdk-accordion-summary {
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 24px;
  cursor: pointer;
  user-select: none;
  font-family: var(--font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
  font-size: 1.12rem;
  font-weight: 700;
  color: #111827;
  letter-spacing: -0.01em;
  transition: background-color 0.15s ease;
}

.rcdk-accordion-summary::-webkit-details-marker {
  display: none;
}

.rcdk-accordion-summary:focus-visible {
  outline: 2px solid var(--rcdk-green-dark, #002b00);
  outline-offset: -2px;
}

.rcdk-accordion-q {
  padding-right: 16px;
  flex: 1;
}

/* Plus/Minus Indicator Icon */
.rcdk-accordion-icon {
  position: relative;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #374151;
  transition: transform 0.25s ease;
}

.rcdk-accordion-icon::before,
.rcdk-accordion-icon::after {
  content: "";
  position: absolute;
  background-color: currentColor;
  border-radius: 2px;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

/* Horizontal line */
.rcdk-accordion-icon::before {
  width: 14px;
  height: 2px;
}

/* Vertical line */
.rcdk-accordion-icon::after {
  width: 2px;
  height: 14px;
}

/* When opened, collapse vertical line into minus */
.rcdk-accordion-item[open] .rcdk-accordion-icon::after {
  transform: rotate(90deg);
  opacity: 0;
}

.rcdk-accordion-body {
  padding: 0 24px 22px 24px;
}

.rcdk-accordion-content {
  font-family: var(--font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
  font-size: 1.02rem;
  line-height: 1.65;
  color: #4b5563;
  border-top: 1px solid #f3f4f6;
  padding-top: 16px;
}

.rcdk-accordion-content p:last-child {
  margin-bottom: 0;
}

/* 4. Grå bjælker stilvariant (Dokumentlister / Klassisk bjælke-accordion) */
.rcdk-block-accordion--grey-bars .rcdk-accordion-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.rcdk-block-accordion--grey-bars .rcdk-accordion-title {
  color: var(--rcdk-green-dark, #002b00) !important;
  font-size: 1.5rem;
  margin-bottom: 12px;
}

.rcdk-block-accordion--grey-bars .rcdk-accordion-intro {
  color: #4b5563 !important;
  margin-bottom: 24px;
}

.rcdk-block-accordion--grey-bars .rcdk-accordion-list {
  gap: 8px;
}

.rcdk-block-accordion--grey-bars .rcdk-accordion-item {
  background: #f8faf7;
  border: 1px solid #e2ece0;
  border-radius: 6px;
  box-shadow: none;
  transition: all 0.15s ease;
}

.rcdk-block-accordion--grey-bars .rcdk-accordion-summary {
  background: #eeeeee;
  color: #222222;
  font-family: var(--font-body, "Work Sans", "Helvetica Neue", sans-serif);
  font-size: 0.98rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 14px 22px;
  border-radius: 5px;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.rcdk-block-accordion--grey-bars .rcdk-accordion-summary:hover {
  background: var(--rcdk-green-dark, #002b00);
  color: #ffffff;
}

.rcdk-block-accordion--grey-bars .rcdk-accordion-item[open] .rcdk-accordion-summary {
  background: #e4ebe2;
  color: var(--rcdk-green-dark, #002b00);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 1px solid #d4dfd2;
}

.rcdk-block-accordion--grey-bars .rcdk-accordion-item[open] .rcdk-accordion-summary:hover {
  background: var(--rcdk-green-dark, #002b00);
  color: #ffffff;
}

/* Triangle arrow for grey-bars */
.rcdk-block-accordion--grey-bars .rcdk-accordion-icon {
  width: 14px;
  height: 14px;
  color: inherit;
}

.rcdk-block-accordion--grey-bars .rcdk-accordion-icon::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent currentColor;
  background-color: transparent !important;
  border-radius: 0;
  transition: transform 0.2s ease;
}

.rcdk-block-accordion--grey-bars .rcdk-accordion-icon::after {
  display: none;
}

.rcdk-block-accordion--grey-bars .rcdk-accordion-item[open] .rcdk-accordion-icon::before {
  transform: rotate(90deg);
}

.rcdk-block-accordion--grey-bars .rcdk-accordion-body {
  padding: 24px 26px;
  background: #ffffff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.rcdk-block-accordion--grey-bars .rcdk-accordion-content {
  border-top: none;
  padding-top: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.rcdk-block-accordion--grey-bars .rcdk-accordion-content a {
  color: #0b5c14;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.rcdk-block-accordion--grey-bars .rcdk-accordion-content a:hover {
  color: #002b00;
}

.rcdk-accordion-empty-note {
  background: rgba(255, 255, 255, 0.7);
  border: 1px dashed rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  color: #4b5563;
  font-size: 0.95rem;
}

@media (max-width: 768px) {
  .rcdk-block-accordion {
    padding: 12px 0;
  }
  .rcdk-accordion-card {
    border-radius: 18px;
    padding: 28px 20px 32px 20px;
  }
  .rcdk-block-accordion--no-intro .rcdk-accordion-card {
    padding: 14px 16px 16px 16px;
  }
  .rcdk-accordion-summary {
    padding: 16px 18px;
    font-size: 1.02rem;
  }
  .rcdk-accordion-body {
    padding: 0 18px 18px 18px;
  }
}

/* ==========================================================================
   Responsive Display Controls: Hide on Mobile
   ========================================================================== */
/* ==========================================================================
   Gutenberg Table Styles (PAM Editorial Style)
   ========================================================================== */
.wp-block-table {
  overflow-x: auto;
  margin: 32px 0 40px 0;
  width: 100%;
}

.wp-block-table table {
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-size: 1.02rem;
  line-height: 1.5;
  color: #1f2937;
  border: none !important;
}

.wp-block-table th {
  font-family: var(--font-body, system-ui, -apple-system, sans-serif) !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #111827 !important;
  padding: 16px 20px !important;
  text-align: left !important;
  border: none !important;
  background-color: transparent !important;
}

.wp-block-table td {
  padding: 16px 20px !important;
  border: none !important;
  vertical-align: middle !important;
  font-size: 1.02rem;
  color: #374151;
}

/* Zebra Striping (Only 3 brand versions) */
/* 1. Lysegrøn (Default / Standard) */
.wp-block-table.is-style-rcdk-striped-light-green tbody tr:nth-child(odd),
.wp-block-table.is-style-rcdk-striped-green tbody tr:nth-child(odd),
.wp-block-table.is-style-rcdk-striped-peach tbody tr:nth-child(odd),
.wp-block-table.is-style-stripes tbody tr:nth-child(odd),
.wp-block-table:not([class*="is-style-"]) tbody tr:nth-child(odd) {
  background-color: #f2f7ea !important;
  color: var(--rcdk-green-dark, #002b00) !important;
}

.wp-block-table.is-style-rcdk-striped-light-green tbody tr:nth-child(even),
.wp-block-table.is-style-rcdk-striped-green tbody tr:nth-child(even),
.wp-block-table.is-style-rcdk-striped-peach tbody tr:nth-child(even),
.wp-block-table.is-style-stripes tbody tr:nth-child(even),
.wp-block-table:not([class*="is-style-"]) tbody tr:nth-child(even) {
  background-color: #ffffff !important;
}

.wp-block-table tbody tr td:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.wp-block-table tbody tr td:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/* 2. Mørkegrøn */
.wp-block-table.is-style-rcdk-striped-dark-green tbody tr:nth-child(odd) {
  background-color: var(--rcdk-green-dark, #002b00) !important;
  color: #ffffff !important;
}
.wp-block-table.is-style-rcdk-striped-dark-green tbody tr:nth-child(odd) td {
  color: #ffffff !important;
}
.wp-block-table.is-style-rcdk-striped-dark-green tbody tr:nth-child(even) {
  background-color: #ffffff !important;
}

/* 3. Orange */
.wp-block-table.is-style-rcdk-striped-orange tbody tr:nth-child(odd) {
  background-color: var(--rcdk-orange, #ff751f) !important;
  color: #ffffff !important;
}
.wp-block-table.is-style-rcdk-striped-orange tbody tr:nth-child(odd) td {
  color: #ffffff !important;
}
.wp-block-table.is-style-rcdk-striped-orange tbody tr:nth-child(even) {
  background-color: #ffffff !important;
}

/* ==========================================================================
   Gutenberg Details / Expanding Box Styles (Repair Café Danmark Design)
   ========================================================================== */
.wp-block-details {
  border-radius: 16px !important;
  border: none !important;
  margin: 24px 0 !important;
  overflow: hidden !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.wp-block-details summary {
  list-style: none !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 22px 28px !important;
  cursor: pointer !important;
  user-select: none !important;
  font-family: var(--font-courier, Courier, monospace) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: inherit !important;
  letter-spacing: -0.02em !important;
  position: relative !important;
}

.wp-block-details summary::-webkit-details-marker {
  display: none !important;
}

.wp-block-details summary:focus-visible {
  outline: 2px solid var(--rcdk-green-dark, #002b00) !important;
  outline-offset: -2px !important;
}

.wp-block-details summary::after {
  content: "" !important;
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
  margin-left: 18px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  transition: transform 0.2s ease !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E") !important;
}

.wp-block-details[open] summary::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E") !important;
}

.wp-block-details > :not(summary) {
  padding-left: 28px !important;
  padding-right: 28px !important;
  font-family: var(--font-body, system-ui, -apple-system, sans-serif) !important;
  font-size: 1.05rem !important;
  line-height: 1.65 !important;
  color: inherit !important;
}

.wp-block-details > :not(summary):first-of-type {
  padding-top: 4px !important;
}

.wp-block-details > :not(summary):last-child {
  padding-bottom: 28px !important;
  margin-bottom: 0 !important;
}

.wp-block-details ul {
  list-style: disc !important;
  padding-left: 24px !important;
  margin: 16px 0 !important;
}

.wp-block-details li {
  margin-bottom: 10px !important;
  line-height: 1.6 !important;
}

.wp-block-details li::marker {
  color: currentColor !important;
}

/* 1. Lysegrøn (Default / Standard) */
.wp-block-details.is-style-rcdk-details-light-green,
.wp-block-details.is-style-rcdk-details-green,
.wp-block-details.is-style-rcdk-details-peach,
.wp-block-details:not([class*="is-style-"]) {
  background-color: var(--rcdk-green-light, #b1d469) !important;
  color: var(--rcdk-green-dark, #002b00) !important;
}

/* 2. Mørkegrøn */
.wp-block-details.is-style-rcdk-details-dark-green {
  background-color: var(--rcdk-green-dark, #002b00) !important;
  color: #ffffff !important;
}

/* 3. Orange */
.wp-block-details.is-style-rcdk-details-orange {
  background-color: var(--rcdk-orange, #ff751f) !important;
  color: #ffffff !important;
}

/* ==========================================================================
   RCDK Icon Cards Block (Horizontal Emnekort)
   ========================================================================== */
.rcdk-block-icon-cards {
  width: 100%;
  margin: 32px 0;
  box-sizing: border-box;
}

.rcdk-icon-cards-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
  box-sizing: border-box;
}

/* Desktop: each column is sized exactly as in a 4-column grid (calc((100% - 60px) / 4))
   so items are never wider or taller when there are 2, 3 or 4 cards per row. */
.rcdk-icon-cards--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rcdk-icon-cards--cols-3 {
  grid-template-columns: repeat(3, calc((100% - 60px) / 4));
}

.rcdk-icon-cards--cols-2 {
  grid-template-columns: repeat(2, calc((100% - 60px) / 4));
}

@media (max-width: 991px) and (min-width: 641px) {
  .rcdk-icon-cards-grid,
  .rcdk-icon-cards--cols-4,
  .rcdk-icon-cards--cols-3,
  .rcdk-icon-cards--cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .rcdk-icon-cards-grid,
  .rcdk-icon-cards--cols-4,
  .rcdk-icon-cards--cols-3,
  .rcdk-icon-cards--cols-2 {
    grid-template-columns: 1fr;
  }
}

/* Individual card */
.rcdk-icon-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 100%;
  padding: 22px 20px;
  border-radius: 16px;
  text-decoration: none !important;
  color: #111827 !important;
  position: relative;
  box-sizing: border-box;
  transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  background-color: #fdf2e9;
}

a.rcdk-icon-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px -6px rgba(0, 0, 0, 0.08);
}

/* Card color styles */
/* 1. Lys sand (Tint / Default) */
.rcdk-icon-cards--style-tint .rcdk-icon-card,
.rcdk-icon-cards:not([class*="--style-"]) .rcdk-icon-card {
  background-color: var(--rcdk-bg-tint, #f5f8ed);
  color: var(--rcdk-green-dark, #002b00) !important;
  border: 1px solid var(--rcdk-card-border, #e2ebd0);
  box-shadow: 0 2px 8px rgba(0, 43, 0, 0.04);
}
.rcdk-icon-cards--style-tint a.rcdk-icon-card:hover,
.rcdk-icon-cards:not([class*="--style-"]) a.rcdk-icon-card:hover {
  background-color: #ebf2df;
  border-color: #c9dbb0;
  box-shadow: 0 8px 20px rgba(0, 43, 0, 0.09);
}
.rcdk-icon-cards--style-tint .rcdk-icon-card-icon,
.rcdk-icon-cards:not([class*="--style-"]) .rcdk-icon-card-icon {
  color: var(--rcdk-green-dark, #002b00);
}
.rcdk-icon-cards--style-tint .rcdk-icon-card-icon .rcdk-card-icon-svg,
.rcdk-icon-cards:not([class*="--style-"]) .rcdk-icon-card-icon .rcdk-card-icon-svg {
  stroke: var(--rcdk-green-dark, #002b00);
}
.rcdk-icon-cards--style-tint .rcdk-icon-card-title,
.rcdk-icon-cards:not([class*="--style-"]) .rcdk-icon-card-title {
  color: var(--rcdk-green-dark, #002b00) !important;
}
.rcdk-icon-cards--style-tint .rcdk-icon-card-desc,
.rcdk-icon-cards:not([class*="--style-"]) .rcdk-icon-card-desc {
  color: #374151;
}
.rcdk-icon-cards--style-tint .rcdk-icon-card-arrow,
.rcdk-icon-cards:not([class*="--style-"]) .rcdk-icon-card-arrow {
  color: var(--rcdk-green-dark, #002b00);
}

/* 2. Lysegrøn (Frisk grøn) */
.rcdk-icon-cards--style-light-green .rcdk-icon-card,
.rcdk-icon-cards--style-green .rcdk-icon-card {
  background-color: var(--rcdk-green-light, #b1d469);
  color: var(--rcdk-green-dark, #002b00) !important;
  border: 1px solid rgba(0, 43, 0, 0.12);
  box-shadow: 0 2px 8px rgba(0, 43, 0, 0.04);
}
.rcdk-icon-cards--style-light-green a.rcdk-icon-card:hover,
.rcdk-icon-cards--style-green a.rcdk-icon-card:hover {
  background-color: #a4c95a;
  border-color: rgba(0, 43, 0, 0.22);
  box-shadow: 0 8px 20px rgba(0, 43, 0, 0.12);
}
.rcdk-icon-cards--style-light-green .rcdk-icon-card-icon,
.rcdk-icon-cards--style-green .rcdk-icon-card-icon {
  color: var(--rcdk-green-dark, #002b00);
}
.rcdk-icon-cards--style-light-green .rcdk-icon-card-icon .rcdk-card-icon-svg,
.rcdk-icon-cards--style-green .rcdk-icon-card-icon .rcdk-card-icon-svg {
  stroke: var(--rcdk-green-dark, #002b00);
}
.rcdk-icon-cards--style-light-green .rcdk-icon-card-title,
.rcdk-icon-cards--style-green .rcdk-icon-card-title {
  color: var(--rcdk-green-dark, #002b00) !important;
}
.rcdk-icon-cards--style-light-green .rcdk-icon-card-desc,
.rcdk-icon-cards--style-green .rcdk-icon-card-desc {
  color: #1a421a;
}
.rcdk-icon-cards--style-light-green .rcdk-icon-card-arrow,
.rcdk-icon-cards--style-green .rcdk-icon-card-arrow {
  color: var(--rcdk-green-dark, #002b00);
}

/* 3. Mørkegrøn */
.rcdk-icon-cards--style-dark-green .rcdk-icon-card {
  background-color: var(--rcdk-green-dark, #002b00);
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 2px 8px rgba(0, 43, 0, 0.15);
}
.rcdk-icon-cards--style-dark-green a.rcdk-icon-card:hover {
  background-color: #033603;
  box-shadow: 0 8px 24px rgba(0, 43, 0, 0.25);
}
.rcdk-icon-cards--style-dark-green .rcdk-icon-card-icon {
  color: var(--rcdk-green-light, #b1d469);
}
.rcdk-icon-cards--style-dark-green .rcdk-icon-card-icon .rcdk-card-icon-svg {
  stroke: var(--rcdk-green-light, #b1d469);
}
.rcdk-icon-cards--style-dark-green .rcdk-icon-card-title {
  color: #ffffff !important;
}
.rcdk-icon-cards--style-dark-green .rcdk-icon-card-desc {
  color: rgba(255, 255, 255, 0.88);
}
.rcdk-icon-cards--style-dark-green .rcdk-icon-card-arrow {
  color: var(--rcdk-green-light, #b1d469);
}
.rcdk-icon-cards--style-dark-green .rcdk-icon-card-link-action {
  color: var(--rcdk-green-light, #b1d469) !important;
}

/* 4. Orange */
.rcdk-icon-cards--style-orange .rcdk-icon-card {
  background-color: var(--rcdk-orange, #ff751f);
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 2px 8px rgba(255, 117, 31, 0.15);
}
.rcdk-icon-cards--style-orange a.rcdk-icon-card:hover {
  background-color: #eb6714;
  box-shadow: 0 8px 24px rgba(255, 117, 31, 0.28);
}
.rcdk-icon-cards--style-orange .rcdk-icon-card-icon {
  color: #ffffff;
}
.rcdk-icon-cards--style-orange .rcdk-icon-card-icon .rcdk-card-icon-svg {
  stroke: #ffffff;
}
.rcdk-icon-cards--style-orange .rcdk-icon-card-title {
  color: #ffffff !important;
}
.rcdk-icon-cards--style-orange .rcdk-icon-card-desc {
  color: rgba(255, 255, 255, 0.95);
}
.rcdk-icon-cards--style-orange .rcdk-icon-card-arrow {
  color: #ffffff;
}
.rcdk-icon-cards--style-orange .rcdk-icon-card-link-action {
  color: #ffffff !important;
}

/* 5. Hvid / Ren baggrund (Clean / White) */
.rcdk-icon-cards--style-clean .rcdk-icon-card {
  background-color: #ffffff;
  color: #111827 !important;
  border: 1px solid rgba(0, 43, 0, 0.08);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}
.rcdk-icon-cards--style-clean a.rcdk-icon-card:hover {
  background-color: #ffffff;
  border-color: rgba(0, 43, 0, 0.18);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
}
.rcdk-icon-cards--style-clean .rcdk-icon-card-icon {
  color: var(--rcdk-green-dark, #002b00);
}
.rcdk-icon-cards--style-clean .rcdk-icon-card-icon .rcdk-card-icon-svg {
  stroke: var(--rcdk-green-dark, #002b00);
}
.rcdk-icon-cards--style-clean .rcdk-icon-card-title {
  color: var(--rcdk-green-dark, #002b00) !important;
}
.rcdk-icon-cards--style-clean .rcdk-icon-card-desc {
  color: #4b5563;
}
.rcdk-icon-cards--style-clean .rcdk-icon-card-arrow {
  color: var(--rcdk-green-dark, #002b00);
}
.rcdk-icon-cards--style-clean .rcdk-icon-card-link-action {
  color: var(--rcdk-green-dark, #002b00) !important;
}

/* ==========================================================================
   Layout Variations: Compact (Square) vs Centered (Info Card)
   ========================================================================== */

/* 1. Kompakt layout (Kvadratisk med ikon i hjørne) */
.rcdk-icon-card--compact {
  aspect-ratio: 1 / 1;
}

/* 2. Centreret layout (Inspireret af overskuelige infokort) */
.rcdk-icon-card--centered {
  text-align: center;
  align-items: center;
  justify-content: center;
  padding: 20px 18px;
  height: 200px;
  box-sizing: border-box;
}
.rcdk-icon-card--centered .rcdk-icon-card-icon {
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: 12px;
}
.rcdk-icon-card--centered .rcdk-icon-card-icon .rcdk-card-icon-svg,
.rcdk-icon-card--centered .rcdk-icon-card-icon img {
  width: 38px;
  height: 38px;
}
.rcdk-icon-card--centered .rcdk-icon-card-icon .dashicons {
  font-size: 36px;
  width: 36px;
  height: 36px;
}
.rcdk-icon-card--centered .rcdk-icon-card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.rcdk-icon-card--centered .rcdk-icon-card-title {
  font-family: var(--font-body, system-ui, -apple-system, sans-serif) !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  margin: 0 0 6px 0 !important;
  display: block;
}
.rcdk-icon-card--centered .rcdk-icon-card-desc {
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-size: 0.86rem;
  line-height: 1.45;
  margin: 0;
  max-width: 240px;
}
.rcdk-icon-card--centered .rcdk-icon-card-link-action {
  display: none;
}

.rcdk-icon-card-title {
  font-family: var(--font-courier, Courier, monospace) !important;
  font-weight: 700 !important;
}

/* Icon */
.rcdk-icon-card-icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 44px;
  height: 44px;
  color: #111827;
  margin-bottom: 24px;
}

.rcdk-icon-card-icon .rcdk-card-icon-svg {
  width: 38px;
  height: 38px;
  stroke: #111827;
  stroke-width: 1.8;
  display: block;
}

.rcdk-icon-card-icon img {
  width: 38px;
  height: 38px;
  object-fit: contain;
  display: block;
}

.rcdk-icon-card-icon .dashicons {
  font-size: 36px;
  width: 36px;
  height: 36px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

/* Bottom row: Title & Arrow */
.rcdk-icon-card-bottom {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin-top: auto;
  width: 100%;
}

.rcdk-icon-card-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}

.rcdk-icon-card-title {
  margin: 0 !important;
  font-family: var(--font-body, system-ui, -apple-system, sans-serif) !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #111827 !important;
  letter-spacing: -0.01em !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.rcdk-icon-card-desc {
  font-size: 0.78rem;
  line-height: 1.28;
  color: #4a5d43;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rcdk-icon-card-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  color: #111827;
  transition: transform 0.2s ease, color 0.2s ease;
  margin-bottom: 2px;
}

.rcdk-icon-card-arrow svg {
  width: 18px;
  height: 18px;
  stroke-width: 2.2;
}

a.rcdk-icon-card:hover .rcdk-icon-card-arrow {
  transform: translateX(4px);
  color: var(--rcdk-orange, #ff751f);
}

/* Desktop & Tablet: Kvadratiske kort (True square 1:1) */
@media (min-width: 768px) {
  .rcdk-icon-card {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: unset !important;
    max-height: unset !important;
    padding: 18px 18px !important;
    overflow: hidden;
  }
  .rcdk-icon-card-icon {
    margin-bottom: 0;
  }
  .rcdk-icon-card-bottom {
    margin-top: auto;
    align-items: flex-start;
  }
  .rcdk-icon-card-text {
    min-height: 2.5em;
  }
  .rcdk-icon-card-arrow {
    margin-top: 2px;
  }
}

/* Responsive Breakpoints */
@media (max-width: 991px) and (min-width: 641px) {
  .rcdk-icon-cards--cols-4,
  .rcdk-icon-cards--cols-3,
  .rcdk-icon-cards--cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Mobil-visning (under 640px): Elegant, kompakt listekort med ikon til venstre og titel + pil til højre */
@media (max-width: 640px) {
  .rcdk-icon-cards-grid {
    gap: 12px;
  }
  .rcdk-icon-cards--cols-4,
  .rcdk-icon-cards--cols-3,
  .rcdk-icon-cards--cols-2 {
    grid-template-columns: 1fr;
  }
  .rcdk-icon-card {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    aspect-ratio: auto !important;
    min-height: auto !important;
    padding: 14px 16px;
    gap: 14px;
    border-radius: 12px;
  }
  .rcdk-icon-card-icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
  }
  .rcdk-icon-card-icon .dashicons {
    font-size: 26px;
    width: 26px;
    height: 26px;
  }
  .rcdk-icon-card-icon .rcdk-card-icon-svg {
    width: 26px;
    height: 26px;
  }
  .rcdk-icon-card-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    margin-top: 0;
    gap: 10px;
  }
  .rcdk-icon-card-title {
    font-size: 0.98rem !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }
  .rcdk-icon-card-arrow {
    margin-bottom: 0;
    width: 20px;
    height: 20px;
  }
  .rcdk-icon-card-arrow svg {
    width: 18px;
    height: 18px;
  }
}

/* ==========================================================================
   RCDK Stat Counter Block (Nøgletal & Tæller)
   ========================================================================== */
.rcdk-block-stat-counter {
  width: 100%;
  margin: 48px 0;
  box-sizing: border-box;
}

.rcdk-stat-counter-grid {
  display: grid;
  gap: 32px 48px;
  width: 100%;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: center;
}

/* Columns */
.rcdk-stat-counter--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rcdk-stat-counter--cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rcdk-stat-counter--cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* Single Stat Item */
.rcdk-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Big Number Wrap */
.rcdk-stat-value-wrap {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 6px;
  line-height: 1.05;
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-size: clamp(2.8rem, 5vw, 4.4rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  margin-bottom: 12px;
}

/* Colors (Only 3 brand versions) */
/* 1. Lysegrøn (Default / Standard) */
.rcdk-stat-counter--color-light-green .rcdk-stat-value-wrap,
.rcdk-stat-counter--color-light .rcdk-stat-value-wrap,
.rcdk-stat-counter:not([class*="--color-"]) .rcdk-stat-value-wrap {
  color: var(--rcdk-green-light, #b1d469);
}

/* 2. Mørkegrøn */
.rcdk-stat-counter--color-dark-green .rcdk-stat-value-wrap,
.rcdk-stat-counter--color-green .rcdk-stat-value-wrap {
  color: var(--rcdk-green-dark, #002b00);
}

/* 3. Orange */
.rcdk-stat-counter--color-orange .rcdk-stat-value-wrap {
  color: var(--rcdk-orange, #ff751f);
}

.rcdk-stat-number {
  font-family: var(--font-courier, Courier, monospace);
  font-variant-numeric: tabular-nums;
  display: inline-block;
}

.rcdk-stat-suffix {
  font-size: 0.85em;
  font-weight: 700;
}

/* Label below */
.rcdk-stat-label {
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-size: clamp(1rem, 1.25vw, 1.2rem);
  font-weight: 500;
  color: #1f2937;
  line-height: 1.4;
  margin: 0;
  max-width: 260px;
}

/* Responsive */
@media (max-width: 900px) {
  .rcdk-stat-counter--cols-4,
  .rcdk-stat-counter--cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 36px 24px;
  }
}

@media (max-width: 540px) {
  .rcdk-stat-counter--cols-4,
  .rcdk-stat-counter--cols-3,
  .rcdk-stat-counter--cols-2 {
    grid-template-columns: 1fr;
    gap: 32px 0;
  }
  .rcdk-stat-value-wrap {
    font-size: 3.2rem;
  }
}

/* ==========================================================================
   11. RCDK: Udskriv boks Block (Standalone Gutenberg element)
   ========================================================================== */
.rcdk-block-print-box {
  margin: 40px 0 20px 0;
  border: 1px solid var(--rcdk-green-dark, #002b00);
  border-radius: var(--radius-sm, 8px);
  background-color: var(--rcdk-bg-cream, #fafbf7);
  padding: 22px 24px;
  box-sizing: border-box;
}

.rcdk-print-box-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}

.rcdk-print-box-text {
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-size: 1.05rem;
  line-height: 1.6;
  color: var(--rcdk-green-dark, #002b00);
  margin: 0;
  padding: 0;
}

.rcdk-print-box-actions {
  display: flex;
  gap: 12px;
}

.rcdk-btn-pill-green {
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--rcdk-green-dark, #002b00);
  color: #ffffff !important;
  font-weight: 700;
  font-size: 14px;
  padding: 9px 22px;
  border-radius: 9999px;
  text-decoration: none !important;
  transition: all 0.2s ease;
  cursor: pointer;
  border: none;
}

.rcdk-btn-pill-green:hover {
  background-color: #0b450b;
  transform: translateY(-1px);
}

/* ==========================================================================
   12. CO2-besparelser & Emissions Table Card (Shared & Interactive Element)
   ========================================================================== */
.cafe-emissions-card {
  position: relative;
  background: #ffffff;
  border: 1px solid #e2ebe0;
  border-radius: 28px;
  padding: 32px;
  box-shadow: 0 6px 24px rgba(0, 43, 0, 0.03);
  margin-top: 32px;
  margin-bottom: 32px;
  box-sizing: border-box;
}

.cafe-emissions-header {
  margin-bottom: 24px;
}

.cafe-emissions-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #eef6ec;
  color: var(--rcdk-green-dark, #002b00);
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 5px 12px;
  border-radius: 999px;
  margin-bottom: 12px;
}

.cafe-emissions-title {
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace) !important;
  font-size: 1.45rem !important;
  font-weight: 700 !important;
  color: var(--rcdk-green-dark, #002b00) !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.25 !important;
}

.cafe-emissions-lead {
  font-family: var(--font-body, system-ui, -apple-system, sans-serif) !important;
  font-size: 0.98rem !important;
  color: #556857 !important;
  margin: 0 !important;
  line-height: 1.55 !important;
}

/* Filter Controls Panel */
.rcdk-stats-filter-panel {
  background: #f7faf5;
  border: 1px solid #e3ece0;
  border-radius: 18px;
  padding: 20px 22px;
  margin-bottom: 24px;
}

.rcdk-stats-filters-row {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 24px;
  margin-bottom: 18px;
}

.rcdk-stats-filter-label-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  gap: 8px;
}

.rcdk-stats-label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--rcdk-green-dark, #002b00);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.rcdk-stats-quick-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.rcdk-stats-btn-text {
  background: none;
  border: none;
  padding: 0;
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-size: 0.82rem;
  font-weight: 600;
  color: #2e5927;
  cursor: pointer;
  text-decoration: underline;
  transition: color 0.15s ease;
}

.rcdk-stats-btn-text:hover {
  color: var(--rcdk-green-dark, #002b00);
}

.rcdk-stats-sep {
  font-size: 0.75rem;
  color: #9ab396;
}

/* Custom Dropdown for Cafes */
.rcdk-stats-dropdown-wrap {
  position: relative;
}

.rcdk-stats-dropdown-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: #ffffff;
  border: 1px solid #ccd8c7;
  border-radius: 10px;
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-size: 0.92rem;
  font-weight: 500;
  color: #1a2a1d;
  cursor: pointer;
  text-align: left;
  transition: all 0.2s ease;
}

.rcdk-stats-dropdown-btn:hover {
  border-color: #9cb894;
}

.rcdk-stats-dropdown-btn[aria-expanded="true"] {
  border-color: var(--rcdk-green-dark, #002b00);
  box-shadow: 0 0 0 3px rgba(0, 43, 0, 0.08);
}

.rcdk-stats-dropdown-btn-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 8px;
}

.rcdk-stats-arrow {
  flex-shrink: 0;
  color: #556857;
  transition: transform 0.2s ease;
}

.rcdk-stats-dropdown-btn[aria-expanded="true"] .rcdk-stats-arrow {
  transform: rotate(180deg);
}

.rcdk-stats-dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  background: #ffffff;
  border: 1px solid #d4ded0;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0, 43, 0, 0.12);
  z-index: 1000;
  max-height: 290px;
  overflow: hidden;
  flex-direction: column;
}

.rcdk-stats-dropdown-menu.is-open {
  display: flex;
}

.rcdk-stats-search-wrap {
  padding: 10px 12px;
  border-bottom: 1px solid #edf2ea;
  background: #fafbfa;
}

.rcdk-stats-search-input {
  width: 100%;
  padding: 7px 12px;
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-size: 0.88rem;
  border: 1px solid #d4ded0;
  border-radius: 8px;
  outline: none;
  box-sizing: border-box;
}

.rcdk-stats-search-input:focus {
  border-color: var(--rcdk-green-dark, #002b00);
}

.rcdk-stats-items-list {
  padding: 6px 0;
  overflow-y: auto;
  max-height: 230px;
}

.rcdk-stats-checkbox-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 14px;
  cursor: pointer;
  font-size: 0.88rem;
  color: #243526;
  transition: background-color 0.1s ease;
  user-select: none;
}

.rcdk-stats-checkbox-item:hover {
  background-color: #f3f7f0;
}

.rcdk-stats-checkbox-item input[type="checkbox"] {
  accent-color: var(--rcdk-green-dark, #002b00);
  width: 16px;
  height: 16px;
  cursor: pointer;
}

/* Period / Year Pills */
.rcdk-stats-pills-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.rcdk-stats-pill-label {
  cursor: pointer;
  user-select: none;
  margin: 0;
}

.rcdk-stats-pill-label input[type="checkbox"] {
  display: none;
}

.rcdk-stats-pill-btn {
  display: inline-block;
  padding: 6px 12px;
  background: #ffffff;
  border: 1px solid #ccd8c7;
  border-radius: 8px;
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-size: 0.86rem;
  font-weight: 600;
  color: #445943;
  transition: all 0.15s ease;
}

.rcdk-stats-pill-label:hover .rcdk-stats-pill-btn {
  border-color: #9cb894;
  color: var(--rcdk-green-dark, #002b00);
}

.rcdk-stats-pill-label input[type="checkbox"]:checked + .rcdk-stats-pill-btn {
  background: var(--rcdk-green-dark, #002b00);
  border-color: var(--rcdk-green-dark, #002b00);
  color: #ffffff;
}

/* Status Bar */
.rcdk-stats-status-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid #e3ece0;
  font-size: 0.88rem;
  color: #4a5e48;
}

.rcdk-stats-status-total {
  font-size: 0.95rem;
  color: var(--rcdk-green-dark, #002b00);
}

.rcdk-stats-total-highlight {
  font-size: 1.05rem;
  color: #1a5e18;
  font-weight: 700;
}

/* Emissions Table & Responsive Wrap */
.cafe-emissions-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 16px;
  border: 1px solid #eef2ea;
  border-radius: 16px;
  background: #fafbfa;
}

.cafe-emissions-table-wrap table,
table.emissions-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--font-body, system-ui, -apple-system, sans-serif) !important;
  font-size: 0.88rem;
  background: #ffffff;
  margin: 0;
}

.cafe-emissions-table-wrap table th,
.cafe-emissions-table-wrap table td,
table.emissions-table th,
table.emissions-table td {
  padding: 10px 14px;
  border-bottom: 1px solid #eef2ea;
  text-align: right;
  white-space: nowrap;
  vertical-align: middle;
}

.cafe-emissions-table-wrap table thead th,
table.emissions-table thead th {
  background: #f4f7f2;
  font-weight: 700;
  color: var(--rcdk-green-dark, #002b00);
  border-bottom: 2px solid #dce6d8;
  font-size: 0.86rem;
  letter-spacing: 0.01em;
}

.cafe-emissions-table-wrap table tbody th,
.cafe-emissions-table-wrap table thead th:first-child,
.cafe-emissions-table-wrap table tbody td:first-child,
table.emissions-table tbody th,
table.emissions-table thead th:first-child,
table.emissions-table tbody td:first-child {
  text-align: left;
  font-weight: 600;
  color: #1a2a1d;
  background: #ffffff;
}

.cafe-emissions-table-wrap table tbody tr:last-child th,
.cafe-emissions-table-wrap table tbody tr:last-child td,
table.emissions-table tbody tr:last-child th,
table.emissions-table tbody tr:last-child td {
  border-bottom: none;
}

.cafe-emissions-table-wrap table tbody tr:hover,
table.emissions-table tbody tr:hover {
  background: #fbfdfa;
}

@media (max-width: 860px) {
  .rcdk-stats-filters-row {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .rcdk-stats-status-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
}

/* Metric / Datatype Switcher & Status Submenu */
.rcdk-stats-metric-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid #e3ece0;
}

.rcdk-stats-control-heading {
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--rcdk-green-dark, #002b00);
}

.rcdk-stats-metric-group {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.rcdk-stats-tabs {
  display: inline-flex;
  align-items: center;
  background: #f1f6ef;
  padding: 4px;
  border-radius: 999px;
  border: 1px solid #dae5d7;
}

.rcdk-stats-tab-label {
  cursor: pointer;
  margin: 0;
}

.rcdk-stats-tab-label input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.rcdk-stats-tab-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 0.86rem;
  font-weight: 600;
  color: #3b5239;
  transition: all 0.15s ease;
  user-select: none;
}

.rcdk-stats-tab-label:hover .rcdk-stats-tab-btn {
  color: var(--rcdk-green-dark, #002b00);
}

.rcdk-stats-tab-label input[type="radio"]:checked + .rcdk-stats-tab-btn {
  background: var(--rcdk-green-dark, #002b00);
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 43, 0, 0.15);
}

/* Submenu for repair status */
.rcdk-stats-status-submenu {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding-left: 12px;
  border-left: 2px solid #dae5d7;
}

.rcdk-stats-sub-pills {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.rcdk-stats-sub-pill-label {
  cursor: pointer;
  margin: 0;
}

.rcdk-stats-sub-pill-label input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.rcdk-stats-sub-pill-btn {
  display: inline-flex;
  align-items: center;
  padding: 5px 11px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #c9d8c6;
  font-size: 0.82rem;
  font-weight: 600;
  color: #445943;
  transition: all 0.15s ease;
  user-select: none;
}

.rcdk-stats-sub-pill-label:hover .rcdk-stats-sub-pill-btn {
  border-color: #9cb894;
  color: var(--rcdk-green-dark, #002b00);
}

.rcdk-stats-sub-pill-label input[type="radio"]:checked + .rcdk-stats-sub-pill-btn {
  background: #256b23;
  border-color: #256b23;
  color: #ffffff;
}

/* Category Filter Row */
.rcdk-stats-categories-row {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dashed #e3ece0;
}

.rcdk-stats-cat-pills-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.rcdk-stats-cat-pill-label {
  cursor: pointer;
  margin: 0;
}

.rcdk-stats-cat-pill-label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.rcdk-stats-cat-pill-btn {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid #d5e0d2;
  font-size: 0.8rem;
  font-weight: 500;
  color: #455745;
  transition: all 0.15s ease;
  user-select: none;
}

.rcdk-stats-cat-pill-label:hover .rcdk-stats-cat-pill-btn {
  border-color: #a3bea0;
  color: var(--rcdk-green-dark, #002b00);
}

.rcdk-stats-cat-pill-label input[type="checkbox"]:checked + .rcdk-stats-cat-pill-btn {
  background: #eef6ec;
  border-color: #94ba8f;
  color: var(--rcdk-green-dark, #002b00);
  font-weight: 600;
}

/* ==========================================================================
   RCDK Repair Stats Block (Single Column Unified Statement Card)
   ========================================================================== */
.rcdk-repair-stats-single-column {
  width: 100%;
  margin: 36px 0;
  box-sizing: border-box;
  font-family: var(--font-body, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
}

.rcdk-stats-header {
  margin-bottom: 20px;
}

.rcdk-stats-title {
  font-size: clamp(1.6rem, 2.3vw, 2rem);
  font-weight: 800;
  color: var(--rcdk-green-dark, #002b00);
  line-height: 1.25;
  margin: 0 0 8px 0;
  letter-spacing: -0.02em;
}

.rcdk-stats-lead {
  font-size: 1.02rem;
  line-height: 1.55;
  color: #374151;
  margin: 0;
  max-width: 740px;
}

/* Single unified card */
.rcdk-stats-unified-card {
  background: #ffffff;
  border: 1px solid #e1eadc;
  border-radius: 16px;
  padding: 32px 36px;
  box-shadow: 0 4px 16px rgba(0, 43, 0, 0.04);
  max-width: 860px;
}

.rcdk-stats-item {
  padding: 8px 0;
}

.rcdk-stats-line {
  font-size: clamp(1.1rem, 1.45vw, 1.22rem);
  line-height: 1.6;
  color: #1f2937;
  margin: 0;
}

.rcdk-stat-figure {
  font-family: var(--font-courier, "Courier Prime", Courier, monospace);
  font-size: 1.35em;
  font-weight: 800;
  letter-spacing: -0.02em;
  padding: 0 2px;
}

.rcdk-color--orange {
  color: var(--rcdk-orange, #ff751f);
}

.rcdk-color--green {
  color: var(--rcdk-green-dark, #002b00);
}

.rcdk-color--dark {
  color: #111827;
}

/* Sublist for El, Sy, Andet */
.rcdk-stats-sublist {
  list-style: none;
  margin: 12px 0 4px 24px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rcdk-stats-sublist li {
  font-size: 1.05rem;
  line-height: 1.45;
  color: #374151;
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.rcdk-stats-sublist li::before {
  content: "•";
  color: var(--rcdk-green-dark, #002b00);
  font-size: 1.2rem;
  line-height: 1;
  margin-right: 4px;
}

.rcdk-stats-label {
  font-weight: 600;
  color: #1f2937;
  min-width: 54px;
}

.rcdk-stat-num {
  font-family: var(--font-courier, "Courier Prime", Courier, monospace);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--rcdk-green-dark, #002b00);
}

/* Clean subtle line divider between main statements */
.rcdk-stats-divider {
  height: 1px;
  background-color: #eef3ea;
  margin: 16px 0;
  width: 100%;
}

@media (max-width: 640px) {
  .rcdk-stats-unified-card {
    padding: 22px 20px;
  }
  .rcdk-stats-sublist {
    margin-left: 14px;
  }
}

/* ==========================================================================
   14. Artikel-henvisning Callout Block (Inline Link Card)
   ========================================================================== */
.rcdk-block-article-link {
  margin: 32px 0;
  width: 100%;
}

.rcdk-article-link-card {
  display: flex;
  align-items: center;
  gap: 20px;
  text-decoration: none !important;
  color: inherit;
  background: transparent;
  padding: 10px 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
  border-radius: 8px;
}

.rcdk-article-link-card:hover {
  opacity: 0.88;
  transform: translateX(4px);
}

.rcdk-article-link-thumb-wrap {
  flex-shrink: 0;
  width: 120px;
  height: 75px;
  border-radius: 4px;
  overflow: hidden;
  background: #f1f5ee;
}

.rcdk-article-link-thumb-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.rcdk-article-link-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}

.rcdk-article-link-eyebrow {
  font-family: var(--font-courier, "Courier Prime", Courier, monospace) !important;
  font-size: 1.15rem;
  font-weight: 700;
  text-transform: uppercase !important;
  letter-spacing: 0.03em;
  color: var(--rcdk-green-dark, #002b00);
  line-height: 1.25;
}

.rcdk-article-link-title {
  font-family: var(--font-body, system-ui, -apple-system, sans-serif) !important;
  font-size: 0.95rem;
  font-weight: 700;
  color: #111827;
  margin: 0 !important;
  line-height: 1.35;
  letter-spacing: normal;
  text-transform: none !important;
  transition: color 0.15s ease;
}

.rcdk-article-link-card:hover .rcdk-article-link-title {
  color: var(--rcdk-orange, #ff751f);
}

/* Inside Gutenberg editor: prevent links on cards/buttons from navigating when clicked to select */
.editor-styles-wrapper a.rcdk-article-link-card,
.editor-styles-wrapper a.rcdk-article-link-card *,
.editor-styles-wrapper .rcdk-block-article-link a,
.editor-styles-wrapper .rcdk-top-cafe-card a,
.editor-styles-wrapper .rcdk-card,
.editor-styles-wrapper .rcdk-card a {
  cursor: default !important;
}

.editor-styles-wrapper a.rcdk-article-link-card,
.editor-styles-wrapper .rcdk-block-article-link a {
  pointer-events: none;
}

.editor-styles-wrapper .rcdk-block-article-link {
  cursor: pointer;
}

@media (max-width: 540px) {
  .rcdk-article-link-card {
    gap: 14px;
  }
  .rcdk-article-link-thumb-wrap {
    width: 95px;
    height: 62px;
  }
  .rcdk-article-link-eyebrow {
    font-size: 0.82rem;
  }
  .rcdk-article-link-title {
    font-size: 1rem;
  }
}

/* ==========================================================================
   15. Billed-karrusel Block (Image Gallery Slider)
   ========================================================================== */
.rcdk-block-image-carousel {
  margin: 40px 0;
  width: 100%;
  position: relative;
}

.rcdk-image-carousel-header {
  margin-bottom: 20px;
}

.rcdk-image-carousel-title {
  font-family: var(--font-courier, "Courier Prime", Courier, monospace);
  font-size: 1.55rem;
  font-weight: 700;
  color: var(--rcdk-green-dark, #002b00);
  margin: 0;
  text-transform: uppercase;
  letter-spacing: -0.01em;
}

.rcdk-image-carousel-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.rcdk-image-carousel-track {
  display: flex;
  gap: 18px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 6px 2px 14px 2px;
  width: 100%;
}

.rcdk-image-carousel-track::-webkit-scrollbar {
  display: none;
}

.rcdk-image-carousel-item {
  flex: 0 0 calc((100% - 36px) / 3);
  min-width: calc((100% - 36px) / 3);
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
}

/* Column counts (1, 2, 3) */
.rcdk-cols-1 .rcdk-image-carousel-item {
  flex: 0 0 100%;
  min-width: 100%;
}

.rcdk-cols-2 .rcdk-image-carousel-item {
  flex: 0 0 calc((100% - 18px) / 2);
  min-width: calc((100% - 18px) / 2);
}

.rcdk-cols-3 .rcdk-image-carousel-item {
  flex: 0 0 calc((100% - 36px) / 3);
  min-width: calc((100% - 36px) / 3);
}

.rcdk-image-carousel-frame {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  background: #f1f5ee;
  box-shadow: 0 4px 16px rgba(0, 43, 0, 0.06);
  border: 1px solid rgba(0, 43, 0, 0.08);
  cursor: pointer;
  position: relative;
}

.rcdk-aspect-4-3 .rcdk-image-carousel-frame {
  aspect-ratio: 4 / 3;
}

.rcdk-aspect-16-9 .rcdk-image-carousel-frame {
  aspect-ratio: 16 / 9;
}

.rcdk-aspect-1-1 .rcdk-image-carousel-frame {
  aspect-ratio: 1 / 1;
}

.rcdk-image-carousel-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
  margin: 0 !important;
}

.rcdk-image-carousel-item:hover .rcdk-image-carousel-frame img {
  transform: scale(1.03);
}

.rcdk-image-carousel-caption {
  font-family: var(--font-body, system-ui, -apple-system, sans-serif);
  font-size: 0.88rem;
  color: #4b5d49;
  margin: 8px 0 0 2px;
  line-height: 1.4;
}

/* Navigation Arrows */
.rcdk-carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #ffffff;
  color: var(--rcdk-green-dark, #002b00);
  border: 1px solid rgba(0, 43, 0, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  transition: all 0.2s ease;
}

.rcdk-carousel-arrow:hover:not(:disabled) {
  background: var(--rcdk-green-dark, #002b00);
  color: #ffffff;
  border-color: var(--rcdk-green-dark, #002b00);
  transform: translateY(-50%) scale(1.08);
}

.rcdk-carousel-arrow:disabled {
  opacity: 0;
  pointer-events: none;
}

.rcdk-carousel-prev {
  left: -20px;
}

.rcdk-carousel-next {
  right: -20px;
}

/* Dots Indicator */
.rcdk-image-carousel-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}

.rcdk-carousel-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #cbd7c8;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 0.2s ease;
}

.rcdk-carousel-dot.active {
  background: var(--rcdk-green-dark, #002b00);
  width: 24px;
  border-radius: 4px;
}

/* Lightbox Modal (Frosted glass aesthetic matching Find Repair Café) */
.rcdk-carousel-lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  z-index: 1000000;
  justify-content: center;
  align-items: center;
  user-select: none;
  -webkit-user-select: none;
  box-sizing: border-box;
}

.rcdk-carousel-lightbox.is-active {
  display: flex;
}

.rcdk-carousel-lightbox-content {
  position: relative;
  max-width: 90vw;
  max-height: 85vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rcdk-carousel-lightbox-img {
  max-width: 90vw;
  max-height: 84vh;
  width: auto;
  height: auto;
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(0, 43, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.8);
  object-fit: contain;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.rcdk-carousel-lightbox-close {
  position: absolute;
  top: 24px;
  right: 28px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 43, 0, 0.12);
  color: #002b00;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  aspect-ratio: 1 / 1;
  border-radius: 50% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1000002;
  transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 16px rgba(0, 43, 0, 0.1);
  padding: 0;
  box-sizing: border-box;
}

.rcdk-carousel-lightbox-close svg {
  width: 22px;
  height: 22px;
  display: block;
  stroke: #002b00;
  stroke-width: 2.4;
  transition: transform 0.2s ease;
}

.rcdk-carousel-lightbox-close:hover {
  background: #002b00;
  border-color: #002b00;
  color: #ffffff;
  transform: scale(1.08);
  box-shadow: 0 6px 22px rgba(0, 43, 0, 0.22);
}

.rcdk-carousel-lightbox-close:hover svg {
  stroke: #ffffff;
}

.rcdk-carousel-lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 43, 0, 0.12);
  color: #002b00;
  width: 54px;
  min-width: 54px;
  height: 54px;
  min-height: 54px;
  aspect-ratio: 1 / 1;
  border-radius: 50% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1000002;
  transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 16px rgba(0, 43, 0, 0.1);
  padding: 0;
  box-sizing: border-box;
}

.rcdk-carousel-lightbox-nav svg {
  width: 22px;
  height: 22px;
  display: block;
  stroke: #002b00;
  stroke-width: 2.4;
  transition: transform 0.2s ease;
}

.rcdk-carousel-lightbox-nav:hover {
  background: #002b00;
  border-color: #002b00;
  color: #ffffff;
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 8px 24px rgba(0, 43, 0, 0.25);
}

.rcdk-carousel-lightbox-nav:hover svg {
  stroke: #ffffff;
}

.rcdk-carousel-lightbox-prev {
  left: 28px;
}

.rcdk-carousel-lightbox-next {
  right: 28px;
}

.rcdk-carousel-lightbox-counter {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 43, 0, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #ffffff;
  padding: 8px 20px;
  border-radius: 9999px;
  font-family: var(--font-courier, "Courier Prime", Courier, monospace);
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 4px 14px rgba(0, 43, 0, 0.15);
}

/* Tablet & Mobile Breakpoints */
@media (max-width: 992px) {
  .rcdk-cols-3 .rcdk-image-carousel-item {
    flex: 0 0 calc((100% - 18px) / 2);
    min-width: calc((100% - 18px) / 2);
  }
  .rcdk-carousel-prev {
    left: -12px;
  }
  .rcdk-carousel-next {
    right: -12px;
  }
  .rcdk-carousel-lightbox-nav {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }
  .rcdk-carousel-lightbox-prev {
    left: 12px;
  }
  .rcdk-carousel-lightbox-next {
    right: 12px;
  }
}

@media (max-width: 600px) {
  .rcdk-image-carousel-item,
  .rcdk-cols-1 .rcdk-image-carousel-item,
  .rcdk-cols-2 .rcdk-image-carousel-item,
  .rcdk-cols-3 .rcdk-image-carousel-item {
    flex: 0 0 88%;
    min-width: 88%;
  }
  .rcdk-carousel-arrow {
    display: none;
  }
}

/* ==========================================================================
   Block: RCDK Hovednøgletal (4 KPI Cards)
   Matches the 4 KPI cards on /reparationer-i-tal/
   ========================================================================== */
.rcdk-block-kpi-cards {
  width: 100%;
  margin: 36px 0;
  box-sizing: border-box;
}

.rcdk-page-article-container .rcdk-block-kpi-cards,
.entry-content .rcdk-block-kpi-cards {
  margin: 28px 0;
}

.rcdk-page-article-container .rcdk-block-kpi-cards .rcdk-container,
.entry-content .rcdk-block-kpi-cards .rcdk-container,
.editor-styles-wrapper .rcdk-block-kpi-cards .rcdk-container {
  padding: 0 !important;
  max-width: 100% !important;
}

.rcdk-kpi-header {
  margin-bottom: 20px;
}

.rcdk-kpi-title {
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace);
  font-weight: 700;
  font-size: clamp(1.4rem, 2.2vw, 1.85rem);
  color: #002b00;
  margin: 0 0 6px 0;
  letter-spacing: -0.015em;
  line-height: 1.25;
}

.rcdk-kpi-lead {
  font-size: 0.98rem;
  line-height: 1.55;
  color: #556b56;
  margin: 0;
  max-width: 720px;
}

.rcdk-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
}

.rcdk-kpi-grid--cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rcdk-kpi-grid--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rcdk-kpi-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 20px 16px;
  border: 1px solid rgba(0, 43, 0, 0.08);
  box-shadow: 0 8px 24px rgba(0, 43, 0, 0.04);
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  text-align: left;
}

.rcdk-kpi-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(0, 43, 0, 0.08);
}

.rcdk-kpi-icon-wrap {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  margin-bottom: 12px;
  line-height: 1;
}

.rcdk-kpi-card--green .rcdk-kpi-icon-wrap {
  background: rgba(0, 43, 0, 0.07);
  color: #002b00;
}

.rcdk-kpi-card--lime .rcdk-kpi-icon-wrap {
  background: rgba(177, 212, 105, 0.35);
  color: #274900;
}

.rcdk-kpi-card--orange .rcdk-kpi-icon-wrap {
  background: rgba(255, 117, 31, 0.15);
  color: #d85700;
}

.rcdk-kpi-card--blue .rcdk-kpi-icon-wrap {
  background: rgba(43, 114, 186, 0.12);
  color: #1a5b9b;
}

.rcdk-kpi-value {
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace);
  font-weight: 700;
  font-size: clamp(1.35rem, 1.85vw, 1.95rem);
  line-height: 1.15;
  color: #002b00;
  margin-bottom: 6px;
  letter-spacing: -0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rcdk-kpi-unit {
  font-size: 0.95rem;
  font-weight: 600;
  color: #556b56;
  margin-left: 4px;
  white-space: nowrap;
}

.rcdk-kpi-label {
  font-size: 0.85rem;
  font-weight: 700;
  color: #1a271c;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1.25;
}

.rcdk-kpi-desc {
  font-size: 0.82rem;
  line-height: 1.45;
  color: #5c6e5e;
  margin: 0 !important;
}

.editor-styles-wrapper .rcdk-kpi-card p {
  margin: 0;
}

/* When editor selects 'alignwide' or 'alignfull' on the block, allow it to span out in canvas/pages */
.rcdk-block-kpi-cards.alignwide .rcdk-container {
  max-width: 1320px !important;
}

.rcdk-block-kpi-cards.alignfull .rcdk-container {
  max-width: 100% !important;
  padding: 0 24px !important;
}

/* In narrower content columns, arrange 4 cards into 2x2 grid so they stay square and readable */
.rcdk-page-article-container .rcdk-kpi-grid--cols-4:not(.rcdk-kpi-grid--wide),
.entry-content .rcdk-kpi-grid--cols-4:not(.rcdk-kpi-grid--wide) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.rcdk-page-article-container .rcdk-block-kpi-cards.alignwide .rcdk-kpi-grid--cols-4,
.rcdk-page-article-container .rcdk-block-kpi-cards.alignfull .rcdk-kpi-grid--cols-4,
.entry-content .rcdk-block-kpi-cards.alignwide .rcdk-kpi-grid--cols-4,
.entry-content .rcdk-block-kpi-cards.alignfull .rcdk-kpi-grid--cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 900px) {
  .rcdk-kpi-grid,
  .rcdk-kpi-grid--cols-3,
  .rcdk-kpi-grid--cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 540px) {
  .rcdk-kpi-grid,
  .rcdk-kpi-grid--cols-3,
  .rcdk-kpi-grid--cols-4,
  .rcdk-page-article-container .rcdk-kpi-grid--cols-4,
  .entry-content .rcdk-kpi-grid--cols-4 {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .rcdk-kpi-card {
    padding: 18px 16px;
    border-radius: 18px;
  }
}

/* ==========================================================================
   Block: RCDK Reparationskategorier (Category Stats)
   Matches the 3 category distribution cards on /reparationer-i-tal/
   ========================================================================== */
.rcdk-block-category-stats {
  width: 100%;
  margin: 36px 0;
  box-sizing: border-box;
}

.rcdk-block-category-stats .rcdk-section-header {
  margin-bottom: 28px;
}

.rcdk-block-category-stats .rcdk-section-title {
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace);
  font-weight: 700;
  font-size: clamp(1.6rem, 2.3vw, 1.85rem);
  color: #002b00;
  margin: 0 0 8px 0;
  letter-spacing: -0.015em;
  line-height: 1.25;
}

.rcdk-block-category-stats .rcdk-section-subtitle {
  font-size: 1.02rem;
  color: #556b56;
  margin: 0;
  line-height: 1.55;
  max-width: 720px;
}

.rcdk-category-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  width: 100%;
  box-sizing: border-box;
}

.rcdk-category-grid--cols-1 {
  grid-template-columns: minmax(0, 520px);
  justify-content: center;
}

.rcdk-category-grid--cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.rcdk-category-grid--cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

.rcdk-category-card {
  background: #ffffff;
  border-radius: 24px;
  padding: 32px 28px;
  border: 1px solid rgba(0, 43, 0, 0.08);
  box-shadow: 0 8px 24px rgba(0, 43, 0, 0.04);
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  text-align: left;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.rcdk-category-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 36px rgba(0, 43, 0, 0.09);
}

.rcdk-cat-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.rcdk-cat-icon {
  width: 56px;
  height: 56px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.7rem;
  flex-shrink: 0;
  line-height: 1;
}

.rcdk-cat-icon--el {
  background: rgba(255, 179, 0, 0.18);
  color: #b37400;
}

.rcdk-cat-icon--sy {
  background: rgba(177, 212, 105, 0.35);
  color: #274900;
}

.rcdk-cat-icon--andet {
  background: rgba(0, 43, 0, 0.08);
  color: #002b00;
}

.rcdk-cat-title {
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace);
  font-weight: 700;
  font-size: 1.45rem;
  color: #002b00;
  margin: 0 0 2px 0;
  line-height: 1.2;
}

.rcdk-cat-subtitle {
  font-size: 0.85rem;
  color: #637764;
  margin: 0;
  line-height: 1.4;
}

.rcdk-cat-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  background: #f7faf4;
  border-radius: 16px;
  padding: 20px 16px;
  border: 1px solid rgba(0, 43, 0, 0.04);
  margin-bottom: 20px;
}

.rcdk-cat-metric-item {
  display: flex;
  flex-direction: column;
}

.rcdk-cat-metric-val {
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace);
  font-weight: 700;
  font-size: 1.5rem;
  color: #002b00;
  line-height: 1.1;
  margin-bottom: 4px;
}

.rcdk-cat-metric-label {
  font-size: 0.82rem;
  color: #556b56;
  font-weight: 600;
}

.rcdk-cat-bar-wrap {
  height: 8px;
  background: #e9efe4;
  border-radius: 999px;
  overflow: hidden;
  margin-top: auto;
}

.rcdk-cat-bar-fill {
  height: 100%;
  border-radius: 999px;
  transition: width 0.4s ease;
}

.rcdk-cat-bar-fill--el {
  background: #ff9800;
}

.rcdk-cat-bar-fill--sy {
  background: #80b82d;
}

.rcdk-cat-bar-fill--andet {
  background: #002b00;
}

@media (max-width: 1024px) {
  .rcdk-category-grid,
  .rcdk-category-grid--cols-3,
  .rcdk-category-grid--cols-2 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* ==========================================================================
   Block: RCDK Mest aktive caféer (Horizontal Top Cafes)
   Horizontal card grid for nationwide or regional activity ranking
   ========================================================================== */
.rcdk-block-top-cafes {
  width: 100%;
  margin: 40px 0;
  box-sizing: border-box;
}

.rcdk-page-article-container .rcdk-block-top-cafes,
.entry-content .rcdk-block-top-cafes {
  margin: 32px 0;
}

.rcdk-page-article-container .rcdk-block-top-cafes .rcdk-container,
.entry-content .rcdk-block-top-cafes .rcdk-container,
.editor-styles-wrapper .rcdk-block-top-cafes .rcdk-container {
  padding: 0 !important;
  max-width: 100% !important;
}

.rcdk-block-top-cafes.alignwide .rcdk-container {
  max-width: 1320px !important;
}

.rcdk-block-top-cafes.alignfull .rcdk-container {
  max-width: 100% !important;
  padding: 0 24px !important;
}

.rcdk-top-cafes-header {
  margin-bottom: 24px;
}

.rcdk-top-cafes-title {
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace);
  font-weight: 700;
  font-size: clamp(1.5rem, 2.3vw, 1.95rem);
  color: #002b00;
  margin: 0 0 8px 0;
  letter-spacing: -0.015em;
  line-height: 1.25;
}

.rcdk-top-cafes-lead {
  font-size: 1.02rem;
  line-height: 1.55;
  color: #556b56;
  margin: 0;
  max-width: 740px;
}

.rcdk-top-cafes-grid {
  display: grid;
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
}

.rcdk-top-cafes-grid--cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rcdk-top-cafes-grid--cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rcdk-top-cafes-grid--cols-1 {
  grid-template-columns: minmax(0, 480px);
  justify-content: center;
}

.rcdk-top-cafe-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 22px 18px;
  border: 1px solid rgba(0, 43, 0, 0.08);
  box-shadow: 0 6px 20px rgba(0, 43, 0, 0.04);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
  text-align: left;
}

.rcdk-top-cafe-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 32px rgba(0, 43, 0, 0.09);
}

.rcdk-top-cafe-card-header {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}

.rcdk-top-cafe-rank {
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  border-radius: 50%;
  background: #002b00;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.9rem;
  line-height: 1;
  flex-shrink: 0;
  box-shadow: 0 2px 6px rgba(0, 43, 0, 0.2);
}

.rcdk-top-cafe-identity {
  flex: 1;
  min-width: 0;
}

.rcdk-top-cafe-name {
  font-weight: 700;
  color: #002b00;
  font-size: 1rem;
  line-height: 1.35;
  margin: 0 0 4px 0;
  word-break: break-word;
}

.rcdk-top-cafe-link {
  color: #002b00;
  text-decoration: none;
  transition: color 0.15s ease;
}

.rcdk-top-cafe-link:hover {
  color: #ff751f;
  text-decoration: underline;
}

.rcdk-top-cafe-sub {
  font-size: 0.8rem;
  color: #637764;
  line-height: 1.3;
}

.rcdk-top-cafe-metric-box {
  background: #f7faf4;
  border-radius: 14px;
  padding: 14px 14px 12px;
  border: 1px solid rgba(0, 43, 0, 0.05);
  margin-top: auto;
  text-align: left;
}

.rcdk-top-cafe-repairs {
  font-family: var(--font-courier, 'Courier Prime', Courier, monospace);
  font-weight: 700;
  font-size: 1.4rem;
  color: #002b00;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.rcdk-top-cafe-repairs-label {
  font-size: 0.76rem;
  font-weight: 600;
  color: #556b56;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 6px;
}

.rcdk-top-cafe-weight {
  font-size: 0.8rem;
  color: #556b56;
  font-weight: 600;
  border-top: 1px dashed rgba(0, 43, 0, 0.1);
  padding-top: 6px;
  margin-top: 4px;
}

.rcdk-top-cafes-empty {
  padding: 32px 24px;
  background: #f7faf4;
  border-radius: 16px;
  text-align: center;
  color: #556b56;
  font-size: 0.95rem;
}

/* Tablet & Mobile responsive */
@media (max-width: 900px) {
  .rcdk-top-cafes-grid--cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .rcdk-top-cafes-grid,
  .rcdk-top-cafes-grid--cols-3,
  .rcdk-top-cafes-grid--cols-2 {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .rcdk-top-cafe-card {
    padding: 18px 16px;
  }
}