/* 
    Franchi Cloud - Global Admin Styles 
    Accent Color: #e1251b
*/

/* 0. Global Typography - Modern Font Stack */
body, 
#wpadminbar, 
#adminmenu, 
#adminmenu .wp-submenu, 
#wpcontent, 
#wpfooter, 
.postbox, 
.card, 
.notice, 
input, 
select, 
textarea, 
button, 
.button, 
.button-primary, 
.button-secondary {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

:root {
    --fcloud-accent: #e1251b;
    --fcloud-accent-hover: #c11f17;
    --fcloud-radius: 8px;
    --fcloud-radius-inner: 6px;
}

/* 0. Modern Layout with Rounded Corners */
.postbox, 
.card,
.welcome-panel,
.notice,
.update-nag,
.plugin-card,
#wp-admin-bar-root-default .ab-sub-wrapper,
#wp-admin-bar-top-secondary .ab-sub-wrapper,
#wpadminbar .quicklinks .menupop ul,
.acf-field-list,
.acf-box,
.acf-fields {
    border-radius: var(--fcloud-radius) !important;
    overflow: hidden;
    border: 1px solid #dcdcde !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

/* Fix for nested elements in postboxes */
.postbox .hndle,
.postbox .handlediv {
    border-top-left-radius: var(--fcloud-radius) !important;
    border-top-right-radius: var(--fcloud-radius) !important;
}

/* Input fields rounding */
input[type=text],
input[type=search],
input[type=radio],
input[type=checkbox],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
textarea {
    border-radius: var(--fcloud-radius-inner) !important;
}

/* 0.1 Select modernization */
select, 
.wp-core-ui select {
    border-radius: var(--fcloud-radius-inner) !important;
    padding: 0 30px 0 12px !important;
    height: 38px !important;
    line-height: 38px !important;
    border: 2px solid #ddd !important;
    background-color: #fff !important;
    font-weight: 600 !important;
    appearance: none !important;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%208l5%205%205-5%22%20fill%3D%22none%22%20stroke%3D%22%23e1251b%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
    background-size: 16px 16px !important;
    cursor: pointer;
    color: #2c3338 !important;
}

/* Screen Options & Help arrows modernization */
#screen-meta-links .show-settings:after {
    content: "" !important;
    display: inline-block !important;
    width: 12px !important;
    height: 12px !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%208l5%205%205-5%22%20fill%3D%22none%22%20stroke%3D%22%23e1251b%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}

#screen-meta-links .show-settings.screen-meta-active:after {
    transform: rotate(180deg) !important;
}

#screen-meta-links .show-settings:before {
    display: none !important;
}

.wp-core-ui select:hover,
select:hover {
    border-color: var(--fcloud-accent) !important;
    color: var(--fcloud-accent) !important;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%208l5%205%205-5%22%20fill%3D%22none%22%20stroke%3D%22%23c11f17%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') !important;
}

.wp-core-ui select:focus,
select:focus {
    border-color: var(--fcloud-accent) !important;
    box-shadow: 0 0 0 1px var(--fcloud-accent) !important;
    outline: none !important;
    color: var(--fcloud-accent) !important;
}

/* 1. Global Accent Color Overrides */
#adminmenu li.current a.menu-top, 
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, 
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head, 
.wp-core-ui .button-primary {
    background-color: var(--fcloud-accent) !important;
    border-color: var(--fcloud-accent) !important;
    color: #fff !important;
}

#adminmenu .wp-has-current-submenu .wp-submenu li.current a, 
#adminmenu .wp-has-current-submenu .wp-submenu li.current a:focus, 
#adminmenu .wp-has-current-submenu .wp-submenu li.current a:hover {
    color: #fff !important;
}

a {
    color: var(--fcloud-accent);
}

a:hover, a:active, a:focus {
    color: var(--fcloud-accent-hover);
}

input[type=checkbox]:checked:before {
    content: url('data:image/svg+xml;utf8,<svg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M14.83%204.89L8.11%2011.61l-2.94-2.94-1.41%201.41%204.35%204.35L16.24%206.31z%22%20fill%3D%22%23e1251b%22%2F%3E%3C%2Fsvg%3E');
}

input[type=radio]:checked:before {
    background: var(--fcloud-accent) !important;
}

.wp-core-ui input[type="checkbox"]:focus,
.wp-core-ui input[type="radio"]:focus,
.wp-core-ui input[type="text"]:focus,
.wp-core-ui input[type="password"]:focus,
.wp-core-ui input[type="number"]:focus,
.wp-core-ui input[type="search"]:focus,
.wp-core-ui input[type="email"]:focus,
.wp-core-ui input[type="url"]:focus,
.wp-core-ui select:focus,
.wp-core-ui textarea:focus {
    border-color: var(--fcloud-accent) !important;
    box-shadow: 0 0 0 1px var(--fcloud-accent) !important;
}

/* 2. Buttons - Full & Rounded */
.wp-core-ui .button,
.wp-core-ui .button-secondary,
.wp-core-ui .button-primary,
.wrap .page-title-action,
.wrap .add-new-h2 {
    border-radius: var(--fcloud-radius) !important;
    padding: 8px 24px !important; /* Più spessi */
    height: auto !important;
    line-height: 1.5 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    -webkit-font-smoothing: antialiased;
    font-weight: 600 !important; /* Testo più moderno e marcato */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 12px !important;
    display: inline-block !important;
}

.wp-core-ui .button,
.wp-core-ui .button-secondary,
.wrap .page-title-action,
.wrap .add-new-h2 {
    color: #333 !important;
    border: 2px solid #ddd !important;
    background: #fff !important;
    text-decoration: none !important;
}

.wp-core-ui .button-primary {
    background: var(--fcloud-accent) !important;
    border: 2px solid var(--fcloud-accent) !important;
    color: #fff !important;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
    background: var(--fcloud-accent-hover) !important;
    border-color: var(--fcloud-accent-hover) !important;
    color: #fff !important;
}

.wp-core-ui .button-secondary:hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-link,
.wrap .page-title-action:hover,
.wrap .add-new-h2:hover {
    color: var(--fcloud-accent) !important;
    border-color: var(--fcloud-accent) !important;
    background: #fff !important;
}

.wp-core-ui .button-link {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: underline !important;
    padding: 0 !important;
    height: auto !important;
    line-height: inherit !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    font-size: inherit !important;
}

.wp-core-ui .button-link:hover,
.wp-core-ui .button-link:focus,
.wp-core-ui .button-link:active {
    color: var(--fcloud-accent-hover) !important;
    background: none !important;
    border: none !important;
    text-decoration: none !important;
}

/* Login Page specifically */
.login #login h1 a {
    background-size: contain;
    width: 100%;
}

/* 3. Admin Bar Modernization */
#wpadminbar {
    height: 32px !important;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
    border-bottom: 1px solid #dcdcde !important;
}

#wpadminbar * {
    color: #333 !important;
    text-shadow: none !important;
}

#wpadminbar .ab-item, 
#wpadminbar a.ab-item, 
#wpadminbar > #wp-toolbar span.ab-label, 
#wpadminbar > #wp-toolbar span.noticon {
    color: #333 !important;
}

#wpadminbar .ab-icon:before, 
#wpadminbar .ab-item:before {
    color: #333 !important;
}

#wpadminbar .quicklinks .menupop ul li a, 
#wpadminbar .quicklinks .menupop ul li a strong, 
#wpadminbar .quicklinks .menupop.hover ul li a, 
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
    color: #333 !important;
}

#wpadminbar .quicklinks li.hover > a, 
#wpadminbar .quicklinks li > a:focus, 
#wpadminbar .quicklinks li > a:hover,
#wpadminbar .quicklinks .menupop.hover > .ab-item {
    color: var(--fcloud-accent) !important;
    background: #f6f7f7 !important;
}

#wpadminbar .quicklinks li.hover > a .ab-icon:before, 
#wpadminbar .quicklinks li.hover > a .ab-item:before,
#wpadminbar .quicklinks li > a:focus .ab-icon:before, 
#wpadminbar .quicklinks li > a:hover .ab-icon:before,
#wpadminbar .quicklinks .menupop.hover > .ab-item:before {
    color: var(--fcloud-accent) !important;
}

#wpadminbar #wp-admin-bar-root-default > li, 
#wpadminbar #wp-admin-bar-root-default > li > .ab-item, 
#wpadminbar #wp-admin-bar-top-secondary > li, 
#wpadminbar #wp-admin-bar-top-secondary > li > .ab-item {
    height: 32px !important;
    line-height: 32px !important;
}

/* My Account Area */
#wp-admin-bar-my-account {
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
}

#wp-admin-bar-my-account > .ab-item {
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    border-radius: 20px !important;
    margin: 0 10px !important;
    height: 24px !important;
    line-height: 24px !important;
    background: #f6f7f7 !important;
    box-sizing: border-box !important;
}

#wpadminbar #wp-admin-bar-my-account > .ab-item .display-name {
    margin-right: 4px !important;
}

#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-item img {
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    margin-left: 8px !important;
    border: 1px solid #ddd !important;
    float: none !important;
    order: 10 !important;
}

#wp-admin-bar-my-account > .ab-item:hover {
    background: #eee !important;
    color: var(--fcloud-accent) !important;
}

/* Submenu Styling */
#wpadminbar .menupop .ab-sub-wrapper, 
#wpadminbar .shortlink-input {
    background: #fff !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
    border: 1px solid #dcdcde !important;
    margin-top: 1px !important;
}

#wpadminbar .ab-submenu {
    background: #fff !important;
}

#wpadminbar .quicklinks .menupop ul li a:hover,
#wpadminbar .quicklinks .menupop ul li a:focus {
    color: var(--fcloud-accent) !important;
    background: #f6f7f7 !important;
}

/* Adjust content and menu position */
@media screen and (min-width: 601px) {
    html.wp-toolbar {
        padding-top: 32px !important;
    }
    #wpcontent, #wpfooter {
        margin-top: 0 !important;
    }
    #adminmenu {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    #adminmenuback, #adminmenuwrap {
        margin-top: 32px !important;
    }
}

/* Fix submenus position and arrows */
#wpadminbar .menupop .ab-sub-wrapper {
    top: 32px !important;
}

#wpadminbar .menupop.with-arrow > .ab-item:after {
    content: "" !important;
    display: inline-block !important;
    width: 10px !important;
    height: 10px !important;
    margin-left: 6px !important;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%208l5%205%205-5%22%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
}

#wpadminbar .menupop.with-arrow:hover > .ab-item:after {
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%208l5%205%205-5%22%20fill%3D%22none%22%20stroke%3D%22%23e1251b%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E') !important;
}

#wpadminbar .wp-admin-bar-arrow {
    display: none !important;
}

#wpadminbar #wp-admin-bar-wp-logo > .ab-item {
    width: 100px !important;
    height: 32px !important;
    padding: 4px 10px !important;
    box-sizing: border-box !important;
    text-align: center;
    position: relative;
    background-image: url('https://architects.fum.it/wp-content/themes/fum-for-architects/assets/2x/LOGO@2x.png') !important;
    background-size: contain !important;
    background-origin: content-box !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    filter: brightness(0) !important;
}

#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon,
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
    display: none !important;
}

/* Nasconde il testo che va su due righe */
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-label {
    display: none !important;
}

#wpadminbar #wp-admin-bar-wp-logo:hover > .ab-item {
    background-image: url('https://architects.fum.it/wp-content/themes/fum-for-architects/assets/2x/LOGO@2x.png') !important;
    filter: none !important;
}

/* 4. Admin Menu - Modernized & Radical */
#adminmenu, 
#adminmenuwrap, 
#adminmenuback {
    background-color: #0f1115 !important;
}

/* Menu items spacing and container */
#adminmenu {
    margin-top: 10px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
}

/* Regolazione larghezza sidebar e margini contenuto */
#adminmenuback, 
#adminmenuwrap,
#adminmenu {
    width: 200px !important;
}

#adminmenu .wp-submenu {
    width: 184px !important; /* 200px - 16px di padding */
    box-sizing: border-box !important;
}

@media screen and (min-width: 783px) {
    #wpcontent, #wpfooter {
        margin-left: 200px !important;
    }
}

/* Base item style */
#adminmenu li.menu-top {
    margin-bottom: 4px !important;
    width: 100% !important;
}

#adminmenu li.menu-top > a {
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Active Item - Pill style */
#adminmenu li.current a.menu-top,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu {
    background-color: var(--fcloud-accent) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(225, 37, 27, 0.3) !important;
}

/* Icon style in active state */
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before {
    color: #fff !important;
    opacity: 1 !important;
}

/* Hover effect - Subtle and modern */
#adminmenu li.menu-top:hover > a,
#adminmenu li.menu-top > a:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

/* Hover effect for non-active items icon */
#adminmenu li.menu-top:not(.current):not(.wp-has-current-submenu):hover div.wp-menu-image:before {
    color: var(--fcloud-accent) !important;
    opacity: 1 !important;
}

/* Submenu container - Floating style */
#adminmenu .wp-submenu {
    background: #1a1d21 !important;
    border-radius: 10px !important;
    margin: 5px 0 10px 0 !important;
    padding: 8px 0 !important;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.2) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
}

/* Submenu links */
#adminmenu .wp-submenu a {
    padding: 6px 12px 6px 35px !important;
    border-radius: 6px !important;
    margin: 1px 8px !important;
    transition: background 0.2s ease !important;
}

#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus {
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--fcloud-accent) !important;
}

/* Current submenu item */
#adminmenu .wp-has-current-submenu .wp-submenu li.current a {
    color: var(--fcloud-accent) !important;
    background: rgba(225, 37, 27, 0.08) !important;
    font-weight: 700 !important;
}

/* Remove default indicators */
#adminmenu li.current a.menu-top:after,
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu:after,
ul#adminmenu a.wp-has-current-submenu:after, 
ul#adminmenu>li.current>a.current:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after, 
#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
    display: none !important;
    content: none !important;
}

/* Separators */
#adminmenu li.wp-menu-separator {
    height: 1px !important;
    padding: 0 !important;
    margin: 15px 20px !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

/* Icons base opacity */
#adminmenu .wp-menu-image:before {
    opacity: 0.5 !important;
    transition: opacity 0.2s ease, color 0.2s ease !important;
}

/* 5. Prevent default color flickering during transitions (selective) */
#adminmenu a:focus, 
#adminmenu a:hover, 
.folded #adminmenu .wp-submenu-head:hover {
    box-shadow: none !important;
    transition: none !important;
}

/* Transition enabled for menu items but kept disabled for top bar to avoid jumpy feeling */
#wpadminbar,
#wpadminbar * {
    transition: none !important;
    animation: none !important;
}

/* 6. Screen Options & Help Links distance */
#screen-meta-links {
    margin-top: 10px !important;
}

#screen-meta {
    margin-top: 10px !important;
}

/* 7. Misc UI Fixes */
#collapse-button:hover {
    color: var(--fcloud-accent) !important;
}

.tablenav.top {
    margin-bottom: 20px !important;
}

/* 8. Dashboard Widgets Modernization */
.fcloud-avatar-img {
    border-radius: 50% !important;
    border: 3px solid #f0f0f1 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}

#franchi_cloud_user_profile .inside,
#franchi_cloud_blocks_status .inside {
    padding: 20px !important;
    margin: 0 !important;
}

#franchi_cloud_user_profile h2.hndle,
#franchi_cloud_blocks_status h2.hndle {
    border-bottom: 1px solid #eee !important;
    background: #fff !important;
    padding: 12px 15px !important;
}

#franchi_cloud_user_profile .postbox-header,
#franchi_cloud_blocks_status .postbox-header {
    border-bottom: 1px solid #eee !important;
}