/* #NEDLUHŮM V9.9.3.2 — precise hotfix, no layout experiments. */
:root{--ned9932-black:var(--ned-black);--ned9932-paper:var(--ned-paper);--ned9932-off:#e9eae9;--ned9932-line:#d4d4d1;--ned9932-red:var(--ned-red);--ned9932-green:#20c967}

/* 1) Availability is ONE layout with two colour moods. Geometry never changes. */
.home .nedv588-availability{transition:background-color .25s ease,color .25s ease}
.home .nedv588-availability.is-closed{background:#e7e8e7!important;color:var(--ned-muted)!important;filter:none!important}
.home .nedv588-availability.is-closed .nedv588-availability-title h2{color:var(--ned-muted)!important}
.home .nedv588-availability.is-closed .nedv588-availability-title p,.home .nedv588-availability.is-closed .nedv588-week-head span{color:var(--ned-muted)!important}
.home .nedv588-availability.is-closed .nedv588-now{background:#f0f1f0!important;border-color:#d4d5d3!important;color:var(--ned-muted)!important;box-shadow:0 10px 28px rgba(0,0,0,.035)!important}
.home .nedv588-availability.is-closed .nedv588-day-card{background:#f4f4f2!important;border-color:#d8d8d5!important;color:var(--ned-muted)!important;opacity:1!important;filter:none!important;box-shadow:0 8px 22px rgba(0,0,0,.025)!important}
.home .nedv588-availability.is-closed .nedv588-day-card.is-off,.home .nedv588-availability.is-closed .nedv588-day-card.is-holiday{background:#dedfdd!important;color:var(--ned-muted)!important}
.home .nedv588-availability.is-closed .nedv588-slot.is-available:before{background:#8ca99a!important}
/* Functional bottom pair stays exactly contrasty. */
.home .nedv588-availability.is-closed .nedv588-booking-card{background:var(--ned-dark-surface)!important;color:#fff!important;opacity:1!important;filter:none!important}
.home .nedv588-availability.is-closed .nedv588-message-card{background:#fff!important;color:var(--ned-dark-surface)!important;opacity:1!important;filter:none!important}

/* OPEN/INTERNAL = warm and visibly alive, same component geometry. */
.home .nedv588-availability.is-available,.home .nedv588-availability.is-internal{background:#f4efe5!important;color:var(--ned-dark-surface)!important}
.home .nedv588-availability.is-available .nedv588-availability-title h2,.home .nedv588-availability.is-internal .nedv588-availability-title h2{color:var(--ned-black)!important}
.home .nedv588-availability.is-available .nedv588-now,.home .nedv588-availability.is-internal .nedv588-now{background:#fff9ee!important;border-color:#e8d9bd!important;box-shadow:0 15px 38px rgba(67,46,19,.07)!important}
.home .nedv588-availability.is-available .nedv588-day-card,.home .nedv588-availability.is-internal .nedv588-day-card{background:#fffaf2!important;border-color:#e9decb!important;box-shadow:0 12px 30px rgba(67,46,19,.055)!important}
.home .nedv588-availability.is-available .nedv588-now-dot,.home .nedv588-availability.is-available .nedv588-slot.is-available:before,.home .nedv588-availability.is-internal .nedv588-slot.is-available:before{background:var(--ned9932-green)!important;box-shadow:0 0 0 5px rgba(32,201,103,.11)!important}

/* 2) About teaser = white technical card, thin black outline, black typography. */
.nedv9932-about-teaser{padding:38px 0;background:#fff}
.nedv9932-about-teaser-inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:28px;text-align:left;border:1px solid #151515;background:#fff;border-radius:16px;padding:22px 26px;cursor:pointer;color:#111;box-shadow:none;transition:background .18s ease,transform .18s ease}
.nedv9932-about-teaser-inner:hover{background:#f7f7f5;transform:translateY(-1px)}
.nedv9932-about-copy{display:grid;gap:4px}.nedv9932-about-copy small{font-size:11px;font-weight:900;letter-spacing:.13em;color:#666}.nedv9932-about-copy strong{font-size:22px;line-height:1.18;color:#111}.nedv9932-about-copy em{font-style:normal;color:var(--ned-muted)}.nedv9932-about-teaser-inner b{white-space:nowrap;color:#111}
/* Hide older teaser if a cached template accidentally renders both. */
.nedv9931-about-teaser:has(+ .nedv9932-about-teaser){display:none!important}

/* 3) About modal — page /o-webu/ inside a real window, not navigation. */
.nedv9932-about-modal{position:fixed;inset:0;z-index:2147483640;background:rgba(0,0,0,.82);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}
.nedv9932-about-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
.nedv9932-about-dialog{width:min(1240px,calc(100vw - 40px));height:min(92vh,980px);background:#fff;border:1px solid rgba(255,255,255,.25);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 40px 130px rgba(0,0,0,.48)}
.nedv9932-about-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px 15px 24px;background:#fff;border-bottom:1px solid #dededb;color:#111}
.nedv9932-about-head>div{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.nedv9932-about-head span{font-size:10px;font-weight:900;letter-spacing:.13em;color:var(--ned-muted)}.nedv9932-about-head strong{font-size:18px}.nedv9932-about-head small{color:var(--ned-muted)}.nedv9932-about-head button{width:42px;height:42px;border:1px solid #d7d7d4;background:#f5f5f3;color:#111;border-radius:50%;font-size:27px;line-height:1;cursor:pointer}
.nedv9932-about-frame-wrap{flex:1;min-height:0;background:#fff}.nedv9932-about-frame-wrap iframe{display:block;width:100%;height:100%;border:0;background:#fff}

/* 4) Inner HERO system: black is right, but content must keep a generous site margin. */
.nedv610-about-hero,.nedv90-directory-hero,.nedv57-page-hero,.nedv58-archive-hero,.nedv5-faq-page-hero,.nedv5-faq-topic-hero,.nedv800-security-hero,.nedv620-page-hero,.nedv53-fppp-hero{background-color:var(--ned9932-black)!important;color:#fff!important}
.nedv610-about-hero>.nedv4-shell,.nedv90-directory-hero>.nedv4-shell,.nedv57-page-hero>.nedv4-shell,.nedv58-archive-hero>.nedv4-shell,.nedv5-faq-page-hero>.nedv4-shell,.nedv5-faq-topic-hero>.nedv4-shell,.nedv800-security-hero>.nedv4-shell,.nedv620-page-hero>.nedv4-shell{width:min(var(--shell),calc(100% - clamp(48px,6vw,110px)))!important;margin-inline:auto!important}
.nedv610-about-hero,.nedv90-directory-hero,.nedv57-page-hero,.nedv58-archive-hero,.nedv5-faq-page-hero,.nedv5-faq-topic-hero,.nedv800-security-hero,.nedv620-page-hero{min-height:430px!important;padding:64px 0!important}
.nedv610-about-hero h1,.nedv90-directory-hero h1,.nedv57-page-hero h1,.nedv58-archive-hero h1,.nedv5-faq-page-hero h1,.nedv5-faq-topic-hero h1,.nedv800-security-hero h1,.nedv620-page-hero h1{font-size:clamp(54px,5.4vw,84px)!important;line-height:.94!important;max-width:12ch!important}
.nedv610-about-hero p,.nedv90-directory-hero p,.nedv58-archive-hero p,.nedv5-faq-page-hero p,.nedv5-faq-topic-hero p,.nedv800-security-hero p,.nedv620-page-hero p{max-width:850px!important}
/* FPPP keeps its picture but uses the same inner horizontal rhythm. */
.nedv53-fppp-hero>.nedv4-shell,.nedv53-fppp-hero-inner{width:min(var(--shell),calc(100% - clamp(48px,6vw,110px)))!important;margin-inline:auto!important}

/* Embedded About page: content keeps margin inside the modal too. */
body.nedv9931-about-embed .nedv610-about-hero>.nedv4-shell,body.nedv9931-about-embed .nedv610-about-section>.nedv4-shell{width:min(1120px,calc(100% - 56px))!important;margin-inline:auto!important}
body.nedv9931-about-embed .nedv610-about-hero{min-height:360px!important;padding:48px 0!important}
body.nedv9931-about-embed .nedv610-about-hero h1{font-size:clamp(48px,6vw,76px)!important}

@media(max-width:760px){
  .nedv9932-about-teaser-inner{align-items:flex-start;flex-direction:column;padding:20px}.nedv9932-about-dialog{width:calc(100vw - 18px);height:96vh;border-radius:15px}.nedv9932-about-head{padding:12px 12px 12px 16px}.nedv9932-about-head>div{display:grid;gap:2px}
  .nedv610-about-hero>.nedv4-shell,.nedv90-directory-hero>.nedv4-shell,.nedv57-page-hero>.nedv4-shell,.nedv58-archive-hero>.nedv4-shell,.nedv5-faq-page-hero>.nedv4-shell,.nedv5-faq-topic-hero>.nedv4-shell,.nedv800-security-hero>.nedv4-shell,.nedv620-page-hero>.nedv4-shell,.nedv53-fppp-hero>.nedv4-shell,.nedv53-fppp-hero-inner{width:calc(100% - 36px)!important}
  .nedv610-about-hero,.nedv90-directory-hero,.nedv57-page-hero,.nedv58-archive-hero,.nedv5-faq-page-hero,.nedv5-faq-topic-hero,.nedv800-security-hero,.nedv620-page-hero{min-height:0!important;padding:50px 0!important}
}