/* Citere Design System v2 */
:root {
  --c-brown: #2B221E;
  --c-beige: #E5D8D1;
  --c-taupe: #B39E93;
  --c-green: #61CE70;
  --c-green-soft: #4fb862;
  --c-orange: #FFBC7D;
  --c-ivory: #FAF6F2;
  --c-white: #FFFFFF;
  --c-cream: #F3EDE6;
  --font: "Jumper", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --content: 1080px;
  --content-narrow: 720px;
  --radius: 20px;
  --radius-sm: 12px;
  --shadow-soft: 0 4px 24px rgba(43,34,30,.06);
  --shadow-card: 0 8px 40px rgba(43,34,30,.07);
  --shadow-hover: 0 12px 48px rgba(43,34,30,.12);
  --transition: .35s cubic-bezier(.4, 0, .2, 1);
}

/* Reset & Base */
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background: var(--c-ivory); color: var(--c-brown); font-family: var(--font-body); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font) !important; color: var(--c-brown); }
p, li { color: rgba(43,34,30,.78); line-height: 1.8; font-size: 16.5px; }
a { color: var(--c-brown); text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--c-green); }
::selection { background: rgba(97,206,112,.2); }

/* Hide WP chrome on homepage */
.home .entry-hero, .home .page-title, .home .entry-header { display: none; }
.home .entry-content-wrap { padding: 0 !important; }

/* Constrain sections */
.home .entry-content > [id^="kt-layout-id"] > .kt-row-column-wrap {
  max-width: var(--content);
  margin: 0 auto;
  padding: 100px 28px !important;
}

/* ==================== HEADER ==================== */
#masthead {
  position: sticky;
  top: 0;
  z-index: 999;
  background: rgba(250,246,242,.88) !important;
  backdrop-filter: blur(20px) saturate(1.4);
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
  border-bottom: 1px solid rgba(179,158,147,.12);
  transition: box-shadow var(--transition);
}
.site-branding .site-title-wrap { display: none !important; }
.site-branding a.brand img { max-height: 38px; width: auto; }

#site-navigation .menu > li > a,
.main-navigation .primary-menu-container > ul > li.menu-item > a {
  color: var(--c-brown) !important;
  font-family: var(--font-body) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  transition: color var(--transition) !important;
  white-space: nowrap !important;
}
.main-navigation .primary-menu-container > ul {
  flex-wrap: nowrap !important;
}
#site-navigation .menu > li > a:hover,
.main-navigation .primary-menu-container > ul > li.menu-item.current-menu-item > a {
  color: var(--c-green-soft) !important;
}

/* ==================== HERO ==================== */
#kt-layout-idhero-citere,
#kt-layout-idhero-citere-es {
  background: linear-gradient(168deg, #f0e8e1 0%, #e5d8d1 48%, #ddd0c6 100%) !important;
  position: relative;
  overflow: hidden;
}
#kt-layout-idhero-citere::before,
#kt-layout-idhero-citere-es::before {
  content: "";
  position: absolute;
  top: -40%;
  right: -20%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(97,206,112,.08) 0%, transparent 70%);
  pointer-events: none;
}
#kt-layout-idhero-citere > .kt-row-column-wrap,
#kt-layout-idhero-citere-es > .kt-row-column-wrap {
  padding-top: 130px !important;
  padding-bottom: 110px !important;
}
.citere-overline {
  color: var(--c-taupe) !important;
  font-family: var(--font-body) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase;
  margin-bottom: 20px !important;
}
#kt-layout-idhero-citere h1,
#kt-layout-idhero-citere-es h1 {
  max-width: 700px;
  font-size: clamp(2.6rem, 5.5vw, 4.2rem) !important;
  font-weight: 300 !important;
  line-height: 1.06 !important;
  letter-spacing: -.03em !important;
  margin-bottom: 28px !important;
}
.citere-intro {
  max-width: 560px;
  font-size: 17.5px !important;
  line-height: 1.7 !important;
  color: rgba(43,34,30,.72) !important;
  margin-bottom: 36px !important;
}

/* CTA buttons */
.wp-block-button__link {
  font-family: var(--font-body) !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  transition: all var(--transition) !important;
}
#kt-layout-idhero-citere .wp-block-button__link,
#kt-layout-idhero-citere-es .wp-block-button__link {
  background: var(--c-green) !important;
  color: var(--c-white) !important;
  border-radius: var(--radius-sm) !important;
  padding: 16px 32px !important;
  box-shadow: 0 4px 16px rgba(97,206,112,.25) !important;
}
#kt-layout-idhero-citere .wp-block-button__link:hover,
#kt-layout-idhero-citere-es .wp-block-button__link:hover {
  background: var(--c-green-soft) !important;
  box-shadow: 0 6px 24px rgba(97,206,112,.35) !important;
  transform: translateY(-1px);
}

/* ==================== SECTION DIVIDERS ==================== */
.citere-section::after {
  content: "";
  display: block;
  height: 1px;
  margin: 0 auto;
  max-width: 200px;
  background: linear-gradient(90deg, transparent, rgba(179,158,147,.35), transparent);
}
#kt-layout-idcta-citere::after,
#kt-layout-idcta-citere-es::after { display: none; }

/* ==================== SERVICES ==================== */
#kt-layout-idservices-citere,
#kt-layout-idservices-citere-es { background: var(--c-white) !important; }
#kt-layout-idservices-citere h2,
#kt-layout-idservices-citere-es h2 {
  font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important;
  font-weight: 300 !important;
  line-height: 1.12 !important;
  letter-spacing: -.02em !important;
  max-width: 600px;
  margin-bottom: 12px !important;
}
.citere-section-intro {
  max-width: 580px;
  font-size: 16.5px !important;
  color: rgba(43,34,30,.65) !important;
  margin-bottom: 48px !important;
}
.citere-service-grid { gap: 20px !important; }
.citere-service-card {
  height: 100%;
  background: var(--c-white) !important;
  border: 1px solid rgba(229,216,209,.6) !important;
  border-top: none !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-soft) !important;
  transition: all var(--transition) !important;
  position: relative;
  overflow: hidden;
}
.citere-service-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--c-green), var(--c-green-soft));
  transition: height var(--transition);
}
.citere-service-card:hover {
  box-shadow: var(--shadow-hover) !important;
  transform: translateY(-3px);
  border-color: rgba(97,206,112,.2) !important;
}
.citere-service-card:hover::before { height: 4px; }
.citere-service-card h3 {
  font-size: 22px !important;
  font-weight: 400 !important;
  margin-bottom: 10px !important;
}
.citere-service-card p {
  font-size: 15.5px !important;
  line-height: 1.7 !important;
  color: rgba(43,34,30,.7) !important;
}
.citere-card-link {
  margin-top: 20px !important;
  padding-top: 14px;
  border-top: 1px solid rgba(179,158,147,.18);
}
.citere-card-link a {
  color: var(--c-green-soft) !important;
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: .02em;
  transition: color var(--transition);
}
.citere-card-link a:hover { color: var(--c-brown) !important; }
.citere-card-link a::after { content: " \2192"; }

/* ==================== ABOUT / WERKWIJZE ==================== */
#kt-layout-idabout-citere,
#kt-layout-idabout-citere-es { background: var(--c-cream) !important; }
#kt-layout-idabout-citere > .kt-row-column-wrap,
#kt-layout-idabout-citere-es > .kt-row-column-wrap { max-width: var(--content-narrow) !important; }
#kt-layout-idabout-citere h2,
#kt-layout-idabout-citere-es h2 {
  font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important;
  font-weight: 300 !important;
  line-height: 1.12 !important;
  letter-spacing: -.02em !important;
  margin-bottom: 8px !important;
}
#kt-layout-idabout-citere p,
#kt-layout-idabout-citere-es p {
  font-size: 16.5px !important;
  line-height: 1.85 !important;
}
.citere-about-lead {
  font-size: 18px !important;
  color: rgba(43,34,30,.85) !important;
  font-weight: 400;
}

/* ==================== CONTACT ==================== */
#kt-layout-idcontact-citere,
#kt-layout-idcontact-citere-es { background: var(--c-white) !important; }
.citere-contact-card {
  background: var(--c-ivory) !important;
  border-radius: var(--radius) !important;
  padding: 36px 32px !important;
  box-shadow: none !important;
  border: 1px solid rgba(229,216,209,.5);
}
.citere-contact-list p {
  margin-bottom: 14px;
  font-size: 15.5px !important;
}
.citere-contact-list strong {
  display: block;
  font-size: 12px !important;
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--c-taupe) !important;
  margin-bottom: 4px;
}
.citere-privacy-note {
  padding: 16px 20px;
  border-radius: var(--radius-sm);
  background: rgba(229,216,209,.3);
  color: rgba(43,34,30,.6) !important;
  font-size: 13.5px !important;
  line-height: 1.6;
}

/* Contact form */
#kt-layout-idcontact-citere input:not([type="submit"]),
#kt-layout-idcontact-citere textarea,
.page-id-60 input:not([type="submit"]),
.page-id-60 textarea {
  width: 100%;
  padding: 14px 18px;
  border-radius: var(--radius-sm);
  border: 1px solid rgba(179,158,147,.25);
  background: var(--c-white);
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--c-brown);
  transition: border-color var(--transition), box-shadow var(--transition);
}
#kt-layout-idcontact-citere input:focus,
#kt-layout-idcontact-citere textarea:focus,
.page-id-60 input:focus,
.page-id-60 textarea:focus {
  outline: none;
  border-color: rgba(97,206,112,.4);
  box-shadow: 0 0 0 3px rgba(97,206,112,.1);
}
#kt-layout-idcontact-citere textarea,
.page-id-60 textarea { min-height: 130px; resize: vertical; }

#kt-layout-idcontact-citere input[type="submit"],
#kt-layout-idcontact-citere .wpcf7-submit,
.page-id-60 input[type="submit"],
.page-id-60 .wpcf7-submit {
  min-width: 200px;
  min-height: 50px;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--c-green);
  color: var(--c-white);
  font-family: var(--font-body);
  font-size: 14.5px;
  font-weight: 500;
  letter-spacing: .02em;
  cursor: pointer;
  transition: all var(--transition);
  box-shadow: 0 4px 16px rgba(97,206,112,.2);
}
#kt-layout-idcontact-citere input[type="submit"]:hover,
#kt-layout-idcontact-citere .wpcf7-submit:hover,
.page-id-60 input[type="submit"]:hover,
.page-id-60 .wpcf7-submit:hover {
  background: var(--c-green-soft);
  box-shadow: 0 6px 24px rgba(97,206,112,.3);
  transform: translateY(-1px);
}

/* ==================== CTA ==================== */
#kt-layout-idcta-citere,
#kt-layout-idcta-citere-es { background: var(--c-brown) !important; }
#kt-layout-idcta-citere > .kt-row-column-wrap,
#kt-layout-idcta-citere-es > .kt-row-column-wrap {
  max-width: var(--content-narrow) !important;
  padding: 80px 28px !important;
  text-align: center;
}
#kt-layout-idcta-citere h2,
#kt-layout-idcta-citere-es h2 {
  color: var(--c-white) !important;
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;
  margin-bottom: 12px !important;
}
.citere-cta-text {
  color: rgba(255,255,255,.65) !important;
  font-size: 16px !important;
  margin-bottom: 32px !important;
}
#kt-layout-idcta-citere .wp-block-button__link,
#kt-layout-idcta-citere-es .wp-block-button__link {
  background: var(--c-orange) !important;
  color: var(--c-brown) !important;
  border-radius: var(--radius-sm) !important;
  padding: 16px 32px !important;
  font-weight: 500 !important;
  box-shadow: 0 4px 16px rgba(255,188,125,.25) !important;
}
#kt-layout-idcta-citere .wp-block-button__link:hover,
#kt-layout-idcta-citere-es .wp-block-button__link:hover {
  box-shadow: 0 6px 24px rgba(255,188,125,.4) !important;
  transform: translateY(-1px);
}

/* ==================== FOOTER ==================== */
#colophon, .site-footer-wrap, .site-bottom-footer-wrap,
.site-footer-row-container-inner {
  background: var(--c-brown) !important;
}
#colophon p, #colophon a, .footer-html-inner,
.footer-html-inner p, .footer-html-inner a {
  color: rgba(255,255,255,.6) !important;
  font-family: var(--font-body) !important;
  font-size: 13.5px !important;
}
#colophon a:hover, .footer-html-inner a:hover {
  color: var(--c-orange) !important;
}

/* ==================== SERVICE PAGES ==================== */
.single-page .entry-content h1,
.page:not(.home) .entry-content h1 {
  font-size: clamp(2rem, 4vw, 3rem) !important;
  font-weight: 300 !important;
  line-height: 1.1 !important;
  letter-spacing: -.02em !important;
}
.page:not(.home) .entry-content h2 {
  font-size: clamp(1.4rem, 2.5vw, 1.8rem) !important;
  font-weight: 400 !important;
  margin-top: 40px !important;
}

/* ==================== MOBILE ==================== */
@media (max-width: 768px) {
  .home .entry-content > [id^="kt-layout-id"] > .kt-row-column-wrap {
    padding: 64px 20px !important;
  }
  #kt-layout-idhero-citere > .kt-row-column-wrap {
    padding-top: 88px !important;
    padding-bottom: 72px !important;
  }
  .citere-service-grid {
    flex-direction: column !important;
  }
  .citere-service-grid > .wp-block-column {
    flex-basis: 100% !important;
  }
  #kt-layout-idhero-citere .wp-block-button__link,
  #kt-layout-idcta-citere .wp-block-button__link,
  #kt-layout-idcontact-citere input[type="submit"],
  #kt-layout-idcontact-citere .wpcf7-submit {
    width: 100%;
    text-align: center;
  }
  .citere-contact-card { padding: 28px 22px !important; }
  #kt-layout-idcta-citere > .kt-row-column-wrap { padding: 56px 20px !important; }
}

@media (max-width: 480px) {
  .home .entry-content > [id^="kt-layout-id"] > .kt-row-column-wrap {
    padding: 48px 16px !important;
  }
  #kt-layout-idhero-citere > .kt-row-column-wrap {
    padding-top: 72px !important;
    padding-bottom: 56px !important;
  }
}

/* ==================== WHATSAPP BUTTON ==================== */
.citere-whatsapp {
  position: fixed;
  bottom: 28px;
  right: 28px;
  z-index: 998;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background: #25D366;
  border-radius: 50%;
  box-shadow: 0 4px 16px rgba(37,211,102,.35);
  transition: all var(--transition);
  text-decoration: none;
}
.citere-whatsapp:hover {
  transform: scale(1.08);
  box-shadow: 0 6px 24px rgba(37,211,102,.45);
}
.citere-whatsapp svg {
  width: 26px;
  height: 26px;
}

/* ==================== FOOTER LEGAL + CREDIT ==================== */
.citere-footer-legal {
  text-align: center;
  padding: 16px 0 4px;
  background: var(--c-brown);
  font-family: var(--font-body);
  font-size: 12.5px;
  letter-spacing: .03em;
}
.citere-footer-legal a {
  color: rgba(255,255,255,.5) !important;
  text-decoration: none;
  transition: color var(--transition);
}
.citere-footer-legal a:hover {
  color: var(--c-orange) !important;
}
.citere-footer-sep {
  color: rgba(255,255,255,.25);
  margin: 0 10px;
}
.citere-credit {
  text-align: center;
  padding: 8px 0 12px;
  background: var(--c-brown);
  color: rgba(255,255,255,.35);
  font-family: var(--font-body);
  font-size: 11.5px;
  letter-spacing: .04em;
}
.citere-credit a {
  color: rgba(255,255,255,.5) !important;
  text-decoration: none;
  transition: color var(--transition);
}
.citere-credit a:hover {
  color: var(--c-orange) !important;
}

/* ==================== FIX: Contact form textarea shorter ==================== */
#kt-layout-idcontact-citere textarea,
.page-id-60 textarea,
.wpcf7 textarea {
  min-height: 90px !important;
  max-height: 120px;
}

/* ==================== FIX: Remove empty space under header on inner pages ==================== */
.page:not(.home) .content-area {
  margin-top: 0;
}
.page:not(.home) .entry-hero,
.page:not(.home) .page-hero-section {
  display: none;
}

/* ==================== FIX: Service pages need proper spacing ==================== */
.page:not(.home) .entry-content-wrap {
  max-width: var(--content);
  margin: 0 auto;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

@media (max-width: 768px) {
  .citere-whatsapp {
    bottom: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
  }
  .citere-whatsapp svg {
    width: 24px;
    height: 24px;
  }
  .page:not(.home) .entry-content-wrap {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

/* Force hide Kadence auto-generated entry-title on all pages */
.entry-header.page-title,
header.entry-header {
  display: none !important;
}

/* Override CF7 textarea rows with CSS */
.wpcf7 textarea,
.wpcf7-textarea {
  min-height: 80px !important;
  max-height: 100px !important;
  height: 80px !important;
  resize: vertical;
}

/* Kill the entire Kadence hero/title section that creates blank space under menu */
.entry-hero,
.entry-hero-section,
section.entry-hero {
  display: none !important;
}
/* Also remove the content-area top margin that adds extra space */
.content-area {
  margin-top: 0 !important;
}

/* Mobile drawer menu - make text clearly visible */
.mobile-navigation ul li > a,
.mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap,
#mobile-drawer .mobile-navigation a,
#mobile-drawer .drawer-navigation a,
.popup-drawer .mobile-navigation ul li > a {
  color: #ffffff !important;
  opacity: 1 !important;
}
.mobile-navigation ul li.current-menu-item > a,
.mobile-navigation ul li.current-menu-item.menu-item-has-children > .drawer-nav-drop-wrap {
  color: var(--c-green) !important;
}
#mobile-drawer .drawer-header .drawer-toggle,
.popup-drawer .drawer-toggle {
  color: #ffffff !important;
}

/* ==================== GLOBAL TYPOGRAPHY CONSISTENCY ==================== */
/* All H1s: Jumper thin, consistent size */
.entry-content h1,
.entry-content .wp-block-heading:where(h1) {
  font-family: var(--font) !important;
  font-weight: 300 !important;
  font-size: clamp(2rem, 4vw, 2.8rem) !important;
  line-height: 1.1 !important;
  letter-spacing: -.02em !important;
  color: var(--c-brown) !important;
  margin-bottom: 20px !important;
}

/* Homepage H1 is bigger */
.home .entry-content h1 {
  font-size: clamp(2.6rem, 5.5vw, 4.2rem) !important;
  letter-spacing: -.03em !important;
}

/* All H2s: Jumper thin, consistent */
.entry-content h2,
.entry-content .wp-block-heading:where(h2) {
  font-family: var(--font) !important;
  font-weight: 300 !important;
  font-size: clamp(1.4rem, 2.8vw, 1.9rem) !important;
  line-height: 1.15 !important;
  letter-spacing: -.01em !important;
  color: var(--c-brown) !important;
  margin-top: 44px !important;
  margin-bottom: 16px !important;
}

/* Homepage H2s can be a touch bigger */
.home .entry-content h2 {
  font-size: clamp(1.8rem, 3.5vw, 2.6rem) !important;
  letter-spacing: -.02em !important;
}

/* All H3s: system font, medium weight */
.entry-content h3,
.entry-content .wp-block-heading:where(h3) {
  font-family: var(--font) !important;
  font-weight: 400 !important;
  font-size: clamp(1.1rem, 2vw, 1.35rem) !important;
  line-height: 1.3 !important;
  color: var(--c-brown) !important;
  margin-top: 32px !important;
  margin-bottom: 12px !important;
}

/* All body text: consistent */
.entry-content p,
.entry-content li {
  font-family: var(--font-body) !important;
  font-size: 16.5px !important;
  line-height: 1.8 !important;
  color: rgba(43,34,30,.78) !important;
}

/* ==================== PRICING CARDS: EXPORT-PROOF MOBILE FIX ==================== */
.citere-pricing-grid,
.citere-price-grid,
.citere-tariff-grid,
.citere-tarifas-grid,
.citere-pricing-cards,
.citere-price-cards,
.citere-packages-grid,
.citere-sessions-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}

.citere-pricing-card,
.citere-price-card,
.citere-tariff-card,
.citere-tarifa-card,
.citere-package-card,
.citere-session-card,
.citere-pricing-grid > .wp-block-column,
.citere-price-grid > .wp-block-column,
.citere-tariff-grid > .wp-block-column,
.citere-tarifas-grid > .wp-block-column,
.citere-pricing-cards > .wp-block-column,
.citere-price-cards > .wp-block-column,
.citere-packages-grid > .wp-block-column,
.citere-sessions-grid > .wp-block-column {
  min-width: 0;
  width: 100%;
  height: 100%;
}

.citere-pricing-card *,
.citere-price-card *,
.citere-tariff-card *,
.citere-tarifa-card *,
.citere-package-card *,
.citere-session-card *,
.citere-pricing-grid > .wp-block-column *,
.citere-price-grid > .wp-block-column *,
.citere-tariff-grid > .wp-block-column *,
.citere-tarifas-grid > .wp-block-column *,
.citere-pricing-cards > .wp-block-column *,
.citere-price-cards > .wp-block-column *,
.citere-packages-grid > .wp-block-column *,
.citere-sessions-grid > .wp-block-column * {
  word-break: normal !important;
  overflow-wrap: break-word;
  hyphens: none !important;
}

/* Hard target for current Tarieven / Tarifas pricing wrapper */
.page .entry-content .citere-tarief-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

.page .entry-content .citere-tarief-grid > div {
  background: var(--c-white) !important;
  border: 1px solid rgba(229,216,209,.8) !important;
  border-radius: var(--radius) !important;
  padding: 24px 20px !important;
  box-shadow: var(--shadow-soft) !important;
  min-width: 0 !important;
  height: 100% !important;
}

.page .entry-content .citere-tarief-grid > div * {
  word-break: normal !important;
  overflow-wrap: break-word !important;
  hyphens: none !important;
}

@media (max-width: 768px) {
  .citere-pricing-grid,
  .citere-price-grid,
  .citere-tariff-grid,
  .citere-tarifas-grid,
  .citere-pricing-cards,
  .citere-price-cards,
  .citere-packages-grid,
  .citere-sessions-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .citere-pricing-grid > .wp-block-column,
  .citere-price-grid > .wp-block-column,
  .citere-tariff-grid > .wp-block-column,
  .citere-tarifas-grid > .wp-block-column,
  .citere-pricing-cards > .wp-block-column,
  .citere-price-cards > .wp-block-column,
  .citere-packages-grid > .wp-block-column,
  .citere-sessions-grid > .wp-block-column {
    margin: 0 !important;
    flex-basis: 100% !important;
  }

  .page .entry-content .citere-tarief-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .page .entry-content .citere-tarief-grid > div {
    width: 100% !important;
    padding: 20px 18px !important;
    border-radius: 18px !important;
  }
}

/* ==================== LANGUAGE SWITCHER ==================== */
.citere-lang-switcher {
  display: flex;
  align-items: center;
  gap: 0;
  margin-left: 20px;
  padding: 3px;
  background: rgba(229,216,209,.35);
  border-radius: 8px;
}
.citere-lang-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
  color: var(--c-taupe) !important;
  text-decoration: none !important;
  border-radius: 6px;
  transition: all var(--transition);
}
.citere-lang-link:hover {
  color: var(--c-brown) !important;
  background: rgba(255,255,255,.6);
}
.citere-lang-link.citere-lang-active {
  color: var(--c-brown) !important;
  background: var(--c-white);
  box-shadow: 0 1px 4px rgba(43,34,30,.08);
  font-weight: 600 !important;
}
/* Separator between NL | ES */
.citere-lang-sep {
  color: rgba(179,158,147,.4);
  font-size: 11px;
  font-weight: 300;
  padding: 0 2px;
  user-select: none;
}

/* Mobile drawer language switcher */
.citere-lang-menu-item {
  border-bottom: none !important;
  padding-top: 8px !important;
}
.citere-lang-menu-item .citere-lang-switcher-mobile {
  display: inline-flex !important;
  margin: 8px 0 0 0;
  padding: 4px;
  background: rgba(255,255,255,.1);
  border-radius: 8px;
  justify-content: center;
}
.citere-lang-switcher-mobile .citere-lang-link {
  color: rgba(255,255,255,.6) !important;
  padding: 8px 16px;
}
.citere-lang-switcher-mobile .citere-lang-link:hover {
  color: #ffffff !important;
  background: rgba(255,255,255,.15);
}
.citere-lang-switcher-mobile .citere-lang-active {
  color: #ffffff !important;
  background: rgba(255,255,255,.2);
  box-shadow: none;
}
.citere-lang-switcher-mobile .citere-lang-sep {
  color: rgba(255,255,255,.3);
}

@media (max-width: 1024px) {
  /* Hide desktop switcher on mobile - only show mobile drawer version */
  .site-header-main-section-right .citere-lang-switcher:not(.citere-lang-switcher-mobile) {
    display: none;
  }
}

/* Studenttarieven / Tarifas estudiantes line break + centering */
.citere-student-prices {
  text-align: center !important;
}
.citere-student-prices strong {
  display: block;
  margin-bottom: 8px;
}
.citere-student-prices .citere-student-prices-line {
  display: block;
  text-align: center;
}