/* Zajednički ulaz u temu sva tri modula. Osnovna tema ostaje kompatibilna s Evaluacijom. */
@import url("../evaluacija/css/app-evaluacija.css");

.app-module-links {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.app-module-link {
    padding: 0.35rem 0.55rem !important;
    border: 1px solid transparent;
}

.app-module-link.is-active {
    border-color: var(--app-accent-soft-border);
    background: var(--app-accent-soft);
    color: var(--app-accent);
    font-weight: bold;
}

body.edukacije-module main.app-main {
    min-height: calc(100vh - 13rem);
}

body.edukacije-module .edukacije-content-card {
    padding: 1.35rem;
    border: 1px solid var(--app-border);
    border-radius: 0.75rem;
    background: var(--app-surface);
    box-shadow: var(--app-shadow);
}

body.edukacije-module hr {
    border: 0;
    border-top: 1px solid var(--app-border);
}

body.edukacije-module input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
body.edukacije-module select,
body.edukacije-module textarea {
    max-width: 100%;
    box-sizing: border-box;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--app-border);
    border-radius: 0.35rem;
    background: var(--app-surface);
    color: var(--app-text);
    font: inherit;
}

body.edukacije-module input[type="submit"],
body.edukacije-module input[type="button"],
body.edukacije-module button:not(.app-ui-chip) {
    appearance: none;
    padding: 0.62rem 0.95rem;
    border: 1px solid var(--app-accent);
    border-radius: 0.25rem;
    background: var(--app-accent);
    color: var(--app-on-accent);
    cursor: pointer;
    font: inherit;
}

body.edukacije-module input[type="submit"]:hover,
body.edukacije-module input[type="button"]:hover,
body.edukacije-module button:not(.app-ui-chip):hover {
    background: var(--app-accent-hover);
    border-color: var(--app-accent-hover);
}

body.edukacije-module table {
    max-width: 100%;
}

body.edukacije-module p,
body.edukacije-module li,
body.edukacije-module td {
    color: var(--app-text);
    line-height: 1.55;
}

body.edukacije-module .LOGO,
body.edukacije-module [data-institution-logo] {
    max-width: min(220px, 70vw);
    height: auto;
}

body.edukacije-module-prijava .blue_button,
body.edukacije-module-prijava a.blue_button {
    border-color: var(--app-accent) !important;
    background: var(--app-accent) !important;
    color: var(--app-on-accent) !important;
}

body.edukacije-module-prijava .blank_row {
    height: 0.65rem;
}

body.edukacije-module-pretplata form {
    margin: 1rem auto;
}

@media (max-width: 980px) {
    .app-header-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .app-nav,
    .app-module-links {
        width: 100%;
    }
}