/**
 * KitSofts UI enhancements — theme-neutral (shape + dashboard widgets + typography scale).
 * Does not override hkits-themes.css palette or per-theme sidebar chrome.
 *
 * Sidebar: typography/spacing only — never set .hkits-sidebar width (hkits-layout.css
 * owns collapsed rail + hover expand).
 */

/* Expanded sidebar — compact menu typography */
html[data-hkits-theme] body.hkits-app .hkits-sidebar:hover .hkits-menu-head,
html[data-hkits-theme] body.hkits-app .hkits-sidebar .hkits-menu-head.hkits-menu-direct {
    font-size: var(--hkits-sidebar-menu-font-size, 16px);
    padding: var(--hkits-sidebar-menu-padding-y, 10px) var(--hkits-sidebar-menu-padding-x, 12px);
    line-height: 1.35;
    letter-spacing: 0.01em;
}

html[data-hkits-theme] body.hkits-app .hkits-sidebar:hover .hkits-menu-head .fa-fw,
html[data-hkits-theme] body.hkits-app .hkits-sidebar .hkits-menu-head.hkits-menu-direct .fa-fw {
    font-size: var(--hkits-sidebar-menu-icon-size, 16px);
    width: 1.25em;
    margin-right: 8px;
}

html[data-hkits-theme] body.hkits-app .hkits-sidebar:hover .hkits-menu-head .hkits-chevron {
    font-size: 9px;
    opacity: 0.5;
}

html[data-hkits-theme] body.hkits-app .hkits-sidebar:hover .hkits-menu-head[aria-expanded="true"] .hkits-chevron {
    opacity: 0.75;
}

html[data-hkits-theme] body.hkits-app .hkits-sidebar:hover .hkits-sidebar-inner {
    padding: var(--hkits-sidebar-inner-padding, 10px 6px 8px);
}

html[data-hkits-theme] body.hkits-app .hkits-sidebar:hover .panel,
html[data-hkits-theme] body.hkits-app .hkits-sidebar .panel {
    margin: 0 0 var(--hkits-sidebar-panel-gap, 4px);
}

html[data-hkits-theme] body.hkits-app .hkits-sidebar:hover .hkits-submenu {
    margin-top: 3px;
    padding: 3px 5px 5px;
}

html[data-hkits-theme] body.hkits-app .hkits-sidebar:hover .hkits-submenu li a {
    font-size: var(--hkits-sidebar-submenu-font-size, 15px);
    padding: var(--hkits-sidebar-submenu-padding-y, 8px) var(--hkits-sidebar-submenu-padding-x, 12px);
    line-height: 1.35;
    letter-spacing: 0.005em;
}

html[data-hkits-theme] body.hkits-app .hkits-sidebar:hover .hkits-submenu li a .hkits-menu-label {
    font-size: inherit;
    line-height: inherit;
}

html[data-hkits-theme] body.hkits-app .hkits-sidebar:hover .hkits-submenu li a .hkits-submenu-icon {
    font-size: var(--hkits-sidebar-submenu-icon-size, 13px);
    width: 1.2em;
    margin-right: 7px;
}

html[data-hkits-theme] body.hkits-app .hkits-sidebar-footer {
    font-size: var(--hkits-sidebar-footer-font-size, 11px);
    padding: 8px 6px;
    line-height: 1.4;
}

/* Mobile / always-visible sidebar — apply compact scale */
@media (max-width: 991px) {
    html[data-hkits-theme] body.hkits-app .hkits-sidebar .hkits-menu-head {
        font-size: var(--hkits-sidebar-menu-font-size, 16px);
        padding: var(--hkits-sidebar-menu-padding-y, 10px) var(--hkits-sidebar-menu-padding-x, 12px);
    }

    html[data-hkits-theme] body.hkits-app .hkits-sidebar .hkits-submenu li a {
        font-size: var(--hkits-sidebar-submenu-font-size, 15px);
    }
}

/* Larger font preset body copy (extends hkits-ui-shape.css) */
html[data-hkits-font-size="small"] { --hkits-font-size: 18px; }
html[data-hkits-font-size="medium"],
html:not([data-hkits-font-size]) { --hkits-font-size: 20px; }
html[data-hkits-font-size="large"] { --hkits-font-size: 22px; }
html[data-hkits-font-size="very-large"] { --hkits-font-size: 26px; }

html[data-hkits-font-size] body.hkits-app,
html[data-hkits-font-size] body.hkits-login {
    font-size: var(--hkits-font-size) !important;
}

html[data-hkits-font-size] body.hkits-app .form-control,
html[data-hkits-font-size] body.hkits-app .btn,
html[data-hkits-font-size] body.hkits-app .table,
html[data-hkits-font-size] body.hkits-app .panel,
html[data-hkits-font-size] body.hkits-app .dropdown-menu,
html[data-hkits-font-size] body.hkits-app .nav,
html[data-hkits-font-size] body.hkits-app .modal-body,
html[data-hkits-font-size] body.hkits-app .alert,
html[data-hkits-font-size] body.hkits-app label,
html[data-hkits-font-size] body.hkits-app .caption {
    font-size: inherit;
}

/* Page bar keeps its own compact scale (not the large content font preset) */
html[data-hkits-font-size] body.hkits-app .hkits-page-bar {
    font-size: 16px;
}

/* Kitsofts dashboard legacy widgets — rounded shape only */
html[data-hkits-ui-shape="rounded"] body.hkits-app .hkits-main-inner .summary-card,
html[data-hkits-ui-shape="rounded"] body.hkits-app .hkits-main-inner .chart-card,
html[data-hkits-ui-shape="rounded"] body.hkits-app .hkits-main-inner .table-card {
    border-radius: var(--hkits-ui-radius-lg) !important;
    box-shadow: var(--hkits-ui-panel-shadow) !important;
    overflow: hidden;
}

html[data-hkits-ui-shape="rounded"] body.hkits-app .hkits-main-inner .card-icon {
    border-radius: var(--hkits-ui-radius-sm) !important;
}

html[data-hkits-ui-shape="flat"] body.hkits-app .hkits-main-inner .summary-card,
html[data-hkits-ui-shape="flat"] body.hkits-app .hkits-main-inner .chart-card,
html[data-hkits-ui-shape="flat"] body.hkits-app .hkits-main-inner .table-card,
html[data-hkits-ui-shape="flat"] body.hkits-app .hkits-main-inner .card-icon {
    border-radius: 0 !important;
    box-shadow: none !important;
}