/* ============================================================
   NOS PARTENAIRES (galerie) — restyle des composants existants.
   Auparavant en <style> inline dans nos_photographes.php, sorti
   ici et lié via <link> dans le <head> (aucune classe changée).
   Se charge après menu2.css.
   ============================================================ */

.main-content { max-width: var(--maxw); }

.section-title {
  font-family: var(--display); font-weight: 800;
  font-size: clamp(26px, 5vw, 38px); letter-spacing: -0.02em;
  line-height: 1.05; color: var(--paper); text-align: left; margin: 4px 0 18px;
}

.intro-text {
  background: var(--panel); border: 1px solid var(--line); border-radius: 16px;
  padding: 20px 22px; margin-bottom: 26px; text-align: left; line-height: 1.6; color: var(--muted); font-size: 14px;
}
.contact-info { margin-top: 10px; font-weight: 600; color: var(--paper); }
.contact-info a { color: var(--cobalt-lite); text-decoration: underline; text-underline-offset: 2px; }
.contact-info a:hover { color: var(--cobalt); }

.partenaires-gallery {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px;
}
.partenaire-item {
  background: var(--panel); border: 1px solid var(--line); border-radius: 14px;
  padding: 18px; transition: border-color 0.2s ease, transform 0.2s ease;
}
.partenaire-item:hover { border-color: var(--cobalt); transform: translateY(-2px); }
.partenaire-nom { font-family: var(--display); font-weight: 700; font-size: 15.5px; color: var(--paper); margin-bottom: 4px; }
.partenaire-localisation { font-size: 12.5px; color: var(--muted); font-style: normal; margin-bottom: 10px; }
.partenaire-description { font-size: 13px; color: var(--muted); line-height: 1.5; margin-bottom: 12px; text-align: left; }

.partenaire-links { display: flex; justify-content: flex-start; gap: 8px; flex-wrap: wrap; }
.partenaire-link {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px;
  color: var(--paper); background: var(--panel-2); border: 1px solid var(--line);
  text-decoration: none; border-radius: 999px; font-size: 12.5px; font-weight: 500;
  transition: border-color 0.18s ease, color 0.18s ease;
}
.partenaire-link:hover { border-color: var(--cobalt); color: var(--cobalt-lite); }
/* Icônes de marque conservées, fond neutre uniforme (cohérent avec le reste du site) */
.instagram-link i { color: #E1306C; }
.facebook-link i { color: #4267B2; }
.website-link i { color: var(--cobalt-lite); }
