/* ============================================
   IMAGES.CSS — Chemins centralisés des images
   Campagne Memisa
   
   UTILISATION :
   1. Placez vos images dans le dossier /assets/
   2. Mettez à jour les variables ci-dessous
   3. Les classes appliquent automatiquement les images
   ============================================ */

:root {
  /* --- Images Hero --- */
  --img-hero-landing:    url('../assets/hero-landing.jpg');
  --img-hero-donation:   url('../assets/hero-donation.jpg');
  --img-hero-banner:     url('../assets/hero-banner.jpg');

  /* --- Images Sections --- */
  --img-why-act:         url('../assets/why-act.jpg');
  --img-about-project:   url('../assets/about-project.jpg');

  /* --- Témoignages --- */
  --img-testimonial-1:   url('../assets/testimonial-1.jpg');
  --img-testimonial-2:   url('../assets/testimonial-2.jpg');
  --img-testimonial-3:   url('../assets/testimonial-3.jpg');

  /* --- Logo --- */
  --img-logo:            url('../assets/logo-memisa.png');

  /* --- Campagnes Ads --- */
  --img-ad-leaderboard:  url('../assets/ad-728x90.jpg');
  --img-ad-medium-rect:  url('../assets/ad-300x250.jpg');
  --img-ad-skyscraper:   url('../assets/ad-160x600.jpg');
  --img-ad-mobile:       url('../assets/ad-320x50.jpg');
  --img-ad-mobile-lg:    url('../assets/ad-320x100.jpg');
  --img-ad-fb-post:      url('../assets/ad-fb-1200x628.jpg');
  --img-ad-ig-square:    url('../assets/ad-ig-1080x1080.jpg');
  --img-ad-ig-story:     url('../assets/ad-ig-1080x1920.jpg');

  /* --- Banner Preview --- */
  --img-banner-cta:      url('../assets/banner-cta.jpg');
}

/* === Application automatique des images === */

/* Hero landing (index.html) */
.hero.hero--landing {
  background-image: var(--img-hero-landing);
  background-size: cover;
  background-position: center;
}

/* Hero donation */
.donation-image.has-image {
  background-image: var(--img-hero-donation);
  background-size: cover;
  background-position: center;
}

/* Section "Pourquoi agir" */
.why-image.has-image {
  background-image: var(--img-why-act);
  background-size: cover;
  background-position: center;
}

/* Banner preview hero */
.memisa-hero.has-image {
  background-image: var(--img-hero-banner);
  background-size: cover;
  background-position: center;
}

/* Témoignages */
.testimonial-photo.has-image:nth-child(1) { background-image: var(--img-testimonial-1); background-size: cover; }
.testimonial-card:nth-child(1) .testimonial-photo.has-image { background-image: var(--img-testimonial-1); background-size: cover; }
.testimonial-card:nth-child(2) .testimonial-photo.has-image { background-image: var(--img-testimonial-2); background-size: cover; }
.testimonial-card:nth-child(3) .testimonial-photo.has-image { background-image: var(--img-testimonial-3); background-size: cover; }

/* Logo */
.logo-placeholder.has-image {
  background-image: var(--img-logo);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
}