/* HELPY brand v2 — giallo #FFCD00 + blu #0068AD campionati dal logo originale.
   Il template Voltsflow e' guidato da variabili: qui le rovesciamo sui colori logo,
   poi forziamo le superfici residue (nero/arancione hardcoded). */
:root{
  --helpy-yellow:#FFCD00;
  --helpy-yellow-dark:#D9AE00;
  --helpy-blue:#0068AD;
  --helpy-blue-dark:#004E82;
  --helpy-navy:#0A2E4F;
  --helpy-navy-2:#10395C;
  --helpy-ink:#101418;
  /* --- override variabili template (arancione->giallo, blu->blu logo) --- */
  --bg-color--primary:#FFCD00;
  --bg-color--secondary:#0068AD;
}
::selection{background:var(--helpy-yellow);color:#101418}

/* --- logo --- */
.helpy-logo{display:inline-flex;align-items:center}
.helpy-logo img{display:block;height:48px;width:auto}
.nav-logo-wrap .helpy-logo img{height:60px}
.footer-logo-wrap .helpy-logo img{height:62px}
.nav-logo-wrap,.footer-logo-wrap{display:inline-flex;align-items:center}

/* --- CTA ex-arancione (gradient hardcoded nel template) -> giallo/blu logo --- */
.get-a-quote-button{
  background-image:linear-gradient(90deg,var(--helpy-yellow),var(--helpy-blue))!important;
}
.hireus-badge{
  background-image:linear-gradient(90deg,var(--helpy-yellow),var(--helpy-blue))!important;
}
.hireus-orange-button{
  background-color:var(--helpy-yellow)!important;
  border-color:var(--helpy-yellow)!important;
  color:#101418!important;
}


/* --- bottoni secondari neri -> blu logo --- */
.secondary-button{
  background-color:var(--helpy-blue)!important;
  border-color:var(--helpy-blue)!important;
}
.secondary-button:hover{
  background-color:var(--helpy-blue-dark)!important;
  border-color:var(--helpy-blue-dark)!important;
}
.secondary-button.banner-button{color:#fff!important}

/* ===== v3: nero su bianco / grigiolino, mai bianco su foto ===== */
:root{--helpy-grey:#EEF3F6;--helpy-line:#d9dee7;--helpy-text:#101418;--helpy-muted:#3d4757}

/* nav: pannello CTA chiaro */
.nav-button-area{background-color:var(--helpy-grey)!important}

/* bottoni secondari */
.secondary-button{background-color:var(--helpy-blue)!important;border-color:var(--helpy-blue)!important;color:#fff!important}
.secondary-button:hover{background-color:var(--helpy-blue-dark)!important;border-color:var(--helpy-blue-dark)!important}

/* --- HERO: testo nero su bianco a sinistra, foto a destra (niente testo sulla foto) --- */
.home-banner-section{background:#fff;padding-top:70px;padding-bottom:150px;overflow:visible}
.home-banner-image-wrap{left:auto;width:50%}
.home-banner-image{object-position:62% 50%}
.home-intro-section{position:relative;z-index:2}
.home-banner-bg-wrap{display:none}
.home-banner-section>.w-layout-blockcontainer{padding-left:max(20px,calc((100vw - 1200px)/2 - max(0px,(100vw - 1720px)/2)))}
.home-banner-wrap{max-width:min(560px,calc(50vw - 40px - max(20px,calc((100vw - 1200px)/2))))}
.home-banner-title,.banner-content{color:var(--helpy-text)!important}
.home-banner-title{font-size:52px;line-height:1.08}
.banner-content{color:var(--helpy-muted)!important}
.banner-content-wrap{margin:24px 0 36px}
.home-banner-wrap .banner-button-wrap{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:flex-start;align-items:flex-start;margin:0}
.home-banner-wrap .banner-button-wrap>a{margin:0}

/* form preventivo: grigiolino con testo nero */
.home-intro-form-block{background-color:var(--helpy-grey)!important;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--helpy-line);box-shadow:0 10px 30px #10141820}
.home-intro-form-title,.home-intro-field-label{color:var(--helpy-text)!important}
.home-intro-text-field{background-color:#fff!important;color:var(--helpy-text)!important;border:1px solid #b9c2cf!important}
.home-intro-text-field::placeholder{color:#5c6677}

/* --- SERVIZI: sfondo bianco, senza foto dietro al testo --- */
.services-section{background:#fff}
.services-bg-wrap,.services-overlay-image{display:none!important}
.service-post-title{color:var(--helpy-text)!important}
.services-card-area{border:1px solid var(--helpy-line)}
.section-sub-title-wrap{color:var(--helpy-blue)}

/* --- EMPRESAS: grigiolino con testo nero (foto a lato, senza testo sopra) --- */
.why-choose-section{background-color:var(--helpy-grey)!important}
.why-choose-title,.why-choose-card-title,.why-choose-card-title a,.why-choose-text,.why-choose-content{color:var(--helpy-text)!important}
.why-choose-card{background:#fff;border:1px solid var(--helpy-line)!important}
.why-choose-highlight-text{color:var(--helpy-blue)!important}
.why-choose-icon{filter:brightness(0) saturate(100%) invert(26%) sepia(96%) saturate(1400%) hue-rotate(185deg) brightness(90%)}
.why-choose-section .section-sub-title-wrap{color:var(--helpy-blue)}
.why-choose-link-wrap{background-color:var(--helpy-yellow)!important}

/* --- zone: quadratino icona = blu del logo --- */
.services-card-icon-wrap{background-color:var(--helpy-blue)!important}

/* --- CONTATTO --- */
.count-bg-wrap{background-color:var(--helpy-grey)!important}
.count-details-wrap{background-color:#fff!important;box-shadow:0 6px 20px #10141826}
.count-card-title{color:var(--helpy-muted)!important}
.count-card-link{color:var(--helpy-text)!important}
.count-card-link:hover{color:var(--helpy-blue)!important}
.cta-section{background-color:#fff!important;border-top:1px solid var(--helpy-line)}
.cta-title,.cta-top-text,.cta-top-link,.cta-content{color:var(--helpy-text)!important}
.cta-top-link:hover{color:var(--helpy-blue)!important}
.cta-bottom-area{border-top-color:var(--helpy-line)!important}

/* --- FOOTER: grigiolino, testo nero --- */
.footer-section{background-color:var(--helpy-grey)!important}
.footer-left-wrap,.footer-right-wrap,.footer-social-link-wrap{background-color:#fff!important;border:1px solid var(--helpy-line)}
.footer-details-area{border-top-color:var(--helpy-line)!important}
.footer-details-link-wrap,.footer-details-text,.footer-widget-title,.footer-link,.copyright-text{color:var(--helpy-text)!important}
.footer-link:hover,.footer-details-link-wrap:hover{color:var(--helpy-blue)!important}
.footer-details-icon-wrap{background-color:var(--helpy-blue)!important}
.footer-social-link-area{gap:10px;justify-content:flex-start;flex-wrap:wrap}
.footer-social-link-wrap{flex:0 0 auto!important;min-width:0!important;min-height:0!important;width:42px;height:42px}
.footer-social-link-wrap:hover{background-color:var(--helpy-yellow)!important}
.footer-link-icon{filter:brightness(0);height:20px!important;width:20px;object-fit:contain}

/* sezioni scure residue (pagine interne) */
.service-single-form-block{background-color:var(--helpy-grey)!important;border:1px solid var(--helpy-line)}
.service-single-form-block *{color:var(--helpy-text)}
.service-single-form-block ::placeholder,.home-intro-form-block ::placeholder{color:#5c6677!important;opacity:1}
.service-single-form-block .service-single-text-field{background:#fff!important;color:var(--helpy-text)!important;border:1px solid #b9c2cf!important}
.pricing-top-icon-wrap.second{border-color:var(--helpy-yellow)!important;background-color:#ffcd0033!important}
.pricing-top-icon-wrap.third{border-color:var(--helpy-blue)!important;background-color:#0068ad1a!important}


/* gallery: etichetta hover chiara con testo nero (niente bianco su foto) */
.project-listing-details-wrap{background-color:#fff!important}
.project-listing-title,.project-details{color:var(--helpy-text)!important}
.project-listing-line-wrap,.project-line-wrap{background-color:var(--helpy-yellow)!important}

/* frecce slider recensioni */
.feedback-arrow{background-color:var(--helpy-blue)!important}
.feedback-arrow:hover{background-color:var(--helpy-yellow)!important;color:#101418!important}
.process-step-wrap{color:#101418!important}

/* --- accenti gialli --- */
.hireus-badge,
.blog-category,
.count-icon-wrap{background-color:var(--helpy-yellow)!important}
a:hover{color:var(--helpy-blue)}
.summary-text a,.helpy-zone-links a:hover{border-color:var(--helpy-blue)!important;color:var(--helpy-blue)!important}
.services-post-link-area a:hover,
.nav-menu a:hover{color:var(--helpy-blue)!important}

/* --- CTA secondaria gialla riusabile --- */
.helpy-btn-yellow{
  background-color:var(--helpy-yellow)!important;
  border-color:var(--helpy-yellow)!important;
  color:#101418!important;
}
.helpy-btn-yellow:hover{background-color:var(--helpy-yellow-dark)!important;border-color:var(--helpy-yellow-dark)!important;color:#101418!important}

/* --- focus accessibile brand --- */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:3px solid var(--helpy-yellow);outline-offset:2px
}

@media (max-width:991px){
  .home-banner-section{display:flex;flex-direction:column;padding-top:40px;padding-bottom:60px}
  .home-banner-section>.w-layout-blockcontainer{order:1}
  .home-banner-image-wrap{order:2;position:relative;inset:auto;width:auto;height:340px;margin:36px 20px 0}
  .home-banner-wrap{max-width:none}
  .home-banner-section>.w-layout-blockcontainer{padding-left:20px}
  .home-intro-form-block{position:static!important;top:auto;right:auto;max-width:none;width:100%;margin-top:0}
  .home-intro-area{flex-flow:column!important;align-items:stretch!important}
  .home-intro-form-area,.home-intro-wrap{flex:none;width:100%;min-width:0}
  .home-banner-title{font-size:44px}
}
@media (max-width:767px){
  #trabajos .w-dyn-items{display:flex;flex-wrap:wrap;margin:0 -5px}
  #trabajos .project-listing-collection-item{width:50%;padding:0 5px;margin-bottom:10px}
  #trabajos .project-listing-image-wrap{min-height:210px;height:210px}
  #trabajos .project-listing-image-area{margin-bottom:0}
  #trabajos .w-dyn-items:before,#trabajos .w-dyn-items:after{display:none}
  .home-banner-wrap .banner-button-wrap>a{width:100%;text-align:center}
  .home-banner-title{font-size:36px}
  .home-banner-image-wrap{height:260px;margin:30px 0 0}
  .helpy-logo img{height:40px}
  .nav-logo-wrap .helpy-logo img{height:42px}
}

/* form preventivo identico alla home dentro pagine servizio/zona */
.helpy-side-form{position:static!important;top:auto!important;right:auto!important;margin:30px 0 0!important;max-width:none!important;min-width:0!important;width:100%}
.helpy-side-form .home-intro-text-field{max-width:none}
/* 4 tarjetas (zonas) en 2 columnas */
.helpy-cards:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}
@media (max-width:767px){.helpy-cards:has(>:nth-child(4):last-child){grid-template-columns:1fr}}

/* nav: bottone su una riga */
.nav-button-area .get-a-quote-button,.nav-button-area a{white-space:nowrap}
@media (min-width:992px) and (max-width:1279px){.nav-button-area{padding-left:14px;padding-right:14px}.nav-button-area .get-a-quote-button{padding-left:16px;padding-right:16px;font-size:15px}}

@media (min-width:992px){.home-intro-wrap{align-items:flex-start;max-width:calc(100% - 500px)}.home-intro-line-wrap{align-self:center}}