/* ============================================================
   Diskod Services - Homepage Enhancements v3.0.0
   ============================================================ */

/* --- Partners bar --- */
.kb-row-layout-id1009_partners {
  text-align: center;
}
.kb-row-layout-id1009_partners p {
  letter-spacing: 0.15em;
  font-weight: 500;
}

/* --- PAS Section --- */
.kb-row-layout-id1009_pas {
  background: #f8f9fa !important;
}
#kt-layout-id1009_pas_inner > .kt-row-column-wrap.kt-has-3-columns {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 30px !important;
  max-width: 960px;
  margin: 0 auto;
}

/* --- Service cards: REAL row IDs ---
   Row 1 (4 cols): 1009_73668a-14
   Row 2 (4 cols): 1009_18bb04-35
   Row 3 (3 cols): 1009_a2514f-75
   Row 4 (2 cols): 1009_ia_rob_01
*/

/* Hover effect on all service card columns */
.kb-row-layout-id1009_73668a-14 .wp-block-kadence-column,
.kb-row-layout-id1009_18bb04-35 .wp-block-kadence-column,
.kb-row-layout-id1009_a2514f-75 .wp-block-kadence-column,
.kb-row-layout-id1009_ia_rob_01 .wp-block-kadence-column {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.kb-row-layout-id1009_73668a-14 .wp-block-kadence-column:hover,
.kb-row-layout-id1009_18bb04-35 .wp-block-kadence-column:hover,
.kb-row-layout-id1009_a2514f-75 .wp-block-kadence-column:hover,
.kb-row-layout-id1009_ia_rob_01 .wp-block-kadence-column:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

/* ALL service card images: uniform 200px height */
.kb-row-layout-id1009_73668a-14 img[src*="svc-"],
.kb-row-layout-id1009_18bb04-35 img[src*="svc-"],
.kb-row-layout-id1009_a2514f-75 img[src*="svc-"],
.kb-row-layout-id1009_ia_rob_01 img[src*="svc-"] {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  border-radius: 8px 8px 0 0;
}

/* Row 4 (IA + Robotique): 2 cards centered */
.kb-row-layout-id1009_ia_rob_01 > .kt-row-column-wrap {
  max-width: 850px !important;
  margin: 0 auto !important;
  grid-template-columns: 1fr 1fr !important;
}
.kb-row-layout-id1009_ia_rob_01 > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(3) {
  display: none !important;
}

/* --- Counters section --- */
.kb-row-layout-id1009_counters,
.kb-row-layout-id1009_counters h2,
.kb-row-layout-id1009_counters h3,
.kb-row-layout-id1009_counters p,
.kb-row-layout-id1009_counters .kb-count-up-process {
  color: #fff !important;
}
.kb-row-layout-id1009_counters .kt-inside-inner-col {
  white-space: nowrap;
}

/* --- CTA final section --- */
.kb-row-layout-id1009_cta_final {
  text-align: center;
}

/* --- Process section step numbers --- */
.kb-row-layout-id1009_process .kt-blocks-info-box-title {
  font-weight: 700;
}

/* ============================================================
   GLOBAL COHERENCE
   ============================================================ */

/* All section H2 titles: 28px blue centered */
.kb-row-layout-id1009_pas h2,
.kb-row-layout-id1009_enjeux h2,
.kb-row-layout-id1009_secteurs h2,
.kb-row-layout-id1009_pourquoi h2,
.kb-row-layout-id1009_temoignages h2,
.kb-row-layout-id1009_process h2 {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: rgb(43, 108, 176) !important;
  text-align: center !important;
}

/* "13 expertises" H2 */
h2.kt-adv-heading1009_c4d15c-5b,
h2[class*="kt-adv-heading1009"][class*="expertises"],
.kb-row-layout-id1009_450b63-5b > .kt-row-column-wrap h2 {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: rgb(43, 108, 176) !important;
}

/* Service cards: border-radius + overflow */
.kb-row-layout-id1009_73668a-14 .kt-inside-inner-col,
.kb-row-layout-id1009_18bb04-35 .kt-inside-inner-col,
.kb-row-layout-id1009_a2514f-75 .kt-inside-inner-col,
.kb-row-layout-id1009_ia_rob_01 .kt-inside-inner-col {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* Service cards H3: blue */
.kb-row-layout-id1009_73668a-14 h3,
.kb-row-layout-id1009_18bb04-35 h3,
.kb-row-layout-id1009_a2514f-75 h3,
.kb-row-layout-id1009_ia_rob_01 h3 {
  color: rgb(43, 108, 176) !important;
  font-weight: 600 !important;
}

/* Secteurs cards: overflow hidden */
.kb-row-layout-id1009_secteurs_grid .kt-inside-inner-col,
.kb-row-layout-id1009_secteurs_grid2 .kt-inside-inner-col {
  overflow: hidden !important;
}

/* Temoignages cards: overflow hidden */
.kb-row-layout-id1009_temo_grid .kt-inside-inner-col,
.kb-row-layout-id1009_temo_grid2 .kt-inside-inner-col {
  overflow: hidden !important;
}

/* Process H2 */
.kb-row-layout-id1009_process h2 {
  font-size: 28px !important;
  color: rgb(43, 108, 176) !important;
}

/* --- Cybersecurity card image fix --- */
img.wp-image-588 {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  border-radius: 8px 8px 0 0;
}

/* --- Section cards (Enjeux + Pourquoi) images --- */
.section-card-img img {
  width: 100% !important;
  height: 180px !important;
  object-fit: cover !important;
  border-radius: 8px 8px 0 0 !important;
  display: block;
}
.section-card-img {
  margin: 0 !important;
}
.kb-row-layout-id1009_enjeux .wp-block-kadence-column .kt-inside-inner-col,
.kb-row-layout-id1009_pourquoi .wp-block-kadence-column .kt-inside-inner-col {
  overflow: hidden;
  border-radius: 8px;
}

/* Pourquoi row 2: center 2 cards */
.kb-row-layout-id1009_pq_grid2 > .kt-row-column-wrap {
  max-width: 700px !important;
  margin: 0 auto !important;
}

/* --- PAS cards normalize --- */
.kb-row-layout-id1009_pas_inner .kt-inside-inner-col {
  background: #f7fafc !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
.kb-row-layout-id1009_pas_inner .section-card-img img,
.kb-row-layout-id1009_pas_inner img[src*="pas-"] {
  width: 100% !important;
  height: 180px !important;
  object-fit: cover !important;
  border-radius: 8px 8px 0 0 !important;
  display: block;
}
.kb-row-layout-id1009_pas_inner h3.kt-adv-heading,
.kb-row-layout-id1009_pas_inner h3[class*="kt-adv-heading"] {
  font-size: 16px !important;
  font-weight: 600 !important;
  margin: 24px 16px 8px 16px !important;
}
.kb-row-layout-id1009_pas_inner p {
  font-size: 13.6px !important;
  color: rgb(45, 55, 72) !important;
  line-height: 1.6 !important;
  margin: 0 16px 16px 16px !important;
}

/* --- Partner logos bar --- */
.partner-logo img {
  height: 40px !important;
  max-height: 40px !important;
  width: auto !important;
  max-width: 160px !important;
  margin: 0 auto;
  display: block;
  filter: brightness(0) invert(1);
  opacity: 0.85;
  transition: opacity 0.3s ease;
  object-fit: contain !important;
}
.partner-logo img:hover {
  opacity: 1;
}
.partner-logo {
  margin: 0 !important;
}
.kb-row-layout-id1009_partners_bar .wp-block-columns {
  align-items: center;
  gap: 10px;
}

/* ============================================================
   MOBILE RESPONSIVE (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {

  /* Hero */
  .kb-row-layout-id1009_hero h1 {
    font-size: 1.8rem !important;
    line-height: 1.2 !important;
  }
  .kb-row-layout-id1009_hero p {
    font-size: 1rem !important;
  }

  /* PAS: stack */
  #kt-layout-id1009_pas_inner > .kt-row-column-wrap.kt-has-3-columns {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  /* Partners text */
  .kb-row-layout-id1009_partners p {
    font-size: 0.75rem !important;
    letter-spacing: 0.08em;
    word-spacing: 0.3em;
    line-height: 1.8;
  }

  /* Partners logos: horizontal scroll */
  .kb-row-layout-id1009_partners_bar .wp-block-columns {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    gap: 20px !important;
    padding: 10px 15px !important;
    scroll-snap-type: x mandatory;
  }
  .kb-row-layout-id1009_partners_bar .wp-block-columns::-webkit-scrollbar {
    display: none;
  }
  .kb-row-layout-id1009_partners_bar .wp-block-column {
    flex: 0 0 auto !important;
    min-width: 80px !important;
    max-width: none !important;
    scroll-snap-align: start;
  }
  .partner-logo img {
    height: 30px !important;
    max-width: 100px !important;
  }

  /* Service cards: single column */
  .kb-row-layout-id1009_73668a-14 > .kt-row-column-wrap,
  .kb-row-layout-id1009_18bb04-35 > .kt-row-column-wrap,
  .kb-row-layout-id1009_a2514f-75 > .kt-row-column-wrap,
  .kb-row-layout-id1009_ia_rob_01 > .kt-row-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    max-width: 100% !important;
  }
  .kb-row-layout-id1009_73668a-14 > .kt-row-column-wrap > .wp-block-kadence-column,
  .kb-row-layout-id1009_18bb04-35 > .kt-row-column-wrap > .wp-block-kadence-column,
  .kb-row-layout-id1009_a2514f-75 > .kt-row-column-wrap > .wp-block-kadence-column,
  .kb-row-layout-id1009_ia_rob_01 > .kt-row-column-wrap > .wp-block-kadence-column {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px;
  }

  /* Service card images on mobile */
  .kb-row-layout-id1009_73668a-14 img[src*="svc-"],
  .kb-row-layout-id1009_18bb04-35 img[src*="svc-"],
  .kb-row-layout-id1009_a2514f-75 img[src*="svc-"],
  .kb-row-layout-id1009_ia_rob_01 img[src*="svc-"] {
    height: 180px !important;
  }

  /* All H2: smaller on mobile */
  .kb-row-layout-id1009_pas h2,
  .kb-row-layout-id1009_enjeux h2,
  .kb-row-layout-id1009_secteurs h2,
  .kb-row-layout-id1009_pourquoi h2,
  .kb-row-layout-id1009_temoignages h2,
  .kb-row-layout-id1009_process h2 {
    font-size: 1.3rem !important;
    padding: 0 10px !important;
  }

  /* PAS solution phrase: reduce on mobile */
  .kt-adv-heading1009_pas_solution {
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    padding: 0 10px !important;
  }

  /* Counters: 2x2 grid, smaller font, nowrap for "24/7" */
  .kb-row-layout-id1009_counters_row > .kt-row-column-wrap {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px 15px !important;
  }
  .kb-row-layout-id1009_counters_row > .kt-row-column-wrap > .wp-block-kadence-column {
    max-width: 100% !important;
    flex: unset !important;
  }
  .kb-row-layout-id1009_counters_row .kt-inside-inner-col {
    white-space: nowrap;
    text-align: center;
    padding: 15px 5px !important;
  }
  /* Counter numbers (h3 at 96px -> 2.2rem on mobile) */
  .kb-row-layout-id1009_counters_row h3[class*="kt-adv-heading"] {
    font-size: 2.2rem !important;
    line-height: 1.2 !important;
    margin-bottom: 4px !important;
  }
  /* Counter labels (p below numbers) */
  .kb-row-layout-id1009_counters_row p {
    font-size: 0.7rem !important;
    letter-spacing: 0.05em !important;
    margin-top: 4px !important;
  }
  /* Counter section title */
  .kb-row-layout-id1009_counters h2,
  .kb-row-layout-id1009_counters_row h2 {
    font-size: 1.5rem !important;
  }

  /* Enjeux grids: stack */
  .kb-row-layout-id1009_enj_grid1 > .kt-row-column-wrap,
  .kb-row-layout-id1009_enj_grid2 > .kt-row-column-wrap {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  /* Pourquoi grids: stack */
  .kb-row-layout-id1009_pq_grid1 > .kt-row-column-wrap,
  .kb-row-layout-id1009_pq_grid2 > .kt-row-column-wrap {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    max-width: 100% !important;
  }

  /* Secteurs: 2-col grid with smaller cards */
  .kb-row-layout-id1009_secteurs_grid > .kt-row-column-wrap,
  .kb-row-layout-id1009_secteurs_grid2 > .kt-row-column-wrap {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }
  .kb-row-layout-id1009_secteurs_grid img,
  .kb-row-layout-id1009_secteurs_grid2 img {
    height: 90px !important;
  }
  .kb-row-layout-id1009_secteurs_grid h3,
  .kb-row-layout-id1009_secteurs_grid2 h3 {
    font-size: 11px !important;
    margin: 6px 6px 4px !important;
  }
  .kb-row-layout-id1009_secteurs_grid .kt-inside-inner-col,
  .kb-row-layout-id1009_secteurs_grid2 .kt-inside-inner-col {
    padding: 0 !important;
  }

  /* Temoignages: stack */
  #kt-layout-id1009_temo_grid > .kt-row-column-wrap,
  .kb-row-layout-id1009_temo_grid2 > .kt-row-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    max-width: 100% !important;
  }

  /* Process: stack */
  .kb-row-layout-id1009_process > .kt-row-column-wrap {
    flex-direction: column !important;
  }
  .kb-row-layout-id1009_process > .kt-row-column-wrap > .wp-block-kadence-column {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 16px;
  }
  .kb-row-layout-id1009_process .kt-blocks-info-box-title {
    font-size: 16px !important;
  }

  /* Section card images smaller */
  .section-card-img img {
    height: 160px !important;
  }

  /* PAS card images */
  .kb-row-layout-id1009_pas_inner img {
    height: 160px !important;
  }

  /* Section subtitles */
  .kb-row-layout-id1009_pas p.kt-adv-heading,
  .kb-row-layout-id1009_enjeux p,
  .kb-row-layout-id1009_pourquoi p,
  .kb-row-layout-id1009_secteurs p {
    font-size: 14px !important;
    padding: 0 10px;
  }

  /* CTA */
  .kb-row-layout-id1009_cta_final h2 {
    font-size: 1.5rem !important;
    line-height: 1.2 !important;
  }
  .kb-row-layout-id1009_cta_final p {
    font-size: 14px !important;
    padding: 0 15px;
  }
  .kb-row-layout-id1009_cta_final .wp-block-kadence-advancedbtn {
    flex-direction: column !important;
    align-items: center;
    gap: 12px;
  }
  .kb-row-layout-id1009_cta_final .kt-btn-wrap {
    margin-bottom: 10px;
  }
}

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

  /* PAS: reduce gap */
  #kt-layout-id1009_pas_inner > .kt-row-column-wrap.kt-has-3-columns {
    gap: 20px !important;
  }

  /* Service cards: 2 columns */
  .kb-row-layout-id1009_73668a-14 > .kt-row-column-wrap,
  .kb-row-layout-id1009_18bb04-35 > .kt-row-column-wrap,
  .kb-row-layout-id1009_a2514f-75 > .kt-row-column-wrap {
    flex-wrap: wrap !important;
  }
  .kb-row-layout-id1009_73668a-14 > .kt-row-column-wrap > .wp-block-kadence-column,
  .kb-row-layout-id1009_18bb04-35 > .kt-row-column-wrap > .wp-block-kadence-column,
  .kb-row-layout-id1009_a2514f-75 > .kt-row-column-wrap > .wp-block-kadence-column {
    flex: 0 0 48% !important;
    max-width: 48% !important;
    margin-bottom: 20px;
  }

  /* IA/Robotique: full width on tablet */
  .kb-row-layout-id1009_ia_rob_01 > .kt-row-column-wrap {
    max-width: 100% !important;
  }

  /* Process: 2 columns */
  .kb-row-layout-id1009_process > .kt-row-column-wrap {
    flex-wrap: wrap !important;
  }
  .kb-row-layout-id1009_process > .kt-row-column-wrap > .wp-block-kadence-column {
    flex: 0 0 48% !important;
    max-width: 48% !important;
    margin-bottom: 16px;
  }

  /* Enjeux grids: 2 columns */
  .kb-row-layout-id1009_enj_grid1 > .kt-row-column-wrap,
  .kb-row-layout-id1009_enj_grid2 > .kt-row-column-wrap {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }

  /* Pourquoi grids: 2 columns */
  .kb-row-layout-id1009_pq_grid1 > .kt-row-column-wrap,
  .kb-row-layout-id1009_pq_grid2 > .kt-row-column-wrap {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
    max-width: 100% !important;
  }

  /* Secteurs grids: 2 columns */
  .kb-row-layout-id1009_secteurs_grid > .kt-row-column-wrap,
  .kb-row-layout-id1009_secteurs_grid2 > .kt-row-column-wrap {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
  .kb-row-layout-id1009_secteurs_grid img,
  .kb-row-layout-id1009_secteurs_grid2 img {
    height: 120px !important;
  }

  /* Temoignages grids */
  .kb-row-layout-id1009_temo_grid > .kt-row-column-wrap {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
  .kb-row-layout-id1009_temo_grid2 > .kt-row-column-wrap {
    grid-template-columns: 1fr !important;
    max-width: 400px !important;
    margin: 0 auto !important;
  }

  /* Partners logos: smaller */
  .partner-logo img {
    height: 32px !important;
    max-width: 120px !important;
  }

  /* Counters/CTA H2: slightly smaller */
  .kb-row-layout-id1009_counters h2,
  .kb-row-layout-id1009_cta_final h2 {
    font-size: 2.2rem !important;
  }
}