/*
Theme Name: Marco Group Enfant
Description: Thème enfant de Marco Group (gestion locative & vente immobilière à Abidjan). Ne jamais modifier le thème parent directement.
Template: hello-elementor
Version: 1.0.1
Text Domain: marco-group-child
*/

:root{
  --mg-black:#000000;
  --mg-gold:#C69B66;
  --mg-gold-dark:#a97f4f;
  --mg-ivory:#FBF9F5;
  --mg-grey:#3A3A3A;
  --mg-placeholder:#E7E2D8;
}

body{ color:var(--mg-grey); }
h1,h2,h3,h4{ color:var(--mg-black); }

/* Boutons — à assigner via l'onglet "Avancé > Classes CSS" des widgets Elementor (Free) */
.btn{
  display:inline-block; padding:14px 28px; border-radius:2px; font-size:.85rem; font-weight:600;
  text-decoration:none; letter-spacing:.02em; border:1.5px solid transparent; cursor:pointer;
}
.btn-primary{ background:var(--mg-black); color:var(--mg-gold) !important; }
.btn-secondary{ background:transparent; color:var(--mg-black) !important; border-color:var(--mg-black); }
.eyebrow{ text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; font-weight:600; color:var(--mg-gold-dark); }
.wrap{ max-width:1180px; margin:0 auto; padding:0 24px; }

/* Placeholder d'image en attente d'un vrai visuel */
.ph{
  background:var(--mg-placeholder); border:1px dashed #c9c2b3; display:flex; align-items:center;
  justify-content:center; color:#9a9284; font-size:.72rem; text-transform:uppercase; text-align:center; padding:14px;
}

/* ===== Catalogue (archive-biens.php) ===== */
.catalogue-filtres{ margin:24px 0; }
.filtres-form{ display:flex; gap:10px; flex-wrap:wrap; }
.filtres-form select, .filtres-form button{
  padding:10px 12px; border:1px solid #d9d3c6; font-size:.85rem; background:#fff;
}
.filtres-form button{ background:var(--mg-black); color:var(--mg-gold); border-color:var(--mg-black); cursor:pointer; }

.catalog-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin:30px 0; }
@media(max-width:1000px){ .catalog-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .catalog-grid{ grid-template-columns:1fr; } }

.listing{ border:1px solid #e6e1d6; background:#fff; }
.listing a{ text-decoration:none; color:inherit; display:block; }
.listing img, .listing .ph{ width:100%; height:150px; object-fit:cover; }
.listing-body{ padding:16px; }
.listing .badge{
  display:inline-block; font-size:.65rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  padding:4px 8px; margin-bottom:10px; background:#f3e9dc; color:var(--mg-gold-dark);
}
.listing h4{ font-size:.98rem; margin:0 0 4px; }
.listing .loc{ font-size:.8rem; color:#8a8478; margin-bottom:6px; }
.listing .meta{ font-size:.78rem; }

/* ===== Fiche bien (single-biens.php) ===== */
.fiche-bien .badge{
  display:inline-block; font-size:.7rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  padding:5px 10px; margin-bottom:12px; background:#f3e9dc; color:var(--mg-gold-dark);
}
.fiche-galerie{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:20px 0; }
.fiche-galerie img{ width:100%; height:200px; object-fit:cover; }
.fiche-meta{ display:flex; gap:18px; font-size:.9rem; margin:14px 0; color:var(--mg-grey); }
.benefits{ list-style:none; margin:20px 0; padding:0; }
.benefits li{ padding:8px 0 8px 26px; position:relative; font-size:.95rem; }
.benefits li::before{ content:"—"; position:absolute; left:0; color:var(--mg-gold-dark); font-weight:700; }


/* Logo officiel Marco Group — en-tête */
.custom-logo{ max-height:72px; width:auto; }
@media (max-width:767px){ .custom-logo{ max-height:56px; } }


/* ===== Dynamisme : interactions au survol (ajout) ===== */
.listing{
  transition: transform .25s ease, box-shadow .25s ease;
}
.listing:hover{
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
}

/* Cartes numerotees (poles/etapes) reperees par la classe mg-pole-card
   ajoutee sur les colonnes Elementor concernees (accueil, a propos,
   nos-expertises, nos-realisations, confier-un-bien). */
.mg-pole-card{
  transition: transform .25s ease, box-shadow .25s ease;
  border-radius: 4px;
}
.mg-pole-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
}

@media (prefers-reduced-motion: reduce){
  .listing,
  .mg-pole-card{
    transition: none !important;
  }
  .listing:hover,
  .mg-pole-card:hover{
    transform: none !important;
  }
}