.apglos-site-header--gps,
.apglos-site-footer--gps {
  width: 100%;
}

.gps-footer__columns,
.gps-footer__legal {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}

.gps-topbar__item {
  display: flex;
  line-height: 1.45;
}

.gps-help-box {
  text-decoration: none;
}

.apglos-site-logo {
  display: inline-flex;
  align-items: center;
}

.apglos-site-logo img {
  display: block;
  height: auto;
  max-width: 100%;
}

.gps-primary-nav,
.gps-primary-nav__menu {
  width: 100%;
}

.gps-primary-nav__menu,
.gps-footer__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.gps-primary-nav__menu {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.gps-cart-indicator {
  align-items: center;
  border: 1px solid #d6e0e6;
  border-radius: 999px;
  color: #123046;
  display: inline-flex;
  gap: 0.75rem;
  justify-content: center;
  padding: 0.65rem 1rem;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}

.gps-cart-indicator__amount {
  font-weight: 700;
}

.gps-cart-indicator__icon {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.gps-cart-indicator__count {
  align-items: center;
  background: #ed6b2f;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 0.48rem;
  font-weight: 700;
  height: 0.9rem;
  justify-content: center;
  min-width: 0.9rem;
  padding: 0 0.15rem;
  position: absolute;
  right: -0.3rem;
  top: -0.2rem;
}

.gps-header-link--shop {
  background: var(--gps-orange);
  color: #fff;
}

.gps-header-link--shop:hover,
.gps-header-link--shop:focus-visible {
  background: var(--gps-orange-light);
  color: #fff;
}

.gps-header-link--contact {
  border: 1px solid #123046;
  color: #123046;
}

.gps-footer__columns {
  align-items: flex-start;
  flex-wrap: wrap;
}

.gps-footer__column {
  flex: 1 1 10rem;
}

.gps-footer__list li {
  margin-bottom: 0.65rem;
}

.gps-help-box {
  align-items: stretch;
  background: transparent;
  border: none;
  border-radius: 0;
  color: #fff;
  display: grid;
  gap: 0.15rem 0.75rem;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  margin-top: 1rem;
  padding: 0;
}

.gps-help-box__icon {
  align-items: center;
  background: var(--gps-orange-light);
  color: #fff;
  display: flex;
  grid-column: 1;
  grid-row: 1 / -1;
  justify-content: center;
  padding: 0.6rem;
  width: 3.2rem;
}

.gps-help-box__icon svg {
  height: 100%;
  width: 100%;
}

.gps-help-box__badge {
  align-self: end;
  background: var(--gps-green);
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  grid-column: 2;
  grid-row: 1;
  justify-self: start;
  letter-spacing: 0.04em;
  padding: 0.25rem 0.6rem;
  text-transform: none;
}

.gps-help-box__body {
  display: flex;
  flex-direction: column;
  gap: 0;
  grid-column: 2;
  grid-row: 2;
}

.gps-help-box__title {
  color: #fff;
  display: block;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.gps-help-box__number {
  color: var(--gps-orange-light);
  display: block;
  font-size: 16px;
  font-weight: 700;
}

@media (max-width: 900px) {
  .gps-header-main__row,
  .gps-footer__columns,
  .gps-footer__legal {
    flex-direction: column;
  }
}


/* Phase 9: gps-systeem visual pass */
body {
  --gps-orange: #F08514/*#643607*/;
  --gps-orange-light: #F08514;
  --gps-green: #23A455;
  --gps-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
  --gps-page-width: 1140px;
  background: #fff;
  color: #141414;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
  font-size: 16px;
}

/* Anchor color: orange, bold. Hover: underline */
.entry-content a:not(.wp-block-button__link):not(.wp-element-button) {
  color: var(--gps-orange-light);
  font-weight: 700;
  text-decoration: none;
}

.entry-content a:not(.wp-block-button__link):not(.wp-element-button):hover {
  text-decoration: underline;
}

body,
.wp-site-blocks {
  background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
  letter-spacing: -0.01em;
}

p,
li {
  color: #000;
  font-size: 16px;
}

.entry-content h1.wp-block-heading {
  font-size: 28px !important;
  line-height: 1.15;
}

.entry-content h2.wp-block-heading {
  font-size: 38px !important;
  line-height: 1.08;
}

.apglos-site-header--gps,
.apglos-site-footer--gps {
  position: relative;
  z-index: 5;
}

.apglos-site-header--gps > * {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.apglos-site-header--gps > *:last-child {
  margin-bottom: 0 !important;
}

.gps-topbar {
  background: #fff;
  border-bottom: 0;
  color: #454545;
  font-size: 0.624rem;
  margin-bottom: 0;
}

.gps-topbar__row {
  align-items: center;
  display: flex;
  gap: 0;
  justify-content: space-between;
  max-width: var(--gps-page-width);
  margin: 0 auto;
}

.gps-topbar__contacts {
  align-items: stretch;
  display: flex;
  gap: 0;
  margin-left: auto;
}

.gps-topbar__item {
  align-items: center;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  flex: 0 0 auto;
  font-size: 14px;
  gap: 0.45rem;
  justify-content: center;
  min-height: 3.45rem;
  padding: 0.7rem 1rem;
  text-align: center;
}

.gps-topbar__item .apglos-inline-icon {
  color: var(--gps-orange-light);
  flex: 0 0 auto;
  width: 0.95rem;
  height: 0.95rem;
}

.gps-topbar__item span {
  display: block;
}

.gps-topbar__item a {
  color: inherit;
  text-decoration: none;
}

.gps-header-main {
  background: var(--gps-orange);
  border-bottom: 0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  margin-top: 0;
  padding: 0;
  position: sticky;
  top: 0;
  z-index: 30;
}

.apglos-site-header--gps > .gps-topbar + .gps-header-main,
.apglos-site-header--gps > .wp-block-group + .wp-block-group {
  margin-top: 0;
}

.gps-header-main__row {
  align-items: stretch;
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  max-width: var(--gps-page-width);
  margin: 0 auto;
  min-height: 3.2rem;
  padding: 0;
}

.gps-header-main__right {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  margin-left: auto;
  padding: 0 0.5rem;
}

.apglos-site-logo--gps-header {
  background: #fff;
  display: inline-flex;
  align-items: center;
  padding: 0.55rem 0.9rem;
}

.apglos-site-logo--gps-header img {
  max-width: 300px;
}

.gps-primary-nav {
  flex: 1 1 auto;
}

.gps-primary-nav__menu {
  align-items: stretch;
  gap: 0;
}

.gps-primary-nav__menu > li {
  display: flex;
}

.gps-primary-nav a {
  align-items: center;
  color: #fff;
  display: inline-flex;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  min-height: 3.2rem;
  padding: 0 0.65rem;
  text-decoration: none;
  text-transform: none;
  transition: background-color 0.2s ease, color 0.2s ease;
  white-space: nowrap;
}

.gps-primary-nav a:hover,
.gps-primary-nav a:focus-visible {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}

.gps-primary-nav li.current-menu-item a,
.gps-primary-nav li.current_page_item a,
.gps-primary-nav a.is-active {
  background: rgba(255, 255, 255, 0.15);
}

.gps-primary-nav .menu-item-has-children,
.gps-primary-nav .sub-menu {
  display: none;
}

.gps-header-main__cart {
  align-self: center;
  display: flex;
}

.gps-cart-indicator {
  background: #1a1a1a;
  border: 0;
  border-radius: 999px;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  gap: 0.5rem;
  padding: 0.5rem 1.1rem;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

.gps-cart-indicator:hover,
.gps-cart-indicator:focus-visible {
  background: #333;
  color: #fff;
  transform: translateY(-1px);
}

.gps-cart-indicator__svg {
  width: 1.1rem;
  height: 1.1rem;
  flex-shrink: 0;
}

.gps-cart-indicator__amount {
  font-weight: 700;
  white-space: nowrap;
}

.gps-header-link {
  align-items: center;
  background: #1a1a1a;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 15px;
  font-weight: 700;
  gap: 0.4rem;
  justify-content: center;
  letter-spacing: 0.01em;
  padding: 0.5rem 1.3rem;
  text-decoration: none;
  transition: background-color 0.2s ease, transform 0.15s ease;
}

.gps-header-link:hover,
.gps-header-link:focus-visible {
  background: #333;
  color: #fff;
  transform: translateY(-1px);
}

.wp-site-blocks > main {
  margin-top: 0;
}

/* â”€â”€ Hero â”€â”€ */
.home .gps-section-hero {
  background: url("/wp-content/uploads/sites/2/2026/03/gps-meetapparatuur-hoogteverschil-tuin-meten.jpg") top center / 100% auto no-repeat;
  color: #fff;
  min-height: 37rem;
  overflow: hidden;
  padding-top: clamp(3.5rem, 7vw, 6rem) !important;
  padding-bottom: 0 !important;
  position: relative;
}

.home .gps-section-hero::before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0.72) 100%);
  content: "";
  inset: 0;
  position: absolute;
  z-index: 0;
}

.home .gps-section-hero::after {
  background: #000;
  bottom: 0;
  clip-path: polygon(0 30%, 0 100%, 100% 100%);
  content: "";
  height: 40%;
  left: 0;
  position: absolute;
  width: 50%;
  z-index: 0;
}

.home .gps-section-hero > * {
  position: relative;
  z-index: 1;
}

.home .gps-section-hero .wp-block-columns {
  align-items: end !important;
}

.home .gps-section-hero .wp-block-columns {
  max-width: var(--gps-page-width);
  margin-left: auto;
  margin-right: auto;
}

.home .gps-section-hero .wp-block-column:first-child {
  background: rgba(0, 0, 0, 0.75);
  border-radius: 1.25rem;
  flex-basis: 60% !important;
  max-width: 48rem;
  padding: 1.75rem 2rem 1.25rem;
  position: relative;
  z-index: 1;
}

.home .gps-section-hero .wp-block-column:last-child {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.home .gps-section-hero h1,
.home .gps-section-hero p {
  color: #fff;
}

.home .gps-section-hero h1 {
  font-size: 36px !important;
  line-height: 1.15;
  margin-bottom: 0.5rem;
}

.home .gps-section-hero p {
  color: rgba(255, 255, 255, 0.92);
  font-size: 18px !important;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.home .gps-section-hero .wp-block-buttons {
  margin-bottom: 1.5rem;
}

.home .gps-section-hero .wp-block-button__link {
  font-size: 16px;
  padding: 0.8rem 1.35rem;
  min-width: 11rem;
  text-align: center;
  border: 2px solid transparent;
  box-sizing: border-box;
}

.home .gps-section-hero .wp-block-image {
  margin-bottom: 0;
}

.home .gps-section-hero .wp-block-image img {
  filter: saturate(0.6) contrast(1.05);
  max-width: 28rem;
}

/* â”€â”€ Icon grid â”€â”€ */
.gps-home-icon-grid-wrap {
  background: transparent;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding: 0;
  position: relative;
  z-index: 3;
}

.gps-home-icon-grid {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0 auto;
  max-width: var(--gps-page-width);
  padding: 0;
  position: relative;
  z-index: 3;
}

.gps-home-icon-card {
  color: #fff;
  min-height: 6.4rem;
  padding: 1.2rem 1rem 1rem;
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.gps-home-icon-card:nth-child(1),
.gps-home-icon-card:nth-child(2) {
  background: var(--gps-orange);
}

.gps-home-icon-card:nth-child(3),
.gps-home-icon-card:nth-child(4) {
  background: #000;
}

.gps-home-icon-card .apglos-inline-icon {
  background: #000;
  border-radius: 0;
  color: var(--gps-orange-light);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 60px;
  height: 60px;
  margin-bottom: 0;
  padding: 12px;
  width: 60px;
}

.gps-home-icon-card .apglos-inline-icon svg,
.gps-home-icon-card .apglos-inline-icon img {
  width: 100%;
  height: 100%;
}

.gps-home-icon-card:nth-child(3) .apglos-inline-icon,
.gps-home-icon-card:nth-child(4) .apglos-inline-icon {
  background: var(--gps-orange-light);
  color: #000;
}

.gps-home-icon-card::before {
  display: none;
}

.gps-home-icon-card__text {
  display: flex;
  flex-direction: column;
}

.gps-home-icon-card h3,
.gps-home-icon-card p,
.gps-home-icon-card__stat {
  color: inherit;
}

.gps-home-icon-card h3,
.gps-home-icon-card__stat {
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.01em;
  margin: 0 0 0.2rem;
}

.gps-home-icon-card p {
  font-size: 16px;
  margin: 0;
}

/* â”€â”€ Buttons â”€â”€ */
.wp-block-buttons {
  gap: 0.9rem;
}

.wp-block-button__link,
.wp-element-button {
  border-radius: 0;
  box-shadow: none;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding: 0.95rem 1.55rem;
  text-transform: none;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background: var(--gps-orange);
  color: #fff;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible {
  background: var(--gps-orange-light);
}

.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline--1 .wp-block-button__link {
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}

.home .gps-section-hero .wp-block-button.is-style-outline .wp-block-button__link {
  background: var(--gps-orange);
  border: 2px solid var(--gps-orange);
  color: #fff;
}

.home .gps-section-hero .wp-block-button.is-style-outline .wp-block-button__link:hover,
.home .gps-section-hero .wp-block-button.is-style-outline .wp-block-button__link:focus-visible {
  background: var(--gps-orange-light);
  border-color: var(--gps-orange-light);
  color: #fff;
}

/* â”€â”€ About section â”€â”€ */
.home .gps-section-about {
  background: #fff;
  padding-top: 4.5rem !important;
  padding-bottom: 4.75rem !important;
}

.home .gps-section-about .wp-block-columns {
  align-items: stretch !important;
  gap: 3rem;
  max-width: var(--gps-page-width);
  margin-left: auto;
  margin-right: auto;
}

.home .gps-section-about .wp-block-column:first-child .wp-block-image img {
  height: auto;
  width: 100%;
}

.home .gps-section-about .wp-block-column:last-child {
  background: transparent;
  box-shadow: none;
  padding: 0;
}

.entry-content h5.wp-block-heading {
  color: var(--gps-orange-light);
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em;
  text-transform: none;
}

.entry-content h2.wp-block-heading {
  margin-bottom: 1rem;
}

.entry-content ul.wp-block-list {
  padding-left: 1.15rem;
}

.entry-content ul.wp-block-list li {
  margin-bottom: 0.6rem;
}

.home .gps-section-about .wp-block-columns .wp-block-columns {
  gap: 1.25rem;
  margin-top: 1.75rem;
}

.home .gps-section-about .wp-block-columns .wp-block-columns ul {
  list-style: none;
  padding: 0;
}

.home .gps-section-about .wp-block-columns .wp-block-columns li {
  padding-left: 2.5rem;
  position: relative;
}

.home .gps-section-about .wp-block-columns .wp-block-columns li::before {
  color: var(--gps-orange-light);
  content: "\1F5F8";
  font-size: 2.6rem;
  left: 0;
  line-height: 1;
  position: absolute;
  top: -0.55rem;
}

.home .gps-section-about .wp-block-group.alignwide.has-surface-background-color {
  background: #f7f7f7 !important;
  border-left: 3px solid var(--gps-orange-light);
  box-shadow: none;
  margin-left: auto;
  margin-top: 2rem;
  max-width: 55%;
  padding: 1.6rem 1.75rem 1.6rem 2.5rem !important;
  position: relative;
}

.home .gps-section-about .wp-block-group.alignwide.has-surface-background-color::before {
  color: var(--gps-orange-light);
  content: "\201C";
  font-family: Georgia, serif;
  font-size: 4rem;
  left: 0.5rem;
  line-height: 1;
  position: absolute;
  top: -0.25rem;
}

.home .gps-section-about .wp-block-group.alignwide.has-surface-background-color::after {
  display: none;
}

/* â”€â”€ Waarom section â”€â”€ */
.home .gps-section-waarom {
  background: #000;
  color: #fff;
  max-width: none;
  overflow: hidden;
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
  padding-left: calc(50% - var(--gps-page-width) / 2) !important;
  padding-right: calc(50% - var(--gps-page-width) / 2) !important;
  position: relative;
}

.home .gps-section-waarom::after {
  /* background: var(--gps-orange); */
  /* content: ""; */
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 94px;
  pointer-events: none;
}

.home .gps-section-waarom > * {
  position: relative;
  z-index: 1;
}

.home .gps-section-waarom h2,
.home .gps-section-waarom p,
.home .gps-section-waarom li {
  color: #fff;
  text-align: left;
}

.home .gps-section-waarom h5 {
  color: var(--gps-orange-light);
  font-weight: 800;
  text-align: left;
}

.home .gps-section-waarom .wp-block-image {
  margin-top: 0;
}

.home .gps-section-waarom .wp-block-image img {
  box-shadow: none;
}

.home .gps-section-waarom ul.wp-block-list {
  list-style: none;
  padding-left: 0;
}

.home .gps-section-waarom ul.wp-block-list li {
  border-bottom: none;
  color: #fff;
  line-height: 1.5;
  padding: 0.45rem 0 0.45rem 2.75rem;
  position: relative;
  text-align: left;
}

.home .gps-section-waarom ul.wp-block-list li::before {
  color: var(--gps-orange-light);
  content: "\1F5F8";
  font-size: 2.6rem;
  left: 0;
  line-height: 1;
  position: absolute;
  top: -0.2rem;
}

.home .gps-section-waarom .wp-block-image {
  float: right;
  margin-left: 2rem;
  margin-top: 0;
  max-width: 50%;
  overflow: hidden;
  shape-outside: margin-box;
}

.home .gps-section-waarom .wp-block-image img {
  display: block;
  height: 100%;
  width: 238px;
  max-width: none;
  object-fit: cover;
  object-position: left center;
}

/* â”€â”€ Diensten section â”€â”€ */
.home .gps-section-diensten {
  background: #fff;
  padding-top: 4.25rem !important;
  padding-bottom: 2.5rem !important;
}

.home .gps-section-diensten > h2 {
  font-size: 38px !important;
}

.home .gps-section-diensten > .wp-block-buttons {
  display: none;
}

.home .gps-section-diensten .wp-block-columns.alignwide {
  align-items: stretch !important;
  gap: 20px;
  max-width: var(--gps-page-width);
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.2rem;
}

.home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column {
  border-top: none;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: visible;
  padding: 0;
  position: relative;
}

.home .gps-section-diensten .gps-dienst-img {
  margin-bottom: 0 !important;
}

.home .gps-section-diensten .gps-dienst-img img {
  display: block;
  height: auto;
  width: 100%;
}

.home .gps-section-diensten .gps-dienst-icon {
  display: inline-flex;
  margin-left: 0;
  margin-right: 0;
  margin-top: -30px;
  padding: 0.75rem 1.35rem 0;
  position: relative;
  z-index: 2;
}

.home .gps-section-diensten .gps-dienst-icon .apglos-inline-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  padding: 0.3rem;
}

.home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column h3,
.home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column > p {
  margin-left: 0;
  margin-right: 0;
  padding: 0 1.35rem;
}

.home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column h3 {
  font-size: 1.24rem;
  margin-bottom: 0.65rem;
  padding-top: 0.75rem;
}

.home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column > p:last-child {
  flex: 1;
  padding-bottom: 1.5rem;
}

/* Odd columns: single colored box */
.home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column:nth-child(odd) {
  background: #151515;
  color: #fff;
}

.home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column:nth-child(odd) .gps-dienst-icon,
.home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column:nth-child(odd) h3,
.home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column:nth-child(odd) > p {
  background: transparent;
  color: #fff;
}

/* Even columns: single colored box */
.home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column:nth-child(even) {
  background: var(--gps-orange);
  color: #fff;
}

.home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column:nth-child(even) .gps-dienst-icon,
.home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column:nth-child(even) h3,
.home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column:nth-child(even) > p {
  background: transparent;
  color: #fff;
}

/* Icon boxes: contrasting color */
.home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column:nth-child(odd) .gps-dienst-icon .apglos-inline-icon {
  background: var(--gps-orange-light);
  color: #000;
}

.home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column:nth-child(even) .gps-dienst-icon .apglos-inline-icon {
  background: #000;
  color: var(--gps-orange-light);
}

/* Links in diensten columns */
.home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column p:last-child a {
  color: inherit;
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  font-weight: 800;
  gap: 0.35rem;
  text-decoration: none;
}

.home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column p:last-child a::after {
  content: "\2192";
  font-size: 0.88rem;
}

/* â”€â”€ Stats section â”€â”€ */
.home .gps-section-stats {
  background: linear-gradient(rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0.82)), url("/wp-content/uploads/sites/2/2026/03/geodesy-details-construction-site-workers-building-highway-and-roads-surveying-engineer-details.jpg") center/cover no-repeat;
  color: #fff;
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.home .gps-section-stats .wp-block-columns {
  align-items: stretch !important;
  gap: 0;
  max-width: var(--gps-page-width);
  margin-left: auto;
  margin-right: auto;
}

.home .gps-section-stats .wp-block-column {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding: 1.6rem 1rem;
}

.home .gps-section-stats .wp-block-column:first-child {
  border-left: none;
}

.home .gps-section-stats .wp-block-column:last-child {
  border-right: 0;
}

.home .gps-section-stats .apglos-inline-icon {
  color: #fff;
  display: block;
  height: 5rem;
  margin: 0 auto 0.75rem;
  width: 5rem;
}

.home .gps-section-stats h3,
.home .gps-section-stats p {
  color: #fff;
  text-align: center;
}

.home .gps-section-stats h3 {
  color: #fff;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
  font-size: 1.36rem;
  letter-spacing: 0.02em;
}

/* â”€â”€ Apglos section â”€â”€ */
.home .gps-section-apglos {
  padding: 0 !important;
}

.gps-apglos-layout {
  display: flex;
  max-width: var(--gps-page-width);
  margin: 0 auto;
  width: 100%;
}

.gps-apglos-image {
  flex: 0 0 50%;
  position: relative;
}

.gps-apglos-image img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.gps-apglos-overlay {
  background: rgba(0, 0, 0, 0.85);
  bottom: 150px;
  left: 0;
  padding: 1.5rem 2rem;
  position: absolute;
  width: 380px;
}

.gps-apglos-overlay h3 {
  color: #fff;
  font-size: 26px;
  margin: 0 0 0.5rem;
}

.gps-apglos-overlay p {
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  margin: 0;
}

.gps-apglos-orange {
  background: var(--gps-orange);
  color: #fff;
  flex: 0 0 50%;
  padding: 3rem 2.5rem;
}

.gps-apglos-orange h2 {
  color: #fff;
  font-size: 38px !important;
  line-height: 1.08;
  margin: 0 0 1rem;
}

.gps-apglos-orange p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 1rem;
}

.gps-apglos-btn {
  background: #000;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  margin: 1rem 0;
  padding: 0.95rem 1.55rem;
  text-decoration: none;
}

.gps-apglos-contact {
  list-style: none;
  margin: 1.5rem 0 0;
  padding: 0;
}

.gps-apglos-contact li {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0.5rem;
  padding-left: 1.75rem;
  position: relative;
}

.gps-apglos-contact li::before {
  content: "";
  display: inline-block;
  height: 1rem;
  left: 0;
  position: absolute;
  top: 0.15rem;
  width: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Address icon: building (same as header) */
.gps-apglos-contact li:nth-child(1)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V6l8-3 8 3v14'/%3E%3Cpath d='M9 20v-4h6v4'/%3E%3Cpath d='M8 9h.01M12 9h.01M16 9h.01M8 13h.01M12 13h.01M16 13h.01'/%3E%3C/svg%3E");
}

/* Times icon: clock */
.gps-apglos-contact li:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/svg%3E");
}

/* Phone icon: phone (same as header) */
.gps-apglos-contact li:nth-child(3)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2A19.8 19.8 0 0 1 11.2 19a19.4 19.4 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7l.5 3.4a2 2 0 0 1-.6 1.7l-1.6 1.6a16 16 0 0 0 6 6l1.6-1.6a2 2 0 0 1 1.7-.6l3.4.5A2 2 0 0 1 22 16.9Z'/%3E%3C/svg%3E");
}

/* â”€â”€ Blog section â”€â”€ */
.home .gps-section-blog {
  background: #f4f4f4;
  padding-top: 3.5rem !important;
  padding-bottom: 4rem !important;
}

.home .gps-section-blog h5,
.home .gps-section-blog h2 {
  text-align: left;
}

.home .gps-section-blog .wp-block-post-title a {
  color: #000 !important;
}

.home .wp-block-post-template {
  gap: 1.25rem !important;
}

.home .wp-block-post-template > li {
  border-top: 3px solid var(--gps-orange-light);
  box-shadow: none;
}

.home .wp-block-post-template .wp-block-post-title,
.home .wp-block-post-template h2,
.home .wp-block-post-template h3 {
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
  font-size: 18px !important;
  text-align: left;
  margin-bottom: 0.15rem;
}

.home .gps-section-blog p,
.home .gps-section-blog .wp-block-query .wp-block-buttons {
  text-align: left;
}

.home .wp-block-query .wp-block-buttons {
  justify-content: flex-start;
}

/* â”€â”€ Inner pages â”€â”€ */
body:not(.home) main.wp-block-group {
  max-width: var(--gps-page-width);
  margin: 0 auto;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

/* Hide WooCommerce breadcrumbs */
.wc-block-breadcrumbs {
  display: none !important;
}


/* Hide page title everywhere except cart/checkout and single product */
h1.wp-block-post-title {
  display: none !important;
}

[data-page="cart"] h1.wp-block-post-title,
[data-page="checkout"] h1.wp-block-post-title,
.single-product h1.wp-block-post-title {
  display: block !important;
}

body:not(.home) .entry-content {
  margin-top: -0.5rem;
  max-width: var(--gps-page-width);
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 4.5rem !important;
}

body:not(.home) .entry-content > h2:first-of-type,
body:not(.home) .entry-content > p:first-of-type {
  /* text-align: center; */
}

body:not(.home) .entry-content > p:first-of-type {
  color: #000;
  font-size: 16px;
  margin-top: 0.75rem;
}

body:not(.home) .entry-content > .wp-block-columns.alignwide {
  align-items: stretch !important;
  gap: 2rem;
  margin-top: 2.5rem;
}

.page-id-75 .entry-content > .wp-block-columns.alignwide > .wp-block-column {
  background: #111;
  box-shadow: none;
  color: #fff;
  min-height: 8.75rem;
  padding: 2rem 1rem 1.5rem;
  text-align: center;
}

.page-id-75 .entry-content > .wp-block-columns.alignwide .apglos-inline-icon {
  color: var(--gps-orange-light);
  display: block;
  height: 2.5rem;
  margin: 0 auto 0.75rem;
  width: 2.5rem;
}

.page-id-75 .entry-content > .wp-block-columns.alignwide > .wp-block-column:nth-child(2) {
  background: var(--gps-orange);
}

.page-id-75 .entry-content > .wp-block-columns.alignwide > .wp-block-column h3,
.page-id-75 .entry-content > .wp-block-columns.alignwide > .wp-block-column p,
.page-id-75 .entry-content > .wp-block-columns.alignwide > .wp-block-column a {
  color: #fff !important;
}

.page-id-75 .entry-content > .wp-block-group:last-of-type {
  margin-top: 3rem;
}

.page-id-75 .entry-content iframe,
.page-id-75 .entry-content .wp-block-embed iframe {
  min-height: 25rem;
  width: 100%;
}

.page-id-74 .entry-content > .wp-block-columns.alignwide .wp-block-column:last-child,
.page-id-76 .entry-content > .wp-block-columns.alignwide .wp-block-column:last-child,
.page-id-77 .entry-content > .wp-block-columns.alignwide .wp-block-column:last-child {
  background: #fff;
  box-shadow: none;
  padding: 2rem;
}

.page-id-74 .entry-content > .wp-block-group.alignfull,
.page-id-76 .entry-content > .wp-block-group.alignwide.has-surface-background-color,
.page-id-78 .entry-content > .wp-block-group.alignwide.has-surface-background-color {
  background: #f7f7f7 !important;
  box-shadow: none;
  padding: 2.5rem 1.75rem !important;
}

.page-id-74 .entry-content figure.wp-block-image img,
.page-id-76 .entry-content figure.wp-block-image img,
.page-id-77 .entry-content figure.wp-block-image img {
  box-shadow: none;
}

.page-id-74 .entry-content .wp-block-columns.alignwide:last-of-type > .wp-block-column,
.page-id-78 .entry-content .wp-block-columns.alignwide > .wp-block-column {
  background: #fff;
  box-shadow: none;
  padding: 1rem 1rem 2rem;
}


/* Over-ons: first column image fills full width */
.page-id-74 .entry-content > .wp-block-columns.alignwide > .wp-block-column:first-child .wp-block-image,
.page-id-74 .entry-content > .wp-block-columns.alignwide > .wp-block-column:first-child .wp-block-image img {
  width: 100%;
}

/* Over-ons: "Laten we kennismaken" columns gap */
.page-id-74 .entry-content .wp-block-group.alignfull .wp-block-columns.alignwide {
  gap: 15px;
}

/* Over-ons: gps-meetsysteem image max-width and centered */
.page-id-74 .entry-content figure.wp-block-image.size-large:has(img[src*="gps-meetsysteem-compleet-07"]) {
  text-align: center;
}

.page-id-74 .entry-content figure.wp-block-image.size-large:has(img[src*="gps-meetsysteem-compleet-07"]) img {
  max-width: 450px;
  width: 100%;
}

/* Blog posts on non-home pages */
body:not(.home) .wp-block-post-template {
  gap: 1.25rem !important;
}

body:not(.home) .wp-block-post-template > li {
  border-top: 3px solid var(--gps-orange-light);
  box-shadow: none;
}

body:not(.home) .wp-block-post-template .wp-block-post-title {
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
  font-size: 18px !important;
  margin-bottom: 0.15rem;
}

body:not(.home) .wp-block-post-template .wp-block-post-date {
  margin-bottom: 0.25rem;
}

body:not(.home) .wp-block-post-template .wp-block-post-featured-image {
  margin-bottom: 0 !important;
}

body:not(.home) .wp-block-post-template .wp-block-post-featured-image img {
  aspect-ratio: 16 / 9;
  height: 180px;
  object-fit: cover;
  width: 100%;
}

body:not(.home) .wp-block-post-template .wp-block-post-title a {
  color: #000 !important;
  text-decoration: none;
}

/* Contact + all inner pages: ensure body text is readable */
body:not(.home) .wp-block-post-content p,
body:not(.home) .wp-block-post-content li,
body:not(.home) .entry-content p,
body:not(.home) .entry-content li {
  color: #000;
  font-size: 16px;
}

/* â”€â”€ Footer â”€â”€ */
.gps-footer-shape {
  display: none;
}

.apglos-site-footer--gps {
  background: linear-gradient(rgba(4, 4, 4, 0.92), rgba(4, 4, 4, 0.92)), url("/wp-content/uploads/sites/2/2026/03/geodesy-details-construction-site-workers-building-highway-and-roads-surveying-engineer-details.jpg") center/cover no-repeat;
  color: #fff;
  margin-top: 0;
  padding: 4rem 0 1.5rem;
}

.gps-footer__columns {
  align-items: start;
  gap: 2rem;
  max-width: var(--gps-page-width);
  margin-left: auto;
  margin-right: auto;
}

.gps-footer__brand {
  flex: 0 0 12rem;
}

.apglos-site-logo--gps-footer {
  background: transparent;
  display: inline-flex;
  padding: 0;
}

.apglos-site-logo--gps-footer img {
  max-width: 132px;
}

.gps-footer__title {
  display: none;
}

.gps-footer__list li,
.gps-footer__column p,
.gps-footer__copyright {
  color: rgba(255, 255, 255, 0.76);
  font-size: 17px;
  font-weight: 700;
}

.gps-footer__list a {
  color: var(--gps-orange-light);
  text-decoration: none;
}

.gps-footer__list a:hover {
  color: #fff;
}

.gps-footer__legal {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  max-width: var(--gps-page-width);
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.25rem;
  padding-top: 1.25rem;
}

/* â”€â”€ WhatsApp CTA â”€â”€ */
.gps-whatsapp-cta {
  --_cta-h: 2.75rem;
  align-items: center;
  background: #e8e8e8;
  border-radius: calc(var(--_cta-h) / 2);
  bottom: 1.5rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  color: #000;
  display: flex;
  font-size: 15px;
  font-weight: 600;
  gap: 0;
  height: var(--_cta-h);
  padding: 0;
  padding-right: 1.1rem;
  position: fixed;
  right: 1.5rem;
  text-decoration: none;
  z-index: 100;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.gps-whatsapp-cta:hover {
  background: #ddd;
  transform: scale(1.04);
}

.gps-whatsapp-cta > .apglos-inline-icon {
  background: #25d366;
  border-radius: calc(var(--_cta-h) / 2);
  color: #fff;
  display: flex;
  flex: 0 0 var(--_cta-h);
  height: var(--_cta-h);
  padding: 0.55rem;
  width: var(--_cta-h);
}

.gps-whatsapp-cta__label {
  color: #000;
  margin-left: 0.5rem;
}

/* â”€â”€ Max-width constraint for content sections â”€â”€ */
.home .gps-section-about > *,
.home .gps-section-about > .alignwide,
.home .gps-section-diensten > *,
.home .gps-section-blog > * {
  max-width: var(--gps-page-width) !important;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1140px) {
  .gps-topbar__row {
    flex-wrap: wrap;
  }

  .gps-topbar__contacts {
    flex-wrap: wrap;
  }
  
  .gps-topbar__row,
  .gps-footer__columns,
  .gps-footer__legal {
    gap: 1rem;
  }

  .gps-topbar__row {
    flex-direction: column;
    align-items: center;
  }

  .gps-topbar__contacts {
    justify-content: center;
    width: 100%;
  }

  .gps-topbar__item {
    border-left: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    justify-content: center;
    text-align: center;
  }

  .gps-topbar__item:first-child {
    border-top: 0;
  }

  .gps-header-main__right {
    margin-left: auto;
  }

  .gps-primary-nav {
    text-align: center;
  }

  .gps-primary-nav__menu {
    justify-content: center;
  }

  .gps-primary-nav a {
    font-size: 15px;
    padding: 0 0.5rem;
  }

  .gps-header-main__right {
    margin: 0 auto;
    margin-bottom: 7px;
  }

  .gps-header-main__row {
    flex-wrap: wrap;
    justify-content: center;
  }

  .gps-footer__columns,
  .gps-footer__legal {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .gps-footer__brand {
    flex: none;
  }

  .gps-help-box {
    justify-items: center;
    margin-left: auto;
    margin-right: auto;
    width: 220px;
  }

  .home .gps-section-hero,
  .home .gps-section-about,
  .home .gps-section-waarom,
  .home .gps-section-diensten,
  .home .gps-section-stats,
  .home .gps-section-apglos,
  .home .gps-section-blog,
  body:not(.home) .entry-content {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .home .gps-section-hero {
    min-height: 0;
  }

  .gps-home-icon-grid {
    grid-template-columns: 1fr 1fr;
  }

  .home .gps-section-hero .wp-block-column:last-child {
    display: none;
  }

  .home .gps-section-about > .wp-block-columns.alignwide > .wp-block-column:first-child {
    display: none;
  }

  .home .gps-section-diensten .wp-block-columns.alignwide > .wp-block-column,
  .page-id-75 .entry-content > .wp-block-columns.alignwide > .wp-block-column,
  .page-id-74 .entry-content .wp-block-columns.alignwide:last-of-type > .wp-block-column,
  .page-id-78 .entry-content .wp-block-columns.alignwide > .wp-block-column {
    min-height: 0;
  }

  .home .gps-section-stats .wp-block-column {
    border-right: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .home .gps-section-stats .wp-block-column:first-child {
    border-top: 0;
  }

  body:not(.home) .wp-block-post-title {
    min-height: 3rem;
  }

  .gps-apglos-layout {
    flex-direction: column;
  }

  .gps-apglos-image,
  .gps-apglos-orange {
    flex: none;
    width: 100%;
  }
}

.gps-footer__legal-links { display: none; }

/* ── WooCommerce — GPS colour overrides ── */
/* Structural shop / product / cart / checkout styles live in shared.css;
   only accent colours are set here. */

.site-gps-systeem {
  --wc-accent: var(--gps-orange);
  --wc-accent-dark: var(--gps-orange-light);
  --wc-heading: #123046;
  --wc-page-width: var(--gps-page-width);
}
