/* Zrušení podtržení u všech odkazů na webu */
a {
    text-decoration: none !important;
}

/* Volitelně: Podtržení se může objevit až při najetí myší (hover) */
a:hover {
    text-decoration: none !important; /* Nebo 'underline', pokud ho tam tehdy chceš */
}


/* Manrope font-face */
@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Nastavení pro celý web */
body {
  font-family: 'Manrope', sans-serif;
}

/* Nadpisy */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Manrope', sans-serif;
}


/* Totální přepsání iCagenda pro mobil */
@media screen and (max-width: 800px) {
    /* 1. Resetujeme hlavní kontejner události */
    div.ic-event div.ic-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 15px !important;
    }

    /* 2. Datum, náhled a obsah - všem dáme 100% šířku a zrušíme fixní hodnoty */
    div.ic-event div.ic-box-date, 
    div.ic-event div.mg2-thumb, 
    div.ic-event div.ic-content {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 auto !important; /* Přebije flex: 0 0 200px */
        margin: 0 !important;
        text-align: center !important;
    }

    /* 3. Klíčová úprava pro vnořené divy náhledu (přebíjíme inline style="width:200px") */
    div.ic-event div.mg2-thumb-inner {
        width: 100% !important;
    }

    /* 4. Samotný obrázek - roztažení na maximum */
    div.ic-event div.mg2-thumb img {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        height: auto !important;
        object-fit: cover !important; /* Aby vyplnil prostor */
        display: block !important;
    }

    /* 5. Zarovnání textu pod obrázkem */
    div.ic-event div.ic-content h2, 
    div.ic-event div.ic-content div.ic-descshort {
        text-align: left !important;
    }
  
/* ... */

