/*
Theme Name: Yulo
Theme URI: https://getyulo.com
Author: Yulo / Makkelijk Finance & Control
Author URI: https://getyulo.com
Description: Finance-first WordPress theme for Yulo, the contract-to-ledger revenue accounting platform. Installeerbaar Yulo-theme met automatische, bewerkbare starter-homepage voor WordPress.
Version: 6.6.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: yulo
*/

:root {
  --yulo-ink: #14120f;
  --yulo-chalk: #faf8f3;
  --yulo-lime: #c6f135;
  --yulo-stone: #8a857c;
  --yulo-line: #e5e0d5;
  --yulo-surface: #fffdf9;
  --yulo-muted: #6f6a62;
}

html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--yulo-chalk);
  color: var(--yulo-ink);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
*, *::before, *::after { box-sizing: border-box; }
a { color: inherit; }
img, svg { max-width: 100%; height: auto; }

/* Keep the Yulo landing page edge-to-edge regardless of editor/theme defaults. */
.site-main,
.entry-content,
.wp-site-blocks,
.wp-block-post-content {
  margin: 0;
  padding: 0;
  max-width: none;
}

.yulo-site-header {
  position: relative;
  z-index: 50;
  background: var(--yulo-ink);
  color: var(--yulo-chalk);
  border-bottom: 1px solid rgba(250, 248, 243, .10);
}
.yulo-header-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 18px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.yulo-brand img { display: block; width: 102px; height: auto; }
.yulo-nav { display: flex; align-items: center; gap: 26px; font-size: 14px; }
.yulo-nav a { text-decoration: none; opacity: .84; }
.yulo-nav a:hover, .yulo-nav a:focus-visible { opacity: 1; }
.yulo-nav .yulo-nav-cta {
  background: var(--yulo-lime);
  color: var(--yulo-ink);
  opacity: 1;
  font-weight: 700;
  padding: 10px 16px;
  border-radius: 8px;
}

.yulo-site-footer {
  background: var(--yulo-ink);
  color: var(--yulo-chalk);
  border-top: 1px solid rgba(250, 248, 243, .10);
}
.yulo-footer-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 28px 24px;
  display: flex;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  font-size: 13px;
  color: #bdb7ad;
}
.yulo-footer-inner a { color: inherit; }

.yulo-empty-state {
  max-width: 820px;
  margin: 0 auto;
  padding: 96px 24px;
}
.yulo-empty-state h1 { margin: 0 0 16px; font-size: clamp(36px, 6vw, 64px); }
.yulo-empty-state p { font-size: 18px; line-height: 1.6; color: var(--yulo-muted); }

@media (max-width: 760px) {
  .yulo-nav a:not(.yulo-nav-cta) { display: none; }
  .yulo-header-inner { padding: 14px 18px; }
  .yulo-footer-inner { padding: 24px 18px; }
}


/* v6 header refinement */
.yulo-site-header{position:sticky;top:0;backdrop-filter:blur(16px);background:rgba(20,18,15,.94)}
.yulo-header-inner{max-width:1240px;padding:16px 24px}.yulo-brand img{width:94px}.yulo-nav{gap:30px}.yulo-nav a{font-size:13px}.yulo-nav .yulo-nav-cta{padding:10px 17px;border-radius:9px;box-shadow:0 0 0 1px rgba(198,241,53,.08)}


/* v6.3 product facts / AI reference */
.yulo-facts-shell{max-width:980px;margin:0 auto;padding:88px 24px 110px}
.yulo-facts-kicker{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6f6a62}
.yulo-facts-shell h1{margin:0 0 22px;font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.045em}
.yulo-facts-lead{max-width:760px;margin:0 0 56px;font-size:21px;line-height:1.55;color:#5f5a53}
.yulo-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 54px}
.yulo-fact-card{background:#fffdf9;border:1px solid #e5e0d5;border-radius:16px;padding:26px}
.yulo-fact-card h2{margin:0 0 10px;font-size:20px;letter-spacing:-.02em}.yulo-fact-card p{margin:0;color:#625d55;line-height:1.65}
.yulo-facts-section{padding:34px 0;border-top:1px solid #e5e0d5}.yulo-facts-section h2{font-size:28px;margin:0 0 14px;letter-spacing:-.03em}.yulo-facts-section p,.yulo-facts-section li{color:#5f5a53;line-height:1.7}.yulo-facts-section ul{padding-left:21px}.yulo-facts-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;background:#14120f;color:#faf8f3;border-radius:14px;padding:22px;overflow:auto;line-height:1.65}.yulo-footer-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.yulo-footer-meta a{text-decoration:none}.yulo-footer-meta a:hover{text-decoration:underline}
@media(max-width:760px){.yulo-facts-grid{grid-template-columns:1fr}.yulo-facts-shell{padding:64px 18px 82px}.yulo-facts-lead{font-size:18px}}


/* v6.4 legal, consent and compliance surfaces */
.yulo-footer-links{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.yulo-footer-links a{text-decoration:none}.yulo-footer-links a:hover{text-decoration:underline}
.yulo-legal-shell{max-width:900px;margin:0 auto;padding:84px 24px 108px}.yulo-legal-kicker{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--yulo-muted)}.yulo-legal-shell h1{font-size:clamp(42px,7vw,72px);letter-spacing:-.05em;line-height:.98;margin:0 0 22px}.yulo-legal-lead{font-size:20px;line-height:1.6;color:#5f5a53;margin:0 0 52px;max-width:760px}.yulo-legal-shell section{padding:30px 0;border-top:1px solid var(--yulo-line)}.yulo-legal-shell h2{font-size:25px;letter-spacing:-.025em;margin:0 0 12px}.yulo-legal-shell p,.yulo-legal-shell li{font-size:16px;line-height:1.72;color:#5f5a53}.yulo-legal-shell ul{padding-left:22px}.yulo-legal-shell code{font-size:.92em;background:#efebe2;padding:2px 6px;border-radius:5px}.yulo-inline-button{display:inline-block;background:var(--yulo-ink);color:var(--yulo-chalk);text-decoration:none;padding:11px 15px;border-radius:8px;font-weight:700}.yulo-inline-button:hover{opacity:.86}
.yulo-consent[hidden]{display:none!important}.yulo-consent{position:fixed;z-index:99999;inset:auto 18px 18px 18px;display:flex;justify-content:center}.yulo-consent-card{width:min(920px,100%);background:#fffdf9;color:#14120f;border:1px solid #dcd6ca;border-radius:16px;box-shadow:0 24px 80px rgba(20,18,15,.18);padding:22px;display:flex;gap:30px;align-items:flex-end;justify-content:space-between}.yulo-consent-card h2{font-size:23px;letter-spacing:-.025em;margin:0 0 8px}.yulo-consent-card p{margin:0;max-width:610px;line-height:1.55;color:#625d55;font-size:14px}.yulo-consent-card a{text-decoration:underline}.yulo-consent-kicker{font-size:10px!important;letter-spacing:.13em;text-transform:uppercase;font-weight:700;margin-bottom:7px!important;color:#777168!important}.yulo-consent-actions{display:flex;gap:9px;flex-shrink:0}.yulo-consent-actions button{appearance:none;border:0;border-radius:8px;padding:11px 13px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}.yulo-consent-secondary{background:#eee9df;color:#14120f}.yulo-consent-primary{background:var(--yulo-lime);color:#14120f}.yulo-consent-actions button:focus-visible{outline:3px solid rgba(20,18,15,.3);outline-offset:2px}
@media(max-width:760px){.yulo-legal-shell{padding:62px 18px 82px}.yulo-legal-lead{font-size:18px}.yulo-consent{inset:auto 10px 10px 10px}.yulo-consent-card{padding:18px;display:block}.yulo-consent-actions{margin-top:18px;display:grid;grid-template-columns:1fr}.yulo-consent-actions button{width:100%}}

/* Yulo v6.6 language switch */
.yulo-language-switch {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 4px;
  padding: 5px 8px;
  border: 1px solid rgba(250,248,243,.22);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1;
}
.yulo-language-switch a {
  opacity: .55;
  text-decoration: none;
  transition: opacity .15s ease;
}
.yulo-language-switch a:hover,
.yulo-language-switch a.is-active { opacity: 1; }
.yulo-language-switch span { opacity: .28; }
@media (max-width: 720px) {
  .yulo-language-switch { margin-left: 0; }
}