/* =========================================
   STUDIO FUNGHI – DARK PREMIUM v2 (CLEAN)
   Per IONOS MyWebsite / Jimdo (diyweb)
   ========================================= */

html, body { height: 100% !important; }
body{
  margin:0 !important;
  background:#050814 !important;
  color:#eef3ff !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important;
}

/* --- RESET “vecchio tema”: togli sfondi bianchi e bordi ovunque --- */
.diyw, .diyweb, .diywebLiveArea, .diywebMainGutter, .diywebGutter, .diywebContent, .diywebMain,
#container,#wrapper,#content,#content_area,#sidebar,#footer,
.diyfeGridGroup, .diyfeGE, .diyfeCA, .diyfeLiveArea,
.n, .module, .module-type-text, .module-type-header, .module-type-matrix,
.section-wrapper, .section-content, .section-group, .section-bg-element-inner{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* testi legacy che diventano “troppo chiari” o “troppo grigi” */
p, li, span, div { color: rgba(184,198,230,.95) !important; line-height: 1.65 !important; }
a{ color:#d9c39a !important; }
a:hover{ color:#ffe1b6 !important; text-decoration:none !important; }

/* --- LARGHEZZE: rendi tutto più moderno e leggibile --- */
.diywebLiveArea, .diywebMainGutter, .diywebGutter, .gutter{
  max-width:1120px !important;
  margin:0 auto !important;
  padding-left:22px !important;
  padding-right:22px !important;
}

/* --- HEADER/LOGO: riduci spazi enormi e “modernizza” --- */
#website-logo{
  padding: 18px 0 !important;   /* era 50px */
  text-align:left !important;
}
#website-logo img, .website-logo-image{
  height: 56px !important;
  width: auto !important;
  filter: drop-shadow(0 12px 24px rgba(0,0,0,.45)) !important;
}

/* barra superiore premium */
.diywebLogo, #header, #header_wrapper{
  background: rgba(5,8,20,.72) !important;
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

/* --- NAV: rendi il menu “pill” (selettori Jimdo/IONOS) --- */
.webnavigation, #navigation, ul#mainNav1, ul.mainNav1{
  background: rgba(5,8,20,.60) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 16px !important;
  padding: 10px 10px !important;
  box-shadow: 0 18px 70px rgba(0,0,0,.45) !important;
}
.webnavigation a, #navigation a, ul#mainNav1 a, ul.mainNav1 a{
  color: rgba(238,243,255,.90) !important;
  padding: 9px 12px !important;
  border-radius: 14px !important;
  border: 1px solid transparent !important;
  display: inline-block !important;
  font-weight: 700 !important;
  transition: all .2s ease !important;
}
.webnavigation a:hover, #navigation a:hover, ul#mainNav1 a:hover, ul.mainNav1 a:hover{
  background: rgba(255,255,255,.07) !important;
  border-color: rgba(255,255,255,.14) !important;
}
.webnavigation a.current, #navigation a.current, ul#mainNav1 a.current, ul.mainNav1 a.current{
  background: linear-gradient(135deg,#0b2a67,#1b4fb0) !important;
  border-color: transparent !important;
  color: #ffffff !important;
}

/* --- CONTENUTO: crea “card” principale, così sparisce effetto vecchio sito --- */
#content_area, #content, .diywebMain, .diywebContent{
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 70px rgba(0,0,0,.45) !important;
  padding: 18px !important;
  margin-top: 14px !important;
}

/* titoli */
h1, h2, h3{
  color:#eef3ff !important;
  letter-spacing: -.2px !important;
}
h1{ font-size: 34px !important; line-height: 1.08 !important; }
h2{ font-size: 22px !important; }
h3{ font-size: 16px !important; color: rgba(238,243,255,.92) !important; }

/* separatori */
hr, .hr{
  border-color: rgba(255,255,255,.12) !important;
  opacity:1 !important;
}

/* --- SIDEBAR: trasformala in card premium --- */
#sidebar_content .n, .diywebSidebar .n{
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 18px !important;
  padding: 14px !important;
  margin-bottom: 12px !important;
}

/* --- FORM/INPUT/BOTTONI --- */
input[type="text"], input[type="email"], input[type="tel"], textarea, select{
  background: rgba(0,0,0,.18) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  color:#eef3ff !important;
  outline:none !important;
}
input[type="submit"], button, .btn, a.button{
  background: linear-gradient(135deg,#0b2a67,#1b4fb0) !important;
  border: none !important;
  color:#fff !important;
  font-weight: 800 !important;
  border-radius: 14px !important;
  padding: 10px 14px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.25) !important;
}

/* --- FOOTER --- */
#footer, #contentfooter{
  background: rgba(5,8,20,.60) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  margin-top: 18px !important;
  color: rgba(184,198,230,.95) !important;
}
#contentfooter a{ color:#d9c39a !important; }

/* responsive */
@media (max-width: 980px){
  .diywebLiveArea, .diywebMainGutter, .diywebGutter, .gutter{ padding-left:14px !important; padding-right:14px !important; }
  #content_area, #content{ padding: 14px !important; }
  h1{ font-size: 28px !important; }
}