/* ===== PORTEFEUILLE-DETAIL.CSS - Company detail page styles ===== */

/* ===== PAGE OVERRIDE ===== */
html { overflow-x: hidden; }

/* ===== COMPANY HERO CONTENT ===== */
.company-hero__content {
  position: relative;
  z-index: 2;
  max-width: 780px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.company-hero__logo-badge {
  width: 250px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
  position: relative;
  z-index: 5;
}

.company-hero__logo-badge img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.company-hero__badge--strategy { background: var(--accent); }
.company-hero__badge--theme { background: var(--abenex-orange); }
.company-hero__badge--status { background: rgba(255,255,255,0.15); }
.company-hero__badges { margin-bottom: 2rem; }

/* Harmonise le rythme vertical avec la page détail équipe */
.company-detail {
  padding-top: 80px;
}

/* Desktop : aligner le début du texte avec le titre de la sidebar (padding 2rem) */
.company-detail__body {
  padding-top: 2rem;
}

/* ===== KEY FIGURES ===== */
.company-stats {
  background: var(--bg-cream);
  padding: 3.5rem 4rem;
}

.company-stats__inner {
  max-width: 900px;
  margin: 0 auto;
}

.company-stats__grid {
  display: flex;
  gap: 3rem;
}

.company-stats__item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
}

.company-stats__number {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-dark);
  line-height: 1;
}

.company-stats__label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  color: var(--abenex-orange);
}

/* ===== TESTIMONIAL — page overrides ===== */
.testimonial.testimonial--static {
  padding-top: 0;
}

/* ===== PAGE OVERRIDES: article-nav image (logo style) ===== */
.article-nav__image {
  width: 80px;
  height: 60px;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}

.article-nav__image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.article-nav__link:hover .article-nav__image img {
  transform: none;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .company-detail__body { padding-top: 0; }
}

@media (max-width: 768px) {
  .company-hero__logo-badge {
    width: 120px;
    margin-top: 2rem;
  }
  .company-sidebar {
    position: static;
  }
  .company-stats {
    padding: 2.5rem 1.5rem;
  }
  .company-stats__grid {
    flex-direction: column;
    gap: 1.5rem;
  }
  .article-nav__image {
    width: 60px;
    height: 45px;
  }
}

@media (max-width: 480px) {
  .company-stats__item { font-size: 1.5rem; }
  .company-hero__logo-badge { width: 100px; }
}

/* ===== GALERIE ===== */
.company-galerie {
  background: var(--bg-cream);
  padding: 4rem 1.5rem;
}
.company-galerie__inner {
  max-width: 1200px;
  margin: 0 auto;
}
.company-galerie__title {
  font-size: 1.75rem;
  margin-bottom: 2rem;
  text-align: center;
  color: var(--color-dark, #203454);
}
.company-galerie__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 240px));
  gap: 1rem;
  justify-content: center;
}
.company-galerie__item {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 8px;
  background: #e5e7eb;
}
.company-galerie__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.company-galerie__item:hover img { transform: scale(1.05); }

/* Cession */
.company-detail__cession {
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid var(--color-border, #e5e7eb);
}
.company-detail__cession h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

@media (max-width: 768px) {
  .company-galerie { padding: 2.5rem 1rem; }
  .company-galerie__grid { grid-template-columns: repeat(auto-fit, minmax(150px, 200px)); }
}