span.material-icons{
    float: left !important;
}

div.core-content{
    padding-top: 2em;
    margin-left: 2% !important;
}

div.core-main{
    padding: 0 !important;
}

div.core-admin-sidebar{
    max-width: 250px;
}

/*make the menu sub-menu items drop down on mouse hover */
/*ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
    margin: 0;
}*/

/* Jednoduchá oprava pro Dynamic Island */
body {
    padding-top: env(safe-area-inset-top);
}

/* "Nuclear" řešení pro Safari */
.navbar-custom {
    /* 1. Nejprve nastavíme pevnou barvu (Fallback) */
    background-color: #212529 !important;

    /* 2. Potom natvrdo přepíšeme celou vlastnost background */
    /* Tím vyrušíme jakékoliv Bootstrap nastavení */
    background: linear-gradient(135deg, #1a1e21 0%, #212529 100%) !important;

    /* 3. Pro jistotu vypneme průhlednost pozadí z Bootstrapu */
    --bs-bg-opacity: 1;

    /* Ohraničení */
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

.navbar {
    /* Ujistíme se, že menu nezasahuje do kamery */
    padding-top: calc(0.5rem + env(safe-area-inset-top));
}

/* Oprava pro Safari a iOS */
.bg-dark-gradient {
    /* 1. Základní barva (kdyby gradient selhal, bude to tmavě šedé, ne průhledné) */
    background-color: #212529 !important;

    /* 2. Webkit prefix pro Safari/iOS */
    background-image: -webkit-linear-gradient(135deg, #1a1e21 0%, #212529 100%);

    /* 3. Standardní syntaxe */
    background-image: linear-gradient(135deg, #1a1e21 0%, #212529 100%);

    /* 4. Pojistka spodního okraje */
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* Lepší font pro značku */
.navbar-brand {
    letter-spacing: 0.5px;
    font-size: 1.25rem;
}

/* Odkazy v navigaci */
.navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.75);
    transition: color 0.2s ease, background-color 0.2s ease;
    border-radius: 6px;
    padding: 0.5rem 1rem !important; /* Větší klikací plocha */
    margin: 0 2px;
}

.navbar-nav .nav-link:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.05);
}

/* Aktivní odkaz (svítí) */
.navbar-nav .nav-link.active {
    color: #fff;
    background-color: rgba(13, 110, 253, 0.15); /* Jemně modré podbarvení */
    font-weight: 500;
}

/* Avatar styl */
.avatar-circle {
    width: 38px;
    height: 38px;
    font-size: 1.1rem;
    border: 2px solid rgba(255,255,255,0.2);
}

/* Dropdown menu hezčí */
.dropdown-menu {
    border-radius: 10px;
    overflow: hidden;
    animation: fadeIn 0.2s ease;
}
.dropdown-item {
    padding: 8px 20px;
    font-size: 0.9rem;
}
.dropdown-item:active {
    background-color: #0d6efd;
}

/* Animace pro dropdown */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.toast-container {
    pointer-events: none; /* Aby kontejner neblokoval klikání, když je prázdný */
}
.toast {
    pointer-events: auto; /* Samotný toast už klikatelný je */
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transform: translateY(-100%); /* Výchozí pozice schovaná nad navbarem */
}
.toast.showing, .toast.show {
    transform: translateY(0); /* Vysunutí dolů */
}
/* Stín pro oddělení od obsahu pod ním */
#liveToast.show {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

/* Úplné splynutí harmoniky s pozadím */
#mobileAccordion,
#mobileAccordion .accordion-item,
#mobileAccordion .accordion-button,
#mobileAccordion .accordion-body {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Nadpis kategorie */
#mobileAccordion .accordion-button {
    color: rgba(255, 255, 255, 0.7) !important;
    padding: 1rem 0.75rem !important;
}

/* Nadpis kategorie při rozbalení */
#mobileAccordion .accordion-button:not(.collapsed) {
    color: #fff !important;
    /* Žádné pozadí, aby to splynulo */
}

/* Vnitřní blok s podpoložkami */
#mobileAccordion .accordion-body {
    padding: 0 !important;
    margin: 0 !important;
}

/* Úprava ikon a textu v podpoložkách, aby "utíkaly" doprava */
.menu-child-link {
    padding-left: 2.5rem !important; /* Odsazení, aby to vypadalo jako podúroveň */
    transition: background 0.2s;
}

.menu-child-link:active {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Sjednocení odsazení pro celé menu */
#mobileAccordion .nav-link-main,
#mobileAccordion .accordion-button {
    padding: 0.8rem 0.75rem !important; /* Sjednocený padding */
    margin-bottom: 2px !important;      /* Sjednocený rozestup mezi položkami */
    display: flex !important;
    align-items: center !important;
    border-radius: 8px !important;      /* Sjednocené zaoblení pro hover efekty */
}

/* Odstranění specifických vlastností Accordionu, které narušují zarovnání */
#mobileAccordion .accordion-button {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Odsazení podpoložek - teď začínají přesně pod textem rodiče */
.menu-child-link {
    padding: 0.6rem 0.75rem 0.6rem 2.85rem !important;
    transition: all 0.2s ease;
}

/* Ikony v hlavním menu - sjednocení šířky pro zarovnání textu */
#mobileAccordion i.fs-4 {
    width: 1.5rem;
    text-align: center;
}