@import "header.css";
@import "footer.css";
@import "home.css";
@import "page_cheminees.css";
@import "page_publications.css";
@import "page_actualites_agenda.css";
@import "page_formulaires.css";
/* =========================================================
   PIWB — MAIN.CSS
   Global + variables + base + layout générique
========================================================= */

/* =========================
   1) Variables
========================= */
:root{
  --primary-font: Poppins, Arial, sans-serif;

  --primary-color: #ffbe00;
  --secondary-color: #000000;

  --piwb-header-h: 100px; /* fallback, JS le remplace */

  --piwb-filters-width: 300px;
  --piwb-filters-collapsed-width: 52px;

  --piwb-side-min-width: 320px;
  --piwb-side-max-width: 520px;

  --piwb-map-min-height: 420px;
}

/* =========================
   2) Base
========================= */
html,
body{
  height: 100%;
}

body{
  margin: 0;
  font-family: var(--primary-font);
  overflow-x: hidden;
  overflow-y: auto;
}

h1{
  font-size: clamp(28px, 4vw, 48px);
}

h2, nav li a{
  font-size: clamp(10px, 3vw, 32px);
}

nav li a{
  font-size: clamp(10px, 3vw, 16px) !important;
}

/* =========================
   3) Layout générique
   Structure principale Elementor
========================= */
.layout-cheminees{
  height: calc(100vh - var(--piwb-header-h, 100px));
  overflow: hidden;
}

.layout-cheminees > .e-con-inner{
  display: flex;
  align-items: stretch;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

/* bouton */
.general_bt{
  padding: 7px 12px;
  background: var(--primary-color);
  color: black;
  text-decoration: none;
  border-radius: 9px;
}

.general_bt:hover{
  background: black;
  color: white;
}

/* =========================
   4) Utilitaires généraux
========================= */
.piwb-image-card{
  cursor: pointer;
}

.piwb-image-post-id{
  display: none;
}

/* =========================
   5) Responsive global
========================= */
@media (max-width: 768px){
  .layout-cheminees{
    height: auto;
    overflow: visible;
  }

  .layout-cheminees > .e-con-inner{
    display: block;
    height: auto;
    overflow: visible;
  }
}