/* ============================================
   ABS — Mobile & Responsive CSS
   Adaugă în: Appearance → Customize → Additional CSS
   (lipește după CSS-ul existent)
   ============================================ */

/* ── GLOBAL MOBILE FIXES ── */
@media (max-width: 767px) {

  /* Elimină overflow horizontal */
  body, .elementor-section-wrap {
    overflow-x: hidden !important;
  }

  /* Padding lateral mai mic pe mobil */
  .elementor-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* ── HERO ── */
  /* Font size hero H1 */
  .elementor-widget-heading h1 {
    font-size: 36px !important;
    line-height: 1.1 !important;
  }

  /* Stats row — vertical pe mobil */
  .elementor-widget-text-editor div[style*="display:flex"][style*="gap:56px"] {
    flex-direction: column !important;
    gap: 24px !important;
    align-items: center !important;
  }

  /* ── GRID-URI 3 COLOANE → 1 coloană ── */
  div[style*="grid-template-columns:1fr 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }

  /* ── GRID-URI 4 COLOANE → 1 coloană ── */
  div[style*="grid-template-columns:1fr 1fr 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }

  /* ── GRID-URI 5 COLOANE → 1 coloană ── */
  div[style*="grid-template-columns:repeat(5,1fr)"] {
    grid-template-columns: 1fr 1fr !important;
  }

  /* ── SOLUTIONS STRIP — pills wrap ── */
  div[style*="display:flex"][style*="gap:8px"] {
    flex-wrap: wrap !important;
  }

  /* ── MIGRATION BANNER — vertical ── */
  div[style*="display:flex"][style*="gap:48px"] {
    flex-direction: column !important;
    gap: 24px !important;
  }

  /* ── DEPLOYMENT OPTIONS — 1 coloană ── */
  div[style*="grid-template-columns:1fr 1fr 1fr"][style*="gap:16px"] {
    grid-template-columns: 1fr !important;
  }

  /* ── SAP AI CHIPS — wrap ── */
  div[style*="display:flex"][style*="justify-content:center"][style*="flex-wrap:wrap"] {
    padding: 0 !important;
  }

  /* ── H2 section headings ── */
  .elementor-widget-heading h2 {
    font-size: 30px !important;
    line-height: 1.15 !important;
  }

  /* ── Section padding top/bottom mai mic ── */
  .elementor-section[style*="padding"] {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  /* ── WHY US — 4 col → 1 col ── */
  div[style*="grid-template-columns:1fr 1fr 1fr 1fr"] {
    grid-template-columns: 1fr 1fr !important;
  }

  /* ── Butoane centrate ── */
  .elementor-widget-button .elementor-button-wrapper {
    text-align: center !important;
  }

  /* ── Services grid border-radius ── */
  div[style*="border-radius:20px"][style*="overflow:hidden"] {
    border-radius: 12px !important;
  }

  /* ── Card padding mai mic pe mobil ── */
  div[style*="padding:36px 32px"] {
    padding: 24px 20px !important;
  }

  div[style*="padding:40px 32px"] {
    padding: 28px 20px !important;
  }
}

/* ── TABLET (768px - 1024px) ── */
@media (min-width: 768px) and (max-width: 1024px) {

  /* 3 col → 2 col pe tablet */
  div[style*="grid-template-columns:1fr 1fr 1fr"] {
    grid-template-columns: 1fr 1fr !important;
  }

  /* 4 col → 2 col pe tablet */
  div[style*="grid-template-columns:1fr 1fr 1fr 1fr"] {
    grid-template-columns: 1fr 1fr !important;
  }

  /* H1 mai mic pe tablet */
  .elementor-widget-heading h1 {
    font-size: 48px !important;
  }

  /* H2 mai mic pe tablet */
  .elementor-widget-heading h2 {
    font-size: 36px !important;
  }

  .elementor-section {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

/* ── HEADER MOBIL ── */
@media (max-width: 767px) {
  .abs-header {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Ascunde nav links pe mobil — rămâne doar logo + CTA */
  .abs-header .elementor-col-34 {
    display: none !important;
  }

  .abs-header .elementor-column {
    width: 50% !important;
  }
}