/*!
Theme Name: lift-gedrag
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lift-gedrag
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

lift-gedrag is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/*--------------------------------------------------------------
# Contact Page & Contact Form 7 Integration
--------------------------------------------------------------*/

.contact_subtext {
  margin-top: 24px;
  font-size: 18px;
  line-height: 1.6;
  color: #4B5563;
}

.wpcf7 {
  width: 100%;
}

.wpcf7 form {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
}

.wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  position: relative;
}

.wpcf7-not-valid-tip {
  color: #DC2626;
  font-family: var(--font-family-base, 'Google Sans', sans-serif);
  font-size: 13px;
  margin-top: 4px;
}

.wpcf7-response-output {
  margin: 16px 0 0 !important;
  padding: 14px 18px !important;
  border-radius: 12px !important;
  font-family: var(--font-family-base, 'Google Sans', sans-serif) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  border-width: 1px !important;
  border-style: solid !important;
  box-sizing: border-box !important;
}

.wpcf7 form.sent .wpcf7-response-output {
  background-color: #ECFDF5 !important;
  border-color: #A7F3D0 !important;
  color: #065F46 !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  background-color: #FEF2F2 !important;
  border-color: #FECACA !important;
  color: #991B1B !important;
}

.wpcf7-spinner {
  margin-left: 12px;
  vertical-align: middle;
}

/* ==========================================================================
   Language Switcher (Polylang Integration - Dropdown with Flags)
   ========================================================================== */
.header_actions {
  display: flex;
  align-items: center;
  gap: 16px;
}

.header_lang {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.header_lang-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 9999px;
  padding: 6px 14px;
  height: 42px;
  cursor: pointer;
  color: var(--color-text-primary, #020101);
  font-family: var(--font-heading, 'Google Sans', sans-serif);
  font-size: 14px;
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all var(--duration-fast, 0.2s) ease;
}

.header_lang-btn:hover,
.header_lang-btn[aria-expanded="true"] {
  border-color: var(--color-primary, #7B4CE4);
  background: #FFFFFF;
  box-shadow: 0 2px 8px rgba(123, 76, 228, 0.15);
}

.header_lang-current {
  display: none;
  align-items: center;
  gap: 8px;
}

/* Visibility toggling based on html[data-lang] */
html[data-lang="en"] .header_lang-current--en {
  display: inline-flex;
}

html[data-lang="en"] .header_lang-current--nl {
  display: none;
}

html[data-lang="nl"] .header_lang-current--nl,
html:not([data-lang]) .header_lang-current--nl {
  display: inline-flex;
}

html[data-lang="nl"] .header_lang-current--en {
  display: none;
}

.header_lang-flag {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.header_lang-text {
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1;
  color: var(--color-text-primary, #020101);
}

/* Dropdown Menu */
.header_lang-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  min-width: 140px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 14px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.08);
  padding: 6px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
  z-index: 1000;
}

.header_lang-menu.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.header_lang-option {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 12px;
  border: none;
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  color: var(--color-text-primary, #020101);
  font-family: var(--font-heading, 'Google Sans', sans-serif);
  font-size: 13px;
  font-weight: 500;
  transition: background-color 0.15s ease, color 0.15s ease;
  box-sizing: border-box;
}

.header_lang-option:hover {
  background-color: rgba(123, 76, 228, 0.08);
  color: var(--color-primary, #7B4CE4);
}

.header_lang-option.is-active {
  background-color: rgba(123, 76, 228, 0.12);
  color: var(--color-primary, #7B4CE4);
  font-weight: 600;
}

.header_lang-option-flag {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Mobile Drawer Switcher */
.header_lang--mobile {
  margin-bottom: 16px;
  width: 100%;
}

.header_lang--mobile .header_lang-btn {
  width: 100%;
  height: 48px;
  justify-content: center;
  background: #F8FAFC;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.header_lang--mobile .header_lang-menu {
  left: 0;
  right: 0;
  width: 100%;
}

.header_drawer-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/*--------------------------------------------------------------
# Marketplace Custom Read More / Read Less Styles
--------------------------------------------------------------*/
.marketplace_card.has-readmore .marketplace_card-desc {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.marketplace_card.has-readmore .marketplace_card-desc.is-expanded {
  display: block;
  -webkit-line-clamp: unset;
  overflow: visible;
}

.marketplace_card-readmore-btn {
  display: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: -6px 0 16px;
  font-family: var(--font-body);
  font-size: 14.5px;
  font-weight: var(--font-weight-bold, 700);
  color: var(--color-text-primary, #020101);
  text-decoration: underline;
  cursor: pointer;
  text-align: left;
  line-height: 1.4;
  transition: color var(--transition-fast, 0.2s ease);
}

.marketplace_card-readmore-btn:hover {
  color: var(--color-primary, #6E39CB);
}

/*--------------------------------------------------------------
# Embedding & PractAIce - Isometric Stack Text Styles
--------------------------------------------------------------*/
.practice-layer_text-content {
  font-family: var(--font-heading, 'Google Sans', sans-serif);
  font-size: 21.5px;
  font-weight: 500;
  fill: #2F2C35;
  user-select: none;
}

/*--------------------------------------------------------------
# Legal / Standard Content Page Template
--------------------------------------------------------------*/
.legal_page {
  width: 100%;
  background-color: var(--color-page-bg, #FFFFFF);
  color: var(--color-text-primary, #020101);
}

.legal_header {
  position: relative;
  width: 100%;
  padding: 56px 20px 40px;
  background: linear-gradient(180deg, rgba(247, 247, 254, 0.95) 0%, rgba(255, 255, 255, 1) 100%);
  border-bottom: 1px solid rgba(131, 74, 224, 0.08);
}

@media (min-width: 768px) {
  .legal_header {
    padding: 72px 32px 52px;
  }
}

.legal_header-inner {
  max-width: 860px;
  margin: 0 auto;
}

.legal_eyebrow-badge {
  display: inline-flex;
  align-items: center;
  margin-bottom: 16px;
}

.legal_eyebrow {
  display: inline-block;
  padding: 4px 12px;
  background-color: #F1ECFC;
  color: #6E39CB;
  font-family: var(--font-heading, 'Google Sans', sans-serif);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-radius: 9999px;
}

.legal_title {
  font-family: var(--font-heading, 'Google Sans', sans-serif);
  font-size: clamp(2rem, 3.5vw, 40px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--color-text-primary, #020101);
  margin: 0 0 20px 0;
}

.legal_meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  font-family: var(--font-body, 'Google Sans', sans-serif);
  font-size: 14px;
  color: var(--color-text-muted, #8E8D98);
}

.legal_meta-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.legal_meta-icon {
  color: var(--color-primary, #834AE0);
  flex-shrink: 0;
}

.legal_meta-label {
  color: var(--color-text-secondary, #555562);
}

.legal_meta-date {
  font-weight: 500;
  color: var(--color-text-primary, #020101);
}

.legal_body {
  width: 100%;
  padding: 48px 20px 80px;
}

@media (min-width: 768px) {
  .legal_body {
    padding: 64px 32px 104px;
  }
}

.legal_container {
  max-width: 860px;
  margin: 0 auto;
}

/* Typography inside Legal Content */
.legal_content {
  font-family: var(--font-body, 'Google Sans', sans-serif);
  font-size: 17px;
  line-height: 1.75;
  color: #383742;
}

.legal_content p {
  margin-top: 0;
  margin-bottom: 22px;
}

.legal_content h2 {
  font-family: var(--font-heading, 'Google Sans', sans-serif);
  font-size: clamp(1.4rem, 2.2vw, 26px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: var(--color-text-primary, #020101);
  margin-top: 48px;
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.legal_content h2:first-child {
  margin-top: 0;
}

.legal_content h3 {
  font-family: var(--font-heading, 'Google Sans', sans-serif);
  font-size: clamp(1.2rem, 1.6vw, 20px);
  font-weight: 600;
  line-height: 1.35;
  color: var(--color-text-primary, #020101);
  margin-top: 32px;
  margin-bottom: 14px;
}

.legal_content h4,
.legal_content h5,
.legal_content h6 {
  font-family: var(--font-heading, 'Google Sans', sans-serif);
  font-size: 17px;
  font-weight: 600;
  color: var(--color-text-primary, #020101);
  margin-top: 24px;
  margin-bottom: 10px;
}

.legal_content ul,
.legal_content ol {
  margin: 0 0 24px 0;
  padding-left: 26px;
}

.legal_content li {
  margin-bottom: 10px;
  line-height: 1.7;
}

.legal_content li:last-child {
  margin-bottom: 0;
}

.legal_content li > p {
  margin-bottom: 10px;
}

.legal_content a {
  color: var(--color-primary, #834AE0);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

.legal_content a:hover {
  color: var(--color-primary-hover, #7338D5);
}

.legal_content strong,
.legal_content b {
  font-weight: 600;
  color: var(--color-text-primary, #020101);
}

.legal_content blockquote {
  margin: 32px 0;
  padding: 18px 24px;
  background: rgba(131, 74, 224, 0.04);
  border-left: 4px solid var(--color-primary, #834AE0);
  border-radius: 0 12px 12px 0;
  color: var(--color-text-primary, #020101);
}

.legal_content blockquote p:last-child {
  margin-bottom: 0;
}

.legal_content table {
  width: 100%;
  border-collapse: collapse;
  margin: 32px 0;
  font-size: 15px;
  line-height: 1.6;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  overflow: hidden;
}

.legal_content th {
  background-color: #F7F7FE;
  text-align: left;
  padding: 12px 16px;
  font-weight: 600;
  color: var(--color-text-primary, #020101);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.legal_content td {
  padding: 12px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  color: var(--color-text-secondary, #555562);
}

.legal_content tr:last-child td {
  border-bottom: none;
}

.legal_content hr {
  border: none;
  height: 1px;
  background: rgba(0, 0, 0, 0.08);
  margin: 44px 0;
}

.legal_footer {
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.legal_footer .edit-link a {
  display: inline-block;
  font-size: 14px;
  color: var(--color-primary, #834AE0);
  text-decoration: underline;
}

/* Print Styles */
@media print {
  .header,
  .footer,
  .legal_footer {
    display: none !important;
  }
  .legal_header {
    background: none !important;
    border-bottom: 2px solid #000 !important;
    padding: 0 0 20px !important;
  }
  .legal_body {
    padding: 20px 0 !important;
  }
}
/*--------------------------------------------------------------
# Contact Page - Dutch Time Padding Fix
--------------------------------------------------------------*/
@media screen and (min-width: 540px) {
  .contact_select-wrap.dutch-time {
    padding-top: 17px;
	}
}
.legal_eyebrow-badge {
    display: none;
}