/* BEALIO – vlastní úpravy vzhledu (Claude, 2. 11. 2026, v2–v3: 3. 11. 2026). Při úpravě nahrát jako nový soubor (v2, v3…) a změnit odkaz v HTML kódech. */

/* Úvodní text na titulní straně – lvíček nad sekcí, text vystředěný k fotce */
.welcome .h1{font-size:28px;font-weight:600;line-height:1.3;margin:0 0 22px!important}
.welcome>div>p:first-of-type{font-size:22px;line-height:1.5;margin-bottom:16px}
.welcome>div>p{max-width:560px;margin-left:auto;margin-right:auto}
.container>.welcome-wrapper::before{content:"";display:block;width:35px;height:33px;background:url(/user/documents/gfx/headline_symbol.svg) center/contain no-repeat;margin:60px auto 10px}
@media (min-width:1200px){
.welcome{display:flex!important;flex-direction:row!important;align-items:center;min-height:0!important}
.welcome::before{position:static!important;order:0!important;flex:0 0 auto;margin:0!important}
.welcome>div{flex:1 1 auto;margin:0 0 0 40px!important;min-height:0!important;text-align:center}
}
@media (max-width:767px){.welcome .h1{font-size:24px}.welcome>div>p:first-of-type{font-size:19px}}

/* Horní lišta bez odkazů */
.top-navigation-bar-menu{display:none!important}

/* Patička – Důležité informace */
.custom-footer__articles .pageElement__heading{display:none!important}
.custom-footer__articles ul li{display:list-item!important}
.custom-footer__articles li:has(a[href*="jak-spravne-zjistit-velikost"]),.custom-footer__articles li:has(a[href="/pece-o-sperky/"]),.custom-footer__articles li:has(a[href*="proc-stribro"]){display:none!important}

/* Patička – Tipy a rady (obsah doplňuje bealio-upravy-v1.js) */
.custom-footer__section2 .bealio-tipy-h{display:block;font-family:Lora,serif;font-weight:400;font-size:22px;letter-spacing:.5px;margin:0 0 34px;padding:0;color:#24242e;line-height:1.3}
.custom-footer__section2 .bealio-tipy-h a{color:inherit;text-decoration:none}
.custom-footer__section2 .bealio-tipy-h a:hover{color:#e5b687}
.custom-footer__section2 ul.bealio-tipy{list-style:none;margin:0;padding:0}
.custom-footer__section2 ul.bealio-tipy li{margin:0 0 20px;line-height:16px;font-size:14px}
.custom-footer__section2 ul.bealio-tipy a{color:#000;font-size:15px;text-decoration:none}
.custom-footer__section2 ul.bealio-tipy a:hover{color:#e5b687}

/* Tabulky – Doprava, platba a služby + srovnání v Proč stříbro */
.in-cena-dopravy article table,.type-post .text table[border="1"]{width:100%!important;max-width:640px!important;margin:0 auto 26px!important;border-collapse:separate!important;border-spacing:0;border:1px solid #ececec!important;border-radius:10px;overflow:hidden;font-size:14px;background:#fff}
.in-cena-dopravy article table td,.in-cena-dopravy article table th,.type-post .text table[border="1"] td,.type-post .text table[border="1"] th{border:0!important;border-bottom:1px solid #f1f1f1!important;padding:12px 14px!important;vertical-align:middle!important;text-align:center;line-height:1.5}
.in-cena-dopravy article table tr:last-child td,.type-post .text table[border="1"] tr:last-child td{border-bottom:0!important}
.in-cena-dopravy article table thead th,.type-post .text table[border="1"] thead th{background:#faf6f1;font-weight:600;color:#24242e}
.in-cena-dopravy article table td:first-child,.type-post .text table[border="1"] td:first-child{text-align:left}
.in-cena-dopravy article table td:last-child{font-weight:700;white-space:nowrap;color:#24242e}
.in-cena-dopravy article table:has(thead) td:nth-child(n+3){font-weight:700;color:#24242e}
.in-cena-dopravy article table td:has(>img){width:112px;text-align:center!important;padding:10px 4px 10px 14px!important}
.in-cena-dopravy article table td:has(>img)+td{text-align:left!important;padding:12px 20px 12px 16px!important}
.in-cena-dopravy article table td>img{width:96px!important;height:56px!important;object-fit:contain;display:block!important;margin:0 auto!important}
.in-cena-dopravy article table td:has(>img.logo){width:92px}
.in-cena-dopravy article table td>img.logo{width:72px!important;height:32px!important}

/* Mobil – patička, články, tabulky */
@media (max-width:767px){
.custom-footer__section2{margin-top:30px}
.type-post .text>div.with_img>img,.type-page article>div>div.with_img>img{order:-1;margin:0 auto 6px!important}
.type-post .text h2,.type-page article h2{font-size:26px!important;line-height:1.25!important}
.type-post .text p,.type-post .text li,.type-page article p,.type-page article li{text-align:left!important}
.type-post .text p:has(>a.btn),.type-page article p:has(>a.btn){text-align:center!important}
.in-cena-dopravy article table,.type-post .text table[border="1"]{font-size:12.5px!important}
.in-cena-dopravy article table td,.in-cena-dopravy article table th,.type-post .text table[border="1"] td,.type-post .text table[border="1"] th{padding:8px 6px!important}
.in-cena-dopravy article table td:has(>img){width:70px;padding:8px 2px 8px 8px!important}
.in-cena-dopravy article table td:has(>img)+td{padding:8px 10px!important}
.in-cena-dopravy article table td>img{width:62px!important;height:40px!important}
.in-cena-dopravy article table td:has(>img.logo){width:62px}
.in-cena-dopravy article table td>img.logo{width:52px!important;height:24px!important}
}

/* ===== v2 (3. 11. 2026): kroky, karta s adresou, tlačítko na střed, formulář pro vrácení/výměnu/reklamaci ===== */
article ol.bealio-kroky{list-style:none!important;counter-reset:krok;max-width:560px!important;margin:6px auto 30px!important;padding:0!important}
article ol.bealio-kroky>li{counter-increment:krok;position:relative;list-style:none!important;padding:2px 0 0 60px!important;margin:0 0 22px!important;min-height:40px;text-align:left!important;line-height:1.75}
article ol.bealio-kroky>li::before{content:counter(krok);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:#faf6f1;border:1px solid #e5b687;color:#c58f5a;font-weight:700;font-size:17px;line-height:38px;text-align:center}
article ol.bealio-kroky>li strong:first-child{color:#24242e}
article ol.bealio-kroky a,article .bealio-karta a{color:#e5b687!important;text-decoration:underline!important}
article .bealio-karta{max-width:455px;margin:8px auto 30px;padding:22px 26px;background:#faf6f1;border-radius:14px;text-align:center}
article .bealio-karta p{margin:0!important;max-width:none!important;text-align:center!important;line-height:1.8}
article p.bealio-stred{text-align:center!important;max-width:none!important;margin:4px auto 30px!important;padding:0!important}
article p.bealio-stred a.btn{display:inline-block!important;padding:0 36px!important;line-height:56px!important;height:56px}

.bealio-formular{max-width:640px;margin:12px auto 40px;background:#fff;border:1px solid #ececec;border-radius:16px;padding:30px 32px;box-shadow:0 12px 34px rgba(36,36,46,.06);text-align:left;font-size:15px}
.bealio-formular .bf-taby{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0 0 24px}
.bealio-formular .bf-tab{border:1px solid #e5b687!important;background:#fff!important;color:#24242e!important;border-radius:999px!important;padding:9px 20px!important;font:inherit;font-size:15px!important;line-height:1.3!important;cursor:pointer;height:auto!important;min-height:0!important;text-transform:none!important;box-shadow:none!important;transition:background .15s,color .15s}
.bealio-formular .bf-tab:hover{background:#faf6f1!important}
.bealio-formular .bf-tab.on,.bealio-formular .bf-tab.on:hover{background:#e5b687!important;color:#fff!important}
.bealio-formular .bf-uvod{text-align:center;color:#656565;margin:-6px 0 20px;font-size:14.5px;line-height:1.6}
.bealio-formular .bf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.bealio-formular .bf-pole{min-width:0}
.bealio-formular .bf-pole.full{grid-column:1/-1}
.bealio-formular .bf-pole>label,.bealio-formular .bf-pole>.bf-lbl{display:block;font-size:14px;font-weight:600;color:#24242e;margin:0 0 6px;line-height:1.4}
.bealio-formular .bf-pole>label i,.bealio-formular .bf-pole>.bf-lbl i{color:#e5b687;font-style:normal}
.bealio-formular input[type=text],.bealio-formular input[type=email],.bealio-formular input[type=tel],.bealio-formular input[type=date],.bealio-formular textarea{display:block;width:100%!important;max-width:none!important;box-sizing:border-box;border:1px solid #dcdcdc!important;border-radius:10px!important;padding:11px 13px!important;font:inherit;font-size:15px!important;color:#24242e;background:#fff!important;height:auto!important;line-height:1.4!important;box-shadow:none!important;outline:none}
.bealio-formular input:focus,.bealio-formular textarea:focus{border-color:#e5b687!important;box-shadow:0 0 0 3px rgba(229,182,135,.22)!important}
.bealio-formular textarea{min-height:92px;resize:vertical}
.bealio-formular .bf-hint{font-size:12.5px;color:#9a9a9a;margin-top:5px;line-height:1.4}
.bealio-formular .bf-volby{display:flex;flex-wrap:wrap;gap:8px}
.bealio-formular .bf-volby label{display:inline-flex!important;align-items:center;gap:7px;border:1px solid #dcdcdc;border-radius:999px;padding:8px 14px;margin:0!important;font-size:14.5px;font-weight:400;color:#24242e;cursor:pointer;line-height:1.3}
.bealio-formular .bf-volby input{margin:0!important;accent-color:#e5b687;position:static!important;opacity:1!important;width:auto!important;height:auto!important}
.bealio-formular .bf-volby label:has(input:checked){border-color:#e5b687;background:#faf6f1}
.bealio-formular .bf-chyba input,.bealio-formular .bf-chyba textarea,.bealio-formular .bf-chyba .bf-volby label{border-color:#d9534f!important}
.bealio-formular .bf-chyba .bf-hint{color:#d9534f}
.bealio-formular .bf-zprava{display:none;margin:18px 0 0;padding:10px 14px;border-radius:10px;background:#fdf1f0;color:#b5413c;font-size:14px;text-align:center}
.bealio-formular .bf-akce{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.bealio-formular .bf-btn{border:1px solid #e5b687!important;border-radius:0!important;background:#e5b687!important;color:#fff!important;font:inherit;font-weight:700!important;font-size:15px!important;text-transform:uppercase;letter-spacing:.3px;padding:15px 24px!important;cursor:pointer;line-height:1.2!important;height:auto!important}
.bealio-formular .bf-btn:hover{background:#d9a774!important;border-color:#d9a774!important}
.bealio-formular .bf-btn.sec{background:#fff!important;color:#24242e!important;border-color:#24242e!important}
.bealio-formular .bf-btn.sec:hover{background:#24242e!important;color:#fff!important}
.bealio-formular .bf-info{font-size:13px;color:#8a8a8a;text-align:center;margin:16px 0 0;line-height:1.6}
@media (max-width:767px){
.bealio-formular{padding:22px 16px;border-radius:12px}
.bealio-formular .bf-grid{grid-template-columns:1fr}
.bealio-formular .bf-btn{width:100%}
article ol.bealio-kroky>li{padding-left:54px!important}
article ol.bealio-kroky>li::before{width:36px;height:36px;line-height:34px;font-size:15px}
}

/* v3: kotvy (#formular, #vymena) se po prokliku neschovají pod horní lištu */
#formular,#vymena{scroll-margin-top:170px}
@media (max-width:767px){#formular,#vymena{scroll-margin-top:130px}}
