body {
}

.text-center {
    text-align: center;
}

.content-container {
    min-height: 80vh;
}

.idsk-footer-extended-logo {
    max-width: 200px !important;
}

/* Detail diplomu: dlhé reťazce z premenných (názvy univerzít/fakúlt, odkaz-URL)
   musia byť zalomiteľné, aby na úzkych mobilných obrazovkách nepretekali mimo
   obrazovku. `overflow-wrap: anywhere` ako jediné ovplyvní aj minimálnu šírku
   buniek tabuľky, takže dlhá URL nezväčší tabuľku nad šírku viewportu.
   `word-break: break-word` je fallback pre staršie mobilné prehliadače.
   V tabuľke cielime len na hodnotové bunky (druhé <td> v riadku), aby sa
   statické popisky v ľavom stĺpci nelámali uprostred slova. */
.diplom-header,
[data-controller="diplom"] .govuk-table__cell + .govuk-table__cell {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* QR kód má pevnú šírku 200px – na úzkom viewporte spolu so stĺpcom popiskov
   tesne presiahne obrazovku. Necháme ho zmenšiť sa spolu s bunkou. */
[data-controller="diplom"] .govuk-table__cell img {
    max-width: 100%;
    height: auto;
}

/* DEV lišta nad headerom (Common/dev_banner.html.twig), vizuál podľa stipendia.minedu.dev.
   app.css sa načíta pred IDSK, preto vyššia špecificita (prebitie margin z .govuk-body). */
.dev-banner {
    padding: 16px 0;
    text-align: center;
}

.dev-banner .dev-banner__text {
    margin: 0;
    font-weight: 700;
}

/* inline SVG ikona – rozmery ako .svg-inline--fa vo Font Awesome */
.dev-banner__icon {
    height: 1em;
    vertical-align: -0.125em;
    fill: currentColor;
    overflow: visible;
}

/* červený „DEV" odznak fixnutý vľavo hore; pointer-events: none, aby neblokoval kliky na header/cookies pod ním.
   z-index nad IDSK headerom, ktorý je na mobile sticky so z-index 9999. */
.dev-banner__badge {
    position: fixed;
    top: 8px;
    left: 16px;
    z-index: 10000;
    box-sizing: border-box;
    width: 70px;
    padding: 8px;
    border-radius: 6px;
    background-color: #dc3545;
    color: #fff;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    pointer-events: none;
}

/* mobil (breakpoint IDSK headera): kým je lišta na obrazovke, odznak je skrytý; zobrazí ho
   dev_banner_controller.js až keď lišta odscrolluje preč */
@media (max-width: 48.0525em) {
    .dev-banner__badge {
        display: none;
    }

    .dev-banner__badge--visible {
        display: block;
    }
}