/* Centra il menu */
.site-header, .site-header-inner, .main-navigation, .primary-menu, .nav, .menu, ul#primary-menu, ul.primary-menu {
    justify-content: center !important;
    text-align: center !important;
}
.main-navigation ul, .primary-menu ul, .menu ul {
    justify-content: center !important;
    margin: 0 auto !important;
}
.main-navigation li, .primary-menu li, .menu li {
    text-align: center !important;
}
.site-header > div {
    flex-direction: column !important;
    align-items: center !important;
}
/* Nasconde il titolo della pagina home (visivamente) */
.page .entry-title,
.page-title {
    display: none !important;
}
/* Nasconde il titolo della pagina home (visivamente) */
.page .entry-title,
.page-title {
    display: none !important;
}
/* Nasconde il titolo della pagina home (visivamente) */
.page .entry-title,
.page-title {
    display: none !important;
}
/* Nasconde il titolo della pagina home (visivamente) */
.page .entry-title,
.page-title {
    display: none !important;
}
/* Nasconde il titolo della pagina home (visivamente) */
.page .entry-title,
.page-title {
    display: none !important;
}
/* Nasconde il titolo della pagina home (visivamente) */
.page .entry-title,
.page-title {
    display: none !important;
}
/* Nasconde titolo e tagline testuali accanto al logo */
.site-title,
.site-description {
    display: none !important;
}
/* ===== RITOCCO SEZIONE CONTACT US (form nativo WP/Jetpack) ===== */

/* Contenitore del form: scuro, bordo viola, centrato */
.contact-form,
.wp-block-jetpack-contact-form {
    background: #0a0a12 !important;
    border: 1px solid rgba(189,170,252,0.2) !important;
    border-radius: 12px !important;
    padding: 40px 30px !important;
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Titolo interno del form (se visibile) */
.contact-form h3,
.wp-block-jetpack-contact-form .block-editor-rich-text__editable {
    color: #BDAAFC !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
}

/* Etichette dei campi: bianche, maiuscole */
.contact-form label,
.wp-block-jetpack-contact-form label {
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 0.85rem !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
}

/* Campi: sfondo scuro, testo bianco, bordo soft */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea,
.wp-block-jetpack-contact-form input[type="text"],
.wp-block-jetpack-contact-form input[type="email"],
.wp-block-jetpack-contact-form textarea {
    background: #050508 !important;
    border: 1px solid rgba(255,255,255,0.15) !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    padding: 14px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 16px !important;
}

/* Campo in focus: bordo viola */
.contact-form input:focus,
.contact-form textarea:focus,
.wp-block-jetpack-contact-form input:focus,
.wp-block-jetpack-contact-form textarea:focus {
    outline: none !important;
    border-color: #BDAAFC !important;
    box-shadow: 0 0 8px rgba(189,170,252,0.25) !important;
}

/* Placeholder grigio, leggibile */
.contact-form ::placeholder,
.wp-block-jetpack-contact-form ::placeholder {
    color: #777 !important;
    opacity: 1 !important;
}

/* Bottone invio: viola Misstify */
.contact-form input[type="submit"],
.contact-form button[type="submit"],
.wp-block-jetpack-contact-form button[type="submit"] {
    background: #BDAAFC !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    font-family: Arial, sans-serif !important;
    padding: 14px 32px !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: 0.3s !important;
}

/* Bottone al passaggio del mouse */
.contact-form input[type="submit"]:hover,
.contact-form button[type="submit"]:hover,
.wp-block-jetpack-contact-form button[type="submit"]:hover {
    background: #a896f5 !important;
}

/* Messaggio di conferma dopo l'invio: viola su scuro */
.contact-form .grunion-field-label span,
.contact-form-submission,
.wp-block-jetpack-contact-form-container .contact-form__success {
    color: #BDAAFC !important;
}
/* ============================================================
   MISSTIFY — HEADER & MENU v2
   3 linee a destra · tenda sotto le linee · hover su PC
   ============================================================ */

/* ---------- 1. HEADER ---------- */
.site-header{
  background:#0a0a12 !important;
  border-bottom:1px solid rgba(189,170,252,.12) !important;
  max-width:100% !important;
  width:100% !important;
  position:sticky !important;
  top:0 !important;
  z-index:9998 !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:20px !important;
  padding:0 24px !important;
}
.site-header > *{ margin-top:0 !important; margin-bottom:0 !important; }
.site-branding{ display:flex !important; align-items:center !important; }
.custom-logo{ max-height:80px !important; width:auto !important; display:block !important; }

/* ---------- 2. NAV = ancoraggio della tenda ---------- */
#site-navigation.main-navigation{
  position:relative !important;
  align-self:stretch !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
}

/* ---------- 3. HAMBURGER = 3 LINEE ---------- */
#toggle:focus + #toggle-menu{
  outline:none !important;
  text-decoration:none !important;
}
#toggle-menu{
  font-size:0 !important;
  color:transparent !important;
  text-indent:-9999px !important;
  width:48px !important;
  height:48px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background-color:#ffffff !important;
  background-image:
    linear-gradient(#000,#000),
    linear-gradient(#000,#000),
    linear-gradient(#000,#000) !important;
  background-size:22px 2px !important;
  background-position:center 16px, center 23px, center 30px !important;
  background-repeat:no-repeat !important;
  display:inline-block !important;
  line-height:0 !important;
  cursor:pointer !important;
  position:relative !important;
  z-index:9999 !important;
  transition:background-color .3s !important;
}
#toggle-menu:hover{ background-color:#BDAAFC !important; }

/* ---------- 4. TENDA ---------- */
.main-navigation > div{ display:none !important; }
#toggle:checked ~ .menu-menu-container{ display:block !important; }

.menu-menu-container{
  position:absolute !important;
  right:0 !important;
  left:auto !important;
  top:100% !important;
  margin-top:12px !important;
  width:240px !important;
  max-width:calc(100vw - 36px) !important;
  background:#0a0a12 !important;
  border:1px solid rgba(189,170,252,.22) !important;
  border-radius:12px !important;
  padding:10px 0 !important;
  box-shadow:0 24px 60px rgba(0,0,0,.75) !important;
  z-index:9999 !important;
}
/* ponticello invisibile: il mouse non "perde" l'hover nel salto */
.menu-menu-container::before{
  content:"" !important;
  position:absolute !important;
  top:-12px !important; left:0 !important; right:0 !important;
  height:12px !important;
}
.menu-menu-container .main-menu{
  display:block !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}
.menu-menu-container .main-menu li{ width:100% !important; }
.menu-menu-container .main-menu li a{
  display:block !important;
  width:100% !important;
  padding:12px 22px !important;
  font-weight:700 !important;
  font-size:.85rem !important;
  line-height:1.2 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#ffffff !important;
  text-decoration:none !important;
}
.menu-menu-container .main-menu li a:hover{
  background:rgba(189,170,252,.12) !important;
  color:#BDAAFC !important;
}
.menu-menu-container .main-menu li.current-menu-item > a{
  border-left:3px solid #BDAAFC !important;
}

/* niente pseudo-elementi decorativi del tema */
.main-navigation a:before,
.main-navigation a:after{ content:none !important; }

/* ---------- 5. PC: apre al passaggio del mouse ---------- */
@media (min-width:897px){
  #site-navigation:hover .menu-menu-container,
  #site-navigation:focus-within .menu-menu-container{
    display:block !important;
  }
}

/* ---------- 6. SCHERMI PICCOLI ---------- */
@media (max-width:559px){
  .site-header{ padding:0 18px !important; }
  .site-title, .site-description{ display:none !important; }
}