/*
Theme Name: CSNN Child
Template: csnn
Author: CSNN
Description: Potomek šablony CSNN. Obsahuje lokální kopie Bootstrapu, jQuery a písma Montserrat, aby se nenačítaly z cizích CDN před souhlasem s cookies.
Version: 1.0.0
Text Domain: csnn-child
*/

/* ---------- Stránka Kontakt: dlaždice a bloky ---------- */
.csnn-dlazdice-radek{display:flex;flex-wrap:wrap;margin:0 -8px 10px}
.csnn-dlazdice-radek > div{padding:8px;display:flex;flex:1 1 240px}
.csnn-dlazdice{display:block;border:2px solid #35A9E1;border-radius:6px;padding:18px;width:100%;
               text-decoration:none;color:#2B2523}
.csnn-dlazdice strong{display:block;font-size:17px;color:#932080;word-break:break-word;margin-bottom:4px}
.csnn-dlazdice span{display:block;font-size:13px;color:#555}
.csnn-dvojice{display:flex;flex-wrap:wrap;margin:0 -8px}
.csnn-dvojice > div{padding:8px;width:50%}
.csnn-box{border:1px solid #e0e0e0;border-radius:6px;padding:16px;height:100%}
.csnn-udaje{font-size:13px;color:#555;border-top:1px solid #e3e3e3;padding-top:14px;margin-top:26px}
@media (max-width:991px){.csnn-dlazdice-radek > div{flex:1 1 45%}}
@media (max-width:767px){.csnn-dlazdice-radek > div{flex:1 1 100%}.csnn-dvojice > div{width:100%}}

/* ---------- Mřížka log partnerů ---------- */
.csnn-loga{display:flex;flex-wrap:wrap;margin:0 -8px 10px}
.csnn-loga > div{padding:8px;width:25%;display:flex}
.csnn-logo{border:1px solid #e0e0e0;border-radius:6px;background:#fff;width:100%;
           padding:14px 10px;text-align:center;text-decoration:none;color:#2B2523;
           display:flex;flex-direction:column;align-items:center;justify-content:space-between}
.csnn-logo:hover,.csnn-logo:focus{border-color:#35A9E1;text-decoration:none;color:#2B2523}
.csnn-logo-plocha{height:64px;display:flex;align-items:center;justify-content:center;width:100%}
.csnn-logo-plocha img{max-height:56px;max-width:100%;width:auto;height:auto}
.csnn-logo-nazev{font-size:13px;line-height:1.3;margin-top:10px}
@media (max-width:991px){.csnn-loga > div{width:50%}}

/* ---------- Homepage: úvod, dlaždice služeb, čísla ---------- */
.csnn-hp-uvod{margin-bottom:22px}
.csnn-hp-uvod p{font-size:17px;line-height:1.55;max-width:42em;margin:0}

.csnn-sluzby{display:flex;flex-wrap:wrap;margin:0 -9px 6px}
.csnn-sluzby > div{padding:9px;width:33.333%;display:flex}
.csnn-sluzba{position:relative;display:flex;flex-direction:column;width:100%;
             background:#fff;border:1px solid #e4e4e4;border-radius:8px;padding:22px 20px 18px;
             text-decoration:none;color:#2B2523;overflow:hidden;
             transition:box-shadow .16s ease, transform .16s ease, border-color .16s ease}
.csnn-sluzba::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--akcent,#35A9E1)}
.csnn-sluzba:hover,.csnn-sluzba:focus{text-decoration:none;color:#2B2523;
             border-color:var(--akcent,#35A9E1);box-shadow:0 6px 18px rgba(0,0,0,.09);transform:translateY(-2px)}
.csnn-sluzba .ikona{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;
             font-size:22px;color:var(--akcent,#35A9E1);background:var(--akcent-svetla,#eaf6fd);margin-bottom:14px}
.csnn-sluzba .nazev{font-size:19px;font-weight:700;color:#932080;margin-bottom:7px;line-height:1.25}
.csnn-sluzba .popis{font-size:14px;line-height:1.5;color:#555;margin:0 0 14px}
.csnn-sluzba .vic{margin-top:auto;font-size:13px;font-weight:700;color:var(--akcent,#35A9E1)}
.csnn-sluzba .vic::after{content:" \2192"}

.csnn-sluzba.modra{--akcent:#1C7EA7;--akcent-svetla:#eaf6fd}
.csnn-sluzba.zelena{--akcent:#5D7A16;--akcent-svetla:#f2f7e6}
.csnn-sluzba.fialova{--akcent:#932080;--akcent-svetla:#faeef7}

.csnn-cisla{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;
            border:1px solid #ececec;border-radius:8px;background:#fafafa;padding:12px 10px;margin:4px 0 8px}
.csnn-cisla .polozka{padding:2px 22px;text-align:center;border-right:1px solid #e4e4e4}
.csnn-cisla .polozka:last-child{border-right:0}
.csnn-cisla .hodnota{display:block;font-size:22px;font-weight:700;color:#2B2523;line-height:1.1}
.csnn-cisla .stitek{display:block;font-size:12px;color:#666;margin-top:2px}
.csnn-cisla-pozn{font-size:12px;color:#888;text-align:center;margin:0 0 18px}

@media (max-width:991px){.csnn-sluzby > div{width:100%}}
@media (max-width:600px){.csnn-cisla .polozka{width:100%;border-right:0;border-bottom:1px solid #e4e4e4;padding:8px 0}
                         .csnn-cisla .polozka:last-child{border-bottom:0}}

/* ---------- Čísla: karta s nadpisem a datem platnosti ---------- */
.csnn-vysledky{border:1px solid #e4e4e4;border-radius:8px;background:#fff;padding:20px 22px 16px;margin:8px 0 6px}
.csnn-vysledky > h3{margin:0 0 2px;font-size:13px;letter-spacing:.7px;text-transform:uppercase;color:#932080;font-weight:700}
.csnn-vysledky .platnost{font-size:12px;color:#888;margin:0 0 16px}
.csnn-vysledky .rada{display:flex;flex-wrap:wrap;margin:0 -10px}
.csnn-vysledky .polozka{padding:0 10px;flex:1;min-width:120px;border-left:3px solid #eee}
.csnn-vysledky .polozka:first-child{border-left:0}
.csnn-vysledky .hodnota{display:block;font-size:30px;font-weight:700;line-height:1.05;color:#1C7EA7}
.csnn-vysledky .stitek{display:block;font-size:13px;color:#555;margin-top:3px}
@media (max-width:600px){
  .csnn-vysledky .polozka{flex:0 0 100%;border-left:0;border-top:1px solid #eee;padding:10px 10px}
  .csnn-vysledky .polozka:first-child{border-top:0}
}

/* Novinky potřebují nad sebou vzduch, ať nelepí na předchozí blok. */
.row.hp h2.big.csnn-odsazeni{margin-top:46px}

/* ---------- Blok pro objednání služby ---------- */
.csnn-objednat{border:2px solid #1C7EA7;border-radius:8px;background:#f7fcff;padding:20px 22px;margin:0 0 24px}
.csnn-objednat h2{margin:0 0 6px;color:#1C7EA7;font-size:20px}
.csnn-objednat .zdarma{display:inline-block;background:#5D7A16;color:#fff;font-size:12px;font-weight:700;
                       padding:4px 11px;border-radius:20px;margin-bottom:14px;letter-spacing:.4px}
.csnn-kanaly{display:flex;flex-wrap:wrap;margin:0 -6px 12px}
.csnn-kanaly > div{padding:6px;flex:1 1 220px;display:flex}
.csnn-kanal{border:1px solid #cfe6f3;background:#fff;border-radius:6px;padding:12px 14px;width:100%}
.csnn-kanal .co{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:3px}
.csnn-kanal .hodnota{display:block;font-weight:700;color:#1C7EA7;word-break:break-word;font-size:15px}
.csnn-kanal a{color:#1C7EA7}
.csnn-objednat .navod{font-size:14px;margin:0;color:#333}
@media (max-width:700px){.csnn-kanaly > div{flex:1 1 100%}}

/* Perex a právní poznámka na stránkách služeb */
.csnn-perex{font-size:17px;line-height:1.55;color:#333;margin:0 0 20px}
.csnn-pravni{font-size:13px;color:#666;border-left:3px solid #e4e4e4;padding:6px 0 6px 14px;margin:22px 0}