/*#wrap-map-fiers {
    max-width: 1160px;
}*/

#wrap-map-fiers #store-list {
    scrollbar-color: rgba(135, 139, 144, .5) #fff0;
    scrollbar-width: thin;
	height: calc(80vh - 30px);
	overflow: auto;
}

#wrap-map-fiers #warning-50-kms {
	background: var(--theme-palette-color-1);
	background: linear-gradient(90deg, rgba(238,98,33,1) 0%, rgba(245,161,122,1) 100%);
	border-radius: 8px;
	padding: 17px 40px 20px 20px;
	color: #fff;
	position: relative;
	display: none;
	margin-bottom: 20px;
}
#wrap-map-fiers #warning-50-kms a.close-warning-50 {
	position: absolute;
	top: 9px;
    right: 13px;
}
#wrap-map-fiers #warning-50-kms a.btn {
	display: inline-block;
	margin-top: 10px;
}

#wrap-map-fiers #store-list::-webkit-scrollbar {
    width: .1875rem
}

#wrap-map-fiers #store-list::-webkit-scrollbar-track {
    background-color: transparent
}

#wrap-map-fiers #store-list::-webkit-scrollbar-thumb {
    background: rgba(135, 139, 144, .5);
    border-radius: 2rem
}

#wrap-map-fiers #store-list::-webkit-scrollbar-thumb:hover {
    background: rgba(135, 139, 144, .5);
    width: .625rem
}

#wrap-map-fiers .btn {
    background-color: var(--theme-palette-color-1);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 0.375rem;
    cursor: pointer;
    text-decoration: none;
    font-family: var(--theme-font-family);
}
#wrap-map-fiers #address-input {
    border: 2px solid var(--theme-palette-color-1);
	color: var(--theme-palette-color-3);
    border-radius: 6px;
    margin-right: 20px;
    height: 48px;
}
#wrap-map-fiers #address-input::placeholder {
	color: var(--theme-palette-color-3);
}
#wrap-map-fiers .wrap-localisation {
    cursor: pointer;
    font-size: 0.8rem;
}
#wrap-map-fiers .wrap-localisation span {
    color: var(--theme-palette-color-3);
    text-decoration: underline;
}
#wrap-map-fiers .location-icon {
    color: var(--theme-palette-color-3);
    cursor: pointer;
    font-size: 1rem;
}
#wrap-map-fiers #map {
    height: calc(80vh - 30px);
    width: 100%;
    border-radius: 0.375rem;
    position: sticky!important;
    top: 10px;
}
#wrap-map-fiers .card {
    border-top: 1px solid var(--theme-palette-color-1);
    padding: 0.9rem 0rem 2rem;
    transition: opacity 0.3s;
    cursor: pointer;
    opacity: 0.6;
    color: var(--theme-palette-color-3);
    position: relative;
}
#wrap-map-fiers .card:hover, #wrap-map-fiers .card.active {
    opacity: 1;
}
#wrap-map-fiers .card-header {
    color: var(--theme-palette-color-3);
    font-size: 1.215rem;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 4px;
	padding-right: 90px;
}
#wrap-map-fiers .link-gmap {
    margin-top: 20px;
}
#wrap-map-fiers .link-gmap a {
    font-size: 12px;
}
#wrap-map-fiers .card-distance {
    color: var(--theme-palette-color-3);
    position: absolute;
    top: 15px;
    right: 0;
}
#wrap-map-fiers .marker-cluster-custom {
    background-color: rgba(79, 20, 78, 0.6);
    border: none;
    border-radius: 50%;
    color: white;
    text-align: center;
    line-height: 40px;
}
#wrap-map-fiers #autocomplete-container {
    position: absolute;
    top: 100%;
    z-index: 100;
}
#wrap-map-fiers .autocomplete-item {
    padding: 0.5rem;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    background: #fff;
    font-size: 12px;
}
#wrap-map-fiers .autocomplete-item:hover {
    background-color: #ddd;
}

/* ================================
   Typo CGV – échelle Major Second
   Portée: .css-texte
   Auteur: toi ;)
   ================================ */

.css-texte {
  /* --------- Design tokens --------- */
  --ratio: 1.125; /* Major Second */
  --step--2: 0.790rem;  /* 1 / 1.125^2 */
  --step--1: 0.889rem;  /* 1 / 1.125   */
  --step-0:  1rem;
  --step-1:  1.067rem;  /* 1 * 1.125^1 */
  --step-2:  1.138rem;
  --step-3:  1.215rem;
  --step-4:  1.296rem;
  --step-5:  1.383rem;
  --step-6:  2.476rem;
  --step-7:  3rem;

  --brand-orange: #FF6221;
  --text:var(--theme-palette-color-3);
  --muted: #666;
  --bg: transparent;
  --border: #e6e6e6;
  --link: var(--brand-orange);
  --blockquote-bg: #fff7f2;

  color: var(--text);
  background: var(--bg);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px; /* base (step-0) */
  line-height: 1.65;
  letter-spacing: 0.001em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  max-width: 72ch;       /* mesure idéale pour la lecture */
  margin: 0 auto;        /* centré si bloc dédié */
  padding: 1.25rem 1rem; /* respirations par défaut */
  text-wrap: pretty;
  hyphens: auto;
  hanging-punctuation: first;
}

/* Espace vertical de base entre blocs */
.css-texte > * + * { margin-top: 1rem; }

/* ---------- Titres (Major Second) ---------- */
.css-texte h1,
.css-texte h2,
.css-texte h3,
.css-texte h4,
.css-texte h5,
.css-texte h6 {
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.01em;
  margin: 0; /* on gère l’espacement via le flux */
}

.css-texte h1 { font-size: var(--step-6); margin-top: 0; }
.css-texte h2 { font-size: var(--step-5); }
.css-texte h3 { font-size: var(--step-4); }
.css-texte h4 { font-size: var(--step-3); }
.css-texte h5 { font-size: var(--step-2); text-transform: none; }
.css-texte h6 { font-size: var(--step-1); color: var(--muted); }

/* Sous-titres/Meta */
.css-texte .lede,
.css-texte .intro {
  font-size: var(--step-1);
  color: var(--muted);
}

/* ---------- Texte courant ---------- */
.css-texte p { font-size: var(--step-0); margin: 0; }
.css-texte small,
.css-texte .note { font-size: var(--step--1); color: var(--muted); }
.css-texte .legal-ref { font-size: var(--step--2); color: var(--muted); }

/* Mise en emphase */
.css-texte strong { font-weight: 700; }
.css-texte em { font-style: italic; }
.css-texte mark {
  background: #fff0e8;
  padding: 0 .15em;
  border-radius: .2em;
}

/* ---------- Liens ---------- */
.css-texte a {
  color: var(--link);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1.5px;
}
.css-texte a:hover { text-decoration-thickness: 2px; }

/* ---------- Listes ---------- */
.css-texte ul,
.css-texte ol {
  padding-left: 1.25rem;
  margin: .75rem 0 0;
}
.css-texte li { margin: .35rem 0; }
.css-texte ul { list-style: disc; }
.css-texte ol { list-style: decimal; }

/* ---------- Définition (utile en CGV) ---------- */
.css-texte dl { margin: 0; }
.css-texte dt {
  font-weight: 600;
  margin-top: .75rem;
}
.css-texte dd {
  margin: .25rem 0 0 0;
  color: var(--muted);
}

/* ---------- Citations ---------- */
.css-texte blockquote {
  margin: 0;
  padding: .85rem 1rem;
  border-left: 4px solid var(--brand-orange);
  background: var(--blockquote-bg);
  border-radius: .5rem;
}
.css-texte blockquote p { margin: 0; }
.css-texte blockquote footer {
  margin-top: .5rem;
  color: var(--muted);
  font-size: var(--step--1);
}

/* ---------- Tableaux ---------- */
.css-texte table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--step--1);
}
.css-texte th,
.css-texte td {
  border: 1px solid var(--border);
  padding: .6rem .5rem;
  vertical-align: top;
}
.css-texte th {
  text-align: left;
  font-weight: 600;
  background: #fafafa;
}
.css-texte caption {
  caption-side: bottom;
  padding-top: .5rem;
  color: var(--muted);
  font-size: var(--step--1);
}

/* ---------- Code / Pre ---------- */
.css-texte code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 0.95em;
  background: #f7f7f8;
  padding: .15em .35em;
  border-radius: .35em;
  border: 1px solid #eee;
}
.css-texte pre {
  overflow: auto;
  padding: .9rem 1rem;
  border-radius: .6rem;
  background: #101114;
  color: #f3f4f6;
}
.css-texte pre code {
  background: transparent;
  border: 0;
  padding: 0;
  color: inherit;
}

/* ---------- Séparateur ---------- */
.css-texte hr {
  border: 0;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--border), transparent);
  margin: 1.25rem 0 0;
}

/* ---------- Encadrés d’alerte/info (optionnels) ---------- */
.css-texte .alert,
.css-texte .info,
.css-texte .tip {
  border: 1px solid var(--border);
  border-left: 4px solid var(--brand-orange);
  background: #fffdfb;
  padding: .9rem 1rem;
  border-radius: .6rem;
}
.css-texte .alert strong { color: var(--brand-orange); }

/* ---------- Notes de bas de page (style simple) ---------- */
.css-texte sup { line-height: 0; font-size: 0.7em; }

/* ---------- Imprimé ---------- */
@media print {
  .css-texte {
    color: #000;
    background: #fff;
    max-width: none;
    padding: 0;
  }
  .css-texte a { color: #000; text-decoration: none; }
  .css-texte hr { background: #000; }
}

/* ---------- Préférence système sombre ---------- */
@media (prefers-color-scheme: dark) {
  .css-texte {
    --text: #e9e9ea;
    --muted: #a7a7ab;
    --bg: #0d0e10;
    --border: #2a2c30;
    --link: #ff824d;        /* dérivé de l’orange Fiers */
    --blockquote-bg: #191a1d;
  }
  .css-texte code { background: #1a1b1f; border-color: #26282c; }
  .css-texte th { background: #141518; }
  .css-texte .alert,
  .css-texte .info,
  .css-texte .tip {
    background: #141518;
  }
}

/* ---------- Petits écrans : confort ---------- */
@media (max-width: 640px) {
  .css-texte { padding: 1rem .85rem; }
  .css-texte h1 { font-size: var(--step-5); }
  .css-texte h2 { font-size: var(--step-4); }
}

/* .stk-block-heading--v2 .stk-block-heading__text:not(.stk-block-heading--use-theme-margins) {
    margin-top: 1em !important;
    margin-bottom: 0.2em !important;

} */

.fiers-search-area-control {
    display: none;
    background: var(--theme-palette-color-1);
    padding: 8px 10px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    transition: opacity .3s;
    color:white
}
.fiers-search-area-control.is-visible { display: block; }
.fiers-search-area-control.is-loading { opacity: .6; pointer-events: none; }

.fiers-search-area-control.leaflet-control.is-visible {
    cursor: pointer;
}

/* === Drawer mobile Google Maps style === */
.store-drawer {
  position: fixed;
  bottom: -100%;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
  transition: bottom 0.35s ease;
  z-index: 9999;
  max-height: 70vh;
  display: flex;
  flex-direction: column;
  padding: 15px 20px;
}

.store-drawer.active {
  bottom: 0;
}

.drawer-handle {
  width: 50px;
  height: 5px;
  background: #ccc;
  border-radius: 10px;
  align-self: center;
  margin-bottom: 10px;
}

.drawer-content h3 {
  font-size: 1.25rem;
  margin-bottom: 5px;
}

.drawer-content p {
  margin: 5px 0;
  color: #555;
}

.drawer-content a {
  display: inline-block;
  background: var(--theme-palette-color-1, #FF6221);
  color: #fff;
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: 600;
  text-decoration: none;
  margin-top: 10px;
}

@media (min-width: 768px) {
  .store-drawer {
    display: none; /* uniquement mobile */
  }
}