/* Barevná paleta vychází z oficiálního loga MŠ Olšava. */
:root {
    --ink: #124a70;
    --muted: #58738a;
    --mint: #e2f5fb;
    --mint-strong: #008cc9;
    --peach: #069bd8;
    --yellow: #f5c84f;
    --paper: #fcfeff;
    --line: #cce7f2;
    --dark: #083c5d;
}

body { background: #f4fbfe; }
.kindergarten-header { border-bottom-color: #c9e6f2; }
.kindergarten-nav a:hover, .kindergarten-nav__toggle:hover { color: #008dca; }
.kindergarten-nav__arrow { color: #007db5; }
.kindergarten-subnav { border-color: #c8e5f0; box-shadow: 0 16px 25px #07557b1e; }
.kindergarten-subnav a:hover { background: #e5f5fb; }

.kindergarten-hero {
    min-height: 560px;
    background-color: #dff6fd;
    background-image: linear-gradient(90deg, rgba(244, 251, 254, .96) 0%, rgba(244, 251, 254, .82) 36%, rgba(244, 251, 254, .2) 70%, rgba(244, 251, 254, .04) 100%), url("hero-msolsava.jpeg");
    background-position: center center;
    background-size: cover;
}
.kindergarten-hero__cloud,
.kindergarten-hero__sun,
.kindergarten-hero__hill,
.kindergarten-hero__house { display: none; }
.kindergarten-hero__content { padding-top: 105px; padding-bottom: 105px; }
.kindergarten-hero__content > p, .kindergarten-eyebrow { color: #008dca; }
.kindergarten-hero__content > a { background: #0098d5; box-shadow: 0 9px 19px #008dca4d; }
.kindergarten-hero__content > a:hover { background: #007db5; }
.kindergarten-hero__sun { color: #f5c84f; }
.kindergarten-hero__hill--back { background: #a8d9a7; }
.kindergarten-hero__hill--front { background: #87c98a; }
.kindergarten-hero__house { box-shadow: inset 0 49px #74c6df, 0 9px 13px #0c688229; }
.kindergarten-hero__house:before { background: #168ebc; }

.kindergarten-welcome { background: #e5f5fb; }
.kindergarten-current-info { display: flex; align-items: center; justify-content: space-between; gap: 32px; width: min(1160px, calc(100% - 40px)); margin: 58px auto 0; padding: 34px 44px; border: 1px solid #c4e8f5; border-radius: 28px; box-sizing: border-box; background: #e0f4fb; color: #124a70; }
.kindergarten-current-info h2 { margin: 5px 0 7px; color: #124a70; font: 800 clamp(28px, 3vw, 42px)/1.08 "Baloo 2", "Nunito Sans", sans-serif; }
.kindergarten-current-info h2 a { color: inherit; text-decoration: none; }
.kindergarten-current-info h2 a:hover { color: #008dca; }
.kindergarten-current-info p:not(.kindergarten-eyebrow) { max-width: 780px; margin: 0; color: #456d85; font-size: 16px; line-height: 1.55; }
.kindergarten-current-info__link { flex: 0 0 auto; color: #008dca; font: 800 16px "Nunito Sans", sans-serif; text-decoration: none; white-space: nowrap; }
.kindergarten-current-info__link:hover { color: #0071a6; }
@media (max-width: 720px) { .kindergarten-current-info { align-items: flex-start; flex-direction: column; gap: 16px; padding: 28px; border-radius: 22px; } }
@media (max-width: 620px) {
    .kindergarten-hero {
        min-height: 570px;
        background-image: linear-gradient(180deg, rgba(244, 251, 254, .97) 0%, rgba(244, 251, 254, .88) 54%, rgba(244, 251, 254, .28) 100%), url("hero-msolsava.jpeg");
        background-position: 62% center;
    }
    .kindergarten-hero__content { padding-top: 68px; padding-bottom: 210px; }
}
.kindergarten-welcome > a, .kindergarten-section-heading > a { color: #008dca; }
.kindergarten-news-card { border-color: #cce7f2; box-shadow: 0 11px 25px #0d668410; }
.kindergarten-news-card small { color: #008dca; }
.kindergarten-read { color: #007bb0; }
.kindergarten-classes__grid > a { background: #e9f7fc; }
.kindergarten-classes__grid > a:nth-child(2) { background: #e2f5fb; }
.kindergarten-classes__grid > a:nth-child(3) { background: #edf7fc; }
.kindergarten-classes__grid img { display: block; width: 112px; height: 86px; margin: 0 0 8px; object-fit: contain; object-position: left center; }
.kindergarten-classes b { color: #008dca; }

.kindergarten-contact { background: #0b5279; }
.kindergarten-contact--blocks {
    display: block;
    padding-top: 58px;
    padding-bottom: 58px;
    margin-top: 105px;
}
.kindergarten-contact--blocks .cms-home-blocks {
    width: min(1160px, 100%);
    margin: 0 auto;
}
.kindergarten-home-blocks-after-contact {
    padding: 58px max(20px, calc((100% - 1160px) / 2));
    background: #fff;
}
.kindergarten-home-blocks-after-contact .cms-home-blocks {
    width: min(1160px, 100%);
    margin: 0 auto;
}
.kindergarten-footer { background: #063955; }
.kindergarten-footer a { color: #a9e1f7; }
.cmsi-cookie-settings { margin-left: 8px; padding: 0; border: 0; background: transparent; color: #a9e1f7; font: inherit; text-decoration: underline; cursor: pointer; }
.cmsi-cookie-settings:hover { color: #fff; }

.cmsi-cookie-banner { position: fixed; z-index: 100; right: 22px; bottom: 22px; display: flex; align-items: center; gap: 22px; width: min(510px, calc(100% - 32px)); padding: 18px 20px; border: 1px solid #8ed7ed; border-radius: 16px; background: #ffffff; box-shadow: 0 18px 42px rgba(4, 48, 70, .28); color: #124a70; }
.cmsi-cookie-banner[hidden] { display: none; }
.cmsi-cookie-banner strong { display: block; font: 800 19px/1 "Baloo 2", "Nunito Sans", sans-serif; }
.cmsi-cookie-banner p { margin: 5px 0 0; color: #466e85; font-size: 14px; line-height: 1.45; }
.cmsi-cookie-banner p a { color: #0079af; font-weight: 700; }
.cmsi-cookie-banner button { flex: 0 0 auto; border: 0; border-radius: 9px; padding: 11px 15px; background: #0098d5; color: #fff; font: 800 14px "Nunito Sans", sans-serif; cursor: pointer; }
.cmsi-cookie-banner button:hover { background: #007fb3; }
@media (max-width: 620px) { .cmsi-cookie-banner { right: 14px; bottom: 14px; align-items: flex-start; gap: 14px; padding: 16px; } .cmsi-cookie-banner button { padding: 10px 12px; } }
.footer-mark { color: #7ed6f5; }

/* Barvy spravované v administraci. */
body { background: var(--paper); color: var(--ink); }
.kindergarten-header { border-bottom-color: var(--line); }
.kindergarten-nav a:hover,
.kindergarten-nav__toggle:hover,
.kindergarten-hero__content > p,
.kindergarten-eyebrow,
.kindergarten-welcome > a,
.kindergarten-section-heading > a,
.kindergarten-news-card small,
.kindergarten-read,
.kindergarten-classes b { color: var(--mint-strong); }
.kindergarten-nav__arrow { color: var(--mint-strong); }
.kindergarten-subnav { border-color: var(--line); }
.kindergarten-subnav a:hover,
.kindergarten-current-info,
.kindergarten-classes__grid > a:nth-child(2) { background: var(--mint); }
.kindergarten-hero__content > a,
.cmsi-cookie-banner button { background: var(--peach); }
.kindergarten-news-card { border-color: var(--line); background: var(--paper); }
.kindergarten-news-card h3,
.kindergarten-section-heading h2,
.kindergarten-current-info,
.kindergarten-current-info h2 { color: var(--ink); }
.kindergarten-news-card p,
.kindergarten-current-info p:not(.kindergarten-eyebrow) { color: var(--muted); }
.kindergarten-classes { border-top-color: var(--line); }
.kindergarten-contact,
.kindergarten-footer { background: var(--dark); }
.kindergarten-contact button { background: var(--yellow); }

.kindergarten-admin-blocks,
.kindergarten-timetable-preview { width:min(1160px,calc(100% - 40px)); margin:58px auto; }
.kindergarten-admin-blocks__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.kindergarten-admin-block { min-width:0; padding:28px; overflow:hidden; border:1px solid var(--line); border-radius:22px; background-position:center; background-size:cover; box-shadow:0 11px 25px #0d668410; }
.kindergarten-admin-block h2 { margin:0 0 8px; font:800 27px/1.1 "Baloo 2","Nunito Sans",sans-serif; }
.kindergarten-admin-block p { margin:0 0 15px; }
.kindergarten-admin-block__image { display:block; margin:16px 0; }
.kindergarten-admin-block__image img { display:block; width:100%; max-height:240px; border-radius:14px; object-fit:cover; }
.kindergarten-admin-block__button { display:inline-flex; padding:10px 14px; border-radius:10px; background:var(--mint-strong); color:#fff!important; font-weight:800; text-decoration:none; }
.kindergarten-timetable-preview { padding:30px 36px; border:1px solid var(--line); border-radius:24px; background:var(--mint); }
.kindergarten-timetable-preview__inner { display:flex; align-items:center; justify-content:space-between; gap:25px; }
.kindergarten-timetable-preview h2 { margin:4px 0; color:var(--ink); font:800 clamp(28px,3vw,40px)/1.08 "Baloo 2","Nunito Sans",sans-serif; }
.kindergarten-timetable-preview p { margin:0; color:var(--muted); }
.kindergarten-timetable-preview a { flex:0 0 auto; padding:12px 16px; border-radius:11px; background:var(--mint-strong); color:#fff; font-weight:800; text-decoration:none; }
@media(max-width:800px){.kindergarten-admin-blocks__grid{grid-template-columns:1fr 1fr}.kindergarten-timetable-preview__inner{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.kindergarten-admin-blocks,.kindergarten-timetable-preview{width:calc(100% - 28px)}.kindergarten-admin-blocks__grid{grid-template-columns:1fr}.kindergarten-timetable-preview{padding:25px}}