:root {
    --upol-primary: rgb(0, 107, 173);
    --upol-primary-light: rgba(0, 107, 173, 0.1);
}

/* Styling pro aktivní položku v menu */
.mud-nav-link.active {
    background-color: var(--upol-primary-light) !important;
}
    .mud-nav-link.active .mud-nav-link-text,
    .mud-nav-link.active .mud-nav-link-icon {
        color: var(--upol-primary) !important;
        font-weight: 700 !important;
    }

    /* Volitelné: Jemný efekt při najetí myší na aktivní položku */
    .mud-nav-link.active:hover {
        background-color: var(--upol-primary-light) !important;
    }





    /**drag n drop*/
.mud-drop-item-moving {
    opacity: 0.5;
    transform: scale(1.02);
    transition: transform 0.1s ease;
}

/* Styl pro "stín" na místě, kam položka dopadne */
.mud-dropzone-placeholder {
    background-color: var(--mud-palette-action-default-hover);
    border: 2px dashed var(--mud-palette-primary-main);
    border-radius: 4px;
    margin-top: 8px;
    margin-bottom: 8px;
    height: 50px; /* Musí odpovídat výšce řádku */
}

/* Plynulý přechod, když se uvolní místo pro novou položku */
.mud-drop-item {
    transition: all 0.3s ease-in-out;
}

/* alert pro neuložené změny*/
.floating-alert {
    position: fixed;
    bottom: 20px; 
    right: 20px;
    z-index: 2000;
    width: auto;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.floating-alert-color {
    background-color: #fff2df;
}


.mud-input-label {
    color: var(--upol-primary) !important;
    font-weight: bold!important;
}


.tiny-wrapper {
    border-radius: 4px;
    transition: border-color 0.2s;
}

.normal-border {
    border: 1px solid rgba(0,0,0,0.1); /* Jemný okraj v základu */
}

.mud-border-error {
    border: 1px solid var(--mud-palette-error) !important;
}

.mud-input-outlined-border legend {
    padding-inline-start: 12px !important; /* Mezera před textem */
    padding-inline-end: 12px !important; /* Mezera za textem */
    width: auto !important;
    transition: padding 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.fw-bold {
    font-weight: 700 !important;
}

.rich-text-container ul, .rich-text-container ol {
    padding-left: 2.5rem !important;
    margin-bottom: 1rem;
}

/*BARVY*/
.text-white {
    color: var(--mud-palette-white)!important;
}

.text-secondary {
    color: var(--mud-palette-text-secondary) !important;
}

.text-primary {
    color: var(--upol-primary) !important;
}

/*TABULKY*/
.custom-table-header th {
    font-weight: bold !important;
    color: var(--mud-palette-text-secondary) !important;
}
.vertical-align-top {
    vertical-align: top!important;
}


/**vlastní kartičky*/
/* Styly pro "Overlay" tlačítko */
.clickable-overlay-button {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    justify-content: center !important;
    text-transform: none !important; /* Aby text nebyl kapitálkami */
    border-radius: var(--mud-default-borderradius);
}

.field-card {
    transition: all 0.2s ease-in-out;
    border: 1px solid var(--mud-palette-lines-inputs);
    min-height: 200px;
    display: flex;
    flex-direction: column;
}

    .field-card:hover {
        box-shadow: var(--mud-elevation-6) !important;
        background-color: var(--mud-palette-background-grey);
    }

/* V MB9 se ujistíme, že vnitřní obsah tlačítka (span) zabere vše */
.clickable-overlay-button .mud-button-label {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.none-border-radius-right {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.none-border-radius-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}


.file-attachment-border {
    border: 1px solid var(--mud-palette-lines-inputs)!important;
}
    .file-attachment-border:hover {
        border: 1px solid var(--mud-palette-text-primary) !important;
    }


    /**úprava tiny mce*/
.tox-tinymce{
    border-radius: 4px!important;
}

.attachments-drag-n-drop {
    border: 2px dashed var(--upol-primary) !important;
}

.text-left{
    text-align: left!important;
}

.text-right {
    text-align: right !important;
}

.mud-input-helper-text > div:nth-child(2) {

    white-space: nowrap;
}

.sticky-save-buttons {
    position: sticky;
    bottom: 0;
    z-index: 10;
    background-color: white; /* Musí mít pozadí, jinak pod ním uvidíte text */
    border-top: 1px solid #e0e0e0; /* Volitelné: linka pro oddělení */
    padding: 16px 0; /* Vnitřní odsazení tlačítek */
    margin-top: 14px;
}