/*
Theme Name: Pageking Flex (child)
Template: pk-theme
Author: Pageking
Author URI: https://www.pageking.nl/
Description: Pageking is een thema voor WordPress dat is ontworpen voor Pageking websites.
Requires at least: 5.9
Tested up to: 6.7.2
Requires PHP: 8.3
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a:not(.cbw-erkend) {
  color: currentColor;
}

/* ─── LAYOUT ──────────────────────────────────────────────────── */

.pk-page {
    overflow: clip !important;
}

.flex-layout {
    display: block;
}

.flex-layout.no-margin {
  margin-block: 0 !important;
}

/* First layout in the repeater gets no margin-top */
.flex-repeater > .flex-content:first-child > .flex-layout:first-child {
  margin-top: unset;
}

.flex-repeater > .flex-content:last-child > .flex-layout:last-child.no-margin {
  margin-bottom: unset;
}

/* SPEED OPTIMIZATIONS */
/* Layout Shift Prevention - CLS Optimization */
img {
  max-width: 100%;
  height: auto;
  /* Preserve aspect ratio to prevent layout shifts */
  aspect-ratio: attr(width) / attr(height);
}

img[width][height] {
  /* Browser calculates aspect-ratio from width/height attributes */
  aspect-ratio: auto;
}

/* Ensure hero images maintain aspect ratio */
.hero-bg {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* DEFAULTS PAGE-CONTENT */
.pk-page-content h1, .pk-page-content h2, .pk-page-content h3, .pk-page-content h4, .pk-page-content h5, .pk-page-content h6 {
  margin-top: 0rem;
  /* margin-bottom: 1rem; */
}

.pk-page-content p {
  margin-top: 0;
  /* margin-bottom: 1.25rem; */
}

/* .pk-page-content ul, .pk-page-content ol {
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-left: 1.1rem;
}

.pk-page-content li {
  margin-bottom: 0.5rem;
} */

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

.pk-page-content .flex-layout .rounded-col {
  border-radius: var(--border-radius-large);
}

.pk-page-content .flex-layout .content-padding-left {
  padding-left: max(4rem, calc(4 * var(--su)));
}

.pk-page-content .flex-layout .content-padding-right {
  padding-right: max(4rem, calc(4 * var(--su)));
}

.pk-page-content .flex-layout ul {
	padding-left: unset !important;
	display: flex;
	flex-direction: column;
	gap: max(.75rem, calc(.75 * var(--su)));
}

.pk-page-content .flex-layout ul li {
	list-style: none;
	padding-left: 0;
	display: flex;
	align-items: center;
  font-size: var(--scaling-body-s-normal);
  font-weight: 400;
	gap: max(.5rem, calc(.5 * var(--su)));
}

.pk-page-content .flex-layout ul li:before {
	content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_370_22059' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_370_22059)'%3E%3Cpath d='M7.95762 14.7115L3.51221 10.2661L4.40304 9.37508L7.95762 12.9297L15.5955 5.29175L16.4864 6.18279L7.95762 14.7115Z' fill='%2365CE3C'/%3E%3C/g%3E%3C/svg%3E%0A");	background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
	flex-shrink: 0;
	height: auto;
	width: max(1.25rem, calc(1.25 * var(--su)));
  aspect-ratio: 1;
}

/* .pk-page-content .flex-layout .white-list ul li:before {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='31' height='31' rx='15.5' stroke='white' stroke-opacity='0.2'/%3E%3Cmask id='mask0_699_3050' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='8' y='8' width='16' height='16'%3E%3Crect x='8' y='8' width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_699_3050)'%3E%3Cpath d='M14.3666 19.7691L10.8103 16.2128L11.523 15.4999L14.3666 18.3436L20.477 12.2333L21.1896 12.9461L14.3666 19.7691Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
} */

@media screen and (max-width: 992px) {

  .flex-layout {
    padding-inline: var(--pk-site-gutter) !important;
  }

  .flex-layout .pk-grid-container {
    row-gap: 2rem;
  }

  .pk-page-content .flex-layout .rounded-col {
    border-radius: 1.5rem;
  }

  .pk-page-content .flex-layout .content-padding-left {
    padding-left: unset;
  }

  .pk-page-content .flex-layout .content-padding-right {
    padding-right: unset;
  }

}

/* OPTIONAL, NO MARGIN 1 PARAGRAPH */
/* p:only-child,
p:last-child {
    margin: 0;
} */

/* OPTIONAL, NO MARGIN TOP EXEPT FIRST ROW */
/* .flex-content > .flex-layout:not(:first-child) > .pk-row {
	padding-top: 0;
} */

@media screen and (max-width: 767px) {



}