@charset "windows-1250";
/* ========== Obecne direktivy ========== */
* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
	font-size: 62.5%;
}
body {
	height: 100%;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: navy;
	padding-bottom: 60px;
	background: linear-gradient(to right, #b8b8b8 0%, #c4c4c4 28%, #d0d0d0 50%, #c4c4c4 72%, #b8b8b8 100%);
}
table {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	margin-left: 5px;
}
td {
	padding: 3px;
}
form {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}
/* ========== Layout ========== */
#obal {
	width: 95%;
	max-width: 1200px;
	min-width: 1200px;
	margin: 20px auto 0 auto;
	text-align: left;
	border: 1px #000000;
	background-color: transparent;
}

a {
	color: blue;
	text-decoration: none;
	font-weight: normal;
}
a:visited {
	text-decoration: none;
	color: brown;
}
a:hover {
	text-decoration: none;
	color: red;
}
a:active {
	text-decoration: none;
}

#hlavicka {
    position: relative;
    width: 100%;
    height: 162px;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    border: 2px solid #000000;
    border-radius: 22px;
    background-image: none;
    box-shadow: 0 10px 22px rgba(0,0,0,0.18);
}

/* NOVÁ FLAT SEZÓNNÍ HLAVIČKA */
#hlavicka.header-jaro {
    background: #B0C4DE;
}
#hlavicka.header-leto {
    background: #B0C4DE;
}
#hlavicka.header-podzim {
    background: #B0C4DE;
}
#hlavicka.header-zima {
    background: #B0C4DE;
}

#hlavicka:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    pointer-events: none;
}

#hlavicka.header-jaro:before {
    background:
        radial-gradient(circle at 92% 16%, rgba(255,255,255,0.26) 0, rgba(255,255,255,0.26) 28px, transparent 29px),
        radial-gradient(circle at 10% 84%, rgba(255,255,255,0.16) 0, rgba(255,255,255,0.16) 22px, transparent 23px);
}
#hlavicka.header-leto:before {
    background:
        radial-gradient(circle at 92% 16%, rgba(255,255,255,0.26) 0, rgba(255,255,255,0.26) 28px, transparent 29px),
        radial-gradient(circle at 10% 84%, rgba(255,255,255,0.16) 0, rgba(255,255,255,0.16) 22px, transparent 23px);
}
#hlavicka.header-podzim:before {
    background:
        radial-gradient(circle at 92% 16%, rgba(255,255,255,0.26) 0, rgba(255,255,255,0.26) 28px, transparent 29px),
        radial-gradient(circle at 10% 84%, rgba(255,255,255,0.16) 0, rgba(255,255,255,0.16) 22px, transparent 23px);
}
#hlavicka.header-zima:before {
    background:
        radial-gradient(circle at 92% 16%, rgba(255,255,255,0.26) 0, rgba(255,255,255,0.26) 28px, transparent 29px),
        radial-gradient(circle at 10% 84%, rgba(255,255,255,0.16) 0, rgba(255,255,255,0.16) 22px, transparent 23px);
}

.header-inner {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 9px 30px 9px 24px;
}

.header-station {
    flex: 0 0 215px;
    height: 142px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-station img {
    display: block;
    width: auto;
    height: auto;
    max-width: 186px;
    max-height: 130px;
}

.header-copy {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000000;
}

.header-main-title {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 72px;
    line-height: 0.92;
    font-weight: 900;
    letter-spacing: 0.6px;
    white-space: nowrap;
    color: #000000;
}

#hlavicka.header-jaro .header-place { color: #000000; }
#hlavicka.header-leto .header-place { color: #000000; }
#hlavicka.header-podzim .header-place { color: #000000; }
#hlavicka.header-zima .header-place { color: #000000; }

.header-place {
    margin: 7px 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 40px;
    line-height: 1;
    font-weight: 800;
    white-space: nowrap;
}

.header-model {
    position: absolute;
    right: 7%;
    top: 61%;
    width: auto;
    margin: 0;
    padding: 0;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    color: #000000;
    white-space: nowrap;
}

.header-season-icon {
    flex: 0 0 200px;
    width: 200px;
    height: 142px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-season-icon svg {
    display: block;
    width: 142px;
    height: 142px;
}

#hlavicka h1 {
    margin: 0;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    text-align: inherit;
}

@media (max-width: 900px) {
    /* Mobil: zachovány proporce desktopové hlavičky.
       Pouze text je výraznější a sezónní ikona o něco menší než dříve. */

    #hlavicka {
        height: 190px;
        border-radius: 20px;
    }

    .header-inner {
        padding: 8px 26px 8px 22px;
    }

    .header-station {
        flex-basis: 205px;
        height: 170px;
    }

    .header-station img {
        max-width: 178px;
        max-height: 132px;
    }

    .header-main-title {
        font-size: 80px;
        line-height: 0.92;
        letter-spacing: 0.3px;
        font-family: "Arial Black", Arial, Helvetica, sans-serif;
        font-weight: 900;
        -webkit-text-stroke: 2.6px #000000;
        text-shadow: 0 0 0.01px #000000;
    }

    .header-place {
        font-size: 42px;
        margin-top: 7px;
        font-family: "Arial Black", Arial, Helvetica, sans-serif;
        font-weight: 900;
        -webkit-text-stroke: 1.3px #000000;
        text-shadow: 0 0 0.01px #000000;
    }

    .header-model {
        position: absolute;
        right: calc(7% + 12px);
        top: 61%;
        font-size: 12px;
        margin: 0;
        padding: 0;
        text-align: right;
    }

    .header-season-icon {
        flex-basis: 190px;
        width: 190px;
        height: 170px;
    }

    .header-season-icon svg,
    .header-season-icon img {
        width: 150px;
        height: 150px;
    }
}

#nadpis {
	padding: 10px;
	border-bottom: 1px #000000;
	background: #b0c4de;
	border: 2px solid #000000;
	border-radius: 10px;
}
#telo {
	padding: 10px;
	border-bottom: 1px #000000;
	background: #e4e4e4;
	border: 2px solid #000000;
	border-radius: 20px;
}
#sloupec1 {
	float: right;
	width: 79%;
	text-align: justify;
	line-height: 1.3em;
}
#sloupec2 {
	display: block;
	float: left;
	width: 21%;
	text-align: left;
	margin-left: 0px;
	margin-top: 45px;
	line-height: 1.2em;
}
#sloupec1-in, #sloupec2-in {
	margin: 0.8em 1.2em;
}
#paticka {
	padding: 10px;
	border-top: 1px #000000;
	background: #a9a9a9;
	border: 2px solid #000000;
	border-radius: 10px;
}
.cleaner {
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}
caption {
	font-size: 95%;
	font-style: normal;
	font-weight: bold;
	letter-spacing: .1em;
	padding-top: 0.5em;
	padding-bottom: 0.25em;
	text-align: left;
}
table {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

td {
	font-size: 100%;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	color: #222222;
}

.site_data {
	text-align: right;
	background-color: #F1D3B7;
	
}
.colon_separator {
	font-weight: 400;
	background-position: left;
}

.tr-color {
  background-color: #F5F5F5;
}

/* ========== Menu horní ========== */
.menu_rep_container a, .menu_rep_container a:link, .menu_rep_container a:visited, .menu_rep_container a:hover, .menu_rep_container a:active {
	color: #1f1f1f;
	text-decoration: none;
	background-color: #f4f4ee;
}
.menu_rep_nav {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	border: 1px solid rgba(0,0,0,0.35);
	border-radius: 7px;
	padding: 3px 9px;
	color: #e3342f;
	background-color: #f4f4ee;
	box-shadow: 0 1px 3px rgba(0,0,0,0.14);
	transition: background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}
a.menu_rep_nav:hover {
	color: #111111;
	background-color: #ffffff;
	border-color: #617a98;
	box-shadow: 0 2px 8px rgba(32,70,115,0.35);
	transform: translateY(-1px);
}
a.menu_rep_nav:active {
	transform: translateY(0);
	box-shadow: 0 1px 3px rgba(32,70,115,0.25);
}

/* ========== Menu boční ========== */
ul#navlist {
	width: 158px;
	font: bold 12px verdana, helvetica, arial, sans-serif;
}
ul#navlist li {
	list-style: none;
}
ul#navlist li a {
	display: block;
	width: 180px;
	padding: 5px 8px;
	border: 1px solid rgba(0,0,0,0.32);
	border-radius: 8px;
	background: #f5deb3;
	text-decoration: none;
	text-align: center;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	transition: background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}
ul#navlist li a:link {
	color: #000000;
}
div#navcontainer li a:visited {
	color: #000000;
}
ul#navlist li a:hover {
	color: #111111;
	border-color: rgba(0,0,0,0.50);
	box-shadow: 0 2px 8px rgba(32,70,115,0.30);
	filter: brightness(1.05);
	transform: translateY(-1px);
}

/* --- Jednotlivá tlačítka menu podle odkazů --- */
ul#navlist a[href*="uvindex"] { background: #ECC06F; color: #000000; }
ul#navlist a[href*="astro"] { background: #ECC06F; color: #000000; }
ul#navlist a[href*="et.php"] { background: #ECC06F; color: #000000; }
ul#navlist a[href*="bourky.php"] { background: #ECC06F; color: #000000; }
ul#navlist a[href*="meteo-forecast"] { background: #ECC06F; color: #000000; }
ul#navlist a[href*="radar.php"] { background: #B6E0E0; color: #000000; border-color: #4D9B9B; }
ul#navlist a[href*="jihomoravsky-kraj"] { background: #B3CAF5; color: #000000; }
ul#navlist a[href*="radar-nowcast"] { background: #B3CAF5; color: #000000; }
ul#navlist a[href*="aladin"] { background: #B3CAF5; color: #000000; }
ul#navlist a[href*="synopticka_mapa"] { background: #B3CAF5; color: #000000; }
ul#navlist a[href*="imap"] { background: #B3CAF5; color: #000000; }
ul#navlist a[href*="m.pocasidomasov"] { background: #C4D8C4; color: #000000; }
ul#navlist a[href*="info"] { background: #C4D8C4; color: #000000; }
ul#navlist a[href*="status"] { background: #C4D8C4; color: #000000; }

ul#navlist a[href*="radar.php"]:hover {
    background: #D2EEEE;
    border-color: #357D7D !important;
    color: #111111 !important;
    box-shadow: 0 2px 8px rgba(53,125,125,0.30) !important;
    filter: none;
}


/* ========== Menu boční jiná barva========== */
ul#navlist1 {
	width: 158px;
	font: bold 12px verdana, helvetica, arial, sans-serif;
}
ul#navlist1 li {
	list-style: none;
}
ul#navlist1 li a {
	display: block;
	width: 180px;
	padding: 5px 8px;
	border: 1px solid rgba(0,0,0,0.32);
	border-radius: 8px;
	background: #FFDAB9;
	text-decoration: none;
	text-align: center;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	transition: background-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
}
ul#navlist1 li a:link { color: #000000; }
div#navcontainer1 a:visited { color: #000000; }
ul#navlist1 li a:hover { color: #111111; box-shadow: 0 2px 6px rgba(0,0,0,0.18); }

/* ========== obal chmi ========== */
#chmi {
	display: block;
	width: 180px;
	padding: 10px;
	background: #b0c4de;
	border: 1px solid #000000;
	border-radius: 10px;
	color: #000000;
}

/* ========== obal cal ========== */
#cal {
	display: block;
	width: 150px;
	padding: 4px;
	background: #D3D3D3;
	border-radius: 10px;
	color: #000000;
}

/* ========== Predpoved tooltip ========== */	
/* Oprava pouze tooltipu - bez zasahu do ostatniho layoutu. */
a.tooltip {
    position: relative;
    z-index: auto;
    cursor: help;
}

a.tooltip em {
    font-style: normal;
    display: none;
}

a.tooltip:hover {
    font-size: 100%;
    z-index: 9999;
}

a.tooltip:hover em {
    position: absolute;
    z-index: 10000;
    display: block !important;
    top: -150px;
    left: 10px;
    width: 300px;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    color: #000000;
    font-size: 82%;
    line-height: 1.35;
    text-decoration: none;
    background: #f4f4ee !important;
    background-color: #f4f4ee !important;
    opacity: 1 !important;
    filter: none !important;
    border: 1px solid #c9c9c2;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}

a.tooltip:hover em * {
    opacity: 1 !important;
}

/* ========== Oprava horního menu POUZE pro mobily (max šířka 768px) ========== */
@media (max-width: 768px) {
  .menu_rep_nav_container center {
    display: block !important;
    text-align: center !important;
  }

  .menu_rep_nav {
    display: inline-block !important;
    margin: 3px !important;
    padding: 5px 8px !important;
  }
}

/* MODERNI_TLACITKA_START */

/* Horni menu */
.menu_rep_nav {
    display: inline-block;
    text-align: center;
    border: 1px solid rgba(0,0,0,0.35) !important;
    border-radius: 7px !important;
    padding: 3px 9px;
    background-color: #f4f4ee;
    box-shadow: 0 1px 3px rgba(0,0,0,0.14);
    transition: background-color .15s ease, box-shadow .15s ease,
                border-color .15s ease, transform .15s ease;
}

a.menu_rep_nav:hover {
    color: #111111 !important;
    background-color: #ffffff !important;
    border-color: #617a98 !important;
    box-shadow: 0 2px 8px rgba(32,70,115,0.35) !important;
    transform: translateY(-1px);
}

a.menu_rep_nav:active {
    color: #111111 !important;
    transform: translateY(0);
    box-shadow: 0 1px 3px rgba(32,70,115,0.25) !important;
}

/* Bocni menu - barvy kategorii zustavaji zachovane */
ul#navlist li a,
ul#navlist1 li a {
    padding: 5px 8px !important;
    border: 1px solid rgba(0,0,0,0.32) !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
    transition: box-shadow .15s ease, border-color .15s ease,
                transform .15s ease, filter .15s ease;
}

ul#navlist li a:hover,
ul#navlist1 li a:hover {
    color: #111111 !important;
    border-color: rgba(0,0,0,0.50) !important;
    box-shadow: 0 2px 8px rgba(32,70,115,0.30) !important;
    filter: brightness(1.05);
    transform: translateY(-1px);
}

/* Prepinace grafu a tabulek */
.graph-switch button,
.filters button,
button[data-metric],
button[data-int],
.tab-switch button,
.table-switch button,
.period-switch button,
.switch-buttons button {
    border-radius: 7px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
    transition: box-shadow .15s ease, border-color .15s ease,
                transform .15s ease, filter .15s ease;
}

.graph-switch button:hover,
.filters button:hover,
button[data-metric]:hover,
button[data-int]:hover,
.tab-switch button:hover,
.table-switch button:hover,
.period-switch button:hover,
.switch-buttons button:hover {
    color: #111111 !important;
    border-color: rgba(0,0,0,0.45) !important;
    box-shadow: 0 2px 7px rgba(32,70,115,0.28) !important;
    filter: brightness(1.04);
    transform: translateY(-1px);
}

.graph-switch button:active,
.filters button:active,
button[data-metric]:active,
button[data-int]:active,
.tab-switch button:active,
.table-switch button:active,
.period-switch button:active,
.switch-buttons button:active {
    transform: translateY(0);
}

/* Vyber roku u rocniho grafu */
.year-select,
.year-arrow,
.year-switch a {
    border-radius: 7px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12);
    transition: box-shadow .15s ease, border-color .15s ease,
                transform .15s ease, filter .15s ease;
}

.year-arrow:hover,
.year-switch a:hover {
    color: #111111 !important;
    border-color: #617a98 !important;
    box-shadow: 0 2px 7px rgba(32,70,115,0.28) !important;
    filter: brightness(1.04);
    transform: translateY(-1px);
}

/* MODERNI_TLACITKA_END */

/* MODERNI_OBECNA_TLACITKA_START */

/* Obecna tlacitka a stare prepinace */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.button,
.btn,
a.button,
a.btn {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #111111 !important;
    background: #f4f4ee;
    border: 1px solid rgba(0,0,0,0.38);
    border-radius: 7px;
    padding: 4px 9px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.14);
    cursor: pointer;
    text-decoration: none;
    transition:
        background-color .15s ease,
        box-shadow .15s ease,
        border-color .15s ease,
        transform .15s ease,
        filter .15s ease;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
.button:hover,
.btn:hover,
a.button:hover,
a.btn:hover {
    color: #111111 !important;
    background: #ffffff;
    border-color: #617a98;
    box-shadow: 0 2px 8px rgba(32,70,115,0.35);
    transform: translateY(-1px);
}

button:active,
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active,
.button:active,
.btn:active,
a.button:active,
a.btn:active {
    color: #111111 !important;
    transform: translateY(0);
    box-shadow: 0 1px 3px rgba(32,70,115,0.25);
}

/* Aktivni prepinace, ktere uz maji vlastni barvu, si ji ponechaji */
button.active,
input.active,
.button.active,
.btn.active {
    color: #111111 !important;
}

/* Disabled zustane zretelne neaktivni */
button:disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled {
    opacity: .48;
    cursor: default;
    transform: none;
    box-shadow: none;
}

/* MODERNI_OBECNA_TLACITKA_END */

/* ============================================================
   TEST V2 - kompaktní horní přehled pod souřadnicemi
   ============================================================ */

.home-top-weather {
    width: 98%;
    box-sizing: border-box;
    margin: 0 auto 16px auto;
    color: #111111;
}

.home-top-weather-title {
    margin: 0 0 8px 0;
    padding: 0 2px;
    color: navy;
    font-weight: bold;
    font-size: 110%;
    text-align: left;
}

/* Pořadí jako u původního rychlého přehledu:
   nadpis -> stavový proužek -> hodnoty. */
.home-current-condition {
    width: 100%;
    box-sizing: border-box;
    min-height: 28px;
    margin: 0 0 7px 0;
    padding: 5px 10px;
    background: #B0C4DE;
    border: 0;
    border-radius: 8px;
    color: #111111;
    font-weight: bold;
    line-height: 1.2;
    display: flex;
    align-items: center;
}

.home-current-condition-text {
    flex: 1 1 auto;
    min-width: 0;
    text-align: center;
}


/* Grid umožní dát Solar a Tlak trochu širší,
   takže se hodnoty vejdou i s původně větším fontem. */
.home-weather-cards {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1.18fr 0.84fr 1fr 1fr 1.20fr;
    gap: 5px;
    align-items: stretch;
}

.home-weather-card {
    position: relative;
    min-width: 0;
    height: 60px;
    box-sizing: border-box;
    padding: 9px 4px 5px 4px;
    background: #f4f4ee;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.11);
    overflow: hidden;
    text-align: center;
}

/* 4px proužek - stejné barvy jako spodní tabulka. */
.home-weather-card:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
    background: var(--home-accent);
}

.home-weather-temp     { --home-accent: #f08080; background: #fff3f2; }
.home-weather-hum      { --home-accent: #78C6C3; background: #f0f9f8; }
.home-weather-solar    { --home-accent: #FFE4B5; background: #fff9eb; }
.home-weather-uv       { --home-accent: #B19CD9; background: #f6f1fb; }
.home-weather-rain     { --home-accent: #87CEEB; background: #f0f8fc; }
.home-weather-wind     { --home-accent: #85A5C1; background: #f1f5f8; }
.home-weather-pressure { --home-accent: #69A6A8; background: #eff8f6; }

.home-weather-card-title {
    margin: 0 0 8px 0;
    font-size: 86%;
    line-height: 1;
    font-weight: bold;
    color: #111111;
    white-space: nowrap;
}

.home-weather-card-value {
    margin: 0;
    font-size: 136%;
    line-height: 1;
    font-weight: bold;
    color: #000000;
    white-space: nowrap;
}

.home-weather-card-value sup {
    font-size: 65%;
}

@media (max-width: 900px) {
    .home-weather-cards {
        gap: 4px;
        grid-template-columns: 1fr 1fr 1.18fr 0.84fr 1fr 1fr 1.20fr;
    }

    .home-weather-card {
        height: 60px;
        padding-left: 3px;
        padding-right: 3px;
    }

    .home-weather-card-title {
        font-size: 84%;
    }

    .home-weather-card-value {
        font-size: 132%;
    }

    .home-current-condition-time {
        font-size: 88%;
    }
}

/* ============================================================
   TEST V5 - astronomie + stav stanice nahoře, info box dole
   ============================================================ */

.home-astro-title {
    width: 98%;
    box-sizing: border-box;
    margin: 0 auto 10px auto;
    padding: 0 2px;
    color: navy;
    font-weight: bold;
    text-align: left;
}

.home-astro-status-row {
    width: 98%;
    box-sizing: border-box;
    margin: 0 auto 18px auto;
    display: flex;
    align-items: stretch;
    gap: 12px;
}

.home-astro-card {
    flex: 1 1 auto;
    min-width: 0;
    box-sizing: border-box;
    background: #f4f4ee;
    border-radius: 12px;
    box-shadow: 0 3px 9px rgba(0,0,0,0.11);
    overflow: hidden;
}

.home-astro-table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse;
    border-spacing: 0;
}

.home-astro-table > tbody > tr > td {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.home-station-card {
    flex: 0 0 150px;
    width: 150px;
    box-sizing: border-box;
    padding: 10px 8px 8px 8px;
    background: #B0C4DE;
    border-radius: 12px;
    box-shadow: 0 3px 9px rgba(0,0,0,0.11);
    color: #000000;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.home-station-day {
    margin: 0;
    font-size: 180%;
    line-height: 1;
    font-weight: bold;
}

.home-station-date {
    margin: 5px 0 9px 0;
    font-size: 122%;
    line-height: 1;
    font-weight: bold;
}

.home-station-label {
    margin: 0 0 6px 0;
    font-size: 78%;
    font-weight: bold;
}

.home-station-badge {
    display: inline-block;
    margin: 0 0 5px 0;
    padding: 1px 5px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 84%;
    line-height: 1.1;
    font-weight: bold;
}

.home-station-online { background: green; }
.home-station-offline { background: red; }

.home-station-icon {
    display: block;
    width: 72px;
    height: 72px;
    margin: 0 auto;
    object-fit: contain;
}

.home-bottom-info {
    width: 98%;
    box-sizing: border-box;
    margin: 20px auto 4px auto;
}

.home-bottom-info .info-box {
    width: 100%;
}

@media (max-width: 900px) {
    .home-astro-status-row {
        gap: 10px;
    }

    .home-station-card {
        flex-basis: 145px;
        width: 145px;
    }

    .home-station-day {
        font-size: 168%;
    }

    .home-station-date {
        font-size: 115%;
    }
}


/* ============================================================
   TEST V6 - krátkodobá předpověď + 24h mini grafy nad astronomií
   ============================================================ */

.home-trends-block {
    width: 98%;
    box-sizing: border-box;
    margin: 6px auto 18px auto;
}

.home-forecast-strip {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 8px 0;
    padding: 6px 12px;
    background: #B0C4DE;
    border: 0;
    border-radius: 8px;
    color: #111111;
    font-weight: bold;
    text-align: center;
    line-height: 1.25;
}

.home-forecast-strip #toTranslate {
    color: #111111;
    font-weight: bold;
}

.home-spark-card {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background: #f4f4ee;
    border: 0;
    border-radius: 11px;
    box-shadow: 0 3px 9px rgba(0,0,0,0.11);
    overflow: hidden;
}

.home-spark-table {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0;
    font-weight: bold;
}

.home-spark-table td {
    border: 0;
}

.home-spark-table tr:first-child td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    background: #B0C4DE !important;
    color: #222222;
    text-align: center !important;
}

.home-spark-table tr:first-child td:first-child {
    border-top-left-radius: 10px;
}

.home-spark-table tr:first-child td:last-child {
    border-top-right-radius: 10px;
}

.home-spark-table tr:last-child td {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    background: #f4f4ee !important;
    text-align: center;
}

.home-spark-table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.home-spark-table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

/* Astronomie po přesunu trendů nepotřebuje modré oddělovací čáry. */
.home-astro-title {
    margin-top: 2px !important;
}

/* Na mobilním zobrazení držíme původní pětici grafů v jednom řádku,
   protože celý web stejně zachovává desktopovou minimální šířku. */
@media (max-width: 900px) {
    .home-trends-block {
        width: 98%;
    }

    .home-forecast-strip {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .home-spark-table tr:last-child td {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }
}


/* ============================================================
   TEST V7 - užší levý sloupec, více místa pro hlavní obsah
   Celková šířka webu 1200 px zůstává beze změny.
   ============================================================ */

/* Původně 79 / 21 %. */
#sloupec1 {
    width: 82.5% !important;
}

#sloupec2 {
    width: 17.5% !important;
}

/* U levého sloupce zmenšit boční rezervy, aby nebyl stísněný. */
#sloupec2-in {
    margin-left: 0.45em !important;
    margin-right: 0.45em !important;
}

/* Kompaktnější boční menu. */
ul#navlist {
    width: 170px !important;
    margin: 0 auto !important;
}

ul#navlist li {
    margin: 0 0 7px 0 !important;
}

ul#navlist li br,
ul#navlist > br {
    display: none !important;
}

ul#navlist li a {
    width: 166px !important;
    box-sizing: border-box !important;
    padding: 5px 6px !important;
}

/* Levé informační panely sjednotit na novou šířku. */
#sloupec2 #chmi {
    width: 168px !important;
    box-sizing: border-box !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Meteoblue iframe se už do užšího panelu vejde bez změny obsahu. */
#sloupec2 #chmi iframe {
    max-width: 154px !important;
}

/* Dnešní extrémy a případná ČHMÚ výstraha respektují šířku panelu. */
#sloupec2 .extremy-panel {
    width: 100% !important;
}

#sloupec2 .extremy-cards,
#sloupec2 .chmu-alert-list {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#sloupec2 .extremy-card,
#sloupec2 .chmu-alert-card {
    padding-left: 7px !important;
    padding-right: 5px !important;
}

/* Mini grafy: využít získanou šířku naplno a ubrat vnitřní rezervy. */
.home-trends-block {
    width: 99% !important;
}

.home-spark-table td {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

/* Hlavní obsah může využít téměř celou novou šířku pravého sloupce. */
.home-top-weather,
.home-astro-row,
.home-detail-heading {
    width: 99% !important;
}

/* Mobil stále drží stejnou desktopovou koncepci webu. */
@media (max-width: 900px) {
    #sloupec1 {
        width: 82.5% !important;
    }

    #sloupec2 {
        width: 17.5% !important;
    }
}


/* ============================================================
   TEST V10 - návrat bočního sloupce s kratšími názvy tlačítek
   Celková šířka webu 1200 px zůstává beze změny.
   ============================================================ */

/* O něco širší sidebar než ve V7, ale stále více místa pro obsah než původně. */
#sloupec1 {
    width: 81% !important;
}

#sloupec2 {
    width: 19% !important;
}

/* Vnitřní odsazení bočního sloupce vrátit do přirozenější podoby. */
#sloupec2-in {
    margin-left: 0.8em !important;
    margin-right: 0.8em !important;
}

/* Menu má znovu plnohodnotnou šířku, ale díky kratším názvům vše zůstává v jednom řádku. */
ul#navlist {
    width: 186px !important;
    margin: 0 auto !important;
}

ul#navlist li {
    margin: 0 0 8px 0 !important;
}

ul#navlist li br,
ul#navlist > br {
    display: none !important;
}

ul#navlist li a {
    width: 182px !important;
    box-sizing: border-box !important;
    padding: 5px 8px !important;
    white-space: nowrap !important;
}

/* Boční panely znovu trochu širší, aby nepůsobily namačkaně. */
#sloupec2 #chmi {
    width: 184px !important;
    box-sizing: border-box !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#sloupec2 #chmi iframe {
    max-width: 168px !important;
}

#sloupec2 .extremy-panel {
    width: 100% !important;
}

#sloupec2 .extremy-cards,
#sloupec2 .chmu-alert-list {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

#sloupec2 .extremy-card,
#sloupec2 .chmu-alert-card {
    padding-left: 8px !important;
    padding-right: 6px !important;
}

/* Hlavní obsah stále využívá téměř celou šířku pravého sloupce. */
.home-top-weather,
.home-trends-block,
.home-astro-row,
.home-detail-heading {
    width: 99% !important;
}

/* Mini grafy jen lehce utáhnout, ne zmenšovat samotné grafy. */
.home-spark-table td {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

@media (max-width: 900px) {
    #sloupec1 {
        width: 81% !important;
    }

    #sloupec2 {
        width: 19% !important;
    }
}


/* ============================================================
   TEST V12 - opravená struktura po přesunech
   ============================================================ */

.home-blue-divider {
    width: 99%;
    height: 2px;
    margin: 14px auto;
    background: navy;
    border: 0;
}

.sidebar-calendar-wrap {
    width: 184px;
    margin: 2px auto 14px auto;
    text-align: center;
}

.sidebar-station-card {
    width: 184px !important;
    min-height: 188px;
    box-sizing: border-box;
    margin: 0 auto !important;
    padding: 10px 8px 8px 8px;
    flex: none !important;
}

.sidebar-holiday {
    display: inline-block;
    margin: 8px auto 0 auto;
    padding: 4px 9px;
    color: #111111;
    background: #B0C4DE;
    border-radius: 7px;
    font-size: 88%;
    font-weight: bold;
    line-height: 1.2;
    box-shadow: 0 1px 3px rgba(0,0,0,0.10);
}

.home-astro-status-row {
    display: block !important;
}

.home-astro-card {
    width: 100% !important;
}

.home-bottom-widgets {
    width: 98%;
    box-sizing: border-box;
    margin: 18px auto 6px auto;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 34px;
    background: #f4f4ee;
    border-radius: 14px;
    box-shadow: 0 3px 9px rgba(0,0,0,0.11);
}

.home-bottom-widget {
    flex: 0 0 auto;
    text-align: center;
}

.home-bottom-widgets #chmi {
    width: 190px !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
}

.home-bottom-widgets #chmi iframe {
    max-width: none !important;
}

.home-bottom-widgets .extremy-panel {
    width: 170px !important;
    margin: 0 auto !important;
}

.home-bottom-info {
    margin-top: 16px !important;
}


/* ============================================================
   TEST V13 - více vzduchu v rychlém přehledu + užší mini grafy
   ============================================================ */

/* Svátek přesně stejně široký jako karta kalendáře/stavu. */
.sidebar-holiday {
    display: block !important;
    width: 184px !important;
    box-sizing: border-box !important;
    margin: 8px auto 0 auto !important;
    padding: 5px 8px !important;
    text-align: center !important;
}

/* Rychlý přehled: více vertikálního prostoru bez dalšího mačkání na šířku. */
.home-weather-card {
    height: 70px !important;
    padding-top: 11px !important;
    padding-bottom: 8px !important;
}

.home-weather-card-title {
    margin-bottom: 10px !important;
    line-height: 1.05 !important;
}

.home-weather-card-value {
    line-height: 1.05 !important;
}

/* Jemně větší mezera mezi bannerem podmínek a kartami. */
.home-current-condition {
    margin-bottom: 9px !important;
}

/* Mini grafy: každá pětina má pevně 20 % a minimum vnitřních rezerv. */
.home-spark-table {
    table-layout: fixed !important;
}

.home-spark-table td {
    width: 20% !important;
    box-sizing: border-box !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    overflow: hidden !important;
}

.home-spark-table tr:last-child td {
    white-space: nowrap !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

/* Samotná karta grafů může využít o chlup více prostoru v hlavním sloupci. */
.home-trends-block {
    width: 100% !important;
}

.home-spark-card {
    width: 100% !important;
}


/* ============================================================
   TEST V14 - větší odstup kalendáře + test dlouhé předpovědi
   ============================================================ */

/* Výraznější oddělení bočního menu od kalendáře/stavu stanice. */
.sidebar-calendar-wrap {
    margin-top: 30px !important;
}

/* Dlouhá předpověď se smí přirozeně zalomit na více řádků. */
.home-forecast-strip {
    min-height: 28px;
    height: auto !important;
    white-space: normal !important;
    overflow: visible !important;
    line-height: 1.3 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.home-forecast-strip #toTranslate {
    display: inline;
    white-space: normal !important;
    overflow-wrap: normal;
    word-break: normal;
}


/* ============================================================
   TEST V15 - předpověď pod mini grafy + výraznější horní karty
   ============================================================ */

/* Horní karty: výraznější typografie. */
.home-weather-card-title {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 90% !important;
    font-weight: 800 !important;
    letter-spacing: 0.05px;
}

.home-weather-card-value {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 145% !important;
    font-weight: 800 !important;
    letter-spacing: 0.1px;
}

/* Mezera mezi mini grafy a předpovědním pruhem. */
.home-spark-card + .home-forecast-strip {
    margin-top: 10px !important;
}

/* Předpověď je poslední prvek trendového bloku. */
.home-trends-block .home-forecast-strip {
    margin-bottom: 0 !important;
}

/* Větší odstup mezi předpovědí a následující modrou dělicí čárou. */
.home-trends-block {
    margin-bottom: 16px !important;
}


/* ============================================================
   TEST V16 - typografie horních karet podle původního přehledu
   ============================================================ */

/* Popisky znovu decentní - nemají soutěžit s aktuální hodnotou. */
.home-weather-card-title {
    font-family: inherit !important;
    font-size: 86% !important;
    font-weight: bold !important;
    letter-spacing: normal !important;
}

/* Přesně styl původních barevných hodnot:
   font stránky (Verdana), bold, 130 %. */
.home-weather-card-value {
    font-family: inherit !important;
    font-size: 130% !important;
    font-weight: bold !important;
    letter-spacing: normal !important;
    line-height: 1.05 !important;
}

@media (max-width: 900px) {
    .home-weather-card-title {
        font-size: 84% !important;
    }

    .home-weather-card-value {
        font-size: 130% !important;
    }
}


/* ============================================================
   TEST V17 - astronomické údaje ve dvou kartách
   ============================================================ */

.home-astro-status-row.home-astro-two-cards {
    width: 98% !important;
    box-sizing: border-box;
    margin: 0 auto 18px auto;
    display: flex !important;
    align-items: stretch;
    gap: 14px;
}

.home-astro-two-cards .home-astro-card {
    flex: 1 1 50%;
    width: auto !important;
    min-width: 0;
    box-sizing: border-box;
    padding: 0;
    background: #f4f4ee;
    border-radius: 12px;
    box-shadow: 0 3px 9px rgba(0,0,0,0.11);
    overflow: hidden;
}

.home-astro-card-title {
    padding: 8px 12px 5px 12px;
    color: navy;
    font-weight: bold;
    text-align: left;
}

.home-astro-card-body {
    min-height: 150px;
    box-sizing: border-box;
    padding: 4px 14px 12px 14px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.home-astro-data {
    flex: 1 1 auto;
    min-width: 0;
}

.home-astro-data table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.home-astro-data td {
    padding: 3px 3px;
    vertical-align: top;
}

.home-astro-data td:first-child {
    width: 62%;
}

.home-astro-data td:last-child {
    white-space: nowrap;
}

.home-astro-visual {
    flex: 0 0 118px;
    width: 118px;
    text-align: center;
}

.home-astro-visual-title {
    margin-bottom: 8px;
    font-size: 78%;
    font-weight: bold;
    line-height: 1.15;
}

.home-astro-sun-image {
    width: 78px;
    height: 78px;
    box-sizing: border-box;
    border: 5px solid black;
    border-radius: 50%;
    cursor: help;
}

.home-astro-moon-image {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    cursor: help;
}

@media (max-width: 900px) {
    .home-astro-status-row.home-astro-two-cards {
        gap: 10px;
    }

    .home-astro-card-body {
        padding-left: 10px;
        padding-right: 10px;
        gap: 8px;
    }

    .home-astro-visual {
        flex-basis: 105px;
        width: 105px;
    }
}


/* ============================================================
   TEST V19 - vyváženější astronomické karty
   Slunce 56 %, Měsíc 44 %, jemné barevné akcenty
   ============================================================ */

.home-astro-status-row.home-astro-two-cards {
    width: 99% !important;
    gap: 14px !important;
}

/* Slunce má více textových údajů, proto dostane větší díl. */
.home-astro-two-cards .home-astro-sun-card {
    flex: 0 0 calc(56% - 7px) !important;
    width: calc(56% - 7px) !important;
    position: relative;
    background: #fffaf0 !important;
}

/* Měsíc je obsahově kratší. */
.home-astro-two-cards .home-astro-moon-card {
    flex: 0 0 calc(44% - 7px) !important;
    width: calc(44% - 7px) !important;
    position: relative;
    background: #f3f6fa !important;
}

/* Stejný princip jako u horních meteo karet – 4px barevný proužek. */
.home-astro-sun-card:before,
.home-astro-moon-card:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4px;
}

.home-astro-sun-card:before {
    background: #f1d36a;
}

.home-astro-moon-card:before {
    background: #9fb7d1;
}

/* Nadpisy zůstanou jednoduché, bez dalšího modrého pásu. */
.home-astro-card-title {
    padding-top: 12px !important;
    padding-left: 16px !important;
    margin-bottom: 0 !important;
    font-size: 100% !important;
}

/* Obsah karet více využije dostupnou plochu. */
.home-astro-card-body {
    min-height: 152px !important;
    padding: 4px 16px 14px 16px !important;
    gap: 18px !important;
}

.home-astro-data td {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

/* Obrázky jsou hlavní vizuální prvek, proto je zvětšit.
   Popisky "Graf dne a noci" a "Aktuální fáze měsíce" jsou odstraněny. */
.home-astro-sun-card .home-astro-visual {
    flex: 0 0 128px !important;
    width: 128px !important;
}

.home-astro-moon-card .home-astro-visual {
    flex: 0 0 120px !important;
    width: 120px !important;
}

.home-astro-sun-image {
    width: 92px !important;
    height: 92px !important;
}

.home-astro-moon-image {
    width: 96px !important;
    height: 96px !important;
}

/* Starý prostor pro popisek už není potřeba. */
.home-astro-visual-title {
    display: none !important;
}

@media (max-width: 900px) {
    .home-astro-status-row.home-astro-two-cards {
        gap: 10px !important;
    }

    .home-astro-two-cards .home-astro-sun-card {
        flex-basis: calc(56% - 5px) !important;
        width: calc(56% - 5px) !important;
    }

    .home-astro-two-cards .home-astro-moon-card {
        flex-basis: calc(44% - 5px) !important;
        width: calc(44% - 5px) !important;
    }

    .home-astro-card-body {
        padding-left: 12px !important;
        padding-right: 12px !important;
        gap: 10px !important;
    }
}


/* ============================================================
   TEST V20 - astronomické karty 50/50, kompaktnější a vycentrované
   ============================================================ */

.home-astro-status-row.home-astro-two-cards {
    width: 99% !important;
    gap: 12px !important;
}

/* Obě karty přesně 50 / 50. */
.home-astro-two-cards .home-astro-sun-card,
.home-astro-two-cards .home-astro-moon-card {
    flex: 0 0 calc(50% - 6px) !important;
    width: calc(50% - 6px) !important;
}

/* Méně prázdného prostoru uvnitř. */
.home-astro-card-body {
    min-height: 136px !important;
    padding: 3px 14px 12px 14px !important;
    gap: 10px !important;
    align-items: center !important;
}

/* Text dostane přirozenou část šířky. */
.home-astro-data {
    flex: 1 1 auto !important;
}

/* Obrázky mají užší vlastní sloupec a jsou přesně uprostřed. */
.home-astro-sun-card .home-astro-visual,
.home-astro-moon-card .home-astro-visual {
    flex: 0 0 108px !important;
    width: 108px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
}

/* Graf dne/noci i Měsíc lehce větší, aby kartu lépe vyplnily. */
.home-astro-sun-image {
    width: 98px !important;
    height: 98px !important;
    margin: auto !important;
}

.home-astro-moon-image {
    width: 98px !important;
    height: 98px !important;
    margin: auto !important;
}

/* Řádky trochu kompaktnější. */
.home-astro-data td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/* Nadpisy karet o chlup blíž obsahu. */
.home-astro-card-title {
    padding-top: 11px !important;
    padding-bottom: 2px !important;
}

@media (max-width: 900px) {
    .home-astro-status-row.home-astro-two-cards {
        gap: 10px !important;
    }

    .home-astro-two-cards .home-astro-sun-card,
    .home-astro-two-cards .home-astro-moon-card {
        flex-basis: calc(50% - 5px) !important;
        width: calc(50% - 5px) !important;
    }

    .home-astro-card-body {
        padding-left: 10px !important;
        padding-right: 10px !important;
        gap: 8px !important;
    }

    .home-astro-sun-card .home-astro-visual,
    .home-astro-moon-card .home-astro-visual {
        flex-basis: 102px !important;
        width: 102px !important;
    }
}

/* ============================================================
   TEST V21 - graf Slunce posunut výš vůči Měsíci
   ============================================================ */
.home-astro-sun-card .home-astro-visual {
    align-items: flex-start !important;
    padding-top: 4px !important;
}

.home-astro-sun-card .home-astro-sun-image {
    margin-top: -10px !important;
    margin-bottom: 0 !important;
}

/* ============================================================
   TEST V22 - astronomické obrázky více doprava, Slunce lehce výš
   ============================================================ */
.home-astro-sun-card .home-astro-visual,
.home-astro-moon-card .home-astro-visual {
    flex: 0 0 118px !important;
    width: 118px !important;
    margin-left: auto !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    align-self: stretch !important;
}

.home-astro-sun-card .home-astro-sun-image {
    margin: 0 !important;
    transform: translateY(-6px) !important;
}

.home-astro-moon-card .home-astro-moon-image {
    margin: 0 !important;
    transform: translateY(0) !important;
}



/* ============================================================
   TEST V23 - Slunce a Měsíc přesně ve stejné výškové úrovni
   ============================================================ */
.home-astro-sun-card .home-astro-sun-image,
.home-astro-moon-card .home-astro-moon-image {
    margin: 0 !important;
    transform: translateY(0) !important;
}


/* ============================================================
   TEST V24 - Slunce a Měsíc přesně ve stejné výšce
   a uprostřed své volné pravé plochy
   ============================================================ */

.home-astro-two-cards .home-astro-card-body {
    position: relative !important;
    display: block !important;
    height: 146px !important;
    min-height: 146px !important;
    box-sizing: border-box !important;
    padding: 4px 14px 12px 14px !important;
}

/* Text má vyhrazenou levou část karty. */
.home-astro-two-cards .home-astro-data {
    width: calc(100% - 132px) !important;
    max-width: calc(100% - 132px) !important;
}

/* Oba obrázky mají IDENTICKÝ box a IDENTICKOU polohu. */
.home-astro-two-cards .home-astro-visual,
.home-astro-sun-card .home-astro-visual,
.home-astro-moon-card .home-astro-visual {
    position: absolute !important;
    width: 120px !important;
    height: 120px !important;
    right: 10px !important;
    top: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Stejný rozměr a žádný další posun. */
.home-astro-sun-image,
.home-astro-moon-image,
.home-astro-sun-card .home-astro-sun-image,
.home-astro-moon-card .home-astro-moon-image {
    width: 98px !important;
    height: 98px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    align-self: auto !important;
}

/* Zrušení všech starších individuálních posunů Slunce. */
.home-astro-sun-card .home-astro-visual {
    padding-top: 0 !important;
    align-items: center !important;
}

@media (max-width: 900px) {
    .home-astro-two-cards .home-astro-data {
        width: calc(100% - 120px) !important;
        max-width: calc(100% - 120px) !important;
    }

    .home-astro-two-cards .home-astro-visual {
        width: 110px !important;
        height: 120px !important;
        right: 6px !important;
    }
}


/* ============================================================
   TEST V25 - Slunce i Měsíc opravdu na střed volné plochy
   Použito flex rozložení místo absolutního pozicování
   ============================================================ */

.home-astro-status-row.home-astro-two-cards {
    display: flex !important;
    gap: 14px !important;
    align-items: stretch !important;
}

.home-astro-two-cards .home-astro-card {
    width: calc(50% - 7px) !important;
    flex: 0 0 calc(50% - 7px) !important;
}

.home-astro-two-cards .home-astro-card-body {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 146px !important;
    min-height: 146px !important;
    box-sizing: border-box !important;
    padding: 6px 16px 10px 14px !important;
}

.home-astro-two-cards .home-astro-data {
    flex: 0 0 58% !important;
    width: 58% !important;
    max-width: 58% !important;
}

.home-astro-two-cards .home-astro-visual,
.home-astro-sun-card .home-astro-visual,
.home-astro-moon-card .home-astro-visual {
    position: static !important;
    flex: 1 1 auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
}

.home-astro-sun-image,
.home-astro-moon-image,
.home-astro-sun-card .home-astro-sun-image,
.home-astro-moon-card .home-astro-moon-image {
    width: 98px !important;
    height: 98px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    display: block !important;
}

/* vyrovnání obou obrázků na stejnou výšku bez ručních posunů */
.home-astro-sun-card .home-astro-visual,
.home-astro-moon-card .home-astro-visual {
    top: auto !important;
    right: auto !important;
    padding-top: 0 !important;
}

/* lehce kompaktnější tabulka uvnitř karet */
.home-astro-two-cards .home-astro-data td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    vertical-align: middle !important;
}

@media (max-width: 900px) {
    .home-astro-status-row.home-astro-two-cards {
        display: block !important;
    }

    .home-astro-two-cards .home-astro-card {
        width: 100% !important;
        flex: none !important;
        margin-bottom: 12px !important;
    }

    .home-astro-two-cards .home-astro-card-body {
        min-height: 140px !important;
        height: auto !important;
    }
}



/* ============================================================
   TEST V26 - Meteoblue zpět do sidebaru + jemné stíny karet
   ============================================================ */

.sidebar-calendar-wrap {
    margin-top: 30px !important;
}

.sidebar-station-card {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important;
}

.sidebar-holiday {
    box-shadow: 0 3px 8px rgba(0,0,0,0.10) !important;
}

.sidebar-meteoblue-card {
    width: 184px;
    box-sizing: border-box;
    margin: 12px auto 0 auto;
    padding: 8px 8px 10px 8px;
    background: #f4f4ee;
    border-radius: 12px;
    box-shadow: 0 3px 9px rgba(0,0,0,0.11);
    text-align: center;
}

.sidebar-meteoblue-card iframe {
    display: block;
    width: 162px;
    height: 400px;
    margin: 0 auto;
    border: 0;
    background: transparent;
}

.sidebar-meteoblue-source {
    margin-top: 4px;
    font-size: 11px;
    line-height: 1.2;
    color: #444444;
}

.home-bottom-widgets.home-bottom-widgets-single {
    justify-content: center;
}


/* ============================================================
   TEST V27 - podrobné podmínky jako samostatné ploché karty
   Obsah a dvousloupcové rozložení zůstávají beze změny.
   ============================================================ */

.detail-weather-table {
    width: 99% !important;
    margin: 0 auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    table-layout: fixed;
}

/* Větší, pravidelná mezera mezi kartami. */
.detail-weather-table .detail-spacer td {
    height: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Všechny datové buňky bez tvrdého tabulkového dojmu. */
.detail-weather-table tr:not(.detail-spacer) td {
    border: 0 !important;
}

/* Krémová plocha dat – sjednocená s ostatními kartami webu. */
.detail-weather-table tr:not(.detail-spacer):not(.detail-card-head) td {
    background-color: #f4f4ee !important;
}

/* Úzký modrý nadpisový proužek. */
.detail-weather-table .detail-card-head td:not(:first-child) {
    background-color: #B0C4DE !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

/* Levý barevný sloupec s ikonou zůstává podle původní kategorie. */
.detail-weather-table .detail-card-head > td:first-child {
    width: 64px !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    box-shadow: -3px 3px 9px -6px rgba(0,0,0,0.34);
}

/* Pravý okraj karty – velmi jemný stín, ne rámeček. */
.detail-weather-table tr:not(.detail-spacer) > td:last-child {
    /* Bez rozmazaného stínu na každém řádku.
       Ten při škálování vytvářel vlasové vodorovné švy mezi řádky. */
    box-shadow: none !important;
}

/* Jemné oddělení horního okraje celé karty. */
.detail-weather-table .detail-card-head > td:not(:first-child) {
    box-shadow: 0 -4px 9px -8px rgba(0,0,0,0.30);
}

/* Spodní hrana každé karty. :has() je zde pouze vizuální doplněk. */
.detail-weather-table tr:has(+ .detail-spacer) > td {
    box-shadow: 0 6px 10px -9px rgba(0,0,0,0.38);
}

/* Pravý dolní roh posledního řádku karty. */
.detail-weather-table tr:has(+ .detail-spacer) > td:last-child {
    border-bottom-right-radius: 10px !important;
    box-shadow: 0 6px 10px -9px rgba(0,0,0,0.38) !important;
}

/* Pravý horní roh nadpisového proužku. */
.detail-weather-table .detail-card-head > td:last-child {
    border-top-right-radius: 10px !important;
}

/* Trochu vzdušnější obsah bez zvětšení celé tabulky. */
.detail-weather-table tr:not(.detail-spacer):not(.detail-card-head) td {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

/* Nadpis kategorie zůstává černý a kompaktní. */
.detail-weather-table .detail-card-head b {
    color: #111111;
    font-weight: bold;
}

/* Původní ikonky zachovat ve stejné velikosti a centrované. */
.detail-weather-table .detail-card-head > td:first-child img {
    vertical-align: middle;
    width: 48px;
    height: 48px;
    object-fit: contain;
}

/* Nadpis hlavní tabulky dostane o něco víc prostoru před první kartou. */
.home-blue-divider + table + br + .detail-weather-table {
    margin-top: 2px !important;
}

@media (max-width: 900px) {
    .detail-weather-table {
        width: 99% !important;
    }

    .detail-weather-table .detail-spacer td {
        height: 10px !important;
    }
}


/* ============================================================
   TEST V28 - odpočet aktualizace v jemném kartovém obalu
   ============================================================ */

.update-countdown-card {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    box-sizing: border-box;
    padding: 6px 10px;
    background: #f4f4ee;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.10);
    color: #111111;
    white-space: nowrap;
}

.update-countdown-label {
    font-size: 88%;
    font-weight: bold;
    color: #111111;
}

.update-countdown-value {
    font-size: 90%;
    font-weight: bold;
    color: red;
}


/* ============================================================
   TEST V29 - sjednocení levého odsazení hlavních nadpisů
   ============================================================ */

/* Rychlý přehled má širší obsah (99 %), ale jeho nadpis
   zarovnáme přesně stejně jako astronomii a podrobná data. */
.home-top-weather-title {
    margin-left: 7px !important;
    margin-right: 7px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

/* Astronomický nadpis ponechat jako referenční zarovnání. */
.home-astro-title {
    padding-left: 2px !important;
}


/* ============================================================
   TEST V31 - bez barevných horních proužků
   Větší a čistší modrá hlavička se zachovanými rohy.
   ============================================================ */

/* Nadpisový řádek o něco vzdušnější. */
.detail-weather-table .detail-card-head td:not(:first-child) {
    background-color: #B0C4DE !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

/* Zachovat zakulacený pravý horní roh modré hlavičky. */
.detail-weather-table .detail-card-head > td:last-child {
    border-top-right-radius: 10px !important;
}

/* Levý barevný sloupec zůstává jediným barevným akcentem kategorie. */
.detail-weather-table .detail-card-head > td:first-child {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

/* Nadpis kategorie lehce srovnat do středu výšky hlavičky. */
.detail-weather-table .detail-card-head b {
    line-height: 1.15 !important;
}


/* ============================================================
   TEST V33 - testovací badge pro simulované deštivé období
   ============================================================ */

.rain-test-badge {
    display: inline-block;
    margin-left: 7px;
    padding: 1px 5px;
    border-radius: 5px;
    background: #ffffff;
    color: #2b5d8a;
    font-size: 72%;
    line-height: 1.2;
    font-weight: bold;
    vertical-align: middle;
    box-shadow: 0 1px 3px rgba(0,0,0,0.10);
}

/* ============================================================
   TEST V34 - oprava struktury deštivého období
   Bez vizuální změny ostatních karet.
   ============================================================ */


/* ============================================================
   TEST V35 - sjednocení šířek hlavních bloků
   Všechny hlavní části mají stejný levý i pravý okraj.
   ============================================================ */

.home-coordinates-table,
.home-top-weather,
.home-trends-block,
.home-astro-title,
.home-astro-status-row.home-astro-two-cards,
.home-blue-divider,
.home-detail-heading-table,
.detail-weather-table {
    width: 99% !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Nadpis souřadnic srovnat na stejnou levou osu. */
#sloupec1-in > h3:first-of-type {
    width: 99% !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 2px !important;
}

/* Rychlý přehled + grafy už nesmí přetékat na 100 %. */
.home-trends-block,
.home-spark-card {
    width: 99% !important;
}

.home-trends-block .home-spark-card,
.home-trends-block .home-forecast-strip {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Astronomické dvě karty přesně vyplní společných 99 %. */
.home-astro-status-row.home-astro-two-cards {
    gap: 14px !important;
}

.home-astro-two-cards .home-astro-card {
    flex: 0 0 calc(50% - 7px) !important;
    width: calc(50% - 7px) !important;
}

/* Řádek Podrobné podmínky + odpočet drží stejnou osu jako karty pod ním. */
.home-detail-heading-table {
    border-collapse: collapse;
    margin-bottom: 4px !important;
}

/* Silver pruh souřadnic využije celou sjednocenou šířku. */
.home-coordinates-table {
    margin-top: 0 !important;
}

/* Dělicí čáry přesně ve stejné šířce jako ostatní bloky. */
.home-blue-divider {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}


/* ============================================================
   TEST V37 - doladění vertikálních mezer v horní části
   ============================================================ */

/* Čára pod souřadnicemi má menší spodní mezeru. */
.home-coordinates-table + br + .home-blue-divider,
.home-blue-divider:first-of-type {
    margin-bottom: 8px !important;
}

/* Rychlý přehled těsněji pod čárou. */
.home-top-weather {
    margin-top: 0 !important;
}

/* Bouřkový banner má opticky stejnou mezeru nahoře i dole. */
.storm-main-alert {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

/* Grafový blok už nepřidává další horní mezeru k bouřce. */
.storm-main-alert + .home-trends-block {
    margin-top: 0 !important;
}

/* Pokud bouřka není zobrazena, původní rytmus grafů zůstává. */
.home-trends-block {
    padding-top: 0 !important;
}


/* ============================================================
   TEST V38 - přesná mezera mezi souřadnicemi a první modrou čárou
   ============================================================ */

/* Původní <br> je odstraněn. Mezeru teď řídíme přesně CSS. */
.home-coordinates-divider {
    margin-top: 18px !important;
    margin-bottom: 8px !important;
}

/* Zrušit starší speciální pravidlo V37 pro tuto první čáru. */
.home-coordinates-table + br + .home-blue-divider {
    margin-top: 0 !important;
}


/* ============================================================
   TEST V39 - vzdušnější rytmus: karty -> bouřka -> grafy -> předpověď
   ============================================================ */

/* Rychlý přehled už nepřidává vlastní spodní mezeru.
   Tu řídíme podle toho, co následuje. */
.home-top-weather {
    margin-bottom: 0 !important;
}

/* Když bouřka není, grafový blok dostane přirozených 14 px. */
.home-top-weather + .home-trends-block {
    margin-top: 14px !important;
}

/* Když bouřka je, 14 px nad ní i pod ní. */
.storm-main-alert {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
}

/* Pod bouřkou už grafový blok nepřidává další mezeru. */
.storm-main-alert + .home-trends-block {
    margin-top: 0 !important;
}

/* Mini grafy -> předpověď: 10 px. */
.home-spark-card + .home-forecast-strip {
    margin-top: 10px !important;
}

/* Předpověď -> následující modrá čára: 16 px. */
.home-trends-block {
    margin-bottom: 16px !important;
}

/* Horní část u souřadnic ponechat podle V38. */
.home-coordinates-divider {
    margin-top: 18px !important;
    margin-bottom: 8px !important;
}


/* ============================================================
   TEST V42 - správná mezera POD první modrou čárou
   ============================================================ */

/* Přesnější selektor přebije starší pravidlo
   .home-blue-divider:first-of-type z V37.
   Týká se pouze čáry pod souřadnicemi. */
.home-blue-divider.home-coordinates-divider {
    margin-top: 18px !important;
    margin-bottom: 14px !important;
}


/* ============================================================
   TEST V44 - opravená ČHMÚ karta NAD Meteoblue
   Vychází z funkční V42; panely jsou sourozenci, ne vnořené.
   ============================================================ */

/* Větší odstup od svátku. */
.sidebar-holiday + .sidebar-chmu-card,
.sidebar-holiday + .sidebar-meteoblue-card {
    margin-top: 24px !important;
}

/* ČHMÚ – stejný vnější kartový jazyk jako Meteoblue. */
.sidebar-chmu-card {
    width: 184px !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 8px 8px 10px 8px !important;
    background: #f4f4ee !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.11) !important;
    color: #111111 !important;
    overflow: hidden !important;
}

/* Mezera mezi výstrahou a Meteoblue. */
.sidebar-chmu-card + .sidebar-meteoblue-card {
    margin-top: 14px !important;
}

/* Hlavička výstrahy uvnitř karty. */
.sidebar-chmu-card .chmu-alert-header {
    height: 54px !important;
    padding: 0 3px !important;
    border-bottom: 1px solid #d4d4ce !important;
}

.sidebar-chmu-card .chmu-alert-header-icon {
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    left: 0 !important;
}

.sidebar-chmu-card .chmu-alert-header-icon img {
    width: 34px !important;
    height: 34px !important;
}

.sidebar-chmu-card .chmu-alert-header-title {
    margin-left: 3px !important;
    left: 0 !important;
}

/* Vnitřní barevná výstraha – bez tvrdého rámečku. */
.sidebar-chmu-card .chmu-alert-list {
    width: 100% !important;
    padding: 9px 0 0 0 !important;
}

.sidebar-chmu-card .chmu-alert-card {
    width: 100% !important;
    margin: 0 0 7px 0 !important;
    padding: 8px 7px 7px 10px !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.10) !important;
}

.sidebar-chmu-card .chmu-alert-source {
    margin-top: 5px !important;
    padding: 4px 0 0 0 !important;
    color: #444444 !important;
}

/* Meteoblue zůstává samostatná karta, nesmí se nikdy dostat dovnitř výstrahy. */
.sidebar-meteoblue-card {
    position: relative;
    clear: both;
}


/* ============================================================
   TEST V45 - velikost nadpisu Rychlý přehled jako ostatní sekce
   ============================================================ */

.home-top-weather-title {
    font-size: 1.17em !important;
    line-height: normal !important;
}


/* ============================================================
   V46 - běžný provoz + vzdušnější levé menu
   Testovací bouřky / ČHMÚ / deštivé období jsou vypnuté.
   ============================================================ */

/* Trochu větší mezera mezi jednotlivými tlačítky. */
ul#navlist li {
    margin-bottom: 10px !important;
}

/* O chlup vyšší tlačítka, aby menu nepůsobilo namačkaně. */
ul#navlist li a {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    line-height: 1.15 !important;
}

/* Po posledním tlačítku zachovat výraznější odstup ke kalendáři. */
.sidebar-calendar-wrap {
    margin-top: 32px !important;
}


/* ============================================================
   TEST V47 - Dnešní extrémy jako horizontální banner
   ============================================================ */

/* Zrušit velkou prázdnou krémovou plochu kolem původního svislého panelu. */
.home-bottom-widgets,
.home-bottom-widgets.home-bottom-widgets-single {
    width: 99% !important;
    box-sizing: border-box !important;
    margin: 22px auto 10px auto !important;
    padding: 0 !important;
    display: block !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.home-bottom-widget-extremes {
    width: 100% !important;
    display: block !important;
    text-align: left !important;
}

.extremy-wide-shell {
    width: 100%;
    box-sizing: border-box;
}

/* Celý panel je nízký horizontální banner přes šířku hlavního sloupce. */
.home-bottom-widgets .extremy-panel {
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 12px !important;
    background: #B0C4DE !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.11) !important;
}

/* Hlavička vlevo místo nahoře. */
.home-bottom-widgets .extremy-header {
    flex: 0 0 142px !important;
    width: 142px !important;
    height: auto !important;
    min-height: 76px !important;
    box-sizing: border-box !important;
    padding: 4px 10px 4px 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-bottom: 0 !important;
    border-right: 1px solid rgba(70,90,115,0.28) !important;
}

.home-bottom-widgets .extremy-header-icon {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    left: 0 !important;
    margin-right: 7px !important;
}

.home-bottom-widgets .extremy-header-icon img {
    max-width: 40px !important;
    max-height: 40px !important;
}

.home-bottom-widgets .extremy-header-title {
    margin: 0 !important;
    left: 0 !important;
    font-size: 98% !important;
    line-height: 1.15 !important;
    white-space: normal !important;
}

/* Šest mini karet vedle sebe. */
.home-bottom-widgets .extremy-cards {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
}

/* Nízké kompaktní karty. */
.home-bottom-widgets .extremy-card {
    min-width: 0 !important;
    min-height: 76px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 7px 6px 7px 8px !important;
    border-radius: 9px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.home-bottom-widgets .extremy-card-icon {
    width: 31px !important;
    height: 38px !important;
    flex: 0 0 31px !important;
    margin-right: 5px !important;
}

.home-bottom-widgets .extremy-card-icon img {
    max-width: 30px !important;
    max-height: 36px !important;
}

.home-bottom-widgets .extremy-card-title {
    font-size: 76% !important;
    line-height: 1.1 !important;
    white-space: normal !important;
}

.home-bottom-widgets .extremy-card-data {
    display: block !important;
    white-space: normal !important;
}

.home-bottom-widgets .extremy-card-value {
    display: block !important;
    margin-top: 3px !important;
    font-size: 108% !important;
    white-space: nowrap !important;
}

.home-bottom-widgets .extremy-card-time {
    display: block !important;
    margin-top: 3px !important;
    font-size: 70% !important;
    white-space: nowrap !important;
}

/* Nová šestá karta – dnešní úhrn srážek. */
.extremy-rain {
    --ext-accent: #55B9DC;
    --ext-value: #2796BD;
}

/* Info box pod bannerem má příjemný odstup. */
.home-bottom-info {
    margin-top: 18px !important;
}

@media (max-width: 900px) {
    .home-bottom-widgets .extremy-panel {
        display: block !important;
    }

    .home-bottom-widgets .extremy-header {
        width: 100% !important;
        min-height: 50px !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(70,90,115,0.28) !important;
    }

    .home-bottom-widgets .extremy-cards {
        margin-top: 9px !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}


/* ============================================================
   TEST V48 - Dnešní extrémy přes celou šířku pod oběma sloupci
   Barevné akcenty mini karet jsou 4px nahoře.
   ============================================================ */

.home-fullwidth-separator {
    width: 100%;
    clear: both;
    box-sizing: border-box;
    margin: 18px 0 0 0;
}

.home-fullwidth-separator .home-bottom-widgets,
.home-fullwidth-separator .home-bottom-widgets.home-bottom-widgets-single {
    width: 99% !important;
    margin: 0 auto 14px auto !important;
    padding: 0 !important;
    display: block !important;
    background: transparent !important;
    box-shadow: none !important;
}

.home-fullwidth-separator .home-bottom-widget-extremes,
.home-fullwidth-separator .extremy-wide-shell {
    width: 100% !important;
}

.home-fullwidth-separator .extremy-panel {
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 11px 14px !important;
    display: flex !important;
    align-items: stretch !important;
    gap: 14px !important;
    background: #B0C4DE !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.11) !important;
}

.home-fullwidth-separator .extremy-header {
    flex: 0 0 158px !important;
    width: 158px !important;
    min-height: 80px !important;
    box-sizing: border-box !important;
    padding: 4px 14px 4px 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-bottom: 0 !important;
    border-right: 1px solid rgba(70,90,115,0.28) !important;
}

.home-fullwidth-separator .extremy-header-icon {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    left: 0 !important;
    margin-right: 8px !important;
}

.home-fullwidth-separator .extremy-header-title {
    margin: 0 !important;
    left: 0 !important;
    font-size: 100% !important;
    line-height: 1.15 !important;
    white-space: normal !important;
}

.home-fullwidth-separator .extremy-cards {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
}

.home-fullwidth-separator .extremy-card {
    min-width: 0 !important;
    min-height: 80px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 12px 9px 8px 9px !important;
    border-radius: 9px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.09) !important;
}

/* Barevné proužky přesunout zleva NAHORU do jednotlivých kartiček. */
.home-fullwidth-separator .extremy-card:before {
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: auto !important;
    width: auto !important;
    height: 4px !important;
    border-radius: 9px 9px 0 0 !important;
}

.home-fullwidth-separator .extremy-card-icon {
    width: 34px !important;
    height: 40px !important;
    flex: 0 0 34px !important;
    margin-right: 7px !important;
}

.home-fullwidth-separator .extremy-card-icon img {
    max-width: 32px !important;
    max-height: 38px !important;
}

.home-fullwidth-separator .extremy-card-title {
    font-size: 80% !important;
    line-height: 1.1 !important;
}

.home-fullwidth-separator .extremy-card-value {
    font-size: 114% !important;
}

.home-fullwidth-separator .extremy-card-time {
    font-size: 72% !important;
}

.home-fullwidth-separator .home-bottom-info {
    width: 99% !important;
    margin: 18px auto 4px auto !important;
}

@media (max-width: 900px) {
    .home-fullwidth-separator .extremy-panel {
        display: block !important;
    }

    .home-fullwidth-separator .extremy-header {
        width: 100% !important;
        min-height: 50px !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(70,90,115,0.28) !important;
    }

    .home-fullwidth-separator .extremy-cards {
        margin-top: 10px !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}


/* ============================================================
   TEST V49 - extrémy: slonová kost + jemně probarvené kartičky
   ============================================================ */

/* Celý oddělovací banner stejně krémový jako karty v levém sloupci. */
.home-fullwidth-separator .extremy-panel {
    background: #f4f4ee !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.11) !important;
}

/* Hlavička vlevo už není modrá; jen jemně oddělená od kartiček. */
.home-fullwidth-separator .extremy-header {
    background: transparent !important;
    border-right: 1px solid #d2d2cc !important;
}

/* Kartičky dostanou velmi jemný barevný nádech.
   Horní 4px proužek z V48 zůstává zachovaný. */
.home-fullwidth-separator .extremy-temp-max {
    background: #fff0ef !important;
}

.home-fullwidth-separator .extremy-temp-min {
    background: #eef5ff !important;
}

.home-fullwidth-separator .extremy-wind {
    background: #eef4f8 !important;
}

.home-fullwidth-separator .extremy-solar {
    background: #fff8e8 !important;
}

.home-fullwidth-separator .extremy-uv {
    background: #f5effc !important;
}

.home-fullwidth-separator .extremy-apptemp {
    background: #eef7f7 !important;
}

.home-fullwidth-separator .extremy-rain {
    background: #edf8fc !important;
}

/* Jemnější stín jednotlivých kartiček na světlém banneru. */
.home-fullwidth-separator .extremy-card {
    box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
}

/* Nadpis Dnešní extrémy trochu zklidnit, ať ladí s krémovým panelem. */
.home-fullwidth-separator .extremy-header-title {
    color: #111111 !important;
}

/* Na úzkém rozložení oddělení hlavičky vodorovnou linkou. */
@media (max-width: 900px) {
    .home-fullwidth-separator .extremy-header {
        border-right: 0 !important;
        border-bottom: 1px solid #d2d2cc !important;
    }
}


/* ============================================================
   TEST V50 - místo duplicitních srážek aktuální vlhkost
   Pořadí: max. teplota, min. teplota, vlhkost, vítr, solar, UV
   ============================================================ */

.extremy-humidity {
    --ext-accent: #78C6C3;
    --ext-value: #2D9C98;
}

.home-fullwidth-separator .extremy-humidity {
    background: #eef9f8 !important;
}

/* Starou probarvenou kartu srážek už nepoužíváme. */
.home-fullwidth-separator .extremy-rain {
    background: #edf8fc !important;
}


/* ============================================================
   V51 - sloučený informační box + čistá patička
   ============================================================ */

.home-info-title {
    margin: 0 0 9px 0 !important;
    font-weight: bold;
    color: #111111;
}

.home-bottom-info .info-box-text p {
    margin-top: 0;
    margin-bottom: 9px;
    line-height: 1.42;
}

.home-bottom-info .info-box-text p:last-child {
    margin-bottom: 0;
}

/* Po info boxu už jen jednoduchá patička s logem a počítadlem. */
.home-footer-brand {
    width: 99% !important;
    margin: 18px auto 10px auto !important;
}

.home-footer-brand td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* Zachovat vzduch, ale bez původního dlouhého textu v patičce. */
.home-fullwidth-separator + br + hr,
.home-fullwidth-separator ~ hr {
    margin-top: 16px;
}


/* ============================================================
   V53 - čitelnější Dnešní extrémy + kompaktnější spodní patička
   ============================================================ */

/* Dnešní extrémy: využít volné šířky a lehce zvětšit obsah. */
.home-fullwidth-separator .extremy-header-title {
    font-size: 105% !important;
}

.home-fullwidth-separator .extremy-card-title {
    font-size: 88% !important;
    line-height: 1.12 !important;
}

.home-fullwidth-separator .extremy-card-value {
    font-size: 125% !important;
    line-height: 1.05 !important;
}

.home-fullwidth-separator .extremy-card-time {
    font-size: 76% !important;
    margin-top: 4px !important;
}

.home-fullwidth-separator .extremy-card-icon {
    width: 36px !important;
    flex-basis: 36px !important;
    margin-right: 8px !important;
}

.home-fullwidth-separator .extremy-card-icon img {
    max-width: 34px !important;
    max-height: 39px !important;
}

/* Spodní plocha s logem a počítadlem: výrazně kompaktnější. */
.home-footer-brand {
    width: 99% !important;
    margin: 7px auto 4px auto !important;
}

.home-footer-brand td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

/* Logo nemusí mít 220 px – menší rozměr zkrátí celou patičkovou plochu. */
.home-footer-brand img[src="images/logo.png"] {
    width: 185px !important;
    height: auto !important;
}

/* Počítadlo zachovat čitelné, ale bez dalšího vertikálního prostoru. */
.home-footer-brand a {
    margin: 0 !important;
    padding: 0 !important;
}

/* Čára nad logem má jen krátký odstup. */
.home-fullwidth-separator ~ hr {
    margin-top: 12px !important;
    margin-bottom: 5px !important;
}

/* Zmenšit i mezeru mezi hlavním obsahem a samostatnou spodní patičkou. */
#paticka {
    margin-top: 8px !important;
}


/* ============================================================
   V54 - karta Měsíc více do neutrální šedé
   ============================================================ */

.home-astro-two-cards .home-astro-moon-card {
    background: #eeeeec !important;
}

.home-astro-moon-card:before {
    background: #9aa6b2 !important;
}


/* ============================================================
   V57 - sjednocení šířky spodního banneru a info panelu
   s vnitřním odsazením horní části stránky
   ============================================================ */

/* Stejné horizontální odsazení jako obsah ve sloupcích (1.2em). */
.home-fullwidth-separator {
    width: calc(100% - 2.4em) !important;
    margin-left: 1.2em !important;
    margin-right: 1.2em !important;
    box-sizing: border-box !important;
}

/* Uvnitř už využít celou dostupnou šířku – žádné další 99% zúžení. */
.home-fullwidth-separator .home-bottom-widgets,
.home-fullwidth-separator .home-bottom-widgets.home-bottom-widgets-single,
.home-fullwidth-separator .home-bottom-info {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Rozestupy ponechat stejné jako ve V56. */
.home-fullwidth-separator .home-bottom-widgets,
.home-fullwidth-separator .home-bottom-widgets.home-bottom-widgets-single {
    margin-bottom: 14px !important;
}

.home-fullwidth-separator .home-bottom-info {
    margin-top: 18px !important;
    margin-bottom: 4px !important;
}


/* ============================================================
   V58 - spodní banner + info panel ještě o něco užší
   ============================================================ */

.home-fullwidth-separator {
    width: calc(100% - 4em) !important;
    margin-left: 2em !important;
    margin-right: 2em !important;
    box-sizing: border-box !important;
}

.home-fullwidth-separator .home-bottom-widgets,
.home-fullwidth-separator .home-bottom-widgets.home-bottom-widgets-single,
.home-fullwidth-separator .home-bottom-info {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* ============================================================
   V59 - přesné lícování spodních bloků s vnitřní šířkou #telo
   Žádné odhadované em/%, ale přesně 100 % dostupné šířky.
   ============================================================ */

.home-fullwidth-separator {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

.home-fullwidth-separator .home-bottom-widgets,
.home-fullwidth-separator .home-bottom-widgets.home-bottom-widgets-single,
.home-fullwidth-separator .home-bottom-info {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}


/* ============================================================
   V60 - PŘESNÉ lícování spodních bloků s viditelnými kartami nahoře
   Levý okraj = levý okraj sidebarových karet.
   Pravý okraj = pravý okraj 99% bloků hlavního sloupce.
   ============================================================ */

/*
  #telo má 10px padding.
  Levý sidebar má 17.5 %, #sloupec2-in margin 0.45em
  a jeho karty mají 184px centrovaně.
  Hlavní sloupec má #sloupec1-in margin 1.2em a bloky 99 %.
  Z toho vychází skutečné optické odsazení přibližně:
  vlevo 11px, vpravo 19px.
*/
.home-fullwidth-separator {
    width: auto !important;
    margin-left: 11px !important;
    margin-right: 19px !important;
    box-sizing: border-box !important;
}

/* Banner i info panel vyplní přesně tuto společnou osu. */
.home-fullwidth-separator .home-bottom-widgets,
.home-fullwidth-separator .home-bottom-widgets.home-bottom-widgets-single,
.home-fullwidth-separator .home-bottom-info {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}


/* ============================================================
   V61 - oprava POUZE levého lícování spodních bloků
   Pravý okraj z V60 zůstává správně.
   ============================================================ */

.home-fullwidth-separator {
    width: auto !important;
    margin-left: 19px !important;
    margin-right: 19px !important;
    box-sizing: border-box !important;
}

.home-fullwidth-separator .home-bottom-widgets,
.home-fullwidth-separator .home-bottom-widgets.home-bottom-widgets-single,
.home-fullwidth-separator .home-bottom-info {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}


/* ============================================================
   V62 - mobil = zmenšenina desktopu
   Mění se POUZE astronomie a Dnešní extrémy.
   ============================================================ */

@media (max-width: 900px) {

    /* Astronomické karty musí zůstat vedle sebe jako na desktopu. */
    .home-astro-status-row.home-astro-two-cards {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 14px !important;
        width: 99% !important;
    }

    .home-astro-two-cards .home-astro-card {
        flex: 0 0 calc(50% - 7px) !important;
        width: calc(50% - 7px) !important;
        max-width: calc(50% - 7px) !important;
        min-width: 0 !important;
    }

    /* Dnešní extrémy musí zůstat v jedné horizontální řadě. */
    .home-fullwidth-separator .extremy-panel {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
    }

    .home-fullwidth-separator .extremy-header {
        flex: 0 0 158px !important;
        width: 158px !important;
        min-height: 80px !important;
        border-right: 1px solid #d2d2cc !important;
        border-bottom: 0 !important;
    }

    .home-fullwidth-separator .extremy-cards {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin-top: 0 !important;
    }

    .home-fullwidth-separator .extremy-card {
        min-height: 80px !important;
        padding: 12px 9px 8px 9px !important;
    }
}


/* ============================================================
   V63 - odlehčení modré v horní části + samostatná předpověď
   Vychází z V62, tedy včetně mobilního režimu "zmenšenina desktopu".
   Bouřková grafika zůstává beze změny.
   ============================================================ */

/* ------------------------------------------------------------
   1) Aktuální slovní stav:
      slonová kost + neutrální horní proužek místo modré výplně.
   ------------------------------------------------------------ */
.home-current-condition {
    background: #f4f4ee !important;
    border-top: 4px solid #9aa6b2 !important;
    border-radius: 8px !important;
    padding-top: 5px !important;
    padding-bottom: 6px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
}

/* ------------------------------------------------------------
   2) 24h grafy:
      modrá hlavička pryč, každá veličina má vlastní 4px proužek.
   ------------------------------------------------------------ */
.home-spark-table tr:first-child td {
    background: #f4f4ee !important;
    color: #222222 !important;
    padding-top: 7px !important;
    padding-bottom: 5px !important;
    border-right: 1px solid #e1dfd8 !important;
}

.home-spark-table tr:first-child td:last-child {
    border-right: 0 !important;
}

/* Barvy odpovídají veličinám použitým na stránce. */
.home-spark-table tr:first-child td:nth-child(1) {
    border-top: 4px solid #f08080 !important;
}

.home-spark-table tr:first-child td:nth-child(2) {
    border-top: 4px solid #78c6c3 !important;
}

.home-spark-table tr:first-child td:nth-child(3) {
    border-top: 4px solid #75c8e5 !important;
}

.home-spark-table tr:first-child td:nth-child(4) {
    border-top: 4px solid #85a8c8 !important;
}

.home-spark-table tr:first-child td:nth-child(5) {
    border-top: 4px solid #62aaa9 !important;
}

/* Grafová část zůstává slonovinová, jen lehce zklidnit přechod. */
.home-spark-table tr:last-child td {
    background: #f4f4ee !important;
}

/* ------------------------------------------------------------
   3) Předpověď:
      vlastní sekce, slonovinová karta s šedomodrým proužkem.
   ------------------------------------------------------------ */
.home-forecast-title {
    width: 100%;
    box-sizing: border-box;
    margin: 16px 0 8px 0 !important;
    padding: 0 2px !important;
    color: navy;
    font-size: 1.17em;
    line-height: normal;
    font-weight: bold;
    text-align: left;
}

.home-forecast-strip {
    margin: 0 !important;
    padding: 8px 12px !important;
    background: #f4f4ee !important;
    border-top: 4px solid #9aa6b2 !important;
    border-radius: 8px !important;
    color: #111111 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
}

.home-forecast-strip #toTranslate {
    color: #111111 !important;
}

/* Předpověď má vlastní prostor před modrou dělicí čárou k astronomii. */
.home-trends-block {
    margin-bottom: 16px !important;
}

/* Staré pravidlo graf -> předpověď už není potřeba,
   mezeru řídí nadpis vlastní sekce. */
.home-spark-card + .home-forecast-strip {
    margin-top: 0 !important;
}

/* ------------------------------------------------------------
   4) Mobil:
      zachovat přesně koncepci V62 – pouze zmenšenina desktopu.
      Astronomie 2 vedle sebe, extrémy 6 v jedné řadě.
      Nové horní styly se jen zmenší spolu se stránkou.
   ------------------------------------------------------------ */
@media (max-width: 900px) {
    .home-forecast-title {
        margin-top: 16px !important;
        margin-bottom: 8px !important;
    }

    .home-forecast-strip {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    .home-astro-status-row.home-astro-two-cards {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 14px !important;
        width: 99% !important;
    }

    .home-astro-two-cards .home-astro-card {
        flex: 0 0 calc(50% - 7px) !important;
        width: calc(50% - 7px) !important;
        max-width: calc(50% - 7px) !important;
        min-width: 0 !important;
    }

    .home-fullwidth-separator .extremy-panel {
        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;
    }

    .home-fullwidth-separator .extremy-header {
        flex: 0 0 158px !important;
        width: 158px !important;
        min-height: 80px !important;
        border-right: 1px solid #d2d2cc !important;
        border-bottom: 0 !important;
    }

    .home-fullwidth-separator .extremy-cards {
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: 10px !important;
        margin-top: 0 !important;
    }

    .home-fullwidth-separator .extremy-card {
        min-height: 80px !important;
        padding: 12px 9px 8px 9px !important;
    }
}


/* ============================================================
   V64 - výraznější Rychlý přehled + barevné 24h grafy
   Vychází z V63 včetně samostatné předpovědi a mobilní V62.
   ============================================================ */

/* ------------------------------------------------------------
   RYCHLÝ PŘEHLED
   Celá karta je výrazněji tónovaná, ale pořád světlá.
   Horní proužek zůstává přesně v barvě ikony spodní tabulky.
   ------------------------------------------------------------ */

.home-weather-temp {
    --home-accent: #f08080 !important;
    background: #fad3d3 !important;
}

.home-weather-hum {
    --home-accent: #78C6C3 !important;
    background: #d0ebea !important;
}

.home-weather-solar {
    --home-accent: #FFE4B5 !important;
    background: #fff6e5 !important;
}

.home-weather-uv {
    --home-accent: #B19CD9 !important;
    background: #e4dcf2 !important;
}

.home-weather-rain {
    --home-accent: #87CEEB !important;
    background: #d5eef8 !important;
}

.home-weather-wind {
    --home-accent: #85A5C1 !important;
    background: #d4e0e9 !important;
}

.home-weather-pressure {
    --home-accent: #69A6A8 !important;
    background: #cae0e1 !important;
}

/* Hodnoty zůstávají tmavé a dominantní. */
.home-weather-card-title {
    color: #222222 !important;
}

.home-weather-card-value {
    color: #000000 !important;
}

/* ------------------------------------------------------------
   24H GRAFY
   Slonovinový podklad bez barevných proužků.
   Barvu nyní nese samotná křivka a její lehká výplň.
   ------------------------------------------------------------ */

.home-spark-table tr:first-child td {
    background: #f4f4ee !important;
    border-top: 0 !important;
    color: #222222 !important;
    padding-top: 7px !important;
    padding-bottom: 5px !important;
}

/* V63 přidávala jednotlivým grafům barevné horní proužky.
   V64 je záměrně ruší. */
.home-spark-table tr:first-child td:nth-child(1),
.home-spark-table tr:first-child td:nth-child(2),
.home-spark-table tr:first-child td:nth-child(3),
.home-spark-table tr:first-child td:nth-child(4),
.home-spark-table tr:first-child td:nth-child(5) {
    border-top: 0 !important;
}

.home-spark-table tr:last-child td {
    background: #f4f4ee !important;
}

/* Celá grafová karta zůstává klidná a neutrální. */
.home-spark-card {
    background: #f4f4ee !important;
}

/* Mobil zůstává pouze zmenšeninou desktopu - žádné nové skládání. */
@media (max-width: 900px) {
    .home-weather-temp     { background: #fad3d3 !important; }
    .home-weather-hum      { background: #d0ebea !important; }
    .home-weather-solar    { background: #fff6e5 !important; }
    .home-weather-uv       { background: #e4dcf2 !important; }
    .home-weather-rain     { background: #d5eef8 !important; }
    .home-weather-wind     { background: #d4e0e9 !important; }
    .home-weather-pressure { background: #cae0e1 !important; }
}


/* ============================================================
   V65 - mobil: Podrobné povětrnostní podmínky stejně výrazné,
   ale stále v JEDNOM řádku. Desktop beze změny.
   ============================================================ */

@media (max-width: 900px) {

    /* Nadpis dostane víc místa, odpočet o něco méně. */
    .home-detail-heading-table td:first-child {
        width: 78% !important;
    }

    .home-detail-heading-table td:last-child {
        width: 22% !important;
    }

    /* Explicitní velikost odstraní rozdíl způsobený mobilním
       text autosizingem uvnitř tabulky. */
    .home-detail-title-text {
        font-size: 1.30em !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    /* Odpočet zůstane vpravo a uvolní nadpisu potřebné místo. */
    .home-detail-heading-table .update-countdown-card {
        padding-left: 8px !important;
        padding-right: 8px !important;
        gap: 5px !important;
    }

    .home-detail-heading-table .update-countdown-label {
        font-size: 80% !important;
    }

    .home-detail-heading-table .update-countdown-value {
        font-size: 86% !important;
    }
}



/* ============================================================
   V66 - samostatné karty 24h minigrafů + dělicí čára nad předpovědí
   ============================================================ */

.home-spark-card {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.home-spark-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.home-mini-graph-card {
    background: #f4f4ee;
    border-radius: 11px;
    box-shadow: 0 3px 9px rgba(0,0,0,0.11);
    overflow: hidden;
}

.home-mini-graph-title {
    padding: 8px 10px 6px 10px;
    text-align: center;
    font-weight: bold;
    color: #222222;
    background: #f4f4ee;
    border-top: 4px solid var(--mini-accent, #9aa6b2);
}

.home-mini-graph-body {
    padding: 12px 8px 12px 8px;
    text-align: center;
    background: #f4f4ee;
}

.home-mini-graph-body small {
    display: inline-block;
    font-size: 100%;
    font-weight: bold;
    color: #333333;
    white-space: nowrap;
}

.home-mini-graph-temp { --mini-accent: #f08080; }
.home-mini-graph-humidity { --mini-accent: #78c6c3; }
.home-mini-graph-rain { --mini-accent: #75c8e5; }
.home-mini-graph-wind { --mini-accent: #85a8c8; }
.home-mini-graph-pressure { --mini-accent: #69a6a8; }

.home-forecast-divider {
    width: 99% !important;
    margin: 14px auto 12px auto !important;
}

.home-forecast-title {
    margin-top: 0 !important;
}

@media (max-width: 900px) {
    .home-spark-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .home-mini-graph-title {
        font-size: 0.98em !important;
        padding-top: 7px !important;
        padding-bottom: 5px !important;
    }

    .home-mini-graph-body {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .home-mini-graph-body small {
        font-size: 94% !important;
    }
}


/* ============================================================
   V67 - Rychlý přehled: barevná horní hlavička s ikonou
   Barvy a ikony odpovídají spodním detailním tabulkám.
   ============================================================ */

.home-weather-card {
    height: 90px !important;
    padding: 0 !important;
    background: #f4f4ee !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* Původní 4px proužek nahrazuje skutečná barevná hlavička. */
.home-weather-card:before {
    display: none !important;
}

.home-weather-card-head {
    height: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--home-accent);
}

.home-weather-card-head img {
    display: block;
    width: auto;
    height: 21px;
    max-width: 27px;
    object-fit: contain;
}

.home-weather-card-body {
    height: 60px;
    box-sizing: border-box;
    padding: 7px 4px 6px 4px;
    text-align: center;
}

/* Přesné barvy spodních tabulek. */
.home-weather-temp     { --home-accent: #f08080 !important; }
.home-weather-hum      { --home-accent: #78C6C3 !important; }
.home-weather-solar    { --home-accent: #FFE4B5 !important; }
.home-weather-uv       { --home-accent: #B19CD9 !important; }
.home-weather-rain     { --home-accent: #87CEEB !important; }
.home-weather-wind     { --home-accent: #85A5C1 !important; }
.home-weather-pressure { --home-accent: #69A6A8 !important; }

.home-weather-card-title {
    margin: 0 0 6px 0 !important;
    font-size: 82% !important;
    line-height: 1 !important;
    font-weight: bold !important;
    color: #222222 !important;
}

.home-weather-card-value {
    margin: 0 !important;
    font-size: 145% !important;
    line-height: 1 !important;
    font-weight: bold !important;
    color: #000000 !important;
}

/* Mobil je dál jen zmenšenina desktopu. */
@media (max-width: 900px) {
    .home-weather-card {
        height: 90px !important;
    }

    .home-weather-card-head {
        height: 30px !important;
    }

    .home-weather-card-head img {
        height: 20px !important;
        max-width: 25px !important;
    }

    .home-weather-card-body {
        height: 60px !important;
        padding-top: 7px !important;
    }

    .home-weather-card-title {
        font-size: 80% !important;
    }

    .home-weather-card-value {
        font-size: 128% !important;
    }
}


/* ============================================================
   V68 - jemný barevný podtón POUZE v těle horních karet
   Hlavičky z V67 zůstávají syté. Minigrafy se NEMĚNÍ.
   ============================================================ */

.home-weather-temp .home-weather-card-body {
    background: #fff0ef !important;
}

.home-weather-hum .home-weather-card-body {
    background: #eef9f8 !important;
}

.home-weather-solar .home-weather-card-body {
    background: #fff8e8 !important;
}

.home-weather-uv .home-weather-card-body {
    background: #f5effc !important;
}

.home-weather-rain .home-weather-card-body {
    background: #edf8fc !important;
}

.home-weather-wind .home-weather-card-body {
    background: #eef4f8 !important;
}

.home-weather-pressure .home-weather-card-body {
    background: #eef7f7 !important;
}

/* Mobil: stejný vzhled jako desktop, pouze zmenšenina. */
@media (max-width: 900px) {
    .home-weather-temp .home-weather-card-body     { background: #fff0ef !important; }
    .home-weather-hum .home-weather-card-body      { background: #eef9f8 !important; }
    .home-weather-solar .home-weather-card-body    { background: #fff8e8 !important; }
    .home-weather-uv .home-weather-card-body       { background: #f5effc !important; }
    .home-weather-rain .home-weather-card-body     { background: #edf8fc !important; }
    .home-weather-wind .home-weather-card-body     { background: #eef4f8 !important; }
    .home-weather-pressure .home-weather-card-body { background: #eef7f7 !important; }
}


/* ============================================================
   V70 - astronomie bez horních barevných proužků
   Ostatní vzhled V69 zůstává beze změny.
   ============================================================ */

.home-astro-sun-card:before,
.home-astro-moon-card:before {
    display: none !important;
}

/* Po odstranění 4px proužku lehce srovnat horní odsazení nadpisu. */
.home-astro-card-title {
    padding-top: 10px !important;
}


/* ============================================================
   V71 - číselné hodnoty v horních kartách o něco níž
   Mění se POUZE Rychlý přehled. Ostatní části V70 beze změny.
   ============================================================ */

.home-weather-card-value {
    position: relative;
    top: 5px;
}

/* Mobil je zmenšenina desktopu, posun zůstává stejný. */
@media (max-width: 900px) {
    .home-weather-card-value {
        top: 5px;
    }
}


/* ============================================================
   V72 - větší vzduch mezi Rychlým přehledem a 24h minigrafy
   Bez další dělicí čáry. Vše ostatní z V71 beze změny.
   ============================================================ */

/* Bez bouřky: větší mezera mezi horními kartami a minigrafy. */
.home-top-weather + .home-trends-block {
    margin-top: 20px !important;
}

/* Při aktivní / dnešní bouřce zachovat stávající rytmus banneru,
   aby se mezera zbytečně nedublovala. */
.storm-main-alert + .home-trends-block {
    margin-top: 0 !important;
}


/* ============================================================
   V73 - drobné finální úpravy
   ============================================================ */

/* Slunce a Měsíc: neutrální černý nadpis. */
.home-astro-sun-card .home-astro-card-title,
.home-astro-moon-card .home-astro-card-title {
    color: #111111 !important;
}

/* Kratší spodní info panel s tlačítkem na podrobnou stránku. */
.home-info-more-wrap {
    margin: 12px 0 0 0 !important;
}

.home-info-more {
    display: inline-block;
    padding: 7px 14px;
    background: #f4f4ee;
    border: 1px solid #b9b9b3;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08);
    color: navy !important;
    font-weight: bold;
    text-decoration: none !important;
}

.home-info-more:hover {
    background: #ffffff;
}

@media (max-width: 900px) {
    .home-info-more {
        padding: 7px 12px;
    }
}


/* ============================================================
   V74 - decentnější tlačítko v informačním boxu
   Ve stejném stylu jako tlačítko Detail u bouřek.
   ============================================================ */

.home-info-more {
    display: inline-block !important;
    padding: 5px 10px !important;
    color: #111111 !important;
    background: #EEECE6 !important;
    border: 1px solid rgba(0,0,0,0.22) !important;
    border-radius: 7px !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.09) !important;
    font-size: 95% !important;
    font-weight: bold !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    white-space: nowrap;
}

.home-info-more:hover {
    background: #F5F3EE !important;
    color: #111111 !important;
}


/* ============================================================
   V75 - oprava -24h / 0h u minigrafů
   Časové popisky jsou menší, výš a ukotvené k okrajům karty.
   Graf zůstává samostatně vycentrovaný.
   ============================================================ */

.home-mini-graph-body {
    position: relative !important;
    padding: 13px 24px 11px 24px !important;
    text-align: center !important;
    overflow: hidden !important;
}

.home-mini-time {
    position: absolute;
    top: 3px;
    z-index: 2;
    font-size: 72%;
    line-height: 1;
    font-weight: bold;
    color: #333333;
    white-space: nowrap;
}

.home-mini-time-left {
    left: 7px;
}

.home-mini-time-right {
    right: 7px;
}

/* Sparkline zůstává přesně uprostřed mezi časovými popisky. */
.home-mini-graph-body .temperature,
.home-mini-graph-body .humidity,
.home-mini-graph-body .rain,
.home-mini-graph-body .wind,
.home-mini-graph-body .baro {
    display: inline-block;
    vertical-align: middle;
}

/* Mobil: stejné rozložení, jen ještě o chlup kompaktnější popisky. */
@media (max-width: 900px) {
    .home-mini-graph-body {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    .home-mini-time {
        top: 3px;
        font-size: 68%;
    }

    .home-mini-time-left {
        left: 6px;
    }

    .home-mini-time-right {
        right: 6px;
    }
}


/* ============================================================
   V76 - poslední drobnost: horní karty Rychlého přehledu o něco vyšší
   Minigrafy ani ostatní části stránky se nemění.
   ============================================================ */

.home-weather-card {
    height: 98px !important;
}

.home-weather-card-head {
    height: 32px !important;
}

.home-weather-card-body {
    height: 66px !important;
    padding-top: 9px !important;
    padding-bottom: 7px !important;
}

.home-weather-card-value {
    top: 6px !important;
}

@media (max-width: 900px) {
    .home-weather-card {
        height: 98px !important;
    }

    .home-weather-card-head {
        height: 32px !important;
    }

    .home-weather-card-body {
        height: 66px !important;
        padding-top: 9px !important;
        padding-bottom: 7px !important;
    }

    .home-weather-card-value {
        top: 6px !important;
    }
}


/* ============================================================
   TEST FONTU + ZKRÁCENÉ NADPISY + ČAS AKTUALIZACE V KALENDÁŘI
   Vychází z finální V76. Rozložení a meteorologické karty se nemění.
   ============================================================ */

body,
table,
form,
button,
input,
select,
textarea,
.menu_rep_nav,
ul#navlist,
ul#navlist1 {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif !important;
}

/* Velký banner zatím ponechán ve stávajícím fontu. */
.header-main-title,
.header-place,
.header-model {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* Modernější tmavá modrošedá místo čistého navy. */
.home-top-weather-title,
.home-forecast-title,
.home-astro-title,
.home-detail-title-text {
    color: #16345f !important;
}

.home-top-weather-title,
.home-detail-title-text {
    font-size: 118% !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
}

.home-detail-heading-table td:first-child {
    width: 100% !important;
}

/* Čas poslední aktualizace dat v kartě stavu stanice. */
.home-station-updated {
    width: 126px;
    box-sizing: border-box;
    margin: 8px auto 0 auto;
    padding: 5px 8px 6px 8px;
    background: #f4f4ee;
    border: 1px solid rgba(0,0,0,0.14);
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.10);
    text-align: center;
}

.home-station-updated-label {
    display: block;
    margin-bottom: 2px;
    color: #555555;
    font-size: 72%;
    line-height: 1;
    font-weight: 600;
}

.home-station-updated-time {
    display: block;
    color: #16345f;
    font-size: 122%;
    line-height: 1;
    font-weight: 800;
}

.sidebar-station-card {
    padding-bottom: 10px !important;
}

@media (max-width: 900px) {
    .home-top-weather-title,
    .home-detail-title-text {
        font-size: 118% !important;
        white-space: nowrap !important;
    }
}


/* ============================================================
   FONT TEST V2
   - souřadnice ve stejném moderním odstínu a výrazně větší
   - astronomický nadpis bez dvojtečky
   ============================================================ */

.home-coordinates-title {
    color: #16345f !important;
}


/* ============================================================
   FONT TEST V4 - základní velikost textu 1.28em
   Ostatní úpravy z V3 zůstávají beze změny.
   ============================================================ */

body {
    font-size: 1.28em !important;
}


/* ============================================================
   FONT TEST V6
   Globální velikost 1.28em zůstává.
   Astronomické karty jsou pouze proporčně zvětšené,
   aby text nebyl natlačený k dolnímu okraji.
   ============================================================ */

.home-astro-two-cards .home-astro-card-body {
    height: 160px !important;
    min-height: 160px !important;
    padding-top: 6px !important;
    padding-bottom: 14px !important;
}

.home-astro-data td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    line-height: 1.22 !important;
}

.home-astro-two-cards .home-astro-visual,
.home-astro-sun-card .home-astro-visual,
.home-astro-moon-card .home-astro-visual {
    height: 132px !important;
}

@media (max-width: 900px) {
    .home-astro-two-cards .home-astro-card-body {
        height: 160px !important;
        min-height: 160px !important;
        padding-top: 6px !important;
        padding-bottom: 14px !important;
    }

    .home-astro-two-cards .home-astro-visual {
        height: 132px !important;
    }
}


/* ============================================================
   FONT TEST V10 - sjednocení SEKČNÍCH NADPISŮ na mobilu
   Vychází přímo z V6. Levé menu je tedy přesně jako ve V6.

   Důvod rozdílů:
   - některé nadpisy jsou <h3>, jiný je <div>
   - v původních pravidlech mají 110 %, 1.17em, 118 % a 1.30em
   - Safari na mobilu navíc umí jednotlivé textové bloky autosizovat
   Proto se na desktopu tváří podobně, ale na iPhonu se rozjedou.
   ============================================================ */

@media (max-width: 900px) {
    .home-coordinates-title,
    .home-top-weather-title,
    .home-forecast-title,
    .home-astro-title,
    .home-detail-title-text {
        font-size: 1.18em !important;
        line-height: 1.18 !important;
        font-weight: 700 !important;
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }

    /* Zkrácené nadpisy se nemají zalamovat. */
    .home-top-weather-title,
    .home-forecast-title,
    .home-detail-title-text {
        white-space: nowrap !important;
    }
}


/* ============================================================
   FONT TEST V11 - sjednocení fontu ve svátku a Denních extrémech
   Vychází přímo z V10. Velikosti ani rozložení se nemění.
   ============================================================ */

/* Svátek pod kartou stanice. */
.sidebar-holiday,
.sidebar-holiday * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif !important;
}

/* Denní extrémy měly vlastní natvrdo zadanou Verdanu v indexu. */
.extremy-panel,
.extremy-panel *,
.home-bottom-widget-extremes,
.home-bottom-widget-extremes * {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif !important;
}


/* ============================================================
   FONT TEST V12 - karta Aktualizováno, varianta 1
   Světle modrošedá, barevně sladěná s kartou stavu stanice.
   ============================================================ */

.home-station-updated {
    background: #dbe6f2 !important;
    border-color: #b8c8d8 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.08) !important;
}

.home-station-updated-label {
    color: #6b7480 !important;
}

.home-station-updated-time {
    color: #123a7a !important;
}


/* Aktivni polozka horniho menu - puvodni <font color="red"> */
.menu_rep_nav font[color="red"] {
    color: #9E2A2B !important;
}



/* ============================================================
   INDEX1 - NOVÉ ČLENĚNÍ HLAVNÍ STRÁNKY + KVALITA OVZDUŠÍ
   - souřadnice zůstávají samostatně
   - pod souřadnicemi jediná modrá dělicí čára
   - velké sjednocovací karty používají barvu současného infoboxu #D3D3D3
   - vnitřní karty zůstávají ve slonové kosti #f4f4ee
   ============================================================ */

/* Jediná dělicí čára v hlavní části: pod souřadnicemi. */
.home-blue-divider {
    display: none !important;
}
.home-blue-divider.home-coordinates-divider {
    display: block !important;
    width: 99% !important;
    height: 2px !important;
    margin: 18px auto 16px auto !important;
    background: #16345f !important;
    border: 0 !important;
}

/* Společný obal sekcí - stejná barva jako současný info box. */
.home-section {
    width: 99%;
    box-sizing: border-box;
    margin: 0 auto 16px auto;
    padding: 14px 14px 15px 14px;
    background: #D3D3D3;
    border: 0;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.11);
    color: #111111;
}

.home-section-title {
    margin: 0 0 12px 0 !important;
    padding: 0 2px !important;
    color: #16345f !important;
    font-size: 118% !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
    text-align: left !important;
}

/* AKTUÁLNÍ PODMÍNKY */
.home-section-current .home-top-weather {
    width: 100% !important;
    margin: 0 !important;
}
.home-section-current .home-top-weather-title {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.home-section-current .home-current-condition {
    background: #f4f4ee !important;
    margin-bottom: 10px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.07);
}
.home-section-current .home-top-weather + .home-trends-block,
.home-section-current .storm-main-alert + .home-trends-block {
    margin-top: 14px !important;
}
.home-section-current .home-trends-block {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
}
.home-section-current .home-spark-card {
    margin-bottom: 0 !important;
}
.home-section-current .storm-main-alert {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* PŘEDPOVĚĎ */
.home-section-forecast {
    padding-top: 13px;
    padding-bottom: 13px;
}
.home-section-forecast .home-forecast-title {
    margin: 0 0 9px 0 !important;
}
.home-section-forecast .home-forecast-strip {
    width: 100% !important;
    margin: 0 !important;
    background: #f4f4ee !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.07);
}

/* KVALITA OVZDUŠÍ */
.home-section-airquality {
    padding-top: 13px;
    padding-bottom: 13px;
}
.air-quality-title {
    margin-bottom: 9px !important;
}
.air-quality-panel {
    display: grid;
    grid-template-columns: 250px minmax(0,1fr) 160px;
    gap: 14px;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    background: #EEF5EA;
    border-radius: 11px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    color: #111111;
}
.air-quality-main {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    grid-template-rows: auto auto;
    column-gap: 9px;
    row-gap: 4px;
    align-items: center;
    min-width: 0;
}
.air-quality-symbol {
    grid-row: 1 / span 2;
    width: 42px;
    height: 42px;
}
.air-quality-symbol svg {
    display: block;
    width: 42px;
    height: 42px;
}
.air-quality-aqi-label {
    font-size: 82%;
    font-weight: 700;
    color: #555555;
}
.air-quality-aqi-value {
    grid-row: 1 / span 2;
    grid-column: 3;
    min-width: 52px;
    box-sizing: border-box;
    padding: 8px 10px;
    border-radius: 9px;
    text-align: center;
    font-size: 170%;
    line-height: 1;
    font-weight: 800;
    color: #111111;
}
.air-quality-status {
    font-size: 108%;
    line-height: 1.1;
    font-weight: 800;
    color: #1f5f2d;
}
.air-quality-values {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    align-items: stretch;
    min-width: 0;
}
.air-quality-metric {
    min-width: 0;
    padding: 3px 8px;
    border-left: 1px solid rgba(22,52,95,0.13);
    text-align: center;
    white-space: nowrap;
}
.air-quality-metric-label {
    display: block;
    margin-bottom: 3px;
    color: #4c5664;
    font-size: 78%;
    line-height: 1;
    font-weight: 700;
}
.air-quality-metric strong {
    display: inline-block;
    margin-right: 3px;
    color: #111111;
    font-size: 118%;
    line-height: 1;
}
.air-quality-metric span:last-child {
    font-size: 78%;
    color: #444444;
}
.air-quality-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    color: #555555;
    font-size: 76%;
    line-height: 1.15;
    text-align: right;
}
.air-quality-stale {
    color: #9a5d1e;
    font-weight: 700;
}
.aq-good { background: #bfe6b7 !important; }
.aq-fair { background: #dceaa8 !important; }
.aq-moderate { background: #ffe49a !important; }
.aq-poor { background: #ffc48f !important; }
.aq-very-poor { background: #f2aaa9 !important; }
.aq-extreme { background: #c8a5de !important; }
.air-quality-status.aq-good,
.air-quality-status.aq-fair,
.air-quality-status.aq-moderate,
.air-quality-status.aq-poor,
.air-quality-status.aq-very-poor,
.air-quality-status.aq-extreme {
    background: transparent !important;
}

.air-quality-status.aq-good { color:#2f7d32 !important; }
.air-quality-status.aq-fair { color:#60751f !important; }
.air-quality-status.aq-moderate { color:#9a6a00 !important; }
.air-quality-status.aq-poor { color:#a95419 !important; }
.air-quality-status.aq-very-poor { color:#a03b3b !important; }
.air-quality-status.aq-extreme { color:#6e3c88 !important; }

/* ASTRONOMIE */
.home-section-astronomy {
    padding-bottom: 14px;
}
.home-section-astronomy .home-astro-title {
    width: 100% !important;
    margin: 0 0 12px 0 !important;
}
.home-section-astronomy .astro-modern-test {
    width: 100% !important;
    margin: 0 !important;
}
.home-section-astronomy .astro-modern-card {
    background: #f4f4ee !important;
}

/* PODROBNÉ PODMÍNKY */
.home-section-detail {
    padding-bottom: 14px;
}
.home-section-detail .home-detail-title-text {
    margin: 0 0 12px 0 !important;
}
.home-section-detail > br {
    display: none;
}
.home-section-detail .detail-weather-table {
    width: 100% !important;
    margin: 0 !important;
}
.home-section-detail .detail-weather-table .detail-spacer td {
    height: 10px !important;
}

/* Ozón je nově pouze v sekci Kvalita ovzduší. */
.home-section-detail .detail-weather-table .detail-card-head b {
    color: #111111 !important;
}

/* Dnešní extrémy a spodní info ponechány ve stávající koncepci. */

@media (max-width: 900px) {
    .home-section {
        width: 99% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .air-quality-panel {
        grid-template-columns: 235px minmax(0,1fr) 145px !important;
        gap: 10px !important;
    }
    .air-quality-metric {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}


/* ============================================================
   INDEX2 - čisté informační proužky bez horního akcentu
   ============================================================ */
.home-section-current .home-current-condition {
    border-top: 0 !important;
    padding-top: 6px !important;
}

.home-section-forecast .home-forecast-strip {
    border-top: 0 !important;
    padding-top: 7px !important;
}


/* ============================================================
   INDEX3 - navrat puvodniho podbarveni astronomickych karet
   ============================================================ */
.home-section-astronomy .astro-sun-panel {
    background: #e9eff5 !important;
}

.home-section-astronomy .astro-moon-panel {
    background: #ececec !important;
}


/* ============================================================
   INDEX4 - jemnejsi stin sekci + dynamicke podbarveni AQ panelu
   ============================================================ */


/* ============================================================
   INDEX5 - AQ panel opet jednotny; meni se jen maly AQI badge
   ============================================================ */


/* ============================================================
   INDEX6 - stin sjednocovacich karet jako sidebar + pevne AQ podbarveni
   ============================================================ */


/* ============================================================
   INDEX7 - sjednocovaci karty: stin presne jako kalendar/stav stanice
   ============================================================ */
.home-section {
    box-shadow: 0 3px 9px rgba(0,0,0,0.11) !important;
}


/* ============================================================
   INDEX8 - sjednocovaci sekce: stejny radius i stin jako karta stavu stanice
   ============================================================ */
.home-section {
    border-radius: 12px !important;
    box-shadow: 0 3px 9px rgba(0,0,0,0.11) !important;
}


/* ============================================================
   INDEX9 - sjednocovaci sekce presne ve stylu spodnniho infoboxu
   ============================================================ */
.home-section {
    background: #D3D3D3 !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}


/* ============================================================
   INDEX11 - storm banner first inside current conditions
   ============================================================ */
.home-section-current > .storm-main-alert {
    width: 100% !important;
    margin: 0 0 12px 0 !important;
}


/* ============================================================
   INDEX12 - storm banner pod 24h minigrafy uvnitr Aktualnich podminek
   ============================================================ */
.home-section-current > .home-trends-block + .storm-main-alert {
    width: 100% !important;
    margin: 14px 0 0 0 !important;
}


/* ============================================================
   DNES V HISTORII - FINALNI BANNER PODLE SCHVALENE VIZUALIZACE
   ============================================================ */
.home-fullwidth-separator .home-bottom-widget-history {
    width: 100% !important;
}

.history-today-panel {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 9px 14px;
    display: flex;
    align-items: stretch;
    gap: 14px;
    background: #f4f4ee;
    border: 0;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.11);
    color: #111111;
}

.history-today-date {
    flex: 0 0 176px;
    width: 176px;
    min-height: 74px;
    box-sizing: border-box;
    padding: 5px 14px 5px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #d2d2cc;
}

.history-today-calendar {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    margin-right: 10px;
    color: #000000;
}

.history-today-calendar svg,
.history-today-years-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.history-today-date-text {
    min-width: 0;
    text-align: left;
}

.history-today-title {
    margin: 0 0 4px 0;
    font-size: 108%;
    line-height: 1.14;
    font-weight: bold;
    color: #111111;
    white-space: nowrap;
}

.history-today-day {
    font-size: 142%;
    line-height: 1.02;
    font-weight: bold;
    color: #111111;
    white-space: nowrap;
}

.history-today-cards {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    align-items: stretch;
}

.history-today-card {
    min-width: 0;
    min-height: 74px;
    box-sizing: border-box;
    padding: 7px 9px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    column-gap: 8px;
    align-items: center;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 9px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.history-card-max     { background: #fff0ef; }
.history-card-min     { background: #eef5ff; }
.history-card-rain    { background: #edf8fc; }
.history-card-average { background: #fff8e8; }
.history-card-years   { background: #f5effc; }

.history-today-card-icon {
    width: 48px;
    height: 48px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.history-today-card-icon img {
    display: block;
    max-width: 44px;
    max-height: 48px;
    object-fit: contain;
}

.history-today-years-icon {
    color: #000000;
}

.history-today-card-body {
    min-width: 0;
    width: 100%;
    text-align: center;
}

.history-today-card-title {
    margin: 0 0 3px 0;
    font-size: 87%;
    line-height: 1.1;
    font-weight: normal;
    color: #111111;
    white-space: nowrap;
}

.history-today-card-value {
    font-size: 156%;
    line-height: 1.02;
    font-weight: bold;
    white-space: nowrap;
}

.history-card-max .history-today-card-value     { color: #D7191C; }
.history-card-min .history-today-card-value     { color: #1E5FBF; }
.history-card-rain .history-today-card-value    { color: #287CB7; }
.history-card-average .history-today-card-value { color: #D98A00; }
.history-card-years .history-today-card-value   { color: #7041B0; }

.history-today-card-sub {
    margin-top: 3px;
    font-size: 82%;
    line-height: 1.06;
    color: #333333;
    white-space: nowrap;
}

@media (max-width: 900px) {
    /* Hlavní web je i na mobilu pevný desktopový layout (min-width 1200 px)
       a Safari ho zmenší jako celek. Proto tento banner NESMÍ přecházet
       do 2/3 sloupců - zůstává stejně kompaktní jako na desktopu. */
    .history-today-panel {
        display: flex;
        align-items: stretch;
        padding: 9px 14px;
        gap: 14px;
    }

    .history-today-date {
        flex: 0 0 176px;
        width: 176px;
        min-height: 74px;
        padding: 5px 14px 5px 8px;
        justify-content: center;
        border-right: 1px solid #d2d2cc;
        border-bottom: 0;
    }

    .history-today-calendar {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
        color: #000000;
    }

    .history-today-title {
        font-size: 108%;
    }

    .history-today-day {
        font-size: 142%;
    }

    .history-today-cards {
        flex: 1 1 auto;
        min-width: 0;
        margin-top: 0;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 10px;
        align-items: stretch;
    }

    .history-today-card {
        min-height: 74px;
        padding: 7px 9px;
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        column-gap: 8px;
        align-items: center;
    }

    .history-today-card-icon {
        width: 48px;
        height: 48px;
        margin: 0;
    }

    .history-today-card-icon img {
        max-width: 44px;
        max-height: 48px;
    }

    .history-today-years-icon {
        color: #000000;
    }

    .history-today-card-title {
        font-size: 87%;
    }

    .history-today-card-value {
        font-size: 156%;
    }

    .history-today-card-sub {
        font-size: 82%;
    }
}

@media (max-width: 520px) {
    /* Stejný princip i na úzkém telefonu: žádné zalamování karet. */
    .history-today-panel {
        display: flex;
        padding: 9px 14px;
        gap: 14px;
    }

    .history-today-date {
        flex-basis: 176px;
        width: 176px;
        min-height: 74px;
        border-right: 1px solid #d2d2cc;
        border-bottom: 0;
    }

    .history-today-cards {
        margin-top: 0;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 10px;
    }

    .history-today-card {
        min-height: 74px;
        padding: 7px 9px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .history-today-card-title {
        font-size: 87%;
    }

    .history-today-card-value {
        font-size: 156%;
    }

    .history-today-card-sub {
        font-size: 82%;
    }
}

/* === MOBILNI_VNEJSI_POZADI_INDEX_FIX_START ===
   Hlavni desktopovy index zobrazeny na telefonu:
   odstrani pouze sede pozadi mimo hlavni #obal. */
@media only screen and (max-device-width: 900px) {
    html,
    body {
        background: #ffffff !important;
        background-image: none !important;
        background-color: #ffffff !important;
    }
}
/* === MOBILNI_VNEJSI_POZADI_INDEX_FIX_END === */

/* === MOBILNI_SPODNI_PAS_INDEX_FIX_START ===
   Na telefonu odstrani prazdny pas pod patickou.
   Duvod: puvodni body ma padding-bottom: 60px. */
@media only screen and (max-device-width: 900px) {
    body {
        padding-bottom: 0 !important;
    }
}
/* === MOBILNI_SPODNI_PAS_INDEX_FIX_END === */

/* === MOBILNI_SPODNI_BR_FIX_START ===
   Odstrani pouze prazdny <br> vlozeny ZA hlavnim #obalem.
   Ten vytvarel pruh pod patickou na indexu i nekterych podstrankach. */
@media only screen and (max-device-width: 900px) {
    body > #obal + br {
        display: none !important;
    }
}
/* === MOBILNI_SPODNI_BR_FIX_END === */

/* === MOBILNI_PATICKA_ROHY_FIX_START ===
   Mobil: spodní zakulacení řeší pouze hlavní #obal.
   Patička je uvnitř hranatá, takže v dolních rozích neprosvítá podklad. */
@media only screen and (max-device-width: 900px) {
    #paticka {
        border-radius: 0 !important;
    }
}
/* === MOBILNI_PATICKA_ROHY_FIX_END === */

/* Information icons: reduce artwork only, keep surrounding layout. */
@media only screen and (min-device-width: 901px) {
    img[src="images/info.png"],
    img[src="/images/info.png"],
    img[src$="/images/info.png"],
    img[src*="/images/info.png?"] {
        scale: 0.88;
    }
}

/* === DESKTOP_AUTO_ZOOM_V1_START ===
   Trial: enlarge the complete site only in wide desktop windows.
   The 1200px wrapper becomes at most 1350px at 112.5 percent.
   Keep phone/touch-only layouts and existing small-window rules intact.
   Window width is measured in CSS pixels, not physical monitor pixels.
*/
@supports (zoom: 1.125) {
    @media only screen and (min-device-width: 901px) and (min-width: 1600px) and (hover: hover) and (pointer: fine) {
        #obal {
            zoom: 1.125;
        }
    }
}
/* === DESKTOP_AUTO_ZOOM_V1_END === */

/* TOP_MENU_VERTICAL_CENTER_FINAL
   Sjednoceni s vyskou a zarovnanim ostatnich tlacitek webu. */
.menu_rep_nav,
.common-top-menu-card .menu_rep_nav,
.home-top-menu-card .menu_rep_nav {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    height: 31px !important;
    margin: 0 2px !important;
    padding: 0 9px 2px 9px !important;
    line-height: 1 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    vertical-align: middle !important;
    text-align: center !important;
}

/* === MOBILNI HLAVICKA FIX 2026-10-01 V3 START ===
   Jemne dorovnani praveho okraje METEOSTANICE k Davis Vantage VUE.
   Desktop zustava beze zmeny. */
@media only screen and (max-device-width: 900px) {
    .header-main-title {
        font-family: "Arial Black", Arial, Helvetica, sans-serif !important;
        font-size: 78px !important;
        line-height: 0.92 !important;
        font-weight: 900 !important;
        letter-spacing: 0.2px !important;
        -webkit-text-stroke: 2.0px #000000 !important;
        text-shadow: 0 0 0.01px #000000 !important;
    }

    .header-place {
        font-family: "Arial Black", Arial, Helvetica, sans-serif !important;
        font-size: 42px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        margin-top: 7px !important;
        -webkit-text-stroke: 1.3px #000000 !important;
        text-shadow: 0 0 0.01px #000000 !important;
    }

    .header-model {
        position: absolute !important;
        right: calc(7% + 12px) !important;
        top: 61% !important;
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: bold !important;
        text-align: right !important;
        white-space: nowrap !important;
    }
}
/* === MOBILNI HLAVICKA FIX 2026-10-01 V3 END === */