/*
 * First-paint counterpart of 1710-full-scene-hero.js.  It has no DOM writer:
 * the current route is placed on <html> synchronously before the React module
 * mounts, so the initial hero and the settled hero use the same image map.
 */
html[data-hero-first-paint-1710="home"] { --lk-1710-scene: url("/assets/home-lukas-klienti-maskoti-v1.webp"); }
html[data-hero-first-paint-1710="home"] main.flex-1.relative { opacity:1 !important;transform:none !important; }
html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type > div[class~="absolute"][class~="inset-0"][class~="z-0"][class~="overflow-hidden"] > div[class~="absolute"][class~="inset-0"][class~="opacity-50"][class~="blur-xl"][class~="scale-110"]:empty { display:none !important; }
html[data-hero-first-paint-1710="home"] main>section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type>div[class~="absolute"][class~="inset-0"][class~="z-0"][class~="overflow-hidden"]>div[class~="absolute"][class~="inset-0"][class~="w-full"][class~="h-full"]:empty{display:none!important}
html[data-hero-first-paint-1710="sluzby"] { --lk-1710-scene: url("/assets/pojisteni-lukas-klienti-maskoti-v1.webp"); }
html[data-hero-first-paint-1710="postup"] { --lk-1710-scene: url("/assets/postup-spoluprace-maskoti-v1.webp"); }
html[data-hero-first-paint-1710="kalkulacky"] { --lk-1710-scene: url("/assets/prehled-lukas-klientka-maskoti-v1.webp"); }
html[data-hero-first-paint-1710="kviz"] { --lk-1710-scene: url("/assets/kviz-lukas-maskoti-v1.webp"); }
html[data-hero-first-paint-1710="omne"] { --lk-1710-scene: url("/assets/o-mne-lukas-maskoti-v1.webp"); }
html[data-hero-first-paint-1710="petr"] { --lk-1710-scene: url("/assets/petr-profil-maskoti-v1.webp"); }
html[data-hero-first-paint-1710="reference"] { --lk-1710-scene: url("/assets/reference-klienti-maskoti-v1.webp"); }
html[data-hero-first-paint-1710="pripadove-studie"] { --lk-1710-scene: url("/assets/pripadove-studie-maskoti-v1.webp"); }
html[data-hero-first-paint-1710="vzdelavani"] { --lk-1710-scene: url("/assets/vzdelavani-lukas-maskoti-v1.webp"); }
html[data-hero-first-paint-1710="blog"] { --lk-1710-scene: url("/assets/blog-lukas-maskoti-v1.webp"); }
html[data-hero-first-paint-1710="faq"] { --lk-1710-scene: url("/assets/faq-lukas-maskoti-v1.webp"); }
html[data-hero-first-paint-1710="kontakt"] { --lk-1710-scene: url("/assets/kontakt-lukas-klienti-maskoti-v1.webp"); }

html[data-hero-first-paint-1710]:not([data-hero-first-paint-1710="home"])
main > section[class~="bg-secondary"][class~="overflow-hidden"] {
  background-color: #112b46 !important;
  background-image: linear-gradient(90deg,#112b46 0%,#112b46 42%,rgba(17,43,70,.84) 55%,rgba(17,43,70,.22) 68%,rgba(17,43,70,0) 82%),var(--lk-1710-scene) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100%,auto 100% !important;
  background-position: center,right center !important;
  text-align: left !important;
}
html[data-hero-first-paint-1710]:not([data-hero-first-paint-1710="home"])
main > section[class~="bg-secondary"][class~="overflow-hidden"] > [class~="relative"][class~="z-10"][class~="max-w-4xl"],
html[data-hero-first-paint-1710]:not([data-hero-first-paint-1710="home"])
main > section[class~="bg-secondary"][class~="overflow-hidden"] > [class~="relative"][class~="z-10"] [class~="max-w-3xl"],
main > section[class~="bg-secondary"][class~="overflow-hidden"] :is([data-hero-full-scene-copy="prepaint"],[data-hero-full-scene-copy="ready"]) {
  width: min(100%,680px) !important;
  max-width: 680px !important;
  margin-left: max(24px,calc((100% - 1400px)/2 + 24px)) !important;
  margin-right: 0 !important;
  text-align: left !important;
}
html[data-hero-first-paint-1710]:not([data-hero-first-paint-1710="home"])
main > section[class~="bg-secondary"][class~="overflow-hidden"] h1,
html[data-hero-first-paint-1710]:not([data-hero-first-paint-1710="home"])
main > section[class~="bg-secondary"][class~="overflow-hidden"] p { text-align: left !important; }

/* The home route has a different source component, but it needs the same
   scene before React hydration: copy left, complete composition right. */
html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type {
  height: auto !important;
  min-height: clamp(680px,81.25vh,780px) !important;
  max-height: none !important;
  align-items: flex-start !important;
  padding: clamp(48px,6.25vh,72px) 0 clamp(36px,5vh,56px) !important;
  background-color:#112b46 !important;
  background-image:linear-gradient(90deg,#112b46 0%,#112b46 31%,rgba(17,43,70,.65) 47%,rgba(17,43,70,.05) 60%,rgba(17,43,70,0) 70%,rgba(17,43,70,0) 100%),var(--lk-1710-scene) !important;
  background-repeat:no-repeat !important;
  background-size:100% 100%,contain !important;
  background-position:center,right center !important;
}
html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type > [class~="container"] { width:min(calc(100% - 48px),1400px) !important;max-width:1400px !important;margin-inline:auto !important;display:block !important;padding-inline:24px !important; }
html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type :is([data-hero-full-scene-copy="prepaint"],[data-hero-full-scene-copy="ready"]) { width:min(100%,660px) !important;max-width:660px !important;margin-inline:0 !important; }
html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type h1 { font-family:Sora,sans-serif !important;font-weight:700 !important;font-size:clamp(44px,4.35vw,62px) !important;line-height:.95 !important;letter-spacing:-.055em !important;max-width:620px !important;margin-bottom:26px !important; }
/* V17 A/B candidate: keep the HOME LCP span stable through first paint and hydration. */
html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type h1 > span { color:#ff7a18 !important;background:none !important;animation:none !important;transition:none !important;-webkit-text-fill-color:#ff7a18 !important; }
/* Keep the verified home composition compact without clipping its content. */
html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type :is([data-hero-full-scene-copy="prepaint"],[data-hero-full-scene-copy="ready"]) > p { margin-bottom:20px !important;line-height:1.45 !important; }
html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type :is([data-hero-full-scene-copy="prepaint"],[data-hero-full-scene-copy="ready"]) > div[class~="flex"][class~="flex-col"][class~="sm:flex-row"][class~="mb-10"] { gap:12px !important;margin-bottom:20px !important; }
html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type :is([data-hero-full-scene-copy="prepaint"],[data-hero-full-scene-copy="ready"]) > div[class~="flex"][class~="flex-col"][class~="sm:flex-row"][class~="mb-10"] > [class~="rounded-2xl"] { padding:12px !important; }
html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type :is([data-hero-full-scene-copy="prepaint"],[data-hero-full-scene-copy="ready"]) > div[class~="flex"][class~="flex-col"][class~="sm:flex-row"][class~="flex-wrap"][class~="mb-8"] { gap:10px !important;margin-bottom:20px !important; }
html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type :is([data-hero-full-scene-copy="prepaint"],[data-hero-full-scene-copy="ready"]) > div[class~="flex"][class~="flex-col"][class~="sm:flex-row"][class~="flex-wrap"][class~="mb-8"] a { padding:12px 16px !important;font-size:.875rem !important; }
html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type :is([data-hero-full-scene-copy="prepaint"],[data-hero-full-scene-copy="ready"]) > div[class~="flex"][class~="flex-wrap"][class~="mb-12"] { gap:8px !important;margin-bottom:0 !important;font-size:.8125rem !important; }

/* The legacy absolute layer sits over the parent-owned first-paint scene on
   some route components. It has no content and must remain transparent. */
html[data-hero-first-paint-1710] main > section[class~="bg-secondary"][class~="overflow-hidden"] > div.absolute.inset-0.z-0.bg-secondary { background-color:transparent !important; }

/* The shared FAQ breadcrumb remains available, but its hero reserves real
   space above the title from the initial CSS rather than colliding afterwards. */
html[data-hero-first-paint-1710="faq"] main > section[class~="bg-secondary"][class~="overflow-hidden"] { padding-top:12rem !important; }
html[data-hero-first-paint-1710]:not([data-hero-first-paint-1710="home"])
main > [class~="absolute"][class~="top-24"][class~="left-0"][class~="w-full"][class~="z-20"] > [class~="container"] {
  width: min(calc(100% - 48px),1400px) !important;
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  justify-content: flex-start !important;
}
@media (max-width:720px) {
  html[data-hero-first-paint-1710]:not([data-hero-first-paint-1710="home"])
  main > section[class~="bg-secondary"][class~="overflow-hidden"] {
    background-size: 100% 100%,100% auto !important;
    background-position: center,center top !important;
    padding-top: min(56vw,430px) !important;
  }
  html[data-hero-first-paint-1710]:not([data-hero-first-paint-1710="home"])
  main > section[class~="bg-secondary"][class~="overflow-hidden"] > [class~="relative"][class~="z-10"][class~="max-w-4xl"],
  html[data-hero-first-paint-1710]:not([data-hero-first-paint-1710="home"])
  main > section[class~="bg-secondary"][class~="overflow-hidden"] > [class~="relative"][class~="z-10"] [class~="max-w-3xl"],
  main > section[class~="bg-secondary"][class~="overflow-hidden"] :is([data-hero-full-scene-copy="prepaint"],[data-hero-full-scene-copy="ready"]) {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html[data-hero-first-paint-1710]:not([data-hero-first-paint-1710="home"])
  main > [class~="absolute"][class~="top-24"][class~="left-0"][class~="w-full"][class~="z-20"] > [class~="container"] {
    width: calc(100% - 32px) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type { height:auto !important;min-height:0 !important;max-height:none !important;align-items:flex-start !important;padding:calc(min(56vw,430px) + 24px) 0 48px !important;background-image:linear-gradient(180deg,rgba(17,43,70,0) 0px,rgba(17,43,70,0) calc(min(56vw,430px) - 24px),#112b46 min(56vw,430px),#112b46 100%),var(--lk-1710-scene) !important;background-position:center,center top !important;background-size:100% 100%,100% auto !important; }
  html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type > [class~="container"] { width:calc(100% - 32px) !important;max-width:none !important;padding-inline:0 !important; }
  html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type :is([data-hero-full-scene-copy="prepaint"],[data-hero-full-scene-copy="ready"]) { width:100% !important;max-width:100% !important; }
  html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type h1 { font-size:clamp(2.45rem,11vw,3.35rem) !important;line-height:1.08 !important; }
  html[data-hero-first-paint-1710="kviz"] main > section[class~="bg-secondary"][class~="overflow-hidden"] > [class~="container"] { width:calc(100% - 32px) !important;margin-inline:auto !important;padding-inline:0 !important;text-align:left !important; }
  html[data-hero-first-paint-1710="pripadove-studie"] main a[href="/kontakt"] { white-space:normal !important;max-width:100% !important;min-height:2.75rem !important;height:auto !important;padding-inline:1.25rem !important;text-align:center !important; }
}

/* HOME-only first paint: suppress only the two empty legacy shades, not copy. */
html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type:not([data-hero-full-scene-route="standard"]) > div[class~="absolute"][class~="inset-0"][class~="bg-gradient-to-r"][class~="from-secondary/95"][class~="via-secondary/80"]:empty,
html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type:not([data-hero-full-scene-route="standard"]) > div[class~="absolute"][class~="inset-0"][class~="z-0"][class~="overflow-hidden"] > div[class~="absolute"][class~="inset-0"][class~="bg-gradient-to-r"][class~="from-secondary/95"][class~="via-secondary/80"]:empty,
html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type:not([data-hero-full-scene-route="standard"]) > div[class~="absolute"][class~="inset-0"][class~="bg-gradient-to-t"][class~="from-secondary"][class~="via-secondary/20"]:empty,
html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type:not([data-hero-full-scene-route="standard"]) > div[class~="absolute"][class~="inset-0"][class~="z-0"][class~="overflow-hidden"] > div[class~="absolute"][class~="inset-0"][class~="bg-gradient-to-t"][class~="from-secondary"][class~="via-secondary/20"]:empty {
  background-image:none !important;
}

/* V22 desktop-only: restore the real horizontal overlay above the HOME photo. */
@media (min-width:721px) {
  html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type:not([data-hero-full-scene-route="standard"]) > div[class~="absolute"][class~="inset-0"][class~="z-0"][class~="overflow-hidden"] > div[class~="absolute"][class~="inset-0"][class~="bg-gradient-to-r"][class~="from-secondary/95"][class~="via-secondary/80"]:empty { background-image:linear-gradient(90deg,rgba(17,43,70,.98) 0%,rgba(17,43,70,.97) 32%,rgba(17,43,70,.82) 44%,rgba(17,43,70,.20) 50%,rgba(17,43,70,0) 54%) !important; }
  html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type > .container > .max-w-3xl > .text-white > p { max-width:min(100%,620px) !important; }
  html[data-hero-first-paint-1710="home"] main > section[class~="bg-secondary"][class~="overflow-hidden"]:first-of-type > .container > .max-w-3xl > .text-white > div[class~="flex"][class~="flex-col"][class~="sm:flex-row"][class~="flex-wrap"][class~="mb-8"] > :nth-child(2) { background-color:rgba(17,43,70,.88) !important;border-color:rgba(255,255,255,.35) !important; }
}


html:not(.dark) nav a.text-primary[href="/kontakt"],
html:not(.dark) [data-dp-reviews] h2.text-primary,
html:not(.dark) [data-dp-reviews] a.text-primary {
  color:#b54708;
}