/* =========================================================
   LIGHTBIM ADMIN THEME
========================================================= */

/* =========================================================
   VARIABLES
========================================================= */

body,
body.admin-color-modern,
body.admin-color-fresh,
body.admin-color-light,
body.admin-color-blue,
body.admin-color-coffee,
body.admin-color-ocean,
body.admin-color-sunrise,
body.admin-color-midnight,
body.admin-color-ectoplasm {
    --wp-admin-theme-color: #111111 !important;
    --wp-admin-theme-color--rgb: 17, 17, 17 !important;

    --wp-admin-theme-color-darker-10: #222222 !important;
    --wp-admin-theme-color-darker-10--rgb: 34, 34, 34 !important;

    --wp-admin-theme-color-darker-20: #333333 !important;
    --wp-admin-theme-color-darker-20--rgb: 51, 51, 51 !important;
}

/* =========================================================
   LOGIN
========================================================= */

body.login {
    background: #000 !important;
}
#login{
    width:330px;
}
.login form {
    border-radius: 8px !important;
}

.wp-core-ui .button-primary,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:active {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
}

.login .message, .login .notice, .login .success{
    border-left: none !important;
    color:#ffffff;
    background-color:black;
}
.login form{
    background: linear-gradient(to top left,#050505 0% 60%,#0c0c0c);;
    color:#bcbcbc;
    border: .5px solid rgba(255, 255, 255, .04);
    border-radius:0px !important;
    
}
#login .button-primary, .wp-core-ui .button-primary, .components-button.is-primary, .editor-post-publish-button{
    background: white !important;
    color: black !important;
    border: none;
    font-weight: 700;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    cursor: pointer;
    transition: all .3s ease;
    align-self: flex-start;
    padding: 16px 32px;
    line-height: 1rem;

}
.login .button.wp-hide-pw{
    border: .5px solid rgba(255, 255, 255, .2) !important;

}
.login form .input, .login form .input:focus, .login form .input:active, .login input[type=password], .login input[type=text]{
    background: #0f0f0f;
    border: .5px solid rgba(255, 255, 255, .2) !important;
    color: #bcbcbc;
    font-size:15px;
}

#language-switcher {
    display: flex;
    align-items: stretch;
    justify-content: center;
}

#language-switcher-locales {
    align-self: stretch;
    height: auto !important;
    background: #0f0f0f;
    color: #777777;
    border: .5px solid rgba(255, 255, 255, .2);
    max-height: 50px;
    padding-right: 12px !important;
}

#language-switcher-locales option {
    background: #0f0f0f;
    color: #777777;
}

#language-switcher-locales option:checked,
#language-switcher-locales option:hover,
#language-switcher-locales option:focus {
    background: #ffffff !important;
    color: #000000 !important;
}
.wp-core-ui .button, .wp-core-ui .button-secondary{
    border: .5px solid rgba(255, 255, 255, .2);
    color: #bcbcbc;
    text-decoration: none;
    font-weight: 700;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    backdrop-filter: blur(5px);
    position: relative;
    overflow: hidden;
    padding: 16px 32px;
    line-height: 1rem;
}
.login .language-switcher .button{
    margin-top:0px !important;
    margin-left:3px !important;
}


/* =========================================================
   ADMIN BAR
========================================================= */

#wpadminbar {
    background: #111111 !important;
}

#wpadminbar .ab-item,
#wpadminbar .ab-label,
#wpadminbar a,
#wpadminbar .display-name {
    color: #ffffff !important;
}

#wpadminbar .ab-item:hover,
#wpadminbar a:hover,
#wpadminbar .ab-item:focus,
#wpadminbar a:focus {
    color: #ffffff !important;
    background: #222222 !important;
}

#wpadminbar .menupop .ab-sub-wrapper {
    background: #181818 !important;
}

#wpadminbar .quicklinks .menupop ul li a {
    color: #ffffff !important;
}

#wpadminbar .quicklinks .menupop ul li a:hover {
    background: #222222 !important;
    color: #ffffff !important;
}

/* =========================================================
   SIDEBAR
========================================================= */

#adminmenu,
#adminmenuwrap,
#adminmenuback {
    background: #181818 !important;
}

#adminmenu .wp-submenu {
    background: #202020 !important;
}

#adminmenu a {
    color: #d8d8d8 !important;
}

#adminmenu .wp-submenu a {
    color: #d8d8d8 !important;
}

#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:hover {
    background: #252525 !important;
    color: #ffffff !important;
}

#adminmenu .wp-submenu a:hover {
    color: #ffffff !important;
}

/* =========================================================
   MENU ACTIVO
========================================================= */

#adminmenu .wp-has-current-submenu > a,
#adminmenu .wp-has-current-submenu > a.menu-top,
#adminmenu .wp-has-current-submenu > a.wp-has-current-submenu,
#adminmenu .current > a,
#adminmenu .current > a.menu-top,
#adminmenu .current.menu-top,
#adminmenu li.current,
#adminmenu li.wp-has-current-submenu {
    background: #111111 !important;
    color: #ffffff !important;
}

#adminmenu .current .wp-menu-image:before,
#adminmenu .wp-has-current-submenu .wp-menu-image:before,
#adminmenu .wp-has-current-submenu > a .wp-menu-image:before {
    color: #ffffff !important;
}

#adminmenu .wp-has-current-submenu:after,
#adminmenu .current:after {
    border-right-color: #111111 !important;
}

/* =========================================================
   ICONOS MENU
========================================================= */

#adminmenu .wp-menu-image:before {
    color: #bdbdbd !important;
}

#adminmenu li:hover .wp-menu-image:before {
    color: #ffffff !important;
}

/* =========================================================
   BOTONES
========================================================= */

.button-primary,
.wp-core-ui .button-primary,
.components-button.is-primary,
.editor-post-publish-button {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
}

.button-primary:hover,
.wp-core-ui .button-primary:hover,
.components-button.is-primary:hover,
.editor-post-publish-button:hover {
    background: #222222 !important;
    border-color: #222222 !important;
    color: #ffffff !important;
}

/* =========================================================
   ENLACES DEL CONTENIDO
========================================================= */

.wrap a,
.widefat a,
.row-title,
.subsubsub a,
.tablenav a,
.plugins a {
    color: #111111 !important;
}

.wrap a:hover,
.widefat a:hover,
.row-title:hover,
.subsubsub a:hover,
.tablenav a:hover,
.plugins a:hover {
    color: #333333 !important;
}

/* =========================================================
   INPUTS
========================================================= */

input:focus,
textarea:focus,
select:focus {
    border-color: #111111 !important;
    box-shadow: 0 0 0 1px #111111 !important;
}

/* =========================================================
   CHECKBOXES Y RADIOS
========================================================= */

input[type="checkbox"]:checked::before {
    color: #111111 !important;
}

input[type="radio"]:checked::before {
    background: #111111 !important;
}

/* =========================================================
   GUTENBERG
========================================================= */

.components-button.is-primary {
    background: #111111 !important;
    border-color: #111111 !important;
}

.components-button.is-primary:hover {
    background: #222222 !important;
    border-color: #222222 !important;
}

.components-checkbox-control__input:checked,
.components-radio-control__input:checked {
    background: #111111 !important;
    border-color: #111111 !important;
}

.components-form-toggle.is-checked .components-form-toggle__track {
    background: #111111 !important;
}

/* =========================================================
   TABLAS
========================================================= */

.widefat tbody tr:hover {
    background: #fafafa !important;
}

/* =========================================================
   PAGINACION
========================================================= */

.tablenav-pages a,
.tablenav-pages .current-page {
    border-color: #111111 !important;
}

/* =========================================================
   NOTICES
========================================================= */

.notice-success {
    border-left-color: #111111 !important;
}

.notice-warning {
    border-left-color: #444444 !important;
}

/* =========================================================
   TABS
========================================================= */

.nav-tab-active,
.nav-tab-active:hover,
.nav-tab-active:focus {
    border-bottom-color: #111111 !important;
}

/* =========================================================
   SELECCION DE TEXTO
========================================================= */

::selection {
    background: #111111;
    color: #ffffff;
}
/* =========================================================
   ROW ACTIONS
========================================================= */

.row-actions,
.row-actions a,
.row-actions button.button-link,
.row-actions .edit a,
.row-actions .trash a,
.row-actions .view a,
.row-actions .inline button {
    color: #666666 !important;
}

.row-actions a:hover,
.row-actions button.button-link:hover {
    color: #111111 !important;
}

/* WordPress oculta las acciones con opacidad */

.widefat .row-actions {
    color: #666666 !important;
}

.widefat tr:hover .row-actions,
.widefat .row-actions.visible {
    color: #666666 !important;
}