/* -------------------------------
 *  Only for light theme
 * ---------------------------------*/
:root {
    /* Header */
    --header-bg: rgb(17 24 39);       /* base-900 */
    --header-border: rgb(31 41 55);   /* base-800 */
    --header-text: rgb(229 231 235);  /* light text */

    /* UL / History */
    --ul-bg: rgb(17 24 39);
    --ul-text: rgb(229 231 235);
    --ul-border: #364153;

    /* Left navbar */
    --sidebar-bg: rgb(17 24 39);
    --sidebar-border: rgb(31 41 55);
    --sidebar-text: rgb(229 231 235);

    /* Hover */
    --hover-text: rgb(255 255 255);

    --lwr-primary-color: #0f719a;
}

@media(max-width: 768px) {
    .view-related,
    .change-related, 
    .delete-related {
        display: none !important; 
    }
}

/* -------------------------------
 *   Light theme styles
 * ---------------------------------*/

/* Header */
html:not(.dark) .bg-white.border-b {
    background-color: var(--header-bg);
    border-color: var(--header-border);
    color: var(--header-text);
}

html:not(.dark) .bg-white.border-b a {
    color: var(--header-text);
}

html:not(.dark) .bg-white.border-b a:hover {
    color: var(--hover-text);
}

/* UL / History */
html:not(.dark) ul.bg-white.container {
    background-color: var(--ul-bg);
    color: var(--ul-text);
}

html:not(.dark) ul.bg-white.container > li {
    border-color: var(--ul-border);
}

html:not(.dark) ul.bg-white.container li a {
    color: var(--ul-text);
}

html:not(.dark) ul.bg-white.container li a:hover {
    color: var(--hover-text);
}

/* Left navbar */
html:not(.dark) .border-b.border-base-200.h-\[65px\] {
    background-color: var(--sidebar-bg);
    border-color: var(--sidebar-border);
    color: var(--sidebar-text);
}

html:not(.dark) .border-b.border-base-200.h-\[65px\] a {
    color: var(--sidebar-text);
}

html:not(.dark) .border-b.border-base-200.h-\[65px\] a:hover {
    color: var(--hover-text);
}

#main > div:first-child {
    /* не знаю почему шапка перестала прилипать к верху КОСТЫЛЬ */
    /* div.bg-white.border-b.border-base-200.mb-6.px-4.z-40.dark\:border-base-800.dark\:text-font-default-dark */
    position: sticky !important;
    top: 0 !important;
}

#result_list th::before {
    display: none; /* В таблице скраывать чтобы не было отступа когда убрал заголовок на мобилке */
}

#result_list tbody tr th a {
    font-weight: bold;
    color: var(--lwr-primary-color);
}

.leaflet-bottom {
    display: none !important;
}

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