/* ________________________________________________________________________72
[i]   status
___________________________________________________________________________
*/

.poi-status-ok{
background:#007D4B;
padding:12px;
color:white;
border-radius:12px;
font-family: 'Helvetica Rounded LT Std Bold';
border:3px solid white;
letter-spacing:0.5px;
}

.poi-status-stop{
background:#E11932;
padding:12px;
color:white;
border-radius:12px;
font-family: 'Helvetica Rounded LT Std Bold';
border:3px solid white;
letter-spacing:0.5px;
}






/* ________________________________________________________________________72
[°>]   poi-view
___________________________________________________________________________
*/

.poi-view-header{
display:flex;
align-items:flex-start;
background:white;
border-radius:16px;
padding:3px;
box-sizing:border-box;
gap:2px;
border:none;
margin-top:-6px;
}

.poi-view-icon img{
display:flex;
align-items:center;
box-sizing:border-box;
width:96px;
border:none;
}

.poi-view-title{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
text-align:left;
height:auto;
width:100%;
padding:6px;
box-sizing:border-box;
overflow-wrap: break-word;
word-break: normal;
border-radius:12px;
min-height:60px;
border:2px solid white;
}

.poi-view-category{
text-align:center;
max-width:72px;
margin-top:12px;
}

.poi-view-picture{
width:auto;
margin:0 auto;
margin-top:8px;
padding:0px 6px;
}

.poi-view-author{
width:100%; 
text-align:right;
color:#7D7D7D;
font-family: 'Helvetica Rounded LT Std Bold';
letter-spacing:0.5px;
font-size:75%;
margin-bottom:24px;
}

.poi-view-locality{
display:flex;
margin-bottom:12px;
}

.poi-view-location{
margin:0 auto;
width:auto;
background-color:#00647D;
border-radius:18px;
padding:12px;
border:3px solid white;
margin-top:24px;
margin-right:12px;
margin-bottom:12px;
margin-left:12px;
}





/* ________________________________________________________________________72
[-O]   attribute
*/

.poi-view-attributes{
margin:6px 0px;
display:flex;
align-items:flex-start;
gap:6px;
}

.poi-view-attributes-icon{
width:24px;
height:24px;
}

.poi-view-attributes-k{
width:33%;
text-align:center;
border-radius:4px;
background:#FFF;
padding:3px;
line-height:18px;
}

.poi-view-attributes-k strong{
font-size:80%;
letter-spacing:0.5px;
}

.poi-view-attributes-v{
width:66%;
text-align:center;
border-radius:4px;
background:#E1FF00;
padding:3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height:18px;
}

.poi-view-attributes-v strong{
font-size:80%;
letter-spacing:0.5px;
}



/* ________________________________________________________________________72
[0°]   link
*/

.poi-view-links{
margin:6px 0px;
display:flex;
align-items:flex-start;
gap:6px;
}

.poi-view-links-icon{
width:24px;
height:24px;
}

.poi-view-links-k{
width:33%;
text-align:center;
border-radius:4px;
background:#FFF;
padding:3px;
line-height:18px;
}

.poi-view-links-k strong{
font-size:80%;
letter-spacing:0.5px;
}

.poi-view-links-v{
width:66%;
min-width:0;
text-align:center;
border-radius:4px;
background:#E1FF00;
padding:3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height:18px;
}

.poi-view-links-v strong{
display:block;
font-size:80%;
letter-spacing:0.5px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}






/* ________________________________________________________________________72
[|||]   poi-list
___________________________________________________________________________
*/

.poi-list-card{
display:block;
width:auto;
padding:12px;
background-color:#FFF;
border-radius:18px;
}

.poi-list-card-head{
display:flex;
align-items:center;
justify-content:center;
margin-bottom:24px;
gap:0;
color:#000;
}

.poi-list-card-icon{
width:60px;
height:60px;
flex:0 0 60px;
}

.poi-list-card-title{
width:100%;
padding:12px;
text-align:left;
}

.poi-list-card-title h2{
margin:0;
}

.poi-list-card-counter{
background:rgba(0,0,0,0.8);
border-radius:3px;
font-size:16px;
font-family:'Helvetica Rounded LT Std Bold', sans-serif;
letter-spacing:7.5px;
width:72px;
height:24px;
padding:3px;
display:flex;
align-items:center;
justify-content:flex-end;
padding-right:0px;
padding-left:16px;
color:white;
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),
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);
}

.poi-list-box{
background:white;
border-radius:18px;
border:3px solid white;
}

.poi-list-box--empty{
padding:12px;
}

.poi-list-items{
display:flex;
flex-direction:column;
gap:6px;
}

.poi-list-item{
max-width:420px;
width:100%;
box-sizing:border-box;
margin:6px auto;
text-align:left;
border:3px solid white;
border-radius:18px;
padding:10px 12px;
background:#00647D;
display:flex;
align-items:stretch;
gap:6px;
cursor:pointer;
}

.poi-list-content{
flex:1 1 auto;
min-width:0;
display:flex;
flex-direction:column;
justify-content:space-between;
gap:10px;
}

.poi-list-title{
display:flex;
align-items:flex-start;
gap:8px;
min-width:0;
}

.poi-list-title-icon{
width:36px;
height:36px;
flex:0 0 36px;
}

.poi-list-title-icon img{
display:block;
}

.poi-list-title-link{
text-decoration:none;
}

.poi-list-item-title{
display:block;
font-family: 'Helvetica Rounded LT Std Bold', sans-serif;
letter-spacing:0.5px;
color:white;
font-size:clamp(0.8rem, 0.9vw, 1rem);
margin-bottom: 4px;
}

.poi-list-item-meta{
display:block;
}

.poi-list-meta-row{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
margin-top:auto;
}

.poi-list-locate-wrap{
text-align:center;
}

.poi-list-locate-inner{
text-align:center;
width:36px;
height:36px;
margin:0 auto;
}

.poi-list-locate{
display:inline-flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
width:36px;
height:36px;
}

.poi-list-locality {
display:inline-flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
text-align:center;
background:#00647D;
border:2.5px solid white;
border-radius:8px;
padding:6px;
font-size:12px;
font-family: 'Helvetica Rounded LT Std Bold', sans-serif;
letter-spacing:0.67px;
color:white;
margin:0px;
}

.poi-list-thumb-wrap{
width:132px;
flex:0 0 132px;
display:flex;
flex-direction:column;
align-items:flex-end;
}

.poi-list-thumb{
width:120px;
min-width:120px;
overflow:hidden;
display:flex;
align-items:center;
justify-content:center;
background:none;
height:auto;
border:2px solid white;
}

.poi-list-thumb img{
display:block;
object-fit:cover;
}

.poi-list-thumb a{
display:block;
}

.poi-list-thumb--fallback{
display:flex;
align-items:center;
justify-content:center;
background:white;
aspect-ratio:16 / 10;
}

.poi-list-thumb-link{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
flex:1 1 auto;
text-align:center;
}

.poi-list-thumb-icon{
width:72px;
height:72px;
display:block;
margin:auto;
}

.poi-list-img{
width:100%;
object-fit:cover;
display:block;
}

.poi-list-picture-credit{
margin-top: 4px;
font-size: 0.68em;
line-height: 1.2;
color: #FFF;
text-align: right;
max-width: 120px;
font-family: 'Helvetica Rounded LT Std Bold', sans-serif;
letter-spacing:0.5px;
}

.poi-view-shell{
position:relative;
width:100%;
}

.poi-view-head{
display:flex;
justify-content:flex-end;
margin:0 12px;
}

.poi-view-close{
background:none;
border:none;
padding:0;
margin:0;
cursor:pointer;
}

.poi-view-body{
width:100%;
}

.poi-view-picture-credit{
width:100%;
text-align:right;
color:#7D7D7D;
font-family:'Helvetica Rounded LT Std Bold';
letter-spacing:0.5px;
font-size:75%;
padding:6px 12px 0 12px;
box-sizing:border-box;
}

.poi-list-item.is-hovered{
background:#0096AF;
}

.ebook-view-item-locality {
display:inline-flex;
flex-direction:column;
align-items:flex-start;
align-items:center;
gap:8px;
font-family:'Helvetica Rounded LT Std Bold', 'Arial Rounded MT Bold';
color:#FFF;
font-size:2rem;
letter-spacing:0.5px;
background:#00647D;
border:3px solid white;
border-radius:12px;
transform:rotate(-5deg);
text-align:center;
margin-top:0px;
margin-bottom:12px;
box-shadow:4px 3px 6px #223333;
padding:4px 24px;
max-width:100%;
white-space:normal;
}

.ebook-view-item-locality-name {
display:block;
line-height:1.05;
}

.ebook-view-item-municipality {
display:block;
font-size:1rem;
line-height:1.2;
opacity:0.92;
margin-top:2px;
}

.link-list {
display:flex;
flex-direction:column;
gap:8px;
width:100%;
}
.ebook-view-insert-link-anchor {
display:flex;
flex-direction:column;
gap:4px;
padding:12px 14px;
border-radius:14px;
background:#0b7052;
color:#ffffff;
text-decoration:none;
width:100%;
box-sizing:border-box;
}

.ebook-view-insert-link-anchor.is-static {
cursor:default;
}

.ebook-view-insert-link-key {
font-size:0.8rem;
text-transform:uppercase;
letter-spacing:0.05em;
opacity:0.84;
}

.ebook-view-insert-link-value {
font-size:0.98rem;
line-height:1.45;
word-break:break-word;
}

.poi-view-links-box{
margin:0 auto;
width:auto;
background-color:#00647D;
border-radius:12px;
padding:12px;
margin-top:24px;
margin-bottom:24px;
margin-left:12px;
margin-right:12px;
}

.poi-view-links-head{
display:flex;
align-items:center;
margin-bottom:12px;
}

.poi-view-link-anchor{
color:#000;
text-decoration:none;
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.poi-view-attributes-box{
margin:0 auto;
width:auto;
background-color:#00647D;
border-radius:12px;
padding:12px;
margin-top:24px;
margin-bottom:24px;
margin-left:12px;
margin-right:12px;
}

.poi-view-attributes-head{
display:flex;
align-items:center;
margin-bottom:12px;
}






/* ________________________________________________________________________72
[V2]   text variants
___________________________________________________________________________
*/

.poi-view-intro{
text-align:justify;
margin:0 auto;
width:auto;
margin-top:12px;
padding:12px;
background:none;
border-width:1px 2px;
border-style:solid;
border-color:black;
}

.poi-view-intro--default {
background:#E1FF00;
padding:12px;
margin:12px 0;
font-size:clamp(1rem, 1.12vw, 1.25rem);
letter-spacing:0.25pt;
color:#000;
font-family:'Komika';
}

.poi-view-intro--summary {
background:#E1FF00;
padding:12px;
margin:12px 0;
font-size:clamp(1rem, 1.12vw, 1.25rem);
letter-spacing:0.25pt;
color:#000;
font-family:'Komika';
}

.poi-view-intro--text-1 {
background:#E1FF00;
padding:12px;
margin:12px 0;
font-size:clamp(1rem, 1.12vw, 1.25rem);
letter-spacing:0.25pt;
color:#000;
font-family:'Komika';
}

.poi-view-intro--etymology {
background:#C8C8AF;
padding:12px;
margin:12px 0;
font-size:clamp(1rem, 1.12vw, 1.25rem);
letter-spacing:0.25pt;
color:#000;
font-family:'Komika';
}

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

.poi-view-intro--folklore {
background:#AF96E1;
padding:12px;
margin:12px 0;
font-size:clamp(1rem, 1.12vw, 1.25rem);
letter-spacing:0.25pt;
color:#000;
font-family:'Komika';
}





/* ________________________________________________________________________72
[|||]  items
___________________________________________________________________________
*/

.item {
display:flex;
align-items:stretch;
justify-content:space-between;
gap:24px;

padding:10px 12px;
background:#00647D;
border:3px solid white;
border-radius:18px;
border-radius:18px;
cursor:pointer;
width:auto;

padding:10px 12px;
margin-bottom:6px;
}

.item:hover,
.item.is-hovered {
background:#0096AF !important;
}

/* ============================================================60
[Q]   counter
===============================================================
*/

.item-counter{
background:#000;
color:white;
border-radius:3px;
font-family:'Helvetica Rounded LT Std Bold', sans-serif;
letter-spacing:1.5px;
width:18px;
height:18px;
padding:3px;
display:flex;
align-items:center;
justify-content:center;
}






/* ________________________________________________________________________72
[<]   left
___________________________________________________________________________
*/

.item-left{
width:60%;
flex:1 1 60%;
min-width:0;
display:flex;
flex-direction:column;
justify-content:flex-start;
gap:12px;
}

/* ============================================================60
[HH]   headers
===============================================================
*/

.item-headers{
display:flex;
align-items:center;
justify-content:flex-start;
gap:12px;
}

.item-title{
display:block;
gap:12px;

font-family:'Helvetica Rounded LT Std Bold', sans-serif;
font-size:clamp(0.8rem, 0.9vw, 1rem);
letter-spacing:0.5px;
color:white;
}

.item-icon{
flex:0 0 auto;
}

.item-icon img{
width:36px;
}

/* ============================================================60
[C>]   locality
===============================================================
*/

.item-locality{
display:flex;
align-items:flex-start;
justify-content:center;
text-align:center;
align-self:flex-start;

margin:0;
padding:6px 12px;
width:auto;
min-width:120px;

background:#00647D;
border:2.5px solid white;
border-radius:8px;

font-family:'Helvetica Rounded LT Std Bold', sans-serif;
font-size:12px;
letter-spacing:0.67px;
color:white;
}

/* ============================================================60
[°°]   buttons
===============================================================
*/

.item-buttons{
display:flex;
align-items:center;
justify-content:flex-start;
margin-top:auto;
gap:10px;
}

.item-button-locate{
display:flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
}

.item-landmark{
width:36px;
height:36px;
border-radius:18px 18px 9px 9px;
background:linear-gradient(to bottom, #E11932 50%, #FFFFFF 50%);
border:2px solid black;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
box-sizing:border-box;
overflow:hidden;
}

.item-landmark-km{
width:100%;
height:15px;
display:flex;
align-items:center;
justify-content:center;
font-size:0.65em;
font-weight:bold;
line-height:1;
font-family:'Helvetica Rounded LT Std Bold', sans-serif;
letter-spacing:0.3px;
color:white;
}

.item-landmark-nb{
width:100%;
flex:1;
display:flex;
align-items:center;
justify-content:center;
font-size:0.95em;
font-weight:bold;
line-height:1;
font-family:'Helvetica Rounded LT Std Bold', sans-serif;
letter-spacing:0.3px;
color:black;
margin-top:-1px;
}






/* ________________________________________________________________________72
[>]   right
___________________________________________________________________________
*/

.item-right {
display:flex;
flex-direction:column;
align-items:flex-end;
justify-content:flex-start;
align-self:start;
width:40%;
flex:0 0 40%;
}

.item-thumbnail {
display:flex;
flex-direction:column;
align-items:flex-end;
justify-content:flex-start;
align-self:start;
width:100%;
}

.item-picture{
display:flex;
align-items:center;
justify-content:center;

width:100%;
min-width:120px;
height:auto;

overflow:hidden;
background:white;
border:2px solid white;
}

.item-picture img{
display:block;
width:100%;
object-fit:cover;
}

.item-thumb-icon{
width:72px !important;
}

.item-credit {
margin-top:4px;
text-align:right;
max-width:120px;
font-family:'Helvetica Rounded LT Std Bold', sans-serif;
letter-spacing:0.5px;
font-size:0.68em;
line-height:1.2;
color:#FFF;
}