@charset "UTF-8";

 
.obsah .aktualita-detail {
    background-color: var(--card);
    color: var(--card-fg);
    padding: 40px; 
    border-radius: var(--CardRadius);
    box-shadow: var(--boxShadow);
    border: 1px solid var(--border);
    line-height: 1.6;
    margin-bottom: 20px;
}

.obsah .aktualita-detail header h1 {
    color: var(--primary);
    font-size: 1.8em; 
    margin: 15px 0 25px 0; 
}

.obsah .aktualita-detail time {
    color: var(--muted-fg);
    font-size: 0.85em;
    font-weight: bold;
    text-transform: uppercase; 
    display: block;
    margin-bottom: 10px;
}
 
.obrazek-novinky {
    margin: 30px auto; /* Vycentrování a mezery nad/pod */
    overflow: hidden;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    
    /* Zde je oprava: */
    max-width: 600px;  /* Maximální šířka, aby se nerozmazal */
    width: fit-content; /* Přizpůsobí se velikosti obrázku */
}

.obrazek-novinky img {
    max-width: 100%;   /* Nepustí obrázek mimo kontejner */
    height: auto;
    display: block;
    margin: 0 auto;    /* Vycentrování samotného img */
}

.obsah .text-novinky p { 
    margin-bottom: 20px; 
    font-size: 1.1em;
}
 
.obsah .text-novinky a {
    color: var(--primary);
    text-decoration: underline;
}
/* Opravený kontejner pro uši */
.novinky-navigace {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: 99999; /* Maximální priorita */
}

.ucho {
    position: absolute;
    pointer-events: auto;
    display: flex;
    align-items: center;
    padding: 20px 15px;
    background-color: var(--card); /* Tmavé pozadí */
    border: 2px solid var(--primary); /* Zelený okraj, aby to bylo vidět */
    color: var(--fg);
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: var(--boxShadow);
}

.ucho-vlevo {
    left: 0;
    border-radius: 0 var(--radius) var(--radius) 0;
    transform: translateY(-50%); /* Odstranil jsem ten posun ven z obrazovky */
}

.ucho-vpravo {
    right: 0;
    border-radius: var(--radius) 0 0 var(--radius);
    transform: translateY(-50%);
}

.ucho:hover {
    background-color: var(--primary);
    color: var(--primary-fg) !important;
}

.ucho .sipka {
    font-size: 2em;
    font-weight: bold;
    color: var(--primary); /* Tvoje svítivá barva */
}

.ucho:hover .sipka {
    color: var(--primary-fg);
}

.ucho .text {
    padding: 0 10px;
    font-weight: bold;
    /* Zkusme text zatím nechat vidět, abychom ověřili, že tam jsou */
    display: inline; 
}

/* Úprava pro mobily a tablety */
@media (max-width: 768px) {
    .novinky-navigace {
        top: 15%; /* Posune uši výrazně nahoru (pod menu/hlavičku) */
    }

    .ucho {
        padding: 10px 8px; /* Menší tlačítka */
        opacity: 0.8; /* Mírně průhledné, aby tolik nerušily */
    }

    .ucho .text {
        display: none !important; /* Na mobilu text úplně pryč */
    }

    .ucho .sipka {
        font-size: 1.5em; /* Menší šipky */
    }

    .ucho-vlevo {
        /* Pokud by stále moc vyčnívaly, můžeš je o kousek "zasunout" */
        /* transform: translateY(-50%) translateX(-10%); */
    }

    .ucho-vpravo {
        /* transform: translateY(-50%) translateX(10%); */
    }
}