/* =====================================================
   CSS GLOBAL — Agile Montréal
   - responsive
   ===================================================== */

/* ---------- Base ---------- */

html {
  scroll-behavior: smooth;
}

body,
.site,
.content-area {
  overflow-x: hidden;
}

.page-wrap {
  overflow-x: hidden;
}

/* ---------- Footer ---------- */

.footer-widgets-grid .menu {
  font-weight: 600;
}

.footer-widgets-grid .menu li {
  margin-bottom: 10px;
}

.footer-widgets-grid .menu ul {
  padding-left: 20px;
  font-weight: 300;
}

.footer-widgets-grid .menu ul li {
  margin-bottom: 0;
}

/* ---------- Boutons ---------- */

.wp-block-button__link,
.wp-block-button__link:hover,
div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form .wpforms-page-button,
.roll-button,
a.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border-radius: 10px;
}

.wp-block-button__link {
  color: #ffffff;
  background-color: #1765C6;
  border-color: #1765C6;
}

.wp-block-button__link:hover {
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/* ---------- Full width personnalisé ---------- */

.custom-cover-full-with,
.am-full-blue-section {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.am-full-blue-section > .e-con-inner {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* ---------- Pages spécifiques ---------- */

.page-id-8054 .entry-title {
  display: none;
}

.page-id-9298 .entry-header {
  display: none !important;
}

.page-id-8054 .am-card,
.page-id-8054 .info-card {
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  background: #ffffff;
  overflow: hidden;
}

.page-id-8054 .am-card:hover,
.page-id-8054 .info-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}

.page-id-8054 .info-card .kt-blocks-info-box-learnmore.info-box-link {
  color: #3685B5 !important;
  font-weight: 600;
  text-decoration: none;
}

.page-id-8054 .info-card .kt-blocks-info-box-learnmore.info-box-link:hover {
  color: #2B6E93 !important;
  text-decoration: underline;
}

.page-id-8054 .am-card .kt-blocks-info-box-learnmore.info-box-link {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* =====================================================
   Section: Nos prochaines Activités
   ===================================================== */

/* Wrapper transparent */
#ect-minimal-list-wrp,
.ect-minimal-list-wrapper {
  background: transparent !important;
}

/* Carte événement */
.ect-minimal-list-wrapper .ect-list-posts {
  background: #ffffff !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  margin: 0 auto 14px auto !important;
  max-width: 1050px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border: none !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
}

/* Évite les fonds parasites */
.ect-minimal-list-wrapper .ect-list-posts * {
  background: transparent !important;
}

/* Box orange date */
.ect-minimal-list-wrapper .ect-event-date-tag {
  margin-left: 10px !important;
  margin-right: 18px !important;
  background: #FF6A1A !important;
  border-radius: 8px !important;
  padding: 10px !important;
  text-align: center !important;
  width: 110px !important;
  min-width: 110px !important;
  box-sizing: border-box !important;
}

/* Jour */
.ect-minimal-list-wrapper .ect-event-date-tag .ev-day {
  font-size: 38px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  line-height: 1 !important;
  font-family: inherit !important;
}

/* Mois */
.ect-minimal-list-wrapper .ect-event-date-tag .ev-mo {
  font-size: 13px !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}

/* Titre événement */
.ect-minimal-list-wrapper .ect-events-title a,
.ect-minimal-list-wrapper .ect-list-posts .ect-list-post-right a {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.3em !important;
  color: #00102E !important;
  text-decoration: none !important;
  font-family: inherit !important;
}

.ect-minimal-list-wrapper .ect-events-title a:hover {
  text-decoration: underline !important;
}

/* Heure */
.ect-minimal-list-wrapper .ect-event-datetime {
  font-size: 13px !important;
  color: #333333 !important;
  font-family: inherit !important;
}

/* Reset marge événements */
.ect-minimal-list-wrapper h1,
.ect-minimal-list-wrapper h2,
.ect-minimal-list-wrapper h3,
.ect-minimal-list-wrapper p {
  margin: 0 !important;
}

/* =====================================================
   Typographie globale Elementor
   ===================================================== */

h1,
.elementor-heading-title.elementor-size-xxl {
  font-size: 46px !important;
  line-height: 1.15em !important;
}

h2,
.elementor-heading-title.elementor-size-xl {
  font-size: 38px !important;
  line-height: 1.2em !important;
}

h3,
.elementor-heading-title.elementor-size-large {
  font-size: 26px !important;
  line-height: 1.3em !important;
}

p,
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
  font-size: 17px !important;
  line-height: 1.6em !important;
}

/* =====================================================
   Responsivité — Notebooks 15 pouces / 1536px
   ===================================================== */

@media (max-width: 1536px) {

  .e-con-inner,
  .elementor-container {
    max-width: 1080px !important;
  }

  h1,
  .elementor-heading-title.elementor-size-xxl {
    font-size: 38px !important;
  }

  h2,
  .elementor-heading-title.elementor-size-xl {
    font-size: 32px !important;
  }

  h3,
  .elementor-heading-title.elementor-size-large {
    font-size: 23px !important;
  }

  p,
  .elementor-widget-text-editor,
  .elementor-widget-text-editor p {
    font-size: 15.5px !important;
  }

  .elementor-widget-image img {
    max-width: 90% !important;
    height: auto !important;
  }

  .ect-minimal-list-wrapper .ect-list-posts {
    max-width: 930px !important;
  }

  .ect-minimal-list-wrapper .ect-events-title a,
  .ect-minimal-list-wrapper .ect-list-posts .ect-list-post-right a {
    font-size: 18px !important;
  }

  .ect-minimal-list-wrapper .ect-event-date-tag {
    width: 95px !important;
    min-width: 95px !important;
    padding: 8px !important;
  }

  .ect-minimal-list-wrapper .ect-event-date-tag .ev-day {
    font-size: 32px !important;
  }

  .ect-minimal-list-wrapper .ect-event-date-tag .ev-mo {
    font-size: 12px !important;
  }
}

/* =====================================================
   Responsivité — Petits notebooks / 1366px
   ===================================================== */

@media (max-width: 1366px) {

  .e-con-inner,
  .elementor-container {
    max-width: 980px !important;
  }

  h1,
  .elementor-heading-title.elementor-size-xxl {
    font-size: 34px !important;
  }

  h2,
  .elementor-heading-title.elementor-size-xl {
    font-size: 28px !important;
  }

  h3,
  .elementor-heading-title.elementor-size-large {
    font-size: 21px !important;
  }

  p,
  .elementor-widget-text-editor,
  .elementor-widget-text-editor p {
    font-size: 15px !important;
  }

  .elementor-widget-image img {
    max-width: 84% !important;
    height: auto !important;
  }

  .ect-minimal-list-wrapper .ect-list-posts {
    max-width: 860px !important;
    padding: 12px 14px !important;
  }

  .ect-minimal-list-wrapper .ect-events-title a,
  .ect-minimal-list-wrapper .ect-list-posts .ect-list-post-right a {
    font-size: 16px !important;
  }
}

/* =====================================================
   Responsivité — Tablette / Mobile
   ===================================================== */

@media (max-width: 1024px) {

  h1,
  .elementor-heading-title.elementor-size-xxl {
    font-size: 32px !important;
  }

  h2,
  .elementor-heading-title.elementor-size-xl {
    font-size: 26px !important;
  }

  h3,
  .elementor-heading-title.elementor-size-large {
    font-size: 20px !important;
  }

  p,
  .elementor-widget-text-editor,
  .elementor-widget-text-editor p {
    font-size: 15px !important;
  }

  .elementor-widget-image img {
    max-width: 100% !important;
  }

  .ect-minimal-list-wrapper .ect-list-posts {
    max-width: 92% !important;
    padding: 12px !important;
  }

  .ect-minimal-list-wrapper .ect-event-date-tag {
    width: 80px !important;
    min-width: 80px !important;
    margin-left: 0 !important;
    margin-right: 12px !important;
  }

  .ect-minimal-list-wrapper .ect-event-date-tag .ev-day {
    font-size: 28px !important;
  }

  .ect-minimal-list-wrapper .ect-events-title a,
  .ect-minimal-list-wrapper .ect-list-posts .ect-list-post-right a {
    font-size: 16px !important;
  }
}

/*selector img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}*/