/**
 * SportAdmin Admin Skin
 * Custom styling for WordPress admin
 */

/* Global font - Inter för hela admin-panelen */
body,
#wpwrap,
#wpcontent,
.wrap,
.wp-admin,
input,
textarea,
select,
button {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Sidebar Menu - Bakgrund och border */
#adminmenu,
#adminmenuback,
#adminmenuwrap {
    border-right: 1px solid rgba(228, 228, 228, 0.40);
    background: #FFF;
}

#adminmenuwrap {
    padding: 0;
}

/* Menyalternativens texter - behåll färg i alla states */
#adminmenu .wp-menu-name,
#adminmenu a.menu-top .wp-menu-name,
#adminmenu a:hover .wp-menu-name,
#adminmenu a:focus .wp-menu-name,
#adminmenu .wp-has-current-submenu .wp-menu-name,
#adminmenu .current .wp-menu-name {
    color: #2E4C67 !important;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

/* Submenu - ta bort mörkblå bakgrund */
#adminmenu .wp-submenu {
    background: #FFF !important;
    border-left: none !important;
}

/* Submenu items - behåll färg i alla states */
#adminmenu .wp-submenu a,
#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus,
#adminmenu .wp-submenu li.current a {
    color: #2E4C67 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 18px;
    background: transparent !important;
}

/* Ikoner i vänstermenyn */
#adminmenu .wp-menu-image:before,
#adminmenu .dashicons-before:before,
#adminmenu .dashicons:before {
    color: #3F556D !important;
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
}

#adminmenu .wp-menu-image {
    width: 20px;
    height: 20px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Hover state i vänstermenyn */
#adminmenu li:hover,
#adminmenu li a:hover,
#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li.wp-menu-open > a.menu-top {
    background: #F4F4F4 !important;
}

/* Hover state för submenu items */
#adminmenu .wp-submenu li:hover,
#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu li:hover a {
    background: #F4F4F4 !important;
}

/* Ta bort mörkblå selected state bakgrund */
#adminmenu .wp-has-current-submenu:after,
#adminmenu .wp-menu-arrow {
    display: none !important;
}

#adminmenu .wp-has-current-submenu .wp-submenu {
    background: #FFF !important;
}

/* Selected/Active state i vänstermenyn */
#adminmenu .wp-has-current-submenu .wp-menu-name,
#adminmenu .wp-menu-open .wp-menu-name,
#adminmenu .current .wp-menu-name,
#adminmenu a.current .wp-menu-name,
#adminmenu .wp-has-current-submenu a.menu-top .wp-menu-name,
#adminmenu li.current a {
    font-weight: 500 !important;
    color: #2E4C67 !important;
}

/* Font-weight för aktuell sida i huvudmenyn */
#adminmenu .wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.current > a.menu-top {
    font-weight: 500 !important;
}

#adminmenu .wp-has-current-submenu,
#adminmenu .wp-menu-open,
#adminmenu li.current,
#adminmenu a.current,
#adminmenu .wp-has-current-submenu a.wp-has-current-submenu {
    background: #F4F4F4 !important;
}

/* Ta bort mörkblå bakgrunder */
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
#adminmenu .wp-has-current-submenu ul,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
    background: #FFF !important;
}

/* Selected submenu items */
#adminmenu .wp-submenu li.current a,
#adminmenu .wp-submenu li a.current,
#adminmenu .wp-submenu li.current {
    background: #F4F4F4 !important;
    font-weight: 500 !important;
    color: #2E4C67 !important;
}

/* Top Bar (wpadminbar) */
#wpadminbar {
    background: #153953 !important;
}

#wpadminbar .ab-top-menu > li > .ab-item,
#wpadminbar .ab-top-menu > li > .ab-empty-item {
    color: #ffffff !important;
}

/* Huvudsidans bakgrund (content area) */
#wpwrap,
#wpcontent,
#wpbody,
#wpbody-content {
    background: #FAFAFA !important;
}

.wrap {
    background: transparent;
}

/* Widgets och Kort (postbox) */
.postbox,
.metabox-holder .postbox,
#dashboard-widgets .postbox {
    border-radius: 4px;
    border: 1px solid #E4E4E4;
    background: #FFF;
    box-shadow: none;
}

.postbox-header {
    border-bottom: 1px solid #E4E4E4;
    background: #FFF;
    border-radius: 4px 4px 0 0;
}

.postbox .inside {
    background: #FFF;
}