/*
Theme Name: Hotel Mind Pro V7 Pro Footer Controls
Theme URI: https://hotelmind.it
Author: Hotel Mind
Description: Versione V7 professionale: header/mobile menu stabile, footer logo separato, menu footer sinistra/destra, categorie gestibili da WordPress, Elementor compatible.
Version: 7.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hotel-mind
Tags: hospitality, saas, luxury, corporate, elementor-ready
*/

:root {
    --navy-blue: #001f3f;
    --electric-blue: #0074D9;
    --gold: #D4AF37;
    --white: #ffffff;
    --soft-gray: #f8f9fa;
    --text-dark: #333333;
    --text-light: #666666;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--text-dark);
    line-height: 1.6;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: var(--navy-blue);
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header & Navigation */
header {
    background: var(--white);
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    padding: 15px 0;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    font-size: 24px;
    font-weight: 800;
    color: var(--navy-blue);
    text-decoration: none;
}

.logo span {
    color: var(--electric-blue);
}

nav ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

nav ul li {
    margin-left: 25px;
}

nav ul li a {
    text-decoration: none;
    color: var(--navy-blue);
    font-weight: 600;
    font-size: 15px;
    transition: color 0.3s;
}

nav ul li a:hover {
    color: var(--electric-blue);
}

.cta-button {
    background: var(--electric-blue);
    color: var(--white);
    padding: 10px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 700;
    transition: background 0.3s;
}

.cta-button:hover {
    background: var(--navy-blue);
}

/* Footer */
footer {
    background: var(--navy-blue);
    color: var(--white);
    padding: 60px 0 30px;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 40px;
    margin-bottom: 40px;
}

.footer-col h4 {
    color: var(--white);
    margin-bottom: 20px;
}

.footer-col ul {
    list-style: none;
    padding: 0;
}

.footer-col ul li {
    margin-bottom: 10px;
}

.footer-col ul li a {
    color: #ccc;
    text-decoration: none;
    transition: color 0.3s;
}

.footer-col ul li a:hover {
    color: var(--white);
}

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 30px;
    text-align: center;
    font-size: 14px;
    color: #888;
}

/* General Sections */
section {
    padding: 80px 0;
}

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.section-title h2 {
    font-size: 36px;
    margin-bottom: 15px;
}

/* Responsive */
@media (max-width: 768px) {
    .section-title h2 {
        font-size: 28px;
    }
}


/* V3 Editable Control */
.elementor-content-hook { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.elementor-content-hook:empty { display:none; }
@media (max-width: 768px) {
    .hero { height: auto !important; min-height: 70vh; padding: 80px 0; }
    .hero-btns .cta-button, .hero-btns .secondary-btn { display:block; margin: 10px 0; text-align:center; }
    .price-card.featured { transform:none; }
}

/* =========================================================
   V4 NATIVE HEADER / FOOTER / MOBILE APP MENU
   ========================================================= */
.site-header {
  background: #ffffff;
  position: sticky;
  top: 0;
  z-index: 9999;
}

.hotelmind-logo {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
}

.hotelmind-logo img {
  max-height: 46px;
  width: auto;
  display: block;
  object-fit: contain;
}

.mobile-menu-toggle {
  display: none;
}

.main-navigation .sub-menu {
  display: none;
  position: absolute;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(15,23,42,.12);
  border-radius: 14px;
  padding: 10px;
  min-width: 220px;
}

.main-navigation li {
  position: relative;
}

.main-navigation li:hover > .sub-menu {
  display: block;
}

.main-navigation .sub-menu li {
  margin: 0;
}

.main-navigation .sub-menu a {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
}

.hm-menu-overlay {
  display: none;
}

.footer-logo img {
  max-height: 48px;
  width: auto;
  filter: brightness(0) invert(1);
}

.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-col li {
  margin-bottom: 10px;
}

.footer-col a {
  color: #d1d5db;
  text-decoration: none;
}

.footer-col a:hover {
  color: #ffffff;
}

.footer-brand p {
  margin-top: 18px;
  color: #d1d5db;
  font-size: 14px;
  line-height: 1.8;
  max-width: 340px;
}



/* =========================================================
   V5 STABLE HEADER / FOOTER / ELEMENTOR COMPATIBLE
   ========================================================= */
.site-header{
  background:#fff;
  position:sticky;
  top:0;
  z-index:99990;
  padding:14px 0;
  box-shadow:0 6px 24px rgba(15,23,42,.06);
}

.nav-container{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.hotelmind-logo{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  flex-shrink:0;
  color:#07111f;
  font-weight:900;
  font-size:24px;
}

.hotelmind-logo span{ color:#0ea5e9; }

.hotelmind-logo img{
  display:block;
  width:auto;
  max-height:52px;
  object-fit:contain;
}

.mobile-menu-toggle{
  display:none;
  -webkit-tap-highlight-color:transparent;
}

.main-navigation{
  display:block;
}

.main-navigation ul,
.main-navigation .menu{
  display:flex;
  align-items:center;
  gap:28px;
  list-style:none;
  padding:0;
  margin:0;
}

.main-navigation li{ position:relative; margin:0; }

.main-navigation a{
  display:block;
  color:#07111f;
  text-decoration:none;
  font-weight:800;
  font-size:15px;
  line-height:1.3;
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a{
  color:#0ea5e9;
}

.main-navigation .sub-menu{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:230px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:10px;
  box-shadow:0 24px 60px rgba(15,23,42,.14);
  z-index:99999;
}

.main-navigation li:hover > .sub-menu{ display:block; }
.main-navigation .sub-menu a{ padding:12px 14px; border-radius:12px; }
.main-navigation .sub-menu a:hover{ background:#f0f9ff; }

.header-cta{ flex-shrink:0; }
.header-cta .cta-button{ border-radius:10px; }

.hm-menu-overlay{ display:none; }

/* Elementor compatibility: pages stay full width without header breaking */
.elementor-page .site-header{ z-index:99990; }

/* Footer */
.site-footer{ background:#07111f; color:#fff; }
.site-footer a{ color:#dbeafe; }
.site-footer a:hover{ color:#fff; }
.footer-logo img{ max-height:56px; width:auto; filter:brightness(0) invert(1); }

/* MOBILE APP DRAWER — only under 768px */
@media(max-width:768px){
  .site-header{
    padding:0;
  }

  .nav-container{
    min-height:94px;
    padding:18px 22px;
    gap:14px;
  }

  .hotelmind-logo img{
    max-height:58px;
    max-width:210px;
  }

  .header-cta{
    display:none !important;
  }

  .mobile-menu-toggle{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    min-width:58px;
    border:0;
    border-radius:18px;
    background:#07111f;
    color:#fff;
    font-size:28px;
    line-height:1;
    cursor:pointer;
    box-shadow:0 18px 36px rgba(7,17,31,.25);
    position:relative;
    z-index:100003;
  }

  .mobile-menu-toggle[aria-expanded="true"] .hm-burger{
    font-size:0;
  }

  .mobile-menu-toggle[aria-expanded="true"] .hm-burger:before{
    content:"×";
    font-size:34px;
    line-height:1;
  }

  #site-navigation.main-navigation{
    display:block !important;
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    width:84vw !important;
    max-width:360px !important;
    height:100dvh !important;
    background:#07111f !important;
    padding:34px 26px 28px !important;
    transform:translateX(-105%) !important;
    transition:transform .32s ease !important;
    z-index:100002 !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch;
    box-shadow:30px 0 80px rgba(0,0,0,.38);
    pointer-events:auto !important;
  }

  #site-navigation.main-navigation.active{
    transform:translateX(0) !important;
  }

  #site-navigation.main-navigation:before{
    content:"";
    display:block;
    width:160px;
    height:78px;
    margin:0 0 34px;
    background:var(--hm-mobile-logo, none) left center/contain no-repeat;
    filter:brightness(0) invert(1);
  }

  #site-navigation.main-navigation ul,
  #site-navigation.main-navigation .menu,
  #primary-menu{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:14px !important;
    padding:0 !important;
    margin:0 !important;
    list-style:none !important;
  }

  #site-navigation.main-navigation li{
    display:block !important;
    width:100% !important;
    margin:0 !important;
  }

  #site-navigation.main-navigation a{
    display:block !important;
    width:100% !important;
    color:#fff !important;
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:18px !important;
    padding:17px 18px !important;
    font-size:18px !important;
    font-weight:850 !important;
    text-decoration:none !important;
    position:relative !important;
    z-index:100004 !important;
    pointer-events:auto !important;
    -webkit-tap-highlight-color:rgba(56,189,248,.22);
  }

  #site-navigation.main-navigation a:active{
    background:rgba(56,189,248,.22) !important;
  }

  #site-navigation.main-navigation .sub-menu{
    display:flex !important;
    position:static !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    padding:10px 0 0 14px !important;
    min-width:0 !important;
    gap:10px !important;
  }

  #site-navigation.main-navigation .sub-menu a{
    font-size:15px !important;
    padding:13px 15px !important;
    background:rgba(255,255,255,.045) !important;
  }

  body.hm-menu-open{
    overflow:hidden !important;
    touch-action:none;
  }

  body.hm-menu-open .hm-menu-overlay{
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    background:rgba(0,0,0,.48) !important;
    z-index:100001 !important;
  }
}

/* DESKTOP ONLY — normal menu, no hamburger */
@media(min-width:769px){
  .mobile-menu-toggle{ display:none !important; }
  #site-navigation.main-navigation{
    position:static !important;
    transform:none !important;
    width:auto !important;
    height:auto !important;
    background:transparent !important;
    padding:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  .header-cta{ display:block !important; }
}


/* =========================================================
   V6 FINAL MOBILE MENU — separate desktop/mobile navigation
   ========================================================= */
.desktop-navigation{ display:block; }
.mobile-navigation{ display:none; }
.hm-mobile-panel{ display:none; }
.hm-menu-overlay{ display:none; }
.mobile-menu-toggle{ display:none; }

@media(min-width:769px){
  .desktop-navigation{ display:block !important; }
  .mobile-navigation,
  .hm-mobile-panel,
  .mobile-menu-toggle,
  .hm-menu-overlay{ display:none !important; }
  .header-cta{ display:block !important; }
}

@media(max-width:768px){
  .site-header{ padding:0 !important; }
  .nav-container{
    min-height:94px !important;
    padding:18px 22px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
  }
  .hotelmind-logo img{ max-height:58px !important; max-width:210px !important; width:auto !important; }
  .desktop-navigation{ display:none !important; }
  .header-cta{ display:none !important; }
  .mobile-menu-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
    border:0 !important;
    border-radius:18px !important;
    background:#07111f !important;
    color:#fff !important;
    font-size:28px !important;
    cursor:pointer !important;
    z-index:100010 !important;
    box-shadow:0 18px 36px rgba(7,17,31,.25) !important;
    -webkit-tap-highlight-color:transparent !important;
  }
  .mobile-menu-toggle[aria-expanded="true"] .hm-burger{ font-size:0 !important; }
  .mobile-menu-toggle[aria-expanded="true"] .hm-burger:before{ content:"×"; font-size:36px; line-height:1; }

  .hm-mobile-panel{
    display:block !important;
    position:fixed !important;
    top:0 !important;
    left:0 !important;
    width:84vw !important;
    max-width:360px !important;
    height:100dvh !important;
    background:#07111f !important;
    z-index:100005 !important;
    padding:34px 26px 28px !important;
    transform:translateX(-105%) !important;
    transition:transform .32s ease !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
    box-shadow:30px 0 80px rgba(0,0,0,.38) !important;
  }
  body.hm-menu-open .hm-mobile-panel{ transform:translateX(0) !important; }
  .hm-mobile-panel .hm-mobile-brand{
    display:block !important;
    width:165px !important;
    margin:0 0 34px !important;
  }
  .hm-mobile-panel .hm-mobile-brand img{ display:block; max-width:190px; max-height:90px; width:auto; height:auto; object-fit:contain; filter:none !important; opacity:1 !important; }
  .hm-mobile-panel .hm-mobile-brand .text-logo{ color:#fff; font-size:26px; font-weight:900; text-decoration:none; }
  .mobile-navigation{ display:block !important; }
  .mobile-navigation ul,
  .mobile-navigation .menu,
  #mobile-menu{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:14px !important;
    padding:0 !important;
    margin:0 !important;
    list-style:none !important;
  }
  .mobile-navigation li{ display:block !important; width:100% !important; margin:0 !important; }
  .mobile-navigation a{
    display:block !important;
    width:100% !important;
    color:#fff !important;
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:18px !important;
    padding:17px 18px !important;
    font-size:18px !important;
    font-weight:850 !important;
    text-decoration:none !important;
    position:relative !important;
    z-index:100006 !important;
    pointer-events:auto !important;
    -webkit-tap-highlight-color:rgba(56,189,248,.22) !important;
  }
  .mobile-navigation a:active{ background:rgba(56,189,248,.22) !important; }
  .mobile-navigation .sub-menu{
    display:flex !important;
    flex-direction:column !important;
    position:static !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    padding:10px 0 0 14px !important;
    margin:0 !important;
    gap:10px !important;
  }
  .mobile-navigation .sub-menu a{ font-size:15px !important; padding:13px 15px !important; background:rgba(255,255,255,.045) !important; }
  body.hm-menu-open{ overflow:hidden !important; }
  body.hm-menu-open .hm-menu-overlay{
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    background:rgba(0,0,0,.48) !important;
    z-index:100004 !important;
  }
}


/* =========================================================
   V7 PRO FOOTER CONTROLS
   Separate footer logo + left/right footer menus
   ========================================================= */
.hm-pro-footer{
  background: radial-gradient(circle at top left, rgba(14,165,233,.18), transparent 34%), #07111f !important;
  color:#fff !important;
  padding:72px 0 28px !important;
}
.hm-footer-grid{
  display:grid !important;
  grid-template-columns: 1.35fr .75fr .75fr 1fr !important;
  gap:42px !important;
  align-items:start !important;
  margin-bottom:42px !important;
}
.hm-footer-brand .footer-logo{
  display:inline-flex !important;
  align-items:center !important;
  margin-bottom:20px !important;
  text-decoration:none !important;
}
.hm-footer-brand .footer-logo img,
.footer-logo img{
  max-height:64px !important;
  width:auto !important;
  object-fit:contain !important;
  filter:none !important;
}
.hm-footer-brand .footer-logo span{
  color:#fff !important;
  font-size:26px !important;
  font-weight:900 !important;
}
.hm-footer-brand p{
  color:#cbd5e1 !important;
  font-size:15px !important;
  line-height:1.85 !important;
  max-width:370px !important;
  margin:0 !important;
}
.hm-pro-footer .footer-col h4{
  color:#fff !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  margin:0 0 18px !important;
}
.hm-pro-footer .footer-col ul,
.hm-pro-footer .footer-col .menu{
  list-style:none !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:11px !important;
}
.hm-pro-footer .footer-col li{
  margin:0 !important;
  color:#cbd5e1 !important;
  font-size:14px !important;
  line-height:1.65 !important;
}
.hm-pro-footer .footer-col a{
  color:#cbd5e1 !important;
  text-decoration:none !important;
  font-weight:700 !important;
  transition:all .22s ease !important;
}
.hm-pro-footer .footer-col a:hover{
  color:#38bdf8 !important;
  padding-left:4px !important;
}
.hm-footer-contact strong{
  color:#fff !important;
  font-weight:900 !important;
}
.hm-footer-bottom{
  border-top:1px solid rgba(255,255,255,.10) !important;
  padding-top:24px !important;
  text-align:center !important;
}
.hm-footer-bottom p{
  margin:0 !important;
  color:#94a3b8 !important;
  font-size:14px !important;
}
@media(max-width:900px){
  .hm-footer-grid{
    grid-template-columns:1fr 1fr !important;
    gap:32px !important;
  }
  .hm-footer-brand,
  .hm-footer-contact{
    grid-column:1 / -1 !important;
  }
}
@media(max-width:600px){
  .hm-pro-footer{
    padding:56px 0 24px !important;
  }
  .hm-footer-grid{
    grid-template-columns:1fr !important;
    gap:30px !important;
  }
  .hm-footer-brand,
  .hm-footer-contact{
    grid-column:auto !important;
  }
  .hm-footer-brand .footer-logo img,
  .footer-logo img{
    max-height:54px !important;
  }
}


/* V7.1 Mobile Logo Fix: keep original colors in the mobile drawer only */
@media(max-width:768px){
  .hm-mobile-panel .hm-mobile-brand{
    width:220px !important;
    max-width:80% !important;
    margin:0 0 34px !important;
  }
  .hm-mobile-panel .hm-mobile-brand img{
    display:block !important;
    width:auto !important;
    max-width:220px !important;
    max-height:90px !important;
    height:auto !important;
    object-fit:contain !important;
    filter:none !important;
    opacity:1 !important;
  }
}

/* =========================================================
   V7 PRO FOOTER CONTROLS
   /* SUB MENU */
   ========================================================= */


.primary-menu .menu-item-has-children{
    position:relative;
}

.primary-menu .sub-menu{
    position:absolute;
    top:100%;
    left:0;
    min-width:220px;
    background:#081426;
    border-radius:16px;
    padding:14px;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:all .25s ease;
    box-shadow:0 20px 40px rgba(0,0,0,.25);
    z-index:999;
}

.primary-menu .menu-item-has-children:hover .sub-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.primary-menu .sub-menu li{
    display:block;
    width:100%;
    margin:0;
}

.primary-menu .sub-menu a{
    display:block;
    padding:12px 16px;
    color:#fff;
    border-radius:12px;
    font-size:15px;
}

.primary-menu .sub-menu a:hover{
    background:rgba(255,255,255,.08);
}

/* MOBILE */

@media(max-width:991px){

    .mobile-menu .sub-menu{
        display:block !important;
        position:relative;
        opacity:1;
        visibility:visible;
        transform:none;
        background:transparent;
        padding-left:15px;
        margin-top:10px;
        box-shadow:none;
    }

    .mobile-menu .sub-menu a{
        font-size:15px;
        opacity:.85;
    }

/* =========================================================
   Area Clienti /Richiedi Demo  / header / MOBILE APP MENU
   ========================================================= */
	/* HOTEL MIND MOBILE MENU PRO BUTTONS */
@media(max-width:768px){

  .hm-mobile-panel{
    padding:34px 26px !important;
  }

  .hm-mobile-brand{
    display:flex !important;
    justify-content:center !important;
    margin-bottom:28px !important;
  }

  .hm-mobile-brand img{
    max-width:170px !important;
    height:auto !important;
  }

  .mobile-menu{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    padding:0 !important;
    margin:0 !important;
  }

  .mobile-menu li{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
  }

  .mobile-menu a{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    min-height:54px !important;
    padding:0 20px !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    color:#fff !important;
    font-size:17px !important;
    font-weight:800 !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
  }

  .mobile-menu a[href*="account"]{
    background:linear-gradient(135deg,#1473e6,#0b5fc4) !important;
    border-color:rgba(255,255,255,.18) !important;
    color:#fff !important;
    justify-content:center !important;
  }

  .mobile-menu a[href*="richiedi-demo"]{
    background:linear-gradient(135deg,#38bdf8,#1473e6) !important;
    border-color:rgba(255,255,255,.18) !important;
    color:#fff !important;
    justify-content:center !important;
    box-shadow:0 14px 35px rgba(20,115,230,.28) !important;
  }

}
	
/* =========================================================
    MOBILE LOGIN / REGISTER PRO STYLE
   ========================================================= */
	/* MOBILE LOGIN / REGISTER PRO STYLE */
@media(max-width:768px){

  .mobile-menu a[href*="login"],
  .mobile-menu a[href*="register"],
  .mobile-menu a[href*="registrati"]{
    justify-content:center !important;
    text-align:center !important;
    font-size:17px !important;
    font-weight:900 !important;
    min-height:58px !important;
    border-radius:18px !important;
  }

  .mobile-menu a[href*="login"]{
    background:linear-gradient(135deg,#ffffff,#e0f2fe) !important;
    color:#07111f !important;
    border:1px solid rgba(255,255,255,.35) !important;
  }

  .mobile-menu a[href*="register"],
  .mobile-menu a[href*="registrati"]{
    background:linear-gradient(135deg,#38bdf8,#1473e6) !important;
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,.22) !important;
    box-shadow:0 14px 35px rgba(20,115,230,.30) !important;
  }

}
	/* =========================================================
               HOTEL MIND MOBILE MENU PREMIUM 
   ========================================================= */
	/* HOTEL MIND MOBILE MENU PREMIUM */
@media(max-width:768px){

  .mobile-menu{
    gap:14px !important;
  }

  .mobile-menu li{
    margin:0 !important;
  }

  .mobile-menu a{
    min-height:56px !important;
    border-radius:18px !important;
    padding:0 22px !important;
    font-size:16px !important;
    font-weight:800 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    transition:.25s ease;
  }

  /* AREA CLIENTI */
  .mobile-menu a[href*="account"]{
    background:#1473e6 !important;
    color:#fff !important;
    box-shadow:0 10px 30px rgba(20,115,230,.22);
  }

  /* DEMO BUTTON */
  .mobile-menu a[href*="richiedi-demo"]{
    background:transparent !important;
    border:2px solid #38bdf8 !important;
    color:#38bdf8 !important;
  }

  /* REGISTER */
  .mobile-menu a[href*="register"],
  .mobile-menu a[href*="registrati"]{
    background:#ffffff !important;
    color:#07111f !important;
    border:none !important;
  }

  /* LOGIN */
  .mobile-menu a[href*="login"]{
    background:rgba(255,255,255,.05) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    color:#ffffff !important;
  }

  /* NORMAL MENU */
  .mobile-menu li:not(:first-child):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) a{
    background:rgba(255,255,255,.04) !important;
    border:1px solid rgba(255,255,255,.06) !important;
    color:#fff !important;
    justify-content:flex-start !important;
    padding-left:22px !important;
  }

}