/* __________________________________________________________________________________________________96
[HTML]   HTML
*/
	
html{
scrollbar-color:#009999;
overflow-x: hidden;
margin: 0;
height: auto;
overflow-y: auto;
}

body {
width:100%;
background-repeat:no-repeat;
background-attachment:fixed;
background-size: cover;
margin: 0;
height: auto;
overflow-y: auto;
background:rgba(225,233,200,0.33);
}

a, a:hover{
text-decoration: none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000000;
}

::-ms-input-placeholder { /* Edge */
  color: #000000;
}

/* placeholders */
::-webkit-input-placeholder { opacity: 0.33; -webkit-transition: opacity .5s; transition: opacity .5s; }  /* Chrome 56, Safari 9 */
:-moz-placeholder { opacity: 0.33; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 4-18 */
::-moz-placeholder { opacity: 0.33; -moz-transition: opacity .5s; transition: opacity .5s; } /* FF 19-51 */
:-ms-input-placeholder { opacity: 0.33; -ms-transition: opacity .5s; transition: opacity .5s; } /* IE 10+ */
::placeholder { opacity: 0.33; transition: opacity .5s; } /* Modern Browsers */

/* focus */
*:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome 56, Safari 9 */
*:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
*:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */
*:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
*:focus::placeholder { opacity: 0; } /* Modern Browsers */






/* __________________________________________________________________________________________________96
[ff]   fonts
*/

@font-face {
font-family: 'Helvetica Rounded LT Std Bold';
font-style: normal;
font-weight: normal;
src: 
local('fonts/Helvetica Rounded LT Std Bold'), 
url('fonts/HelveticaRoundedLTStd-Bd.woff') 
format('woff');
}

@font-face {
font-family: 'Helvetica Rounded LT Bold Condensed';
font-style: normal;
font-weight: normal;
src: 
local('fonts/Helvetica Rounded LT Bold Condensed'), 
url('fonts/Helvetica Rounded LT Bold Condensed.woff2') 
format('woff2');
}

@font-face {
font-family: 'Helvetica Rounded LT Std Bold Condensed';
font-style: normal;
font-weight: normal;
src: 
local('fonts/Helvetica Rounded LT Std Bold Condensed'), 
url('fonts/HelveticaRoundedLTStd-BdCn.woff') 
format('woff');
}

@font-face {
font-family: 'Helvetica Neue';
font-style: normal;
font-weight: normal;
src: 
local('fonts/Helvetica Neue WGL'), 
url('fonts/Helvetica Neue WGL.woff') 
format('woff');
}

@font-face {
font-family: 'Helvetica Neue Light';
font-style: normal;
font-weight: normal;
src: 
local('fonts/Helvetica Neue LT W06 45 Light'), 
url('fonts/Helvetica Neue LT W06 45 Light.woff') 
format('woff');
}

@font-face {
font-family: 'Helvetica Neue LT Std 45 Light';
font-style: normal;
font-weight: normal;
src: 
local('fonts/Helvetica Neue LT Std 45 Light'), 
url('fonts/HelveticaNeueLTStd Lt.woff') 
format('woff');
}

@font-face {
font-family: 'Helvetica 95 Black';
font-style: normal;
font-weight: normal;
src: 
local('fonts/Helvetica 95 Black'), 
url('fonts/HelveticaNeue-Black.woff') 
format('woff');
}

@font-face {
font-family: 'Saginaw  Bold';
font-style: normal;
font-weight: normal;
src: 
local('fonts/Saginaw  Bold'), 
url('fonts/Saginaw  Bold.woff') 
format('woff');
}

@font-face {
font-family: 'Neuropol X';
font-style: normal;
font-weight: normal;
src: 
local('fonts/Neuropol X'), 
url('fonts/Neuropol X.woff') 
format('woff');
}

@font-face {
font-family: 'NeuropolXW00-Condensed';
font-style: normal;
font-weight: normal;
src: 
local('fonts/NeuropolXW00-Condensed'), 
url('fonts/NeuropolXW00-Condensed.woff') 
format('woff');
}

@font-face {
font-family: 'Digital Dare';
font-style: normal;
font-weight: normal;
src: 
local('fonts/Digital Dare'), 
url('fonts/Digital Dare.woff') 
format('woff');
}

@font-face {
font-family: 'Cookie';
font-style: normal;
font-weight: normal;
src: 
local('fonts/Cookie'), 
url('fonts/Cookie.woff') 
format('woff');
}

@font-face {
font-family: 'Komika';
font-style: normal;
font-weight: normal;
src: 
local('fonts/Komica'), 
url('fonts/Komika Display Kaps.woff2'),
url('fonts/Komika Display Kaps.woff');
format('woff');
}

@font-face {
font-family: 'Bestime';
font-style: normal;
font-weight: normal;
src: 
local('fonts/Bestime'), 
url('fonts/Bestime.woff2') 
format('woff');
}






/* __________________________________________________________________________________________________96
[TT]   texts
*/
	
h1 {
font-weight:normal;
padding:0px;
margin:0px;
font-size:clamp(1.5rem, 2vw, 2rem);
letter-spacing:0.25pt;
color:#FFF;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
}

h2 {
font-weight:normal;
padding:0px;margin:0px;
font-size:clamp(1rem, 1.25vw, 1.25rem);
letter-spacing:0.5px;
color:#FFF;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
}

h3 {
font-weight:normal;
padding:0px;
margin:0px;
font-size:clamp(1rem, 1vw, 1.25rem);
letter-spacing:0.25pt;color:#FFF;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
}

h4 {
font-weight:normal;
padding:0px;
margin:0px;
font-size:clamp(0.75rem, 0.9vw, 1rem);
letter-spacing:0.25pt;
color:#FFF;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
}

h5 {
font-weight:normal;
padding:0px;
margin:0px;
font-size:clamp(0.67rem, 0.67vw, 0.75rem);
letter-spacing:0.25pt;
color:#FFFFFF;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
}

p {
padding:0px;
margin:0px;
font-size:clamp(0.75rem, 0.8vw, 0.9rem);
color:#000;
letter-spacing:clamp(0.05rem, 0.05vw, 0.075rem);
font-family:'Helvetica Neue LT Std 45 Light';
}	/* text */

strong {
font-weight:normal;
padding:0px;
margin:0px;
font-size:clamp(0.85rem, 0.9vw, 1rem);
letter-spacing:0.025rem;
color:#000000;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
}	/* cell */

figcaption {
padding:0px;
margin:0px;
font-size:clamp(0.67rem, 0.7vw, 0.75rem);
letter-spacing:0.033rem;
font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Rounded MT Bold';
}	/* legend */

.cell {
padding:0px;
margin:0px;
font-size:clamp(0.9rem, 1vw, 1rem);
letter-spacing:0.25pt;
}

.white {color:#fff;}
.black {color:#000;}

.Cn {
font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Rounded MT Bold';
font-size:clamp(0.67rem, 0.7vw, 0.75rem);
letter-spacing:0.033rem;
}


.shadow{
text-shadow:
0 0 2px rgba(0, 0, 0, 0.5),
0 0 2px rgba(0, 0, 0, 0.5),
0 0 2px rgba(0, 0, 0, 0.5),
0 0 2px rgba(0, 0, 0, 0.5),
0 0 2px rgba(0, 0, 0, 0.5),
0 0 2px rgba(0, 0, 0, 0.5),
0 0 2px rgba(0, 0, 0, 0.5),
0 0 2px rgba(0, 0, 0, 0.5),
0 0 2px rgba(0, 0, 0, 0.5),
0 0 2px rgba(0, 0, 0, 0.5);
}

.shadow-button{
filter: 
drop-shadow(1px 2px 2px rgba(0,0,0,0.9))
drop-shadow(4px 6px 8px rgba(0,0,0,0.4));
}






/* __________________________________________________________________________________________________96
[| T |]   text
*/

.maxititle_white {
font-size:2.4em;
letter-spacing:0.25pt;
color:#FFFFFF;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
}

.maxititle_white_Cn {
font-size:2.4em;
letter-spacing:0.25pt;
color:#FFFFFF;
font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Rounded MT Bold';
}

.maxititle_black {
font-size:2.4em;
letter-spacing:0.25pt;
color:#000000;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
}

.maxititle_black_Cn {
font-size:2.4em;
letter-spacing:0.25pt;
color:#000000;
font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Rounded MT Bold';
}

.title_white {
font-size:clamp(1.5rem, 1.5vw, 1.75rem);
letter-spacing:0.25pt;
color:#FFFFFF;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
}

.title_white_Cn {
font-size:clamp(1.5rem, 1.5vw, 1.75rem);
letter-spacing:0.25pt;
color:#FFFFFF;
font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Rounded MT Bold';
}

.title_black {font-size:clamp(1.5rem, 1.5vw, 1.75rem);letter-spacing:0.25pt;color:#000000;font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';}
.title_black_Cn {font-size:clamp(1.5rem, 1.5vw, 1.75rem);letter-spacing:0.25pt;color:#000000;font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Rounded MT Bold';}

.minititle_white {font-size: clamp(1rem, 1vw, 1.25rem);letter-spacing:0.25pt;color:#FFFFFF;font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';}
.minititle_white_Cn {font-size: clamp(1rem, 1vw, 1.25rem);letter-spacing:0.25pt;color:#FFFFFF;font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Rounded MT Bold';}
.minititle_black {font-size: clamp(1rem, 1vw, 1.25rem);letter-spacing:0.25pt;color:#000000;font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';}
.minititle_black_Cn {font-size: clamp(1rem, 1vw, 1.25rem);letter-spacing:0.25pt;color:#000000;font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Rounded MT Bold';}

.microtitle_white {font-size: 0.58em;letter-spacing:0.25pt;color:#FFFFFF; font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';}
.microtitle_white_Cn {font-size: 0.67em;letter-spacing:0.25pt;color:#FFFFFF;font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Rounded MT Bold';}
.microtitle_black {font-size: 0.58em;letter-spacing:0.25pt;color:#000000; font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';}
.microtitle_black_Cn {font-size: 0.67em;letter-spacing:0.25pt;color:#000000;font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Rounded MT Bold';}

.script {font-size: 2em;font-family:'Saginaw  Bold';}

.catch {font-size:clamp(1.5rem, 1.75vw, 2rem);font-family:'Bestime', 'Cookie', 'Arial';line-height:2rem;letter-spacing:-2px;}

.legend_shadow {
padding:0px;
margin:0px;
font-size:
0.75em;
letter-spacing:0.25pt;
color:#000;
font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Rounded MT Bold';
text-shadow:
0 0 2px white,
0 0 2px white,
0 0 2px white,
0 0 2px white,
0 0 2px white,
0 0 2px white,
0 0 2px white,
0 0 2px white,
0 0 2px white,
0 0 2px white,
0 0 2px white,
0 0 2px white,
0 0 2px white,
0 0 2px white,
0 0 2px white,
0 0 2px white,
0 0 2px white,
0 0 2px white,
0 0 2px white,
0 0 2px white;
}

.number {
font-size:3em;
color:#FFFFFF;
font-family:'Neuropol X', 'Helvetica Neue', 'Arial';
}

.pan {
padding:0px;
margin:0px;
font-size:clamp(0.9rem, 1vw, 1rem);
letter-spacing:0.25pt;
color:#000;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
}

.pan_bd {
padding:0px;
margin:0px;
font-size:clamp(1rem, 1.12vw, 1.25rem);
letter-spacing:0.25pt;
color:#000;
font-family:'Komika';
}

.pan_Cn {
padding:0px;
margin:0px;
font-size:1.2em;
letter-spacing:0.25pt;
color:#000;
font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Rounded MT Bold';
}




/*
[x]
*/

.legend_black {
padding:0px;
margin:0px;
font-size:0.75em;
letter-spacing:0.25pt;
color:#000000;
font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Rounded MT Bold';
}

.legend_extended {
padding:0px;
margin:0px;
font-size:0.67em;
letter-spacing:0.25pt;
color:#000000;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
}

.legend_extended_white {
padding:0px;
margin:0px;
font-size:0.67em;
letter-spacing:0.25pt;
color:#FFFFFF;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
}

.legend_white {padding:0px;margin:0px;font-size:0.9em;letter-spacing:0.25pt;color:#FFFFFF;font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Rounded MT Bold';}
.catch_black {font-size:clamp(1.5rem, 2vw, 2rem);color:#000000; font-family:'Cookie', 'Helvetica Neue', 'Arial';}
.minicatch_black {font-size: 2.4em;color:#000000; font-family:'Cookie', 'Helvetica Neue', 'Arial';}

.pan_white {padding:0px;margin:0px;font-size:clamp(0.9rem, 1vw, 1rem);letter-spacing:0.25pt;color:#FFFFFF;font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';}

.minipan {padding:0px;margin:0px;font-size:0.75em;letter-spacing:0.25pt;color:#000000;font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';}

.pan_Cn_white {padding:0px;margin:0px;font-size:1.2em;letter-spacing:0.25pt;color:#FFFFFF;font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Rounded MT Bold';}

.minipan_Cn {padding:0px;margin:0px;font-size:0.75em;letter-spacing:0.25pt;color:#000000;font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Rounded MT Bold';}


.counter_light {font-size: 1.2em;color:#FFFFFF;font-family:'SquareFont';}
.counter {font-size: 1.2em;color:#FFFFFF;font-family:'Digital Dare';}
.counter_black {font-size: 1.2em;color:#000000;font-family:'Digital Dare';}






/* __________________________________________________________________________________________________96
[| | |]   scrollbar
*/

/* width */
::-webkit-scrollbar {
width: 20px;
}

/* track */
::-webkit-scrollbar-track {
box-shadow: inset 0 5px 10px #003333;
border-radius: 10px;
}

/* handle */
::-webkit-scrollbar-thumb {
background: #E11932;
box-shadow: 2px 4px 4px #006666;
border-radius: 10px;
}






/* __________________________________________________________________________________________________96
[| -O |]   search
*/

@media screen and (max-device-width: 1023px) {
#searchfile{
top:6px;
width:72%;
position:absolute;
vertical-align:middle;
left:36px;
}
}

@media screen and (min-device-width: 1024px) {
#searchfile{
width:50%;
left:33%;
top:10px;
position:absolute;
vertical-align:middle;
}
}



/*
[jQ]
*/

.ui-autocomplete { 
position: absolute;
cursor: pointer; 
background:#00647D;
border-style:solid;
border-width:0px 2px 2px 2px;
border-color:white;
-webkit-border-radius: 0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px;
border-radius: 0px 0px 8px 8px;
box-shadow: 4px 3px 6px #223333;
width:200px;
list-style-type: none;
z-index:1000000;
color:white;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
line-height:24px;
}

.ui-menu-item{
display: block;
padding: 6px;
clear: both;
line-height: 18px;
color: #FFFFFF;
text-decoration: none;
}

.ui-menu {
display:block;
	padding:4px;
}

.ui-state-hover, .ui-state-active {
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background-image: none;
padding:4px;
}

/* Popup recherche */
.search-popup{
position: fixed;
/* 6px sous la nav BD */
top: calc(var(--bd-nav-h) + var(--bd-nav-pad) + 6px);
left: 50%;
transform: translateX(-50%);

width: min(560px, calc(100vw - 24px));
padding: 12px 12px 12px 12px;

background: none;
border: none;

z-index: 2000;

display: none; /* caché par défaut */
}


@media (max-width: 640px){
.search-popup{
left: 0px;
transform: none;
width: min(340px, calc(75vw - 24px));
}
}



/* visible */
.search-popup.is-open{
display: block;
}

/* Form */
.search-popup__form{
display: flex;
align-items: center;
gap: 10px;
}

/* Input */
.search-popup__input{
flex: 1;
height: 36px;
border-radius: 10px;
background-color: #00647D;
color: white;
border: 2.5px solid white;
padding: 6px 10px;
box-sizing: border-box;
}

.search-popup__input{
  outline: none;
}

.search-popup__input:focus{
  outline: none;
}

/* Bouton submit (loupe) */
.search-popup__submit{
cursor: pointer;
height: 36px;
width: 36px;
border: none;
background: transparent;
background-image: url(/pictOpat/normal/action/search.svg);
background-size: 36px 36px;
background-repeat: no-repeat;
margin: 0;
padding: 0;
}

/* Croix fermer (delete.svg) */
.search-popup__close{
position: absolute;
top: 12px;
right: -30px;

height: 36px;
width: 36px;
border: none;
background: transparent;
cursor: pointer;

background-image: url(/pictOpat/stop/action/delete.svg);
background-size: 36px 36px;
background-repeat: no-repeat;
background-position: center;
}

/* jQuery UI autocomplete : toujours au-dessus + pas trop grand */
.ui-autocomplete{
z-index: 2500 !important;
max-height: min(50vh, 320px);
overflow-y: auto;
overflow-x: hidden;
border-radius: 10px;
box-shadow: 0 12px 28px rgba(0,0,0,0.18);
}

/* ========================================================================72
*/






/* __________________________________________________________________________72
[( M )]   map
_____________________________________________________________________________ */

#map {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

@media screen and (max-device-width: 1023px) {
.leaflet-container .leaflet-control-mouseposition {
background-color: rgba(75, 200, 175, 1);
border-style:solid;
border-color:white;
border-width:2px;
padding: 2px 5px 2px 5px;
margin:0;
color: #FFF;
font-family: 'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
font-size: 1em;
border-radius: 5px;
}
}
@media screen and (min-device-width: 1024px) {
.leaflet-container .leaflet-control-mouseposition {
background-color: rgba(75, 200, 175, 1);
border-style:solid;
border-color:white;
border-width:2px;
padding: 0 5px;
margin:0;
color: #FFF;
font-family: 'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
font-size: 2em;
border-radius: 5px;
}
}

.leaflet-control-zoom {
top:60px;
}

.leaflet-control-zoom-display {
background-color:#4BC8AF;
width: 24px;
height: 24px;
line-height: 24px;
display: block;
text-align: center;
vertical-align:middle;
text-decoration: none;
color: white;
font-size: 2em;
font-family: 'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
border-radius:6px;
border-width:2px;
border-style:solid;
border-color:white;
}






/* __________________________________________________________________________72
[°°] toolbar
_____________________________________________________________________________ */

#toolbar{
position: fixed;
top: var(--toolbar-top, 12px);
right: var(--toolbar-right, 12px);
z-index: var(--toolbar-z, 1500);
display: flex;
flex-direction: column;
gap: var(--toolbar-gap, 8px);
pointer-events: none;
width: var(--toolbar-width, 60px);
background:rgba(0,75,50,0.17);
border-radius:6px;
padding:6px;
/* box-shadow:2px 3px 6px #223333; */
}
/* mais les groupes/boutons restent cliquables */
#toolbar > *{ pointer-events: auto; }

#toolbar.is-raised{
top: var(--toolbar-raised-top, var(--toolbar-top, 12px));
}



/* ============================================================60
[:P]   language
===============================================================
*/

.language-flag-link {
display:inline-flex;
align-items:center;
justify-content:center;
width:24px;
height:24px;
border-radius:6px;
padding:2px;
background:transparent;
transition:transform 0.15s ease, box-shadow 0.15s ease;
}

.language-flag-link:hover {
transform:scale(1.08);
box-shadow:0 2px 6px rgba(0,0,0,0.18);
}

.language-flag-link.is-active {
box-shadow:0 0 0 1.5px #E1FF00 inset;
background:transparent;
}






/* __________________________________________________________________________72
[| |]   card
_____________________________________________________________________________ */

@keyframes Breath {
0%   { left: -110vw; }
60%  { left: 6px; }
100% { left: 12px; }
}

#card{
animation:Breath 320ms cubic-bezier(.2,.9,.2,1) both;
position:fixed;
z-index:1600;
background: transparent;
display:flex;
flex-direction:column;
overflow-y:hidden;
top:12px;
left:12px;
right:auto;
bottom:auto;
min-width:396px;
max-width:25%;
max-height:calc(100vh - 24px);
height:auto;
padding:0;
border:none;
border-radius:8px;
box-shadow:4px 3px 6px #223333;
transition:
transform 0.34s cubic-bezier(.22,1,.36,1),
top 0.28s ease,
bottom 0.28s ease,
opacity 0.24s ease;
transform:translateY(0);
will-change:transform, opacity, top, bottom;
box-sizing:border-box;
}

/*
@media (max-width: 900px){
#card{
top:12px;
left:50%;
right:auto;
bottom:auto;
transform:translateX(-50%);
max-width:560px;
min-width:420px;;
padding:0;
}
}
*/


@media (max-width: 640px){
#card{
right:12px;
bottom:auto;
width:100%;
max-height:calc(100vh - 24px);
max-height:calc(100dvh - 24px);
min-width:375px;
margin:0 auto;
}
}






/* ============================================================60
[| H |]   card header
===============================================================
*/

#card_head{
position:sticky;
top:0px;
z-index:1601;
padding:6px;
background:
linear-gradient(
to bottom,
rgba(0, 25, 37, 0.8) 0%,
rgba(0, 75, 100, 0.7) 55%,
rgba(0, 125, 150, 0.6) 100%
);
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:6px;
}

.card-head-group{
display:flex;
align-items:flex-start;
gap:6px;
}

.card-head-group--context{
justify-content:flex-start;
}

.card-head-group--fixed{
margin-left:auto;
justify-content:flex-end;
}
.card-head-action{
margin:0;
width:64px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
}

.card-head-button{
background:none;
border:none;
cursor:pointer;
padding:0;
margin:0;
display:flex;
align-items:center;
justify-content:center;
}

.card-head-action figcaption{
margin-top:4px;
font-size:0.78rem;
line-height:1.1;
color:#FFF;
opacity:90%;
}

.card-head-action.is-active figcaption{
color:#FFF;
}

.card-head-action.is-active img{
filter:none;
}

.card-head-button.is-disabled {
pointer-events: none;
cursor: default;
opacity: 1;
}

.card-head-action.is-active img {
/* optionnel si tu veux un effet lumineux */
filter: brightness(1.1);
}

.card-head-action.is-active img {
filter: drop-shadow(0 0 3px rgba(0, 100, 125, 0.6));
}






/* ============================================================60
[| B |]   card body
===============================================================
*/

#card_body{
background: rgba(242,255,255,0.8);
flex:1 1 auto;
min-height:0;
width:100%;
overflow-y:auto;
overflow-x:hidden;
max-height:calc(100vh - 144px);
max-height:calc(100dvh - 144px);
}

#card_body.card-body--dark{
background:rgba(0,25,37,0.8);
}

#card_body.card-body--light{
background:rgba(242,255,255,0.8);
}

#card [data-card-module]{
width:100%;
}

#card.card-is-reduced{
top:12px !important;
left:12px !important;
right:auto !important;
bottom:auto !important;
width:78px;
min-width:78px;
max-width:78px;
max-height:none;
height:78px;
min-height:78px;
overflow:hidden;
transform:translateY(0);
opacity:0.9;
}



/* ============================================================60
[| F |]   card footer
===============================================================
*/

#card_footer{
position:sticky;
bottom:0px;
z-index:1601;
height:30px;
display:flex;
align-items:center;
padding:4px 8px;
background:
linear-gradient(
to bottom,
rgba(0, 25, 50, 0.9) 0%,
rgba(0, 75, 100, 0.8) 55%,
rgba(0, 125, 150, 0.7) 100%
);
box-sizing:border-box;
}

#card_footer_brand{
display:inline-flex;
align-items:center;
justify-content:flex-start;
gap:6px;
text-decoration:none;
}

#card_footer_brand img{
display:block;
flex:0 0 auto;
}

.card-footer-links{
margin-left:auto;
display:inline-flex;
align-items:center;
gap:8px;
}

.card-footer-link{
width:24px;
height:24px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
text-decoration:none;
opacity:0.9;
transition:opacity 0.15s ease, transform 0.15s ease, background-color 0.15s ease;
}

.card-footer-link:hover,
.card-footer-link:focus-visible{
opacity:1;
transform:translateY(-1px);
background:rgba(255,255,255,0.14);
outline:none;
}

.card-footer-link img{
display:block;
width:22px;
height:22px;
}





/* ============================================================60
[| _ |]   card reduced
===============================================================
*/

#card.card-is-reduced #card_head{
height:78px;
padding:0px;
align-items:center;
justify-content:center;
}

#card.card-is-reduced .card-head-group--context{
display:none !important;
}

#card.card-is-reduced .card-head-group--fixed{
width:100%;
height:100%;
margin-left:0;
align-items:center;
justify-content:center;
}

#card.card-is-reduced .card-head-action{
width:auto;
}

#card.card-is-reduced #card_footer{
display:none;
}
#card.card-is-reduced #card_body{
display:none;
}

#card.card-is-reduced{
top:12px !important;
left:12px !important;
right:auto !important;
bottom:auto !important;
width:78px;
min-width:78px;
max-width:78px;
max-height:none;
height:78px;
min-height:78px;
overflow:hidden;
}

#card.card-is-reduced #card_body{
display:none;
}






/* __________________________________________________________________________72
[( Ci> )]   poi-view
_____________________________________________________________________________ */

.poi-view-shell{
display:flex;
flex-direction:column;
gap:6px;
padding:6px;
box-sizing:border-box;
}

.poi-view-head{
display:flex;
justify-content:flex-end;
align-items:center;
}

.poi-view-close{
display:inline-flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
padding:0;
border:none;
background:none;
cursor:pointer;
}

.poi-view-close img{
display:block;
width:36px;
height:36px;
}

.poi-view-body{
min-width:0;
}

.poi-view-picture-credit {
font-size: 0.72em;
color:rgba(255,255,255,0.67);
text-align:right;
font-family:'Helvetica Rounded LT Std Bold', sans-serif;
letter-spacing:0.5px;
margin-top:3px;
}
#card-poi-view .item-editor-text{
margin:6px 0;
}

#card-poi-view .poi-view-picture-credit{
padding-top:3px;
}







/* __________________________________________________________________________72
[( ad )]   promo
_____________________________________________________________________________ */

/* Overlay sombre derriere le popup */
.promo-popup-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.55);
z-index: 9998;
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease;
}

/* Conteneur du popup */
.promo-popup {
position: fixed;
top: 50%;
left: 50%;
max-width: 420px;
max-height: 95vh;
width: 67%;
background: #ffffff;
border-radius: 12px;
padding: 16px 16px 24px 16px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
transform: translate(-50%, -50%) scale(0.85);
opacity: 0;
pointer-events: none;
z-index: 9999;
transition: opacity 0.25s ease, transform 0.25s ease;
}

/* Visible */
.promo-popup.is-visible,
.promo-popup-overlay.is-visible {
opacity: 1;
pointer-events: auto;
}
.promo-popup.is-visible {
transform: translate(-50%, -50%) scale(1);
}

/* Close (croix) */
.promo-popup-close {
position: absolute;
top: 6px;
right: 10px;
border: none;
background: transparent;
font-size: 24px;
cursor: pointer;
line-height: 1;
}

/* Titre (tu peux le rendre plus discret si tu veux) */
.promo-popup-title {
margin: 0 0 8px;
font-size: 18px;
text-align: center;
}

/* Image promo */
.promo-popup-image {
display: block;
margin:0 auto;
width: auto;
height: auto;
max-height: 80vh;
max-width:100%;
}

/* Bouton sous l'image */
.promo-popup-cta {
display: inline-block;
margin-top: 12px;
padding: 12px 18px;
background: #E1AF00; /* couleur Mini-Ardenne adapter */
color: #fff;
text-decoration: none;
border-radius: 999px;
font-size: 15px;
text-align: center;
}
.promo-popup-cta:hover {
filter: brightness(1.05);
}






/* ________________________________________________________________________72
[( Ci> POP! )]   poi-popup
___________________________________________________________________________
*/

@media screen and (max-device-width: 1023px) {
#feature_infos {
display:none;
width:auto;
height:auto;
position:fixed;
bottom:6px;
right:6px;
padding:8px;
border:3px solid white;
z-index:100000;
border-radius: 16px;
background: #00647D;
-webkit-box-shadow:
4px 3px 6px #223333;
-moz-box-shadow: 
4px 3px 6px #223333;
-o-box-shadow: 
4px 3px 6px #223333;
box-shadow: 
4px 3px 6px #223333;
}	
}

@media screen and (min-device-width: 1024px) {
#feature_infos {
	display:none;
    width:0;
    height:0;	
}
}

#info {
}






/* ________________________________________________________________________72
[( C[\ )]   connexion
___________________________________________________________________________
*/

.form-popup {
width: 100%;
height: 100%;
display: none;
position: fixed;
border: none;
z-index: 100000000;
background-color: rgba(0,0,0,0.4);
top:0;
}

.form-container {
max-width: 300px;
padding: 12px;
background-color: #00647D;
border:3px solid white;
border-radius:24px; 
box-shadow: 4px 3px 6px #223333;
z-index: 100000000;
}

#menudiv .form-container,
#myForm .form-container {
position:fixed;
top:12px;
right:12px;
}

@media (max-width: 640px) {
.form-container {
top:168px;
left:50%;
transform: translateX(-50%);
max-width:100%;
}
}

/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1000; /* Sit on top */
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
background-color: #FFFFFF;
margin:0px;
padding: 10px;
border-radius:0px 8px 8px 0px;
width: 768px; /* Could be more or less, depending on screen size */
height: 800px; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
color: #000000;
float: right;
font-size: 28px;
font-weight: bold;
position:relative;
top:0;
right:10px;
}

.close:hover,
.close:focus {
color: red;
text-decoration: none;
cursor: pointer;
}

.subbutton {
background-color: #FFFFFF;
transition-duration: 0.4s;
cursor: pointer;
height:48px;
width:48px;
border-style:none;
border-radius:30px;
background-size:45px 45px;
background-repeat:no-repeat;
margin:0px 4px 10px 4px;
}

.subbutton1 {
background-color: white; 
}

.subbutton1:hover {
background-color: #CCFF00;
}

.closebox {
color: #FFFFFF;
float: right;
font-size: 28px;
font-weight: bold;
position:absolute;
top:0;
right:10px;
}

.closebox:hover,
.closebox:focus {
color: red;
text-decoration: none;
cursor: pointer;
}

.goto {
color: #FFFFFF;
font-size: 1em;
line-height:1px;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
}

.goto:hover,
.goto:focus {
color: #CCFF00;
text-decoration: none;
cursor: pointer;
}







/* __________________________________________________________________________72
[( item editor variants )]   universal item_*_v2 variants
_____________________________________________________________________________ */

.item-editor-text{
text-align:justify;
text-justify:inter-word;
margin:12px 0;
padding:12px;
background:#E1FF00;
border-width:1px 2px;
border-style:solid;
border-color:black;
font-size:clamp(1rem, 1.12vw, 1.25rem);
line-height:1.35;
letter-spacing:0.25pt;
color:#000;
font-family:'Komika', 'Helvetica Neue', Arial, sans-serif;
}

.item-editor-text.item-editor-text--default,
.item-editor-text.item-editor-text--summary{
background:#E1FF00;
}

.item-editor-text.item-editor-text--text-1,
.item-editor-text.item-editor-text--text_1{
background:#AFD4FF;
}

.item-editor-text.item-editor-text--etymology{
background:#C8C8AF;
}

.item-editor-text.item-editor-text--history{
background:#AFAFAF;
}

.item-editor-text.item-editor-text--folklore{
background:#AF96E1;
}

.item-editor-text.item-editor-text--science{
background:#00C8FF;
}

.item-editor-text.item-editor-text--faq{
background:none;
border:none;
font-size:clamp(1.5rem, 1.5vw, 2rem);
font-family:'Komika', 'Helvetica Neue', Arial, sans-serif;
letter-spacing:0.25pt;
}

.item-editor-text--catch{
background:none;
border:none;
font-size:clamp(1.5rem, 1.75vw, 2rem);
font-family:'Bestime', 'Cookie', Arial, sans-serif;
line-height:2rem;
letter-spacing:-1.5px;
}

.item-editor-picture{
width:100%;
height:auto;
display:block;
border:3px solid #fff;
box-sizing:border-box;
}

.item-editor-picture--contourless,
.item-editor-picture--pure{
border:none !important;
}
.item-list-card{
position:relative;
max-width:460px;
width:calc(100% - 0px);
margin:14px auto;
padding:0;
border:none;
border-radius:10px;
background:rgba(62,87,100,1);
overflow:hidden;
display:block;
}

.item-list-card:hover,
.item-list-card.is-hovered{
background:rgba(75,100,112,1);
box-shadow:4px 7px 16px rgba(0,0,0,0.42);
}

.item-list-card__media{
position:relative;
display:block;
background:none;
padding:0 12px 12px 12px;
}

.item-list-card__media img{
display:block;
width:100%;
height:auto;
border:3px solid white;
border-radius:0;
box-sizing:border-box;
}

.item-list-card__media .route-view-picture-credit{
display:block;
max-width:100%;
margin-top:4px;
padding:0;
background:transparent;
color:rgba(255,255,255,0.67);
font-size:0.72em;
line-height:1.2;
text-align:right;
font-family:'Helvetica Rounded LT Std Bold', sans-serif;
letter-spacing:0.5px;
text-shadow:none;
box-sizing:border-box;
}

.item-list-card__header{
display:flex;
align-items:flex-start;
gap:10px;
padding:8px 12px 0 12px;
margin-top:0;
position:relative;
z-index:1;
}

.item-list-card__icon{
width:72px;
height:72px;
flex:0 0 72px;
display:flex;
align-items:center;
justify-content:center;
transform:rotate(-10deg);
margin-top:-1px;
position:relative;
z-index:1;
}

.item-list-card__icon img{
display:block;
width:72px;
height:72px;
object-fit:contain;
filter:
drop-shadow(1px 2px 2px rgba(0,0,0,0.9))
drop-shadow(4px 6px 8px rgba(0,0,0,0.4));
}

.item-list-card__title{
display:block;
margin:0;
color:var(--item-title-color, #fff);
font-family:'Bestime', 'Cookie', Arial, sans-serif;
font-size:clamp(1.5rem, 2vw, 2.25rem);
line-height:0.92;
letter-spacing:-2px;
text-decoration:none;
overflow-wrap:anywhere;
text-shadow:
-1px -1px 0 var(--item-title-outline, var(--item-accent)),
0 -1px 0 var(--item-title-outline, var(--item-accent)),
1px -1px 0 var(--item-title-outline, var(--item-accent)),
-1px 0 0 var(--item-title-outline, var(--item-accent)),
1px 0 0 var(--item-title-outline, var(--item-accent)),
-1px 1px 0 var(--item-title-outline, var(--item-accent)),
0 1px 0 var(--item-title-outline, var(--item-accent)),
1px 1px 0 var(--item-title-outline, var(--item-accent)),
-2px 0 0 var(--item-title-outline, var(--item-accent)),
2px 0 0 var(--item-title-outline, var(--item-accent)),
0 -2px 0 var(--item-title-outline, var(--item-accent)),
0 2px 0 var(--item-title-outline, var(--item-accent)),
-2px -1px 0 var(--item-title-outline, var(--item-accent)),
2px -1px 0 var(--item-title-outline, var(--item-accent)),
-2px 1px 0 var(--item-title-outline, var(--item-accent)),
2px 1px 0 var(--item-title-outline, var(--item-accent)),
-1px -2px 0 var(--item-title-outline, var(--item-accent)),
1px -2px 0 var(--item-title-outline, var(--item-accent)),
-1px 2px 0 var(--item-title-outline, var(--item-accent)),
1px 2px 0 var(--item-title-outline, var(--item-accent)),
1px 3px 5px rgba(0,0,0,0.75);
}


.item-list-card--startparking{
--item-title-outline:#00647D;
}

.item-list-card--capital-city{
--item-title-color:#E1FF00;
--item-title-outline:#000;
}

.item-list-card--village{
--item-title-color:#00647D;
--item-title-outline:#fff;
}

.item-list-card--locality{
--item-title-color:#FFF;
--item-title-outline:#000;
}

.item-list-card__heading{
display:flex;
flex-direction:column;
align-items:flex-start;
margin:7px 0 0 -12px;
min-width:0;
position:relative;
z-index:2;
}

.item-list-card__type{
display:inline-flex;
align-items:flex-start;
gap:6px;
width:100%;
max-width:100%;
color:#FFF;
font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Narrow', Arial, sans-serif;
font-size:0.78rem;
line-height:1.05;
letter-spacing:0.75px;
text-shadow:none;
margin:0 0 7px 2px;
padding:0;
border:0;
border-radius:0;
box-shadow:none;
background:transparent;
flex-wrap:nowrap;
}

.item-list-card__type-icon{
width:24px;
height:24px;
flex:0 0 auto;
}


.item-list-card__type-text{
display:flex;
flex-direction:column;
justify-content:flex-start;
min-width:0;
max-width:calc(100% - 30px);
line-height:1.08;
}

.item-list-card__type-line,
.item-list-card__type-subcategory{
display:block;
max-width:100%;
overflow-wrap:anywhere;
}

.item-list-card__type-subcategory{
opacity:.92;
margin-top:1px;
line-height:1.05;
}

.item-list-card__type-detail{
opacity:.92;
}

.item-list-card__meta{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
justify-content:flex-start;
padding:0 12px 10px 12px;
}

.item-list-card__pill{
display:inline-flex;
align-items:center;
background:#00647D;
border:2.5px solid white;
border-radius:12px;
padding:5px 12px;
color:#fff;
font-family:'Helvetica Rounded LT Std Bold', sans-serif;
font-size:0.82rem;
line-height:1;
letter-spacing:0;
box-shadow:3px 3px 6px rgba(0,0,0,0.45);
}

.item-list-card__landmark{
flex:0 0 auto;
box-shadow:3px 3px 6px rgba(0,0,0,0.45);
}

.item-list .route-list-title h2{
color:#fff;
text-shadow:1px 2px 3px rgba(0,0,0,0.75);
}

.item-list-card__locality{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
margin:0 12px 12px 12px;
}

.item-list-card__country-flag{
display:block;
width:36px;
height:36px;
flex:0 0 36px;
object-fit:contain;
transform:none;
}

.item-list-card__locality span{
display:inline-flex;
align-items:center;
justify-content:center;
background:#00647D;
border:3px solid white;
border-radius:10px;
padding:7px 18px;
color:#fff;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold', sans-serif;
font-size:clamp(1rem, 1.35vw, 1.35rem);
line-height:1;
letter-spacing:0.5px;
text-align:center;
box-shadow:4px 3px 6px rgba(0,0,0,0.6);
transform:rotate(-3deg);
max-width:100%;
}

.item-list-card__locality--capital-city span{
background:#E1FF00;
border-color:#000;
color:#000;
}

.item-list-card__locality--village span{
background:#00647D;
border-color:#fff;
color:#fff;
}

.item-list-card__locality--startparking span{
background:#fff;
border-color:#00647D;
color:#00647D;
}

.item-list-card__locality--locality span{
background:#fff;
border-color:#000;
color:#000;
}

.item-list-card__summary{
margin:0 12px 14px 12px;
}

.item-list-card__summary .item-editor-text{
margin:0;
line-height:1.35;
}

.item-list-card__catch{
padding:0 12px 8px 12px;
}

.item-list-card__catch .item-editor-text{
margin:0;
padding:0;
color:#fff;
text-align:left;
}

.item-list-card__cta{
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
padding:0;
border:none;
background:transparent;
appearance:none;
-webkit-appearance:none;
cursor:pointer;
text-decoration:none;
}

.item-list-card__cta img{
display:block;
width:36px;
height:36px;
filter:
drop-shadow(1px 2px 2px rgba(0,0,0,0.7))
drop-shadow(3px 4px 6px rgba(0,0,0,0.35));
}

.item-list-card__actions{
display:flex;
align-items:center;
gap:10px;
margin:0 12px 12px 12px;
}

.item-list-card__locate{
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
padding:0;
border:none;
background:none;
cursor:pointer;
}

.item-list-card__locate img{
display:block;
width:36px;
height:36px;
filter:
drop-shadow(1px 2px 2px rgba(0,0,0,0.7))
drop-shadow(3px 4px 6px rgba(0,0,0,0.35));
}

.poi-same-list,
.walk-same-list{
background:#1C2D2D;
border:none;
border-radius:10px;
margin:24px 0 0 0;
padding:12px;
}

.poi-same-list__title,
.walk-same-list__title{
display:flex;
align-items:center;
justify-content:flex-start;
gap:8px;
padding:8px 10px;
color:#fff;
}

.poi-same-list__title h2,
.walk-same-list__title h2{
margin:0;
flex:1;
color:#fff;
font-family:'Helvetica Rounded LT Std Bold', sans-serif;
font-size:16px;
line-height:1.15;
letter-spacing:0.25px;
text-shadow:1px 2px 3px rgba(0,0,0,0.75);
}

.poi-same-list__title span,
.walk-same-list__title span{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:40px;
height:28px;
padding:0 8px;
border:2px solid #000;
border-radius:4px;
background:#000;
color:#fff;
font-family:'Helvetica Rounded LT Std Bold', sans-serif;
font-size:0.95rem;
line-height:1;
box-sizing:border-box;
}

.poi-same-list__items,
.walk-same-list__items{
display:flex;
flex-direction:column;
gap:14px;
}

.poi-same-card,
.walk-same-card{
margin:0;
}

.route-view-intro.item-editor-text{
width:auto;
margin:12px 0;
}





/* ============================================================
   Legal pages
=============================================================== */
.legal-page-shell{
min-height:100vh;
background:
linear-gradient(
to bottom,
rgba(0, 25, 37, 0.8) 0%,
rgba(0, 25, 37, 0.8) 50%,
rgba(0, 62, 87, 1) 100%
)
top / 100% 100vh no-repeat,
rgba(0, 62, 87, 1);
color:#fff;
font-family:'Helvetica Neue', Helvetica, sans-serif;
}

.legal-page-wrap{
width:min(980px, calc(100% - 24px));
margin:0 auto;
padding:22px 0 36px;
}

.legal-page-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:16px;
margin-bottom:18px;
}

.legal-page-brand{
display:inline-flex;
align-items:center;
gap:10px;
text-decoration:none;
color:#fff;
min-width:0;
}

.legal-page-brand img{
display:block;
flex:0 0 auto;
}

.legal-page-brand-wordmark{
height:24px;
max-width:min(220px, 52vw);
}

.legal-page-actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:12px;
flex-wrap:wrap;
}

.legal-page-action-link{
display:block;
width:76px;
color:#fff;
text-align:center;
text-decoration:none;
opacity:0.78;
transition:opacity 160ms ease, transform 160ms ease;
}

.legal-page-action-link figure{
margin:0;
display:flex;
flex-direction:column;
align-items:center;
gap:5px;
}

.legal-page-action-link img{
display:block;
width:34px;
height:34px;
}

.legal-page-action-link figcaption{
width:100%;
color:#fff;
font-family:'Helvetica Rounded LT Bold Condensed', 'Arial Rounded MT Bold', Arial, sans-serif;
font-size:clamp(0.68rem, 0.78vw, 0.78rem);
line-height:1.05;
letter-spacing:0.033rem;
overflow-wrap:anywhere;
}

.legal-page-action-link:hover,
.legal-page-action-link:focus-visible,
.legal-page-action-link.is-active{
opacity:1;
transform:translateY(-1px);
outline:none;
}

.legal-page-language-link{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
text-decoration:none;
opacity:0.86;
transition:opacity 160ms ease, transform 160ms ease;
}

.legal-page-language-link:hover,
.legal-page-language-link:focus-visible{
opacity:1;
transform:translateY(-1px);
outline:none;
}

.legal-page-language-link img{
display:block;
width:28px;
height:28px;
}

.legal-page-card{
background:rgba(0,25,37,0.8);
border:1px solid rgba(255,255,255,0.16);
border-radius:8px;
box-shadow:0 18px 50px rgba(0,0,0,0.28);
overflow:hidden;
}

.legal-page-intro{
padding:24px 24px 18px;
background:
linear-gradient(
to bottom,
rgba(0, 25, 37, 0.8) 0%,
rgba(0, 75, 100, 0.7) 55%,
rgba(0, 125, 150, 0.6) 100%
);
border-bottom:1px solid rgba(255,255,255,0.14);
display:flex;
align-items:center;
gap:18px;
}

.legal-page-intro-icon{
display:block;
width:78px;
height:78px;
flex:0 0 auto;
}

.legal-page-intro-copy{
min-width:0;
}

.legal-page-kicker{
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold', Arial, sans-serif;
margin:0 0 8px;
color:#AFE100;
font-size:15px;
font-weight:800;
letter-spacing:0.5px;
}

.legal-page-title{
margin:0;
font-size:clamp(28px, 4vw, 44px);
line-height:1.05;
color:#fff;
}

.legal-page-subtitle{
font-family:'Helvetica Neue', Helvetica, sans-serif;
margin:10px 0 0;
max-width:760px;
color:rgba(255,255,255,0.78);
font-size:16px;
line-height:1.5;
}

.legal-page-section{
padding:22px 24px;
}

.legal-page-section + .legal-page-section{
border-top:1px solid rgba(255,255,255,0.12);
}

.legal-page-section-title{
margin:0 0 14px;
font-size:21px;
line-height:1.2;
color:#AFE100;
}

.legal-page-content{
font-size:16px;
line-height:1.62;
color:rgba(255,255,255,0.9);
}

.legal-page-content p,
.legal-page-content strong{
color:rgba(255,255,255,0.9);
}

.legal-page-content p{
margin:0 0 1.15em;
}

.legal-page-content h2{
color:#AFE100;
}

.legal-page-content h1{
margin:8px 0 20px;
color:#fff;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold', Arial, sans-serif;
font-size:clamp(1.8rem, 2.6vw, 2.4rem);
line-height:1.1;
font-weight:normal;
}

.legal-page-content .legal-numbered-title{
display:flex;
align-items:center;
gap:10px;
margin:34px 0 16px;
color:#fff;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold', Arial, sans-serif;
font-size:clamp(1.45rem, 2vw, 1.85rem);
line-height:1.15;
font-weight:normal;
}

.legal-page-content .legal-numbered-title:first-of-type{
margin-top:28px;
}

.legal-page-content .legal-numbered-title img{
width:28px;
height:28px;
margin:0;
flex:0 0 auto;
}

.legal-page-content .legal-page-subtitle-title{
margin:22px 0 12px;
color:#AFE100;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold', Arial, sans-serif;
font-size:clamp(1.05rem, 1.3vw, 1.25rem);
line-height:1.2;
font-weight:normal;
}

.legal-page-content .legal-return-item{
display:flex;
align-items:flex-start;
gap:10px;
margin:0 0 1.15em;
color:rgba(255,255,255,0.9);
}

.legal-page-content .legal-return-item img{
width:28px;
height:28px;
margin:0;
flex:0 0 auto;
}

.legal-page-content a{
color:#AFE100;
}

.legal-page-content img{
vertical-align:middle;
margin-right:6px;
}

.legal-page-content font{
font-family:inherit !important;
}

.legal-page-content .title_white,
.legal-page-content .maxititle_white{
color:#fff;
font-family:inherit;
font-weight:800;
}

.legal-page-content .minititle_white{
color:#AFE100;
font-family:inherit;
font-weight:800;
}

.legal-cookie-control{
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap;
}

.legal-cookie-switch{
position:relative;
display:inline-block;
width:60px;
height:34px;
flex:0 0 auto;
}

.legal-cookie-switch input{
opacity:0;
width:0;
height:0;
}

.legal-cookie-slider{
position:absolute;
cursor:pointer;
top:0;
left:0;
right:0;
bottom:0;
background-color:#C80000;
transition:0.25s;
border-radius:34px;
}

.legal-cookie-slider:before{
position:absolute;
content:"";
height:26px;
width:26px;
left:4px;
bottom:4px;
background-color:#fff;
transition:0.25s;
border-radius:50%;
}

.legal-cookie-switch input:checked + .legal-cookie-slider{
background-color:#7DC800;
}

.legal-cookie-switch input:checked + .legal-cookie-slider:before{
transform:translateX(26px);
}

.legal-cookie-status{
margin:0;
font-size:14px;
font-weight:800;
letter-spacing:0.08em;
color:#fff;
}

.legal-page-footer{
padding:16px 24px 20px;
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
flex-wrap:wrap;
background:
linear-gradient(
to bottom,
rgba(0, 25, 50, 0.9) 0%,
rgba(0, 75, 100, 0.8) 55%,
rgba(0, 125, 150, 0.7) 100%
);
color:rgba(255,255,255,0.78);
font-size:13px;
}

.legal-page-footer-brand{
display:inline-flex;
align-items:center;
gap:8px;
min-width:0;
}

.legal-page-footer-brand img{
display:block;
flex:0 0 auto;
}

.legal-page-footer-brand--owner .legal-page-footer-logo{
width:38px;
height:38px;
}

.legal-page-footer-brand--owner .legal-page-footer-wordmark{
height:28px;
max-width:min(260px, 46vw);
}

.legal-page-footer-brand--product .legal-page-footer-logo{
width:30px;
height:30px;
}

.legal-page-footer-brand--product .legal-page-footer-wordmark{
height:22px;
max-width:min(210px, 40vw);
}

@media (max-width:640px){
.legal-page-wrap{
width:min(100% - 12px, 980px);
padding-top:10px;
}
.legal-page-header{
align-items:flex-start;
}
.legal-page-actions{
max-width:56%;
gap:9px;
}
.legal-page-action-link{
width:58px;
}
.legal-page-action-link img{
width:30px;
height:30px;
}
.legal-page-action-link figcaption{
font-size:0.64rem;
}
.legal-page-language-link{
width:30px;
height:30px;
}
.legal-page-language-link img{
width:26px;
height:26px;
}
.legal-page-intro,
.legal-page-section,
.legal-page-footer{
padding-left:14px;
padding-right:14px;
}
.legal-page-intro{
gap:12px;
}
.legal-page-intro-icon{
width:58px;
height:58px;
}
.legal-page-content{
font-size:15px;
}
}
/* ________________________________________________________________________72
[INFO VIEW] communication pages
___________________________________________________________________________ */

.info-view-page{
margin:0;
background:#0C1919;
color:#fff;
font-family:'Helvetica Rounded LT Std Bold', Arial, sans-serif;
}

.info-view-shell{
width:min(760px, calc(100% - 20px));
margin:12px auto 28px auto;
padding:10px 6px 18px 6px;
box-sizing:border-box;
background:rgba(12,25,25,.86);
color:#fff;
}

.info-view-header{
display:flex;
align-items:flex-start;
gap:0;
margin:0 0 10px 0;
}

.info-view-icon{
width:72px;
min-width:72px;
display:flex;
justify-content:center;
transform:rotate(-10deg);
z-index:2;
}

.info-view-icon img{
width:72px;
height:auto;
display:block;
filter:drop-shadow(1px 2px 2px rgba(0,0,0,.9)) drop-shadow(4px 6px 8px rgba(0,0,0,.35));
}

.info-view-title{
width:100%;
margin-left:0;
margin-top:12px;
z-index:3;
box-sizing:border-box;
}

.info-view-title .route-view-title-text{
margin:0;
color:#fff;
text-shadow:-1px -1px 0 #00647D,0 -1px 0 #00647D,1px -1px 0 #00647D,-1px 0 0 #00647D,1px 0 0 #00647D,-1px 1px 0 #00647D,0 1px 0 #00647D,1px 1px 0 #00647D,-2px 0 0 #00647D,2px 0 0 #00647D,0 -2px 0 #00647D,0 2px 0 #00647D;
}

.info-view-manager-button{
margin-top:8px;
}

.info-view-main-picture,
.info-view-insert{
margin:8px 0;
}

.info-view-main-picture img{
width:100%;
height:auto;
display:block;
border:3px solid #fff;
box-sizing:border-box;
}

#card-info-view .info-view-shell{
background:transparent;
margin-top:0;
margin-bottom:0;
}
.info-view-body{
display:flex;
flex-direction:column;
gap:6px;
}

.info-view-body .item-editor-text{
margin:0;
}

.info-view-attributes-box,
.info-view-links-box{
margin:8px 0;
}

/* Item-view image lightbox */
#card-poi-view .poi-view-picture img,
#card-poi-view .route-view-picture-img{
cursor:zoom-in;
}

.item-view-lightbox{
position:fixed;
inset:0;
z-index:1000000;
display:none;
align-items:center;
justify-content:center;
padding:16px;
background:rgba(0,0,0,0.9);
box-sizing:border-box;
}

.item-view-lightbox.is-open{
display:flex;
}

.item-view-lightbox__image{
display:block;
max-width:calc(100vw - 32px);
max-height:calc(100vh - 32px);
width:auto;
height:auto;
object-fit:contain;
}

.item-view-lightbox__close{
position:fixed;
top:max(10px, env(safe-area-inset-top));
right:max(10px, env(safe-area-inset-right));
z-index:1;
display:flex;
align-items:center;
justify-content:center;
width:48px;
height:48px;
padding:0;
border:0;
background:transparent;
cursor:pointer;
filter:drop-shadow(2px 3px 4px rgba(0,0,0,0.8));
}

.item-view-lightbox__close img{
display:block;
width:48px;
height:48px;
}