.elementor-38238 .elementor-element.elementor-element-47fbf89{--display:flex;}/* Start custom CSS for page-settings *//* ============================================================
   BLOC 1 - CSS
   Page hub : /avocat-penaliste-paris/
   Coller dans Elementor > page > Custom CSS
   ============================================================ */

:root {
  --dk-accent : #B8967E;
  --dk-dark   : #54595F;
  --dk-mid    : #797979;
  --dk-light  : #F7F7F7;
  --dk-white  : #ffffff;
  --dk-border : #ddd0c6;
}

/* WRAPPER */
.dk-hub {
  font-family : Georgia, "Times New Roman", serif;
  color       : var(--dk-dark);
  max-width   : 900px;
  margin      : 0 auto;
  padding     : 0 20px;
  box-sizing  : border-box;
}
.dk-hub * { box-sizing: border-box; }

/* INTRO */
.dk-intro {
  border-left   : 3px solid var(--dk-accent);
  padding       : 22px 26px;
  background    : var(--dk-light);
  margin-bottom : 48px;
}
.dk-intro p {
  font-size   : 1.04rem;
  line-height : 1.8;
  margin      : 0 0 14px;
}
.dk-intro p:last-child { margin-bottom: 0; }

/* STATS */
.dk-stats {
  display               : grid;
  grid-template-columns : repeat(3, 1fr);
  gap                   : 16px;
  margin-bottom         : 52px;
}
.dk-stat {
  border     : 1px solid var(--dk-border);
  background : var(--dk-white);
  padding    : 24px 16px;
  text-align : center;
}
.dk-stat-n {
  display     : block;
  font-size   : 2rem;
  font-weight : 700;
  line-height : 1.1;
}
.dk-stat-l {
  display        : block;
  font-family    : Arial, sans-serif;
  font-size      : 0.72rem;
  text-transform : uppercase;
  letter-spacing : 0.06em;
  color          : var(--dk-mid);
  margin-top     : 7px;
  line-height    : 1.4;
}

/* SECTIONS TEXTE */
.dk-section { margin-bottom: 52px; }
.dk-section h2 {
  font-size      : 1.18rem;
  font-weight    : 700;
  margin         : 0 0 18px;
  padding-bottom : 10px;
  border-bottom  : 2px solid var(--dk-border);
}
.dk-section p {
  font-size   : 1rem;
  line-height : 1.82;
  margin      : 0 0 16px;
}
.dk-section p:last-child { margin-bottom: 0; }

/* URGENCE */
.dk-urgence {
  border        : 2px solid var(--dk-dark);
  padding       : 24px 28px;
  display       : flex;
  align-items   : center;
  gap           : 20px;
  margin-bottom : 52px;
  background    : var(--dk-white);
}
.dk-urgence-ico {
  font-size   : 2rem;
  flex-shrink : 0;
  line-height : 1;
}
.dk-urgence-txt strong {
  display       : block;
  font-family   : Arial, sans-serif;
  font-size     : 0.97rem;
  font-weight   : 700;
  margin-bottom : 5px;
}
.dk-urgence-txt span {
  font-family : Arial, sans-serif;
  font-size   : 0.87rem;
  line-height : 1.6;
  color       : var(--dk-mid);
}
.dk-urgence-txt a {
  color           : var(--dk-dark);
  font-weight     : 700;
  text-decoration : none;
}
.dk-urgence-txt a:hover { text-decoration: underline; }

/* PILIERS */
.dk-pillars {
  display               : grid;
  grid-template-columns : repeat(2, 1fr);
  gap                   : 18px;
  margin-bottom         : 52px;
}
.dk-card {
  border          : 1px solid var(--dk-border);
  padding         : 22px 20px;
  background      : var(--dk-white);
  text-decoration : none;
  color           : var(--dk-dark);
  display         : block;
  transition      : border-color 0.2s, background 0.2s;
}
.dk-card:hover {
  border-color : var(--dk-accent);
  background   : var(--dk-light);
}
.dk-card-tag {
  display        : block;
  font-family    : Arial, sans-serif;
  font-size      : 0.67rem;
  text-transform : uppercase;
  letter-spacing : 0.08em;
  color          : var(--dk-accent);
  margin-bottom  : 7px;
}
.dk-card-title {
  display       : block;
  font-size     : 0.97rem;
  font-weight   : 700;
  line-height   : 1.3;
  margin-bottom : 7px;
}
.dk-card-desc {
  display     : block;
  font-family : Arial, sans-serif;
  font-size   : 0.84rem;
  line-height : 1.6;
  color       : var(--dk-mid);
}

/* FAQ */
.dk-faq { margin-bottom: 52px; }
.dk-faq h2 {
  font-size      : 1.18rem;
  font-weight    : 700;
  margin         : 0 0 18px;
  padding-bottom : 10px;
  border-bottom  : 2px solid var(--dk-border);
}
.dk-faq-item {
  border-bottom : 1px solid var(--dk-border);
  padding       : 20px 0;
}
.dk-faq-item:first-of-type { border-top: 1px solid var(--dk-border); }
.dk-faq-q {
  font-size   : 0.97rem;
  font-weight : 700;
  margin      : 0 0 10px;
  line-height : 1.4;
}
.dk-faq-a {
  font-family : Arial, sans-serif;
  font-size   : 0.91rem;
  line-height : 1.78;
  margin      : 0;
}

/* CTA FINAL */
.dk-cta {
  background    : var(--dk-dark);
  color         : var(--dk-white);
  padding       : 38px 32px;
  text-align    : center;
  margin-bottom : 52px;
}
.dk-cta p {
  font-family : Arial, sans-serif;
  font-size   : 0.95rem;
  line-height : 1.72;
  margin      : 0 0 24px;
  opacity     : 0.88;
}
.dk-btn {
  display         : inline-block;
  background      : var(--dk-accent);
  color           : var(--dk-white);
  text-decoration : none;
  padding         : 13px 28px;
  font-family     : Arial, sans-serif;
  font-size       : 0.84rem;
  font-weight     : 700;
  text-transform  : uppercase;
  letter-spacing  : 0.05em;
  margin          : 0 6px 8px;
  transition      : opacity 0.2s;
}
.dk-btn:hover { opacity: 0.8; }
.dk-btn-ghost {
  background : transparent;
  border     : 1px solid rgba(255, 255, 255, 0.4);
}

/* RESPONSIVE */
@media (max-width: 640px) {
  .dk-stats   { grid-template-columns: repeat(2, 1fr); }
  .dk-pillars { grid-template-columns: 1fr; }
  .dk-urgence { flex-direction: column; text-align: center; gap: 14px; }
  .dk-cta     { padding: 28px 18px; }
}/* End custom CSS */