/* GLOBAL CRITICAL CSS - ONLY HEADER */
*{margin:0;padding:0;box-sizing:border-box}
body {font-family: 'Inter', sans-serif;font-weight: 400;color: #847762; background: #847762;}

/* Font serif solo dove serve */
h1, h2, h3, h4, h5, h6 {font-family: 'Playfair Display', serif;color: #494236;font-weight: 600;}

/* NASCONDI ELEMENTI WORDPRESS NON NECESSARI */
.site-title,.site-branding h1,.site-branding h2,header h1,header .site-title,.site-header h1,.site-header .site-title{display:none!important}
.site-header nav:not(.main-nav),.site-header .site-navigation:not(.main-nav){display:none!important}



/* HEADER */
.custom-header{background:#f8f6f0;padding:1rem 0;box-shadow:0 2px 10px rgba(0,0,0,0.1);position:fixed;width:100%;top:0;z-index:9999}
.header-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}
.logo{display:flex;align-items:center;gap:1rem}
.logo a{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:600;line-height:2rem;color:#7a9b76;text-decoration:none;display:flex;align-items:center;gap:1rem}
.logo a::before{content:"";display:inline-block;width:clamp(35px,4vw,50px);height:clamp(35px,4vw,50px);background:url('https://paolomosso.it/wp-content/uploads/2024/01/cropped-icona_sito.webp') center/contain no-repeat}
.logo a:hover{color:#89a885}
.main-nav{display:block}
.nav-links{display:flex;list-style:none;gap:1rem;align-items:center;margin:0;padding:0;}
.nav-links li{list-style:none;margin:0;padding:0}
.nav-links a{font-family:'Inter',sans-serif;text-decoration:none;color:#494236;font-weight:500;font-size:1rem;line-height:1.5rem;transition:color 0.3s;padding:0.5rem}
.nav-links a:hover{color:#7a9b76}
.phone-button{background:#6e9056;padding:0.7rem 1.2rem;border-radius:15px;font-family:'Inter',sans-serif;text-decoration:none;font-size:1rem;line-height:1.5rem;font-weight:500;display:flex;align-items:center;gap:0.5rem;transition:background 0.3s;color:#fbfbef!important;white-space:nowrap}
.phone-button:hover{background:#9bbb8b}
.phone-button .icon{width:1em;height:1em;fill:currentColor;display:inline-block;vertical-align:-.125em}
.hamburger{display:none;font-size:1.8rem;cursor:pointer;color:#7a9b76;background:none;border:none;padding:0.5rem}

/* Skip link */
.skip-link.screen-reader-text{position:absolute;top:-40px;left:6px;z-index:100000;padding:8px 15px;background:#f1f1f1;color:#21759b;text-decoration:none}
.skip-link.screen-reader-text:focus{top:7px}

/* SVG ICONS   */
.icon{width:1em;height:1em;fill:currentColor;display:inline-block;vertical-align:-.125em} 

/*Gradiente verticale per tutte le sezioni */
section:not(.hero):not(.contattami-section){background:linear-gradient(to bottom, #fbfbf0, #f8f8e8)}

/* BOTTONI RIUTILIZZABILI */
.primary-button{background:#6e9056;color:white;padding:0.8rem 2rem;border-radius:15px;justify-content:center;font-family:'Inter',sans-serif;text-decoration:none;font-size:1.12rem!important;font-weight:500;transition:all 0.3s;display:flex;align-items:center;gap:0.5rem;line-height:1.8rem}
.primary-button:hover{background:#89a885}
.secondary-button{border:2px solid #6e9056;color:#6e9056;padding:0.68rem 1.5rem;border-radius:15px;justify-content:center;font-family:'Inter',sans-serif;text-decoration:none;font-size:1.12rem!important;font-weight:500;transition:all 0.3s;display:flex;align-items:center;gap:0.5rem;line-height:1.8rem}
.secondary-button:hover{background:#6e9056;color:white}


/* RESPONSIVE HEADER */
@media (min-width:769px){
    .main-nav .nav-links a{font-size:1.1rem}
    .logo-mobile{display:none}
}

@media (max-width:1024px){
    /*
    .header-container{padding:0 1rem}
}

@media (max-width:820px){ */
    .logo-full{display:none}
    .logo-mobile{display:inline}
    .hamburger{display:block}

    /* Selettori più specifici per battere WordPress */
    .custom-header .main-nav .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#f8f6f0;flex-direction:column;padding:0;box-shadow:0 4px 6px rgba(0,0,0,0.1);margin:0;gap:0}
    .custom-header .main-nav.menu-open .nav-links{display:flex}
    .custom-header .main-nav .nav-links li{width:100%;text-align:left;padding:0;margin:0;list-style:none;line-height:1}
    .custom-header .main-nav .nav-links li::after, 
    .custom-header .main-nav .nav-links li::before{display:none}
    .custom-header .main-nav .nav-links li a{padding:0.75rem 1.25rem;display:block;width:100%;line-height:1.4;margin:0}
    .custom-header .main-nav .nav-links li a.phone-button{margin:0.75rem 0;justify-content:center;display:flex}
}

@media (max-width:480px){
    .header-container{padding:0 0.5rem}
}