/* ChytraDomena — vlastní styly */

/* ── Sidebar collapse (desktop only) ───────────────────────── */
@media (min-width: 1024px) {
    html[data-sb="col"]  #sidebar     { width: 4rem; }
    html[data-sb="open"] #sidebar     { width: 16rem; }
    html[data-sb="col"]  #mainContent { margin-left: 4rem; }
    html[data-sb="open"] #mainContent { margin-left: 16rem; }
    html[data-sb="col"]  .sb-exp     { display: none !important; }
    html[data-sb="col"]  .sb-item    { padding-left: 0 !important; padding-right: 0 !important; justify-content: center !important; }
    html[data-sb="col"]  #sbUserRow  { display: none !important; }
    html[data-sb="col"]  #sbToggleIcon { transform: rotate(180deg); }
}
body { font-family: 'Inter', sans-serif; }

/* Spinner */
@keyframes spin { to { transform: rotate(360deg); } }
.spinner {
    border: 2px solid currentColor;
    border-top-color: transparent;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: spin .7s linear infinite;
    display: inline-block;
    vertical-align: middle;
}

/* Fade-up animace pro řádky výsledků */
@keyframes fadeUp {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}
.fade-up {
    animation: fadeUp .3s ease forwards;
    opacity: 0;
}

/* Overlay modálních oken */
.modal-bg {
    background: rgba(0, 0, 0, .5);
    backdrop-filter: blur(4px);
}

/* Registrátor — hover efekt */
.registrar-btn:hover .registrar-arrow { opacity: 1; transform: translateX(2px); }
.registrar-arrow { opacity: 0; transition: opacity .15s, transform .15s; }