/* =========================================================
   BANNERE INTERNE - FORMAT UNIFICAT TIP HOME
   Fiecare pagină își păstrează separat imaginea/gradientul; uniformizăm doar prezentarea.
   ========================================================= */

/* Reguli structurale comune pentru bannere */
.zm-consult-hero,
.zm-about-banner,
.zm-solar-hero,
.zm-contact-banner,
.zm-hm-banner,
.zm-rpa-hero{
  position:relative;
  overflow:hidden;
  min-height:0;
  border-bottom:1px solid #edf1f8;
}

/* Setările de imagine/gradient rămân în secțiunea fiecărei pagini.
   Aici păstrăm numai regulile comune de prezentare. */

/* Eliminăm efectele suplimentare care făceau unele bannere mai grele/colorate */
.zm-consult-hero::after,
.zm-rpa-hero::after{
  display:none;
}

/* Dimensiuni comune, apropiate de Home */
.zm-consult-hero-inner,
.zm-about-banner-inner,
.zm-solar-hero-inner,
.zm-contact-banner-inner,
.zm-hm-banner-inner,
.zm-rpa-hero-inner{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  width:min(1280px,calc(100% - 40px));
  min-height:285px;
  margin:0 auto;
  padding:34px 0 30px;
}

/* Pentru RPA renunțăm la compoziția grea în două coloane în banner.
   Metricile rămân în HTML, dar se așază discret în partea dreaptă. */
.zm-rpa-hero-inner{
  justify-content:space-between;
  gap:34px;
}

.zm-consult-hero-copy,
.zm-about-banner-copy,
.zm-solar-hero-copy,
.zm-contact-banner-copy,
.zm-hm-banner-copy,
.zm-rpa-hero-copy{
  max-width:690px;
  color:var(--zh-text);
}

/* Kicker comun */
.zm-consult-kicker,
.zm-about-kicker,
.zm-solar-kicker,
.zm-contact-kicker,
.zm-hm-kicker,
.zm-rpa-kicker{
  color:var(--zh-blue);
}

/* Titluri: aceeași familie vizuală ca Home */
.zm-consult-hero h1,
.zm-about-banner h1,
.zm-solar-hero h1,
.zm-contact-banner h1,
.zm-hm-banner h1,
.zm-rpa-hero-copy h1{
  margin:0 0 12px;
  color:var(--zh-text);
  font-size:clamp(2.55rem,4vw,4.15rem);
  font-weight:800;
  line-height:1.02;
  letter-spacing:-.03em;
}

/* Texte introductive - lizibilitate uniformă pe imagini */
.zm-consult-hero p,
.zm-about-banner p,
.zm-solar-hero p,
.zm-contact-banner p,
.zm-hm-banner p,
.zm-rpa-hero-copy p{
  max-width:690px;
  margin:0 0 16px;
  color:#20375f;
  font-size:1.08rem;
  font-weight:500;
  line-height:1.5;
  text-shadow:0 1px 2px rgba(255,255,255,.92);
}

/* Butoanele outline rămân luminoase, ca pe Home */
.zm-about-banner .zm-btn.outline,
.zm-rpa-hero-copy .zm-btn.outline{
  border-color:#b9cff8;
  background:#fff;
  color:var(--zh-blue) !important;
  backdrop-filter:none;
}

/* Contact nu are nevoie de înălțime separată */
.zm-contact-banner-inner{
  min-height:285px;
}

/* Handmade păstrează identitatea, dar fără hero mov închis */
.zm-hm-kicker{
  color:#8d55a6;
}

.zm-hm-banner .zm-btn.primary{
  border-color:#8d55a6;
  background:#8d55a6;
  box-shadow:0 8px 22px rgba(141,85,166,.18);
}


/* Handmade Monika - accente mov coerente */
.zm-hm-page .zm-sec-title h2::after{
  background:#8d55a6;
}

.zm-hm-page .zm-hm-zia .zm-btn.primary{
  border-color:#8d55a6;
  background:#8d55a6;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(141,85,166,.18);
}

.zm-hm-page .zm-hm-zia .zm-btn.primary:hover{
  border-color:#704184;
  background:#704184;
  color:#fff !important;
}

.zm-hm-page .zm-hm-banner .zm-btn.outline{
  border-color:#cda9dc;
  background:#fff;
  color:#8d55a6 !important;
  backdrop-filter:none;
}

.zm-hm-page .zm-hm-banner .zm-btn.outline:hover{
  border-color:#8d55a6;
  background:#f8f1fb;
  color:#704184 !important;
}

/* Panouri: păstrăm discret accentul verde doar în kicker */
.zm-solar-kicker{
  color:#14804a;
}

/* RPA: metricile devin carduri translucide, mai ușoare */
.zm-rpa-metrics{
  flex:0 0 420px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.zm-rpa-metric{
  padding:14px 15px;
  border:1px solid rgba(185,207,248,.78);
  border-radius:12px;
  background:rgba(255,255,255,.76);
  box-shadow:0 6px 18px rgba(16,35,74,.06);
  backdrop-filter:blur(4px);
}

.zm-rpa-metric strong{
  margin-bottom:3px;
  color:var(--zh-blue);
  font-size:1.4rem;
}

.zm-rpa-metric span{
  color:#40516f;
  font-size:.84rem;
  line-height:1.4;
}

/* Responsive comun */
@media(max-width:900px){
  .zm-rpa-hero-inner{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }

  .zm-rpa-metrics{
    width:100%;
    flex-basis:auto;
  }
}

@media(max-width:768px){
  .zm-consult-hero,
  .zm-about-banner,
  .zm-solar-hero,
  .zm-contact-banner,
  .zm-hm-banner,
  .zm-rpa-hero{
    background-position:71% center;
  }

  .zm-consult-hero::before,
  .zm-about-banner::before,
  .zm-solar-hero::before,
  .zm-contact-banner::before,
  .zm-hm-banner::before,
  .zm-rpa-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(
      90deg,
      rgba(248,251,255,.97) 0%,
      rgba(248,251,255,.94) 62%,
      rgba(248,251,255,.78) 100%
    );
    pointer-events:none;
  }

  .zm-consult-hero-inner,
  .zm-about-banner-inner,
  .zm-solar-hero-inner,
  .zm-contact-banner-inner,
  .zm-hm-banner-inner,
  .zm-rpa-hero-inner{
    width:min(100% - 28px,1280px);
    min-height:300px;
    padding:30px 0 28px;
  }

  .zm-consult-hero h1,
  .zm-about-banner h1,
  .zm-solar-hero h1,
  .zm-contact-banner h1,
  .zm-hm-banner h1,
  .zm-rpa-hero-copy h1{
    font-size:2.5rem;
  }

  .zm-consult-hero p,
  .zm-about-banner p,
  .zm-solar-hero p,
  .zm-contact-banner p,
  .zm-hm-banner p,
  .zm-rpa-hero-copy p{
    font-size:.98rem;
  }

  .zm-rpa-metrics{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:520px){
  .zm-rpa-metrics{
    grid-template-columns:1fr;
  }
}