/*
Theme Name:   Maya Powersystem
Description:  Child theme di Kadence per Maya Powersystem
Template:     kadence
Version:      1.1.0
Text Domain:  maya-child
*/

/* Le personalizzazioni CSS vanno qui sotto */

/* ===== Logo nella hero della home ===== */
.maya-logo-img{margin:0 0 2rem!important;max-width:min(460px,80vw)}
.maya-logo-img img{width:100%;height:auto;display:block}

/* ===== Emblema "MY" in trasparenza nella hero ===== */
body .maya-hero{
  background-image:url(assets/maya-my-watermark.svg),url(assets/hero-bg.svg);
  background-repeat:no-repeat,no-repeat;
  background-position:right 6vw top 110px,center;
  background-size:min(34vw,520px) auto,cover;
}
@media (max-width:781px){
  body .maya-hero{background-position:right 16px top 90px,center;background-size:40vw auto,cover}
}

/* ===== Logo separato: pala in alto, scritta sotto ===== */
body .maya-hero{padding-top:40px!important}
.maya-logo-blade{margin:0 0 clamp(2.5rem,8vh,6rem)!important;max-width:min(440px,70vw)}
.maya-logo-word{margin:0 0 1.5rem!important;max-width:min(560px,85vw)}
.maya-logo-blade img,.maya-logo-word img{width:100%;height:auto;display:block}

/* ===== Niente nome del sito nell'header della home ===== */
.home #masthead .site-branding{visibility:hidden}
@media (max-width:781px){body .maya-hero{padding-top:30px!important}}

/* ===== Sfondo dal vettoriale definitivo (sostituisce i provvisori) ===== */
body .maya-hero{
  background-color:#0c3350;
  background-image:
    url(assets/maya-my-grande.webp),
    url(assets/maya-hero-linee-foto.svg),
    linear-gradient(35deg,#0c223b 0%,#0c3350 50%,#0d4566 100%);
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-position:right 6vw top 90px,left bottom,center;
  background-size:min(30vw,440px) auto,auto 92%,cover;
}
/* colonna sinistra più compatta, così la foto delle pale resta sotto al titolo */
.maya-logo-blade{max-width:min(380px,60vw);margin-bottom:clamp(1.5rem,5vh,3.5rem)!important}
.maya-logo-word{max-width:min(520px,80vw);margin-bottom:1.25rem!important}
@media (max-width:781px){
  body .maya-hero{
    background-image:url(assets/maya-my-grande.webp),url(assets/maya-hero-linee.svg),linear-gradient(35deg,#0c223b 0%,#0c3350 50%,#0d4566 100%);
    background-position:right 16px top 70px,left bottom,center;
    background-size:38vw auto,auto 70%,cover;
  }
}