/*
Theme Name: Woodmart Child
Template: woodmart
Version: 1.0
*/

.wd-sidebar {
  display: none;
}

/* --- Bloc magasin --- */
.bloc-magasin{display:flex;align-items:flex-start;justify-content:space-between;
  gap:32px;background:#ffffff;border:1px solid #D9D6CC;border-radius:6px;
  padding:24px;margin:24px 0}
.bloc-magasin__infos{flex:1 1 auto;min-width:0}
.bloc-magasin__titre{font-size:19px;margin:0 0 14px}
.bloc-magasin__coord{font-size:14px;margin:0;line-height:1.7}

.bloc-magasin__media{flex:0 0 320px;display:flex;flex-direction:column;gap:12px}
.bloc-magasin__carte{line-height:0}
.bloc-magasin__action{justify-content:stretch}
.bloc-magasin__action .wp-block-button{width:100%}
.bloc-magasin__action .wp-block-button__link{width:100%;text-align:center}

/* --- Grille de villes --- */
.ville-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:16px 0}
.ville-card{display:flex;align-items:flex-end;min-height:80px;margin:0 !important;
  background:#EDEBE4;border:1px solid #D9D6CC;border-radius:4px;
  padding:30px 14px 12px;font-weight:700;font-size:15px;
  background-size:cover;background-position:center}
.ville-card a{text-decoration:none;color:inherit}
.note-maillage{font-size:12px;color:#C0562B;margin:4px 0 20px}

.ville-card{position:relative}
.ville-card a::after{content:"";position:absolute;inset:0;z-index:1}
.ville-card:hover{border-color:#B8B4A8;background-color:#E4E1D8}
.ville-card a:hover {color: #fff !important;}
.ville-card:focus-within{outline:2px solid #3D3B36;outline-offset:2px}

.ville-card--photo{color:#fff;border-color:transparent}
.ville-card--photo a{color:#fff}

/* --- CTA --- */
.cta-double{display:flex;gap:16px;margin-bottom:40px}
.cta-double .wp-block-button{flex:1}
.cta-double .wp-block-button__link{width:100%;text-align:center;border-radius:4px}
.btn-principal .wp-block-button__link{background:#3D3B36;color:#fff;font-weight:700}
.btn-secondaire .wp-block-button__link{background:#fff;color:#3D3B36;border:1px solid #B8B4A8; padding: 16px;}

/* --- Responsive --- */
@media(max-width:900px){.ville-grid{grid-template-columns:repeat(2,1fr)}
   .bloc-magasin{flex-direction:column}
  .bloc-magasin__media{flex:1 1 auto;width:100%}
@media(max-width:520px){.ville-grid{grid-template-columns:1fr}
  .cta-double{flex-direction:column}}}