/*
Theme Name: Hutermann blog
Description: Odvozena sablona od Twenty Fifteen pro blog e-shopu Hutermann.cz. Vzhled 093-designer, 12. 10. 2026. Navrat k puvodnimu vzhledu: prepnout sablonu zpet na Twenty Fifteen.
Author: Hutermann
Template: twentyfifteen
Version: 1.2
Text Domain: twentyfifteen
*/
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,700&subset=latin-ext');
body, button, input, select, textarea, .entry-content, .entry-title, .widget, .site-title { font-family: "Ubuntu", Arial, sans-serif !important; }
body { background: #f4f7fb !important; }
body:before { display: none !important; }
/* 1 pruh nahore misto postranniho panelu */
#sidebar.sidebar { position: static !important; float: none !important; width: 100% !important; max-width: none !important; margin: 0 !important; background: #08376D !important; }
#sidebar .site-header { margin: 0 !important; padding: 12px 24px !important; }
#sidebar .site-branding { display: flex; align-items: center; gap: 18px; min-height: 0 !important; padding: 0 !important; max-width: 1140px; margin: 0 auto; }
#sidebar .custom-logo-link img { display: block; height: 30px; width: auto; }
#sidebar .site-title { margin: 0 !important; font-size: 17px !important; font-weight: 400 !important; }
#sidebar .site-title a { color: #cfe0f5 !important; }
#sidebar .secondary, #sidebar .secondary-toggle { display: none !important; }
/* 2 obsah na stred */
.site-content { float: none !important; width: auto !important; max-width: 1140px; margin: 0 auto !important; padding: 24px 16px 40px !important; }
.site-main { padding: 0 !important; }
/* 3 titulni strana: dlazdice */
body.blog .site-main { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
body.blog .site-main > article.hentry { position: relative; margin: 0 !important; padding: 0 !important; max-height: 430px; overflow: hidden; background: #fff; border-radius: 10px; box-shadow: 0 2px 10px rgba(8,55,109,.10); display: flex; flex-direction: column; }
body.blog .site-main > article .entry-header { order: 2; padding: 14px 18px 0 !important; }
body.blog .site-main > article .entry-title { margin: 0 !important; font-size: 19px !important; line-height: 1.3 !important; font-weight: 700 !important; }
body.blog .site-main > article .entry-title a { color: #08376D !important; }
body.blog .site-main > article .entry-content { order: 3; padding: 8px 18px 0 !important; font-size: 15px !important; line-height: 1.5 !important; color: #444; }
body.blog .site-main > article .entry-content > *:not(p) { display: none !important; }
body.blog .site-main > article .entry-content > p { margin: 0 0 8px !important; font-weight: 400 !important; }
body.blog .site-main > article .entry-content strong, body.blog .site-main > article .entry-content b { font-weight: 400 !important; }
body.blog .site-main > article .entry-content img, body.blog .site-main > article .entry-content figure { display: none !important; }
body.blog .site-main > article .entry-footer { display: none !important; }
body.blog .site-main > article:after { content: "Číst článek →"; position: absolute; left: 0; right: 0; bottom: 0; padding: 46px 18px 14px; font-size: 15px; font-weight: 700; color: #08376D; background: linear-gradient(rgba(255,255,255,0), #fff 55%); pointer-events: none; }
body.blog .site-main > nav, body.blog .site-main > .navigation { grid-column: 1 / -1; }
/* stranka clanku: citelna sirka */
body.single .site-main > article.hentry { max-width: 760px; margin: 0 auto !important; padding: 28px 32px !important; background: #fff; border-radius: 10px; box-shadow: 0 2px 10px rgba(8,55,109,.10); }
body.single .entry-content { font-size: 17px !important; line-height: 1.65 !important; }
@media (max-width: 900px) { body.blog .site-main { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  body.blog .site-main { grid-template-columns: 1fr; gap: 14px; }
  body.blog .site-main > article.hentry { max-height: 300px; }
  #sidebar .site-title { display: none; }
}

/* ---- DOPLNENO 12. 10. 17:20 (Bara: "chybi mi tam fotky, aspon male, na uvod, dodam je") ----
   Uvodni fotka dlazdice. V sablone ji staci dat jako PRVNI vec do <article>:
     <a class="dl-foto" href="adresa clanku"><img src="..." alt="" width="800" height="450" loading="lazy"></a>
   Fotka se orizne na stred do pomeru 16 : 9, takze dulezita vec ma byt uprostred. */
body.blog .site-main > article .dl-foto { order: 1; display: block; flex: none; aspect-ratio: 16 / 9; overflow: hidden; background: #e8eef6; }
body.blog .site-main > article .dl-foto img { display: block !important; width: 100%; height: 100%; object-fit: cover; }
body.blog .site-main > article.hentry { max-height: 520px; }
@media (max-width: 600px) { body.blog .site-main > article.hentry { max-height: 420px; } }

/* ---- 092: radce (kalkulacka) uvnitr clanku ---- */
body.single .entry-content #radceOdvlhcovac { margin: 24px 0; }
body.single .entry-content #radceOdvlhcovac .rc-nadpis { margin: 0 0 4px; font-size: 24px; line-height: 1.2; font-weight: 700; color: #08376D; }
body.single .entry-content #radceOdvlhcovac a.rc-karta { border-bottom: 2px solid #dfe6ee; }
body.single .entry-content #radceOdvlhcovac label { text-transform: none; letter-spacing: 0; }

/* ---- 093: spodek clanku (komentare, formular, predchozi / dalsi clanek) ve stejnem vzhledu jako clanek, 12. 10. 2026 18:40 ---- */
.post-navigation, .post-navigation .post-title, .post-navigation .meta-nav,
.comments-area, .comments-title, .comment-reply-title, .comment-list, .comment-list *,
.comment-form label, .comment-form input, .comment-form textarea, .site-info { font-family: "Ubuntu", Arial, sans-serif !important; }
.post-navigation .post-title { font-size: 17px !important; line-height: 1.35 !important; font-weight: 700 !important; color: #08376D !important; }
.comment-form input[type="submit"] { background: #08376D !important; color: #fff !important; border-radius: 6px; font-size: 15px !important; letter-spacing: 0 !important; text-transform: none !important; padding: 12px 18px !important; }
.comment-form input[type="submit"]:hover { background: #0b4a92 !important; }
body.single .site-main > .comments-area, body.single .site-main > .post-navigation { max-width: 760px; margin: 16px auto 0 !important; border-radius: 10px; box-shadow: 0 2px 10px rgba(8,55,109,.10); overflow: hidden; }

/* ---- 093: kalkulacka v clanku a sirka textu na telefonu, 12. 10. 2026 21:09 ---- */
@media (max-width: 600px) {
  body.single .site-main > article.hentry { padding: 20px 16px !important; }
  body.single .site-main > article.hentry .entry-header,
  body.single .site-main > article.hentry .entry-content,
  body.single .site-main > article.hentry .entry-footer { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
}
.entry-content #radceOdvlhcovac #roSpocitat { height: auto !important; min-height: 50px; line-height: 1.25 !important; padding-top: 10px !important; padding-bottom: 10px !important; white-space: normal !important; }
.entry-content #radceOdvlhcovac .rc-karty { grid-template-columns: 1fr !important; }
.entry-content #radceOdvlhcovac .rc-jmeno { display: block !important; -webkit-line-clamp: unset !important; max-height: none !important; overflow: visible !important; white-space: normal !important; }