/*
 * style/noscript-margin.css
 * Zajišťuje fallback rozložení a zobrazení poznámek, když je JS zakázán.
 */

/* 1. Zrušení Grid Layoutu a nastavení na jeden sloupec */
.grid {
    grid-template-columns: 1fr; /* Vše do jednoho sloupce */
    gap: 1rem;
    padding-bottom: 0rem; /* Přidáme prostor pod poznámky */
}

/* 2. Zarovnání marginálií zpět pod text */
.marginalia {
    grid-column: 1; /* Poznámky se přesunou do prvního sloupce */
    position: static; /* Zrušíme pozicování relativní k .grid */
}

/* 3. Zobrazení poznámek jako bloků */
.note {
    position: static !important; /* Důležité: Zruší absolutní pozicování JS */
    width: 100%;
    margin-top: 1.5rem; /* Odsazení od hlavního textu */
    
    /* Změna vizuálního oddělení (jako ve fallback media query) */
    border-left: none;
    /* border-top: 3px solid tomato; */ 
    
    /* Zrušení Flexboxu, který se používal pro zarovnání h4 a p */
    display: block !important; 
    
    /* Zajistíme, že h4 a p budou standardní bloky */
    float: none; /* Zruší float na h4 */
    overflow: visible; /* Zruší BFC hack */
    padding: 0.5em 0.8em; /* Větší padding se hodí pro plné bloky */
}

/* 4. Resetování vnitřního uspořádání poznámek */
.note h4 {
    display: block !important;
    float: none !important;
    padding-right: 1em;
    /* margin-bottom: 0.25em; /* Malá mezera pod hlavičkou */ */
    margin-bottom: 0; /* Malá mezera pod hlavičkou */
}

.note p:first-of-type {
    display: block !important;
    flex-grow: initial;
    margin: 0;
}