/**
 * GATARD Pro Pages v1.12.50
 * CMS 11 — sidebar Contact : lisibilité + responsive final.
 * Disposition générale conservée.
 */

html body.cms-id-11 #gatard-contact-page{
  --gc50-gutter:15px;
  --gc50-title:#2b251e;
  --gc50-text:#71675c;
  --gc50-accent:#9a7947;
  --gc50-border:rgba(133,118,80,.18);
}

/* ===========================
   DESKTOP GLOBAL
   =========================== */

html body.cms-id-11 #gatard-contact-page
.gatard-contact-sidebar--v3{
  min-width:0!important;
}

html body.cms-id-11 #gatard-contact-page
.gatard-contact-sidebar__card{
  min-width:0!important;
  padding-top:20px!important;
  padding-bottom:20px!important;
}

html body.cms-id-11 #gatard-contact-page
.gatard-contact-sidebar__card b{
  display:block!important;
  margin:0!important;
  color:var(--gc50-accent)!important;
  font-size: 14px !important;
  font-weight:800!important;
  line-height: 1.5 !important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}

html body.cms-id-11 #gatard-contact-page
.gatard-contact-sidebar__card strong{
  margin-top:7px!important;
  color:var(--gc50-title)!important;
  font-size: 15px !important;
  font-weight:700!important;
  line-height: 1.5 !important;
  overflow-wrap:anywhere!important;
}

html body.cms-id-11 #gatard-contact-page
.gatard-contact-sidebar__card small{
  margin-top:6px!important;
  color:var(--gc50-text)!important;
  font-size: 13px !important;
  font-weight:400!important;
  line-height: 1.5 !important;
  overflow-wrap:anywhere!important;
}

html body.cms-id-11 #gatard-contact-page
.gatard-contact-sidebar__card--response b{
  font-size: 14px !important;
}

html body.cms-id-11 #gatard-contact-page
.gatard-contact-sidebar__card--response small{
  font-size: 13px !important;
}

html body.cms-id-11 #gatard-contact-page
.gatard-contact-sidebar__icon{
  flex:0 0 auto!important;
}

html body.cms-id-11 #gatard-contact-page
.gatard-contact-sidebar__card .btn,
html body.cms-id-11 #gatard-contact-page
.gatard-contact-sidebar__card a.btn,
html body.cms-id-11 #gatard-contact-page
.gatard-contact-sidebar__card>a{
  min-height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:12px!important;
  padding:0 17px!important;
  border-radius:7px!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  text-align:center!important;
  text-decoration:none!important;
}

html body.cms-id-11 #gatard-contact-page
.gatard-contact-sidebar__card .btn *,
html body.cms-id-11 #gatard-contact-page
.gatard-contact-sidebar__card a.btn *,
html body.cms-id-11 #gatard-contact-page
.gatard-contact-sidebar__card>a *{
  color:#fff!important;
}

/* ===========================
   GRAND DESKTOP >= 1440
   =========================== */
@media (min-width:1440px){
  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card b{
    font-size: 14px !important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card strong{
    font-size: 15px !important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card small{
    font-size: 13px !important;
  }
}

/* ===========================
   DESKTOP COMPACT 1200–1439
   =========================== */
@media (min-width:1200px) and (max-width:1439.98px){
  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-main-grid--v3{
    grid-template-columns:minmax(0,1.42fr) minmax(320px,.58fr)!important;
    gap:16px!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar--v3{
    padding:24px 22px!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:12px!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card b{
    font-size: 14px !important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card small{
    font-size: 13px !important;
  }
}

/* ===========================
   TABLETTE 900–1199
   =========================== */
@media (min-width:900px) and (max-width:1199.98px){
  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-main-grid--v3{
    width:calc(100% - 30px)!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar--v3{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 24px!important;
    padding:24px!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar--v3 .gatard-contact-section-title{
    grid-column:1/-1!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:12px!important;
    min-height:132px!important;
    padding:18px 0!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card:nth-of-type(odd){
    padding-right:24px!important;
    border-right:1px solid var(--gc50-border)!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card b{
    font-size: 14px !important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card strong{
    font-size: 15px !important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card small{
    font-size: 13px !important;
  }
}

/* ===========================
   TABLETTE COMPACTE 768–899
   =========================== */
@media (min-width:768px) and (max-width:899.98px){
  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-main-grid--v3{
    width:calc(100% - 30px)!important;
    grid-template-columns:1fr!important;
    gap:15px!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar--v3{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0 18px!important;
    padding:22px!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar--v3 .gatard-contact-section-title{
    grid-column:1/-1!important;
    margin-bottom:8px!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:11px!important;
    min-height:140px!important;
    padding:17px 0!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card:nth-of-type(odd){
    padding-right:18px!important;
    border-right:1px solid var(--gc50-border)!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card b{
    font-size: 14px !important;
    letter-spacing:.035em!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card strong{
    font-size: 15px !important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card small{
    font-size: 13px !important;
  }
}

/* ===========================
   MOBILE 480–767
   =========================== */
@media (min-width:480px) and (max-width:767.98px){
  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-main-grid--v3{
    width:calc(100% - 30px)!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar--v3{
    display:block!important;
    padding:22px 18px!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card{
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:12px!important;
    min-height:0!important;
    padding:18px 0!important;
    border-right:0!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card b{
    font-size: 14px !important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card strong{
    font-size: 15px !important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card small{
    font-size: 13px !important;
  }
}

/* ===========================
   PETITS MOBILES <= 479
   =========================== */
@media (max-width:479.98px){
  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-main-grid--v3{
    width:calc(100% - 30px)!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar--v3{
    display:block!important;
    padding:20px 15px!important;
    border-radius:13px!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar-title{
    width:min(100%,320px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:24px!important;
    text-align:center!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:11px!important;
    min-height:0!important;
    padding:17px 0!important;
    border-right:0!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card b,
  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card--response b{
    font-size: 14px !important;
    line-height: 1.5 !important;
    letter-spacing:.03em!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card strong{
    font-size: 15px !important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card small,
  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card--response small{
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card .btn,
  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card a.btn,
  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card>a{
    min-height:42px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* Très petit téléphone : conserve 15px de respiration et aucun débordement. */
@media (max-width:360px){
  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-main-grid--v3{
    width:calc(100% - 30px)!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar--v3{
    padding:18px 13px!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:10px!important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card b{
    font-size: 14px !important;
  }

  html body.cms-id-11 #gatard-contact-page
  .gatard-contact-sidebar__card small{
    font-size: 13px !important;
  }
}