/* ==========================================================================
 * Guide Cards – 4 cards section
 * Version: 1.4.1
 * - Icon SVG centrat cu flex
 * - Cutie icon: 48x48 px
 * - SVG mărit vizual cu transform: scale(2) (plecând din 24px)
 * - Nu ne bazăm pe width/height ca să scalăm desenul
 * ========================================================================== */

.et-guide-cards-section {
  padding: clamp(24px,3.5vw,48px) 0 clamp(60px,7vw,96px);
  font-family: var(--et-font-onest, 'Onest', Arial, sans-serif);
  width: 100%;
}

.et-guide-cards-section + .et-guide-cards-section { margin-top: clamp(42px,5.2vw,88px); }

.et-guide-cards-inner { width: 100%; }

.et-gc-title { margin: 0 0 clamp(16px,1.8vw,24px); }

/* Grid */
.et-gc-grid {
  display: grid;
  gap: clamp(16px,1.8vw,24px);
  grid-template-columns: 1fr;
}
@media (min-width:640px){ .et-gc-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (min-width:1200px){ .et-gc-grid { grid-template-columns: repeat(4, minmax(0,1fr)); } }

/* Card */
.et-gc-card {
  background:#fff;
  border:1px solid var(--et-border-light, #E6E6E6);
  border-radius:16px;
  min-height:100%;
  display:flex;
}
.et-gc-card-inner {
  padding: clamp(18px,1.6vw,26px) clamp(18px,1.6vw,26px) clamp(20px,1.8vw,30px);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:10px;
  width:100%;
  box-sizing:border-box;
}

/* Icon wrap */
.et-gc-icon-wrap{ display:block; }

/* Pătratul de fundal al iconului */
.et-gc-icon-bg{
  width: 70px;
  height: 70px;
  background:#EEF2FF;
  border-radius:14px;
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  color:#0B40D2; /* dacă SVG folosește currentColor */
}

/* Cutia iconului (conținutul centrat) – fix 48x48 */
.et-gc-icon-box{
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

/* SVG: plecăm din 24x24 și mărim vizual la 48x48 prin scale(2) */
.et-gc-icon-box > .et-gc-icon-svg{
  width: 24px !important;
  height: 24px !important;
  display: block;
  transform: scale(2);
  transform-origin: 50% 50%;
  overflow: visible; /* previne tăierile la anumite strokes */
}

/* Imagine: o potrivim direct în 48x48 */
.et-gc-icon-box > .et-gc-icon-img{
  width: 48px !important;
  height: 48px !important;
  display: block;
  object-fit: contain;
}

/* Placeholder tot 48x48 */
.et-gc-icon-box > .et-gc-icon-ph{
  width: 48px;
  height: 48px;
  display: block;
  background:linear-gradient(135deg,#eef1f5,#d9dee5);
  border-radius:10px;
}

/* Titlu + text */
.et-gc-card-title{
  margin: 8px 0 2px;
  font-size: clamp(18px,1.6vw,20px);
  line-height:1.28;
  font-weight: var(--et-font-weight-bold, 700);
  color: var(--et-text-dark, #0D1B2A);
  letter-spacing:-0.01em;
}
.et-gc-card-text{
  color: var(--et-text-mid, #525252);
  font-size:15px; line-height:1.55;
}
.et-gc-card-text p{ margin:0 0 6px; }
.et-gc-card-text p:last-child{ margin-bottom:0; }

/* Empty state */
.et-gc-empty{ grid-column: 1 / -1; color:#667085; font-size:15px; }