/*
Theme Name: Gabriela Cabinet
Theme URI: https://gab.chb-caisse-noire.fr
Description: Theme enfant Inspiro pour un cabinet d'avocate penaliste.
Author: Gabriela Avocat
Template: inspiro
Version: 2026.04.27.1
*/

:root {
  --gab-blush: #edc7b7;
  --gab-paper: #eee2dc;
  --gab-mist: #bab2b5;
  --gab-navy: #123c69;
  --gab-berry: #ac3b61;
  --gab-ink: #10253f;
  --gab-white: #fffaf7;
}

body {
  background: var(--gab-paper);
  color: var(--gab-ink);
}

a {
  color: var(--gab-berry);
}

.site-header,
.navbar,
.headroom--not-top .navbar {
  background: var(--gab-navy) !important;
}

.site-title,
.site-title a,
.navbar a,
.navbar-nav a,
.site-navigation a {
  color: var(--gab-white) !important;
}

.site-title,
.site-branding .site-title {
  letter-spacing: 0;
  text-transform: uppercase;
}

.site-content,
.entry-content {
  background: var(--gab-paper);
}

.entry-header {
  display: none;
}

.gab-hero {
  min-height: 72vh;
  background: var(--gab-paper);
  border-bottom: 1px solid rgba(18, 60, 105, 0.15);
}

.gab-hero .wp-block-group__inner-container {
  position: relative;
}

.gab-kicker {
  color: var(--gab-berry);
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 18px;
  text-transform: uppercase;
}

.gab-hero h1 {
  color: var(--gab-navy);
  font-size: 5.8rem;
  line-height: 0.92;
  margin: 0;
}

.gab-hero .gab-lead {
  color: var(--gab-ink);
  font-size: 1.38rem;
  max-width: 680px;
}

.gab-visual {
  background: var(--gab-navy);
  border-radius: 8px;
  color: var(--gab-white);
  padding: 28px;
}

.gab-visual strong {
  display: block;
  font-size: 2rem;
  line-height: 1;
}

.gab-swatch {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(5, minmax(32px, 1fr));
  margin-top: 22px;
}

.gab-swatch span {
  border-radius: 4px;
  display: block;
  height: 54px;
}

.gab-swatch span:nth-child(1) { background: var(--gab-blush); }
.gab-swatch span:nth-child(2) { background: var(--gab-paper); }
.gab-swatch span:nth-child(3) { background: var(--gab-mist); }
.gab-swatch span:nth-child(4) { background: var(--gab-navy); }
.gab-swatch span:nth-child(5) { background: var(--gab-berry); }

.gab-section {
  padding-bottom: 54px;
  padding-top: 54px;
}

.gab-section h2 {
  color: var(--gab-navy);
  font-size: 3rem;
  line-height: 1;
}

.gab-card {
  background: var(--gab-white);
  border: 1px solid rgba(18, 60, 105, 0.12);
  border-radius: 8px;
  box-shadow: 0 18px 48px rgba(18, 60, 105, 0.08);
  color: var(--gab-ink);
  padding: 28px;
}

.gab-card h3 {
  color: var(--gab-navy);
  margin-top: 0;
}

.gab-panel {
  background: var(--gab-navy);
  border-radius: 8px;
  color: var(--gab-white);
  padding: clamp(32px, 6vw, 64px);
}

.gab-panel h1,
.gab-panel h2,
.gab-panel h3,
.gab-panel p {
  color: var(--gab-white);
}

.gab-panel a {
  color: var(--gab-blush);
}

.wp-block-button__link,
.wp-element-button {
  background: var(--gab-berry) !important;
  border-radius: 4px !important;
  color: var(--gab-white) !important;
  font-weight: 700;
}

.is-style-outline .wp-block-button__link {
  background: transparent !important;
  border-color: var(--gab-navy) !important;
  color: var(--gab-navy) !important;
}

.site-footer {
  background: var(--gab-navy);
  color: var(--gab-white);
}

@media (max-width: 782px) {
  .gab-hero {
    min-height: auto;
  }

  .gab-hero h1 {
    font-size: 3.2rem;
  }

  .gab-hero .gab-lead {
    font-size: 1.12rem;
  }

  .gab-section h2 {
    font-size: 2.1rem;
  }

  .gab-visual {
    margin-top: 18px;
  }
}