/*
Theme Name: PéKa Design Divi Child
Theme URI: https://www.peka.design/
Description: Thème enfant Divi personnalisé pour PéKa Design Sàrl - Chesières. Communication visuelle, signalétique, écrans dynamiques et tactiles.
Author: PéKa Design Sàrl
Author URI: https://www.peka.design/
Template: Divi
Version: 1.0.0
Text Domain: peka-divi-child
*/

:root {
  --peka-black: #111111;
  --peka-dark: #1f1f1f;
  --peka-grey: #f4f4f4;
  --peka-text: #333333;
  --peka-red: #d71920;
  --peka-white: #ffffff;
}

body {
  font-weight: 400;
  color: var(--peka-text);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  letter-spacing: -0.02em;
}

.peka-hero {
  min-height: 72vh;
  display: flex;
  align-items: center;
  background: linear-gradient(120deg, rgba(17,17,17,0.86), rgba(17,17,17,0.38));
  color: var(--peka-white);
}

.peka-hero h1 {
  font-size: clamp(2.4rem, 6vw, 5.5rem);
  line-height: 0.96;
  color: var(--peka-white);
  max-width: 950px;
}

.peka-hero p {
  font-size: clamp(1.05rem, 2vw, 1.45rem);
  line-height: 1.5;
  max-width: 720px;
  margin-top: 24px;
}

.peka-btn .et_pb_button,
.et_pb_button.peka-button {
  border-radius: 999px !important;
  padding: 0.85em 1.45em !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em;
}

.peka-card {
  background: var(--peka-white);
  border-radius: 22px;
  padding: clamp(24px, 4vw, 42px);
  box-shadow: 0 18px 55px rgba(0,0,0,0.08);
  transition: transform .25s ease, box-shadow .25s ease;
  height: 100%;
}

.peka-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 22px 70px rgba(0,0,0,0.12);
}

.peka-kicker {
  display: inline-block;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: .14em;
  color: var(--peka-red);
  font-weight: 800;
  margin-bottom: 12px;
}

.peka-section-dark {
  background: var(--peka-black);
  color: var(--peka-white);
}

.peka-section-dark h1,
.peka-section-dark h2,
.peka-section-dark h3,
.peka-section-dark p {
  color: var(--peka-white);
}

.peka-service-grid .et_pb_column {
  margin-bottom: 24px;
}

.peka-reference-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

.peka-reference-strip span {
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 999px;
  padding: 9px 16px;
  font-size: 0.92rem;
  background: #fff;
}

.peka-note {
  border-left: 5px solid var(--peka-red);
  padding: 18px 22px;
  background: var(--peka-grey);
  border-radius: 0 16px 16px 0;
}

@media (max-width: 980px) {
  .peka-hero {
    min-height: 62vh;
    text-align: left;
  }

  .peka-card {
    border-radius: 18px;
  }
}

@media (max-width: 767px) {
  .peka-hero {
    min-height: 56vh;
  }

  .peka-reference-strip span {
    width: 100%;
    text-align: center;
  }
}