/* =========================================================
   SURSA: RSD IT MAG — Homepage Pillars Section.txt
   (linii 1-384)
   ⚠️ DUPLICAT CUNOSCUT: .rsd-pillars-intro apare DE DOUĂ ORI
      - prima definiție: margin: 0 auto 34px (linia 43)
      - a doua definiție: margin: 0 auto 40px (linia 309) — o suprascrie pe prima
      Documentat în mem-uiux.md. Păstrat exact ca în css-vechi/.
========================================================= */

/* =========================================================
   RSD IT MAG — Homepage Pillars Section (refined)
   - intro mai mare si mai clar
   - carduri egale, cu spatii egale
   - titlurile pornesc de la acelasi nivel
   - descrierile pornesc de la acelasi nivel
========================================================= */


.rsd-home-pillars{
  background: transparent !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}


/* chenarul mare exterior */
.rsd-home-pillars > .section_wrapper{
  border: 1px solid #000 !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 34px -18px rgba(0,0,0,.35) !important;
  background: #fff !important;
  box-sizing: border-box !important;


  max-width: 1240px !important;
  width: calc(100% - 48px) !important;
  margin-left: auto !important;
  margin-right: auto !important;


  padding: 48px 32px !important;
}


/* -----------------------------------------
   INTRO SUS
----------------------------------------- */
.rsd-home-pillars .rsd-pillars-intro{
  text-align: center !important;
  max-width: 980px !important;
  margin: 0 auto 34px !important;
}


.rsd-home-pillars .rsd-pillars-intro h2{
  margin: 0 0 14px !important;
  color: #111 !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}


.rsd-home-pillars .rsd-pillars-intro p{
  margin: 0 !important;
  color: rgba(17,17,17,.82) !important;
  font-size: clamp(17px, 1.4vw, 20px) !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* -----------------------------------------
   WRAP-URI 1/3 - spatii egale intre carduri
----------------------------------------- */
.rsd-home-pillars .wrap.mcb-wrap.one-third{
  padding-left: 12px !important;
  padding-right: 12px !important;
  margin-bottom: 24px !important;
  box-sizing: border-box !important;
  display: flex !important;
}


.rsd-home-pillars .wrap.mcb-wrap.one-third > .mcb-wrap-inner{
  width: 100% !important;
  display: flex !important;
}


/* -----------------------------------------
   CARDURI PILONI
----------------------------------------- */
.rsd-home-pillars .rsd-pillar-card{
  width: 100% !important;
  min-height: 100% !important;
  height: 100% !important;


  border: 1px solid #000 !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 34px -18px rgba(0,0,0,.35) !important;
  background: #fff !important;
  box-sizing: border-box !important;


  padding: 32px 22px !important;


  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  text-align: center !important;
}


/* hover */
.rsd-home-pillars .rsd-pillar-card.rsd-card-hover{
  transition: transform 180ms ease, box-shadow 180ms ease !important;
  will-change: transform;
  position: relative;
}


.rsd-home-pillars .rsd-pillar-card.rsd-card-hover:hover{
  transform: translateY(-6px) scale(1.03) !important;
  z-index: 5;
  box-shadow: 0 18px 45px rgba(0,0,0,0.14) !important;
}


.rsd-home-pillars .rsd-pillar-card.rsd-card-hover:active{
  transform: translateY(-2px) scale(1.01) !important;
}


/* reset intern */
.rsd-home-pillars .rsd-pillar-box{
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
}


/* icon - aceeasi zona sus in toate cardurile */
.rsd-home-pillars .rsd-pillar-box .icon_wrapper{
  min-height: 76px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 18px !important;
}


.rsd-home-pillars .rsd-pillar-box .icon_wrapper i{
  color: #F28C28 !important;
  font-size: 56px !important;
  line-height: 1 !important;
}


/* titlu - fortat pe aceeasi inaltime, ca descrierea sa porneasca la acelasi nivel */
.rsd-home-pillars .rsd-pillar-box h3,
.rsd-home-pillars .rsd-pillar-box .title{
  color: #111 !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;


  margin: 0 0 16px !important;
  min-height: 2.2em !important;


  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  text-align: center !important;
}


/* text - porneste la acelasi nivel in toate cardurile */
.rsd-home-pillars .rsd-pillar-box p,
.rsd-home-pillars .rsd-pillar-box .desc_wrapper{
  color: rgba(17,17,17,.86) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;


  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
}


/* -----------------------------------------
   TABLET
----------------------------------------- */
@media (max-width: 959px){
  .rsd-home-pillars > .section_wrapper{
    width: calc(100% - 32px) !important;
    padding: 36px 22px !important;
  }


  .rsd-home-pillars .rsd-pillars-intro{
    margin-bottom: 26px !important;
  }


  .rsd-home-pillars .wrap.mcb-wrap.one-third{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }


  .rsd-home-pillars .rsd-pillar-card{
    padding: 26px 18px !important;
  }


  .rsd-home-pillars .rsd-pillar-box .icon_wrapper{
    min-height: 68px !important;
  }


  .rsd-home-pillars .rsd-pillar-box .icon_wrapper i{
    font-size: 50px !important;
  }


  .rsd-home-pillars .rsd-pillar-box h3,
  .rsd-home-pillars .rsd-pillar-box .title{
    min-height: 2.35em !important;
  }
}


/* -----------------------------------------
   MOBIL
----------------------------------------- */
@media (max-width: 767px){
  .rsd-home-pillars > .section_wrapper{
    width: calc(100% - 24px) !important;
    padding: 26px 16px !important;
  }


  .rsd-home-pillars .rsd-pillars-intro{
    margin-bottom: 18px !important;
  }


  .rsd-home-pillars .rsd-pillars-intro h2{
    font-size: 26px !important;
    margin-bottom: 10px !important;
  }


  .rsd-home-pillars .rsd-pillars-intro p{
    font-size: 15px !important;
    line-height: 1.5 !important;
  }


  .rsd-home-pillars .wrap.mcb-wrap.one-third{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 16px !important;
  }


  .rsd-home-pillars .rsd-pillar-card{
    padding: 22px 16px !important;
  }


  .rsd-home-pillars .rsd-pillar-box .icon_wrapper{
    min-height: 60px !important;
    margin-bottom: 14px !important;
  }


  .rsd-home-pillars .rsd-pillar-box .icon_wrapper i{
    font-size: 44px !important;
  }


  .rsd-home-pillars .rsd-pillar-box h3,
  .rsd-home-pillars .rsd-pillar-box .title{
    font-size: 24px !important;
    min-height: auto !important;
    margin-bottom: 12px !important;
  }


  .rsd-home-pillars .rsd-pillar-box p,
  .rsd-home-pillars .rsd-pillar-box .desc_wrapper{
    font-size: 15px !important;
  }
}
/* =========================================================
   RSD IT MAG — Intro split in 2 columns
========================================================= */


.rsd-home-pillars .rsd-pillars-intro{
  text-align: center !important;
  max-width: 980px !important;
  margin: 0 auto 40px !important;
}


.rsd-home-pillars .rsd-pillars-title{
  margin: 0 0 12px !important;
}


.rsd-home-pillars .rsd-pillars-title h2{
  margin: 0 !important;
  color: #111 !important;
  font-size: clamp(32px, 3.2vw, 46px) !important;
  line-height: 1.06 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
  text-wrap: balance;
}


.rsd-home-pillars .rsd-pillars-lead{
  margin: 0 !important;
}


.rsd-home-pillars .rsd-pillars-lead p{
  margin: 0 auto !important;
  max-width: 860px !important;
  color: rgba(17,17,17,.80) !important;
  font-size: clamp(17px, 1.45vw, 20px) !important;
  line-height: 1.58 !important;
  font-weight: 500 !important;
  text-align: center !important;
  text-wrap: pretty;
}


@media (max-width: 959px){
  .rsd-home-pillars .rsd-pillars-intro{
    margin-bottom: 28px !important;
  }


  .rsd-home-pillars .rsd-pillars-title h2{
    font-size: 34px !important;
    line-height: 1.1 !important;
  }


  .rsd-home-pillars .rsd-pillars-lead p{
    font-size: 17px !important;
    line-height: 1.55 !important;
    max-width: 760px !important;
  }
}


@media (max-width: 767px){
  .rsd-home-pillars .rsd-pillars-intro{
    margin-bottom: 20px !important;
  }


  .rsd-home-pillars .rsd-pillars-title h2{
    font-size: 26px !important;
    line-height: 1.12 !important;
    letter-spacing: -0.01em !important;
  }


  .rsd-home-pillars .rsd-pillars-lead p{
    font-size: 15px !important;
    line-height: 1.5 !important;
    max-width: 100% !important;
  }
}