@font-face {
    font-family: 'Portmanteau';
    src: url('./font/Portmanteau-Regular_n.eot');
    src: url('./font/Portmanteau-Regular_n.eot?#iefix') format('embedded-opentype'),
        url('./font/Portmanteau-Regular_n.woff2') format('woff2'),
        url('./font/Portmanteau-Regular_n.woff') format('woff'),
        url('./font/Portmanteau-Regular_n.ttf') format('truetype'),
        url('./font/Portmanteau-Regular_n.svg#Portmanteau-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Athelas';
    src: url('./font/Athelas-Italic.eot');
    src: url('./font/Athelas-Italic.eot?#iefix') format('embedded-opentype'),
        url('./font/Athelas-Italic.woff2') format('woff2'),
        url('./font/Athelas-Italic.woff') format('woff'),
        url('./font/Athelas-Italic.ttf') format('truetype'),
        url('./font/Athelas-Italic.svg#Athelas-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Athelas';
    src: url('./font/Athelas-Bold.eot');
    src: url('./font/Athelas-Bold.eot?#iefix') format('embedded-opentype'),
        url('./font/Athelas-Bold.woff2') format('woff2'),
        url('./font/Athelas-Bold.woff') format('woff'),
        url('./font/Athelas-Bold.ttf') format('truetype'),
        url('./font/Athelas-Bold.svg#Athelas-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Athelas';
    src: url('./font/Athelas-BoldItalic.eot');
    src: url('./font/Athelas-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('./font/Athelas-BoldItalic.woff2') format('woff2'),
        url('./font/Athelas-BoldItalic.woff') format('woff'),
        url('./font/Athelas-BoldItalic.ttf') format('truetype'),
        url('./font/Athelas-BoldItalic.svg#Athelas-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Athelas';
    src: url('./font/Athelas-Regular.eot');
    src: url('./font/Athelas-Regular.eot?#iefix') format('embedded-opentype'),
        url('./font/Athelas-Regular.woff2') format('woff2'),
        url('./font/Athelas-Regular.woff') format('woff'),
        url('./font/Athelas-Regular.ttf') format('truetype'),
        url('./font/Athelas-Regular.svg#Athelas-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body{
	font-family: 'Athelas';
	background:#BEBBB4;
	background-image: url(/wp-content/uploads/2026/01/ChatGPT-Image-22-sty-2026-18_25_10.png);
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: 52% -65%;
	font-size: 16px;}
	

body.bg-variant-1{background-image: url(/wp-content/uploads/2026/01/ChatGPT-Image-22-sty-2026-18_25_10.png)}
body.bg-variant-2{background-image: url(/wp-content/uploads/2026/03/bg_2.png)}
body.bg-variant-3{background-image: url(/wp-content/uploads/2026/01/ChatGPT-Image-22-sty-2026-18_25_10.png)}
body.bg-variant-4{background-image: url(/wp-content/uploads/2026/01/ChatGPT-Image-22-sty-2026-18_25_10.png)}
body.bg-variant-5{background-image: url(/wp-content/uploads/2026/01/ChatGPT-Image-22-sty-2026-18_25_10.png)}
	
	
	
	
h1,h2,h3,h4 {font-family: 'Portmanteau';}
/* BLOKADA SCROLLA */
body.cl-no-scroll {
   /* overflow: hidden;*/
}
/*.continent-box .country-overview-table{font-family: 'Portmanteau';}*/
/*.country-top__stats{font-family: 'Portmanteau';font-size:18px}*/
/* PRELOADER */
#cl-preloader {
    position: fixed;
    inset: 0;
    background: #000;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    
    opacity: 0;
    animation: cl-fadeIn .6s forwards ease;
} 

/* Kiedy ukrywamy */
#cl-preloader.cl-hide {
    opacity: 0 !important;
    transition: opacity .6s ease;
    pointer-events: none;
}

/* Logo */
#cl-preloader img {
    width: 150px;
    height: auto;
    animation: cl-bounce 2s infinite ease-in-out;
}

/* Fade IN */
@keyframes cl-fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Puls/logo bounce */
@keyframes cl-bounce {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(0.93); opacity: 0.7; }
}


img{border-radius:0px}
b, strong {font-weight: 600;}
path:hover {
  fill: #b1b1b1;
}
.start_world{display:flex;flex-wrap:wrap;    align-items: center;    justify-content: center;    min-height: 67vh;}
svg#svg2321 {
 
} 
nav h2{font-size:2rem;font-family: 'Portmanteau';color:#d5d5d5;padding-top:10px;padding-left:12px}
body {

}
.start_world h3{margin-top:0rem;font-family: 'Portmanteau';font-size: 1rem;    color: #d5d5d5;    margin-bottom: 5.5rem;margin-top:12px}
.start_world h3.start_world__headline--element{font-size: 0.75rem;   margin-bottom: 3.75rem;margin-top:0.25rem}
.blurred-bg {
  background-image: url("https://lh3.googleusercontent.com/-m8TxQMObg6c/U474EWu7Y9I/AAAAAAAAI2k/xkRGoIEC1iU/s1600/blur.jpg");
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
}

.blurred-bg.tinted {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url("https://lh3.googleusercontent.com/-m8TxQMObg6c/U474EWu7Y9I/AAAAAAAAI2k/xkRGoIEC1iU/s1600/blur.jpg");
  background-size: 100%;
  background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url("https://lh3.googleusercontent.com/-m8TxQMObg6c/U474EWu7Y9I/AAAAAAAAI2k/xkRGoIEC1iU/s1600/blur.jpg");
  background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url("https://lh3.googleusercontent.com/-m8TxQMObg6c/U474EWu7Y9I/AAAAAAAAI2k/xkRGoIEC1iU/s1600/blur.jpg");
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url("https://lh3.googleusercontent.com/-m8TxQMObg6c/U474EWu7Y9I/AAAAAAAAI2k/xkRGoIEC1iU/s1600/blur.jpg");
}

.blurred-bg.shaded {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'), url("https://lh3.googleusercontent.com/-m8TxQMObg6c/U474EWu7Y9I/AAAAAAAAI2k/xkRGoIEC1iU/s1600/blur.jpg");
  background-size: 100%;
  background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("https://lh3.googleusercontent.com/-m8TxQMObg6c/U474EWu7Y9I/AAAAAAAAI2k/xkRGoIEC1iU/s1600/blur.jpg");
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("https://lh3.googleusercontent.com/-m8TxQMObg6c/U474EWu7Y9I/AAAAAAAAI2k/xkRGoIEC1iU/s1600/blur.jpg");
}

.box {
  width: 500px;
  height: 300px;
  left: -webkit-calc( 50% - 250px);
  top: 20%;
  position: absolute;
  border-radius: 5px;
  -moz-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.6);
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 20px;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  display: flex;
  transition: box-shadow .3s ease;
}

.box:active {
  cursor: move;
  -moz-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);
}

.box .content {
  margin: auto;
}

h1,
h2,
a,
p {
  color: white;
  font-weight: 100;
}

.tinted h1,
.tinted h2,
.tinted a,
.tinted p {
  color: black;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
}

h2 {
  font-size: 14px;
}

p {
  margin: 20px;
}

p.related {
  text-transform: uppercase;
  font-weight: 700;
  color: #444;
}

p.related a {
  font-weight: 700;
  text-decoration: none;
}

p.related a:hover {
  text-decoration: underline;
}

#box1 {
  width: 170px;
  margin: 203PX 0 0 -398PX;
  BACKGROUND: #53676c;
}

#box2 {
  width: 170px;
  margin: 203PX 0 0 -175PX;
  BACKGROUND: #00aa00;
}

#box3 {
  width: 170px;
  margin: 203PX 0 0 62PX;
  BACKGROUND: #ffcc00;
}

#box4 {
  width: 170px;
  margin: 203PX 0 0 292PX;
  BACKGROUND: #ff9955;
}

#box5 {
  width: 170px;
  margin: 203PX 0 0 512PX;
  BACKGROUND: #00aad4;
}

#box6 {
  width: 170px;
  margin: 203PX 0 0 723PX;
  BACKGROUND: #c83771;
}

.fragment {
  position: relative;
}

#closeButton {
  position: absolute;
  top: 0;
  right: 0;
}

#closeButton1 {
  position: absolute;
  top: 0;
  right: 0;
}

#closeButton2 {
  position: absolute;
  top: 0;
  right: 0;
}

#closeButton3 {
  position: absolute;
  top: 0;
  right: 0;
}

#closeButton4 {
  position: absolute;
  top: 0;
  right: 0;
}

#closeButton5 {
  position: absolute;
  top: 0;
  right: 0;
}

body {
  background-color: #000
}

.home .navbar{position:relative;width:100%}
.single .navbar{position:absolute;width:100%}
.single.single-post .navbar{position:relative;width:100%}
/*.single.single-post .country-richtext{font-size:1.125rem}*/
.single .country-richtext{font-size:16px;margin-bottom:10px}
.single-trade_card .navbar{position:relative;width:100%}
.single-place .navbar{position:relative;width:100%}
.navbar{position:relative;width:100%}
.navbar .container{max-width:82rem}
nav img{max-height:270px;width:auto;margin:0rem auto}
@media(min-width:1200px){
	.macimode-burger-wrapper{padding-right:0rem}
}

.section.mm-mininav-section p{font-size:16px}
.containers-post{max-width:85rem;margin-left:auto;margin-right:auto}
.wp-block-image .size-full img {    width: initial;margin:0 auto}
.start_world {
    position: relative;
    padding: 1rem 3rem 3rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
	max-width:85rem;
	margin-left:auto;margin-right:auto
}

/* wspólne cechy dla rogów */
.corner {
    position: absolute;
    width: 23vh;      /* rozmiar */
    height: 23vh;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
    opacity: 1;
}
/*@media (max-width:1023px){*/
@media (max-width:768px){
/* wspólne cechy dla rogów */
.corner {

    width: 15vw;      /* rozmiar */
    height: 15vw;

}
}
/* każdy róg z innym obrazkiem */
.corner--tl {
    top: 1rem; left: 1rem;transform: rotate(-0deg);
    background-image: url('/wp-content/uploads/2025/12/top-scaled.png');
}

.corner--tr {
    top: 1rem; right: 1rem;  
    transform: rotate(0deg) scaleX(-1);
    background-image: url('/wp-content/uploads/2025/12/top-scaled.png');
}
@media (min-width: 1200px) and (max-width: 1280px) {
	.continent-box-description{max-width:45% !important}
	.clp-food {max-width: calc(100% - 2rem);}
	.macimode-burger-menu ul > li:nth-child(4) img {width: 14rem !important;}
	.is-locked.is-documented .country-tile-media2::before {top: -110px !important;left: -68px !important;}
	.is-locked.is-documented .country-tile-media2::after {bottom: 110px !important;right: -68px !important;}
	.is-locked.is-documented .country-tile-media::after {    bottom: 11px!important;}
	.is-locked.is-documented .country-tile-media::before {    top: 11.5px!important;}
	.page-template-page-library .corner--tl,
	.single .corner--tl,
	.tax-country .corner--tl,
	.page-template-default .corner--tl { left: 0.5rem !important; }

	.page-template-page-library .corner--tr,
	.single .corner--tr,
	.tax-country .corner--tr,
	.page-template-default .corner--tr { right: 0.5rem !important; }
}
.country-page.food-cat{margin:-1rem auto 1.5rem}
.page-template-page-library .corner--tl {top: -2rem; left: -1rem;z-index:11}
.food-cat .corner--tl {top: -8.835rem; left: -1rem;z-index:11}
.page-template-page-library .corner--tr {top: -2rem; right: -1rem;z-index:11}
.food-cat .corner--tr {top: -8.835rem; right: -1rem;z-index:11}

.single .corner--tl { left: -1rem;z-index:11}
.single .corner--tr { right: -1rem;z-index:11}

.page-template-page-asia .corner--tr,
.page-template-page-asia .corner--tl,
.page-template-page-afryka .corner--tr,
.page-template-page-afryka .corner--tl,
.page-template-page-oceania .corner--tr,
.page-template-page-oceania .corner--tl,
.page-template-page-ameryka-poludniowa .corner--tr,
.page-template-page-ameryka-poludniowa .corner--tl,
.page-template-page-ameryka-polnocna .corner--tr,
.page-template-page-ameryka-polnocna .corner--tl,
.page-template-page-europa .corner--tr,
.page-template-page-europa .corner--tl{top: -1rem;}

.page-template-page-asia .continent-box-name::after,
.page-template-page-asia .continent-box-name::before,
.page-template-page-afryka .continent-box-name::after,
.page-template-page-afryka .continent-box-name::before,
.page-template-page-oceania .continent-box-name::after,
.page-template-page-oceania .continent-box-name::before,
.page-template-page-ameryka-poludniowa .continent-box-name::after,
.page-template-page-ameryka-poludniowa .continent-box-name::before,
.page-template-page-ameryka-polnocna .continent-box-name::after,
.page-template-page-ameryka-polnocna .continent-box-name::before,
.page-template-page-europa .continent-box-name::after,
.page-template-page-europa .continent-box-name::before{width:50vw}

.corner--bl {
    bottom: 1rem; left: 1rem;
    background-image: url('/wp-content/uploads/2025/12/bottom-scaled.png');
}

.corner--br {
    bottom: 1rem; right: 1rem;    transform: rotate(-180deg) scaleY(-1);
    background-image: url('/wp-content/uploads/2025/12/bottom-scaled.png');
}

.page-template-default.page .corner--br,
.page-template-default.page .corner--bl {opacity:0  }


.page-template-default.page .country-page-op .corner--br,
.page-template-default.page .country-page-op .corner--bl {opacity:1;bottom:1rem !important  }

.page-id-233.page-template-default.page .corner--br,
.page-id-233.page-template-default.page .corner--bl,
.page-id-237.page-template-default.page .corner--br,
.page-id-237.page-template-default.page .corner--bl {opacity:1  }

.page-template-default.page .corner--br {bottom: -1rem;  }
.page-template-default.page .corner--bl {bottom: -1rem;  }



.page-template-default .corner--tl,.page-template-default .corner--tr {top: -2rem; z-index:11}
.tax-country .corner--tl,.tax-country .corner--tr {top: -2rem; z-index:11}
.single-place .corner--tl,.single-place .corner--tr {top: -2rem; z-index:11}

.tax-country .corner--bl,.tax-country .corner--br {bottom: -2rem; }

.page-template-default .corner--tl {left:-1rem}
.single-place .corner--tl {left:-1rem}
.tax-country .corner--tl {left:-1rem}
.page-template-default .corner--tr {right:-1rem}
.single-place .corner--tr {right:-1rem}
.tax-country .corner--tr {right:-1rem}

.single.single-place .corner--bl{ z-index: 11;}
.tax-country .corner--bl {left:-1rem;    z-index: 11;}
.single.single-place .corner--br{ z-index: 11;}
.tax-country .corner--br {right:-1rem;    z-index: 11;}
img.clp-post-icn {
    position: absolute;
    width: 3rem;
    bottom: 0.5rem;
    right: 1rem;
}
.navbar-flex{justify-content:space-between;align-items:flex-start}
.continent-box svg{    
width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;}
.continent-box {
    display: flex;
    width: 100%;
   flex-wrap:Wrap;
    margin: 0rem auto 0.5rem;
	position:relative;
	
	    padding: 0rem 3rem 3rem;

    max-width: 85rem;
}

.zywiol-icon{display:flex;flex-wrap:wrap;align-items:center;margin-right:4rem}
.zywiol{}
.zywiol img{max-width:40px;margin:0px 0.5rem}


/* IKONA BURGERA */
.macimode-burger-icon {
 
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 2000;
}

.macimode-burger-wrapper{display: flex;flex-wrap: wrap;align-items: center;position:relative;padding-left:6rem}
.macimode-burger-wrapper img{width:48px}
.macimode-burger-icon img{width:59px;max-width:initial;max-height:initial}
.macimode-burger-menu img{width:4.5rem}
.macimode-burger-icon span {
    display: block;
    width: 100%;
    height: 3px;
    background: white;
    transition: 0.3s;
    border-radius: 2px;
}

/* =========================================================
   MACIMODE – BURGER MENU (SLIDE FROM TOP)
   ========================================================= */

/* IKONA BURGERA (bez zmian, zostawiam) */
.macimode-burger-icon {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 2000;
}
.macimode-burger-icon span {
  display: block;
  width: 100%;
  height: 3px;
  background: white;
  transition: 0.3s;
  border-radius: 2px;
}
.macimode-burger-icon.active span:nth-child(1) { transform: translateY(9px) rotate(45deg); }
.macimode-burger-icon.active span:nth-child(2) { opacity: 0; }
.macimode-burger-icon.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }

/* CLOSE */
.macimode-close{
  position: absolute;
  top: 12px;
  right: 14px;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  z-index: 2001;

  transition: transform .45s ease, filter .45s ease;
  transform-origin: 50% 50%;
  will-change: transform;
}
.macimode-close:hover{
  transform: rotate(90deg);
  filter: drop-shadow(0 0 6px rgba(255,255,255,.35))
          drop-shadow(0 0 16px rgba(255,255,255,.22));
}
.macimode-close:active{ transform: rotate(90deg) scale(.95); }

/* =========================================================
   PANEL MENU – Z GÓRY
   (otwierasz klasą .open -> zamiast right:-120rem)
   ========================================================= */
.macimode-burger-menu{
  position: fixed;
  left: 50%;
  top: 0;
  transform: translate(-50%, -110%); /* start schowany nad ekranem */
  opacity: 0;
  pointer-events: none;

  width:100vw;  /* możesz zmienić np. 420px */
  background: rgba(0,0,0,.96);
  padding: 22px;  /* góra większa, bo close */
  transition: transform .45s cubic-bezier(.22,1,.36,1), opacity .45s ease;

  z-index: 11111;
  border-radius: 0 0 16px 16px;
  max-height: 98vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;

  box-shadow: 0 18px 55px rgba(0,0,0,.55);
  backdrop-filter: blur(6px);
}
/* CLOSE – stan spoczynku (bez tła) */
.macimode-close{
  position: absolute;
  top: 12px;
  right: 14px;

  border: none;
  background: transparent;
  color: #fff;

  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  padding: 6px;

  border-radius: 0%;

  transition:
    transform .45s ease,
    background-color .25s ease,
    box-shadow .25s ease;

  transform-origin: 50% 50%;
  will-change: transform;
}

/* HOVER / FOCUS – pojawia się tło + obrót */
.macimode-close:hover,
.macimode-close:focus-visible{
  transform: rotate(90deg);
  background-color: rgba(255,255,255,.0);
	color:#fff

}

/* ACTIVE – lekkie „kliknięcie” */
.macimode-close:active{
  transform: rotate(90deg) scale(.95);
}

/* dostępność */
@media (prefers-reduced-motion: reduce){
  .macimode-close{
    transition: background-color .2s ease;
  }
  .macimode-close:hover,
  .macimode-close:focus-visible{
    transform: none;
    box-shadow: none;
  }
}

/* OPEN */
.macimode-burger-menu.open{
  transform: translate(-50%, 0);
  opacity: 1;
  pointer-events: auto;
}

/* LISTA */
.macimode-burger-menu ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

/* siatka ikon: 1. rząd 5 kolumn, dalej 4 */
.macimode-burger-menu ul{
  display:grid;
  grid-template-columns:repeat(20, minmax(0,1fr)); /* wspólny mianownik */
  gap:14px 12px;
  align-items:center;
  justify-items:center;
}

/* domyślnie: układ 4-kolumnowy (każdy item = 1/4 szerokości) */
.macimode-burger-menu ul > li{
  grid-column: span 5; /* 20/4 = 5 */
  margin:0;
}

/* separator na całą szerokość */
.macimode-burger-menu li.separator{
  grid-column: 1 / -1;
  position: relative;
  height: 18px;
  margin: 4px 0 6px;
}

/* PIERWSZY RZĄD: pierwsze 5 elementów (licząc także puste li) = 5 kolumn */
.macimode-burger-menu ul > li:nth-child(-n+5){
  grid-column: span 4; /* 20/5 = 4 */
}

/* (opcjonalnie) puste li niech mają minimalny rozmiar */
.macimode-burger-menu ul > li:empty{
  min-height:1px;
}


/* elementy */
.macimode-burger-menu li{
  margin: 0;
}

/* separator jako pełna szerokość w grid */
.macimode-burger-menu li.separator{
  grid-column: 1 / -1;
  position: relative;
  height: 18px;
  margin: 4px 0 6px;
}



/* separator – Twoja kreska (tu wersja biało-srebrna) */
.macimode-burger-menu li.separator:before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
  width: 70vw;                 /* krótsza kreska */
  height: 1px;

  background-image: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.25),
    rgba(255,255,255,.95),
    rgba(255,255,255,.25),
    transparent
  );

  /* zachowaj „look” jak przy 82% */
  background-size: 164% 100%;
  background-position: center;
  background-repeat: no-repeat;

  box-shadow: 0 0 6px rgba(255,255,255,.45), 0 0 18px rgba(255,255,255,.35);
  pointer-events: none;
}

/* linki jako ikonki */
.macimode-burger-menu a{
  text-decoration: none;
  color: white;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 6px;
}

/* ikonki w menu */
.macimode-burger-menu a img{
  width: 4.5rem;
  height: auto;
  object-fit: contain;
  display: block;

  transition: transform .2s ease, filter .2s ease, opacity .2s ease;
  opacity: .95;
}
/* ikonki w menu */
.macimode-burger-menu a.js-element-filter img{
  width: 6rem;

}
.country-top__tile-link img,	
.macimode-footer-social a img{
    object-fit: contain;
    display: block;
    transition: transform .2s ease, filter .2s ease, opacity .2s ease;
    opacity: .95;}
.country-top__tile-link:hover img,	
.macimode-footer-social a:hover img,
.macimode-burger-menu a:hover img{
  transform: translateY(-1px) scale(1.05);
  filter: drop-shadow(0 0 10px rgba(255,255,255,.20));
  opacity: 1;
}

/* =========================================================
   TŁO POD MENU (kliknięcie zamyka menu)
   Upewnij się, że JS pokazuje overlay (display:block) gdy menu open
   ========================================================= */
.macimode-overlay{
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.45);
  backdrop-filter: blur(2px);
  z-index: 10000;
  
}

/* jeśli Twój JS dodaje klasę .open na overlay, to zadziała automatycznie */
.macimode-overlay.open{
  display: block;
}

/* MOBILE drobna korekta */
@media (max-width: 520px){
  .macimode-burger-menu{
    width: 100vw;
    max-height: 95vh;
    padding: 30px 18px 18px;
  }
  .macimode-burger-menu a img{
    width: 32px;
    height: 32px;
  }
}

.macimode-overlay.active {
    display: block;
}
.continent-list {
    list-style: none;
    padding: 0;
    margin: 0;
	justify-content:center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.continent-list li {
    margin: 0;
}

.continent-list a {
    display: inline-block;
    padding: 10px 16px;
	font-family: 'Portmanteau';
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    color: #d5d5d5;
      transition: 
        background 0.25s ease,
        color 0.25s ease,
        transform 0.15s ease;
}

.continent-list a:hover {
  
    color: #ccc;
    transform: translateY(-1px);
}
/* ===== Tooltip ===== */
.clp-map-tooltip{
  position: fixed;            /* łatwe pozycjonowanie przy palcu/myszce */
  z-index: 99999;
  pointer-events: none;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .15s ease, transform .15s ease;
  padding: 8px 10px;
  border-radius: 10px;
  font-size: 13px;
  line-height: 1.2;
  color: #fff;
  background: rgba(0,0,0,.78);
  border: 1px solid rgba(255,255,255,.14);
  backdrop-filter: blur(6px);
  max-width: 240px;
  white-space: nowrap;
}

.clp-map-tooltip.is-visible{
  opacity: 1;
  transform: translateY(0);
}
/* mobile – pełna szerokość */
@media (max-width: 600px) {
    .continent-list {
        flex-direction: column;
    }

    .continent-list a {
        width: 100%;
        text-align: center;
    }
}

.macimode-search-open{width: 45px !important;margin-right:1px}

/*@media (max-width:1023px){*/
@media (max-width:768px){
	.macimode-statsbar:before {    bottom: initial;    top: -1.25rem;}
	.macimode-statsbar{margin-top:2.75rem !important}
	.continent-list > li:not(:last-child)::after{display:none}
	
	
	.element-fire .start_world{    min-height: 23rem;        top: -1.5rem;}
	.element-leaf .start_world{    min-height: 23rem;        top: -1.5rem;}
	.element-thunder .start_world{    min-height: 23rem;        top: -1.5rem;}
	.element-water .start_world{    min-height: 23rem;        top: -1.5rem;}
	.start_world h3 {margin-bottom: 0rem;top: -1.5rem;position: relative;text-align: center;line-height: normal;font-size: 0.45rem;}
	.navbar-flex{display: flex;padding:0.75rem}
	.navbar-flex h2{font-size:1rem}
	nav img {max-height: 100px;}
	.navbar-flex > a{}
	.navbar-flex .zywiol-icon{}
	.continent-box {padding:2rem}
	svg#svg2321{    width: 100%;    height: auto;}
}

@media (max-width:768px){
.start_world{    min-height: 17.5rem;}
}
@media (max-width:420px){
.start_world{    min-height: 16.125rem;}
}

/* ===== Slider base (1 row) ===== */
.clp-slider{
  position: relative;
}

.clp-slider-track{
  display:flex;
  gap:14px;
  overflow-x:auto;
  padding: 6px 2px 12px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.clp-slider-track::-webkit-scrollbar{height:8px;}
.clp-slider-track::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:20px;}
.clp-slider-track::-webkit-scrollbar-track{background:rgba(255,255,255,.04);}

.clp-slide{
  flex: 0 0 280px;           /* szerokość kafla (desktop) */
  scroll-snap-align: start;
}

@media (max-width: 560px){
  .clp-slide{flex-basis: 78vw;}
}

/* Strzałki */
.clp-slider-btn{
  position:absolute;
  top: 50%;
  transform: translateY(-56%);
  z-index: 5;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(8px);
  color: #fff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  user-select:none;
}

.clp-slider-btn:hover{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.22);
}

.clp-slider-btn.prev{left: 8px;}
.clp-slider-btn.next{right: 8px;}

.clp-slider-btn[disabled]{
  opacity:.35;
  cursor: default;
}

/* Karty – używamy Twojego stylu, tylko upewniamy się że jest block */
.article-card{display:block;}



/* =========================
   LIBRARY – DARK MINIMAL
   ========================= */

.library-page{
  
  color: rgba(255,255,255,.88);
}

.library-page .container{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 18px;
}

/* Typografia WYSIWYG (minimal) */
.library-page .wysiwyg{
  font-size: 15px;

  line-height: 1.65;
  color: rgba(255,255,255,.0); 
}
.library-page .wysiwyg p{ margin: 0 0 12px; }
.library-page .wysiwyg strong{ color: rgba(255,255,255,.92); }
.library-page .wysiwyg a{
  color: rgba(255,255,255,.92);
  text-decoration: underline;
  text-underline-offset: 3px;
  opacity: .9;
}
.library-page .wysiwyg h2,
.library-page .wysiwyg h3{
  color: rgba(255,255,255,.9);
  margin: 18px 0 10px;

  
  font-family: 'Portmanteau';
    line-height: 1.1;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 14px;
}

/* HERO */
.library-hero{
  padding: 0px;
  
}
.library-title{
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  margin: 0 0 16px;
  color: rgba(255,255,255,.94);
}

/* FRAME */
.library-frame{
  padding: 34px 0 54px;
}
.library-frame-grid{
  display: grid;
  grid-template-columns: 1fr 46rem;
  gap: 28px;
}
@media (max-width: 768px){
  .library-frame-grid{
    grid-template-columns: 1fr;
  }
}

/* przyjemne “ramki” */
.library-frame-left,
.library-frame-right{
  border: 1px solid rgba(255,255,255,.0);
  border-radius: 0px;
  padding: 18px 0px;
  background: rgba(255,255,255,.0);
  backdrop-filter: blur(6px);
}

/* Chapters (przyciski) */
.library-chapters{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}

.library-chapter-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  color: rgba(255,255,255,.86);
  padding: 10px 12px;
  cursor: pointer;
  border-radius: 12px;
  transition: transform .12s ease, border-color .12s ease, background .12s ease, opacity .12s ease;
  opacity: .78;
}

.library-chapter-btn:hover{
  opacity: .95;
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.04);
}

.library-chapter-btn:active{
  transform: translateY(1px);
}

.library-chapter-btn.is-active{
  opacity: 1;
  border-color: rgba(255,255,255,.28);
  background: rgba(255,255,255,.06);
}

.library-chapter-icn{
  width: 18px;
  height: 18px;
  object-fit: contain;
  opacity: .92;
}

.library-chapter-title{
  font-size: 13px;
  letter-spacing: .02em;
  text-transform: uppercase;
}

/* Panel treści po kliknięciu */
.library-chapter-panel{
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  padding: 16px 14px;
  min-height: 180px;
  background: rgba(0,0,0,.25);
}

/* ARTICLES (Swiper) */
.library-articles{
  padding: 0px;
}

.library-articles-head{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 14px;
}
.library-articles h2{
  margin: 0;
  font-size: 16px;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: rgba(255,255,255,.86);
}

/* Card */
.library-card{
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255,255,255,.02);
}

.library-card-link{
  display: block;
  color: inherit;
  text-decoration: none;
}

.library-card-media img{
  display:block;
  width:100%;
  height: 240px;
  object-fit: cover;
  filter: saturate(.9) contrast(1.02);
}

.library-card-body{
  padding: 14px 14px 16px;
}

.library-card-title{
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.2;
  color: rgba(255,255,255,.92);
  min-height:3rem
}

.library-card-excerpt{
  margin: 0;
  opacity: .78;
  font-size: 14px;
  line-height: 1.55;
}

/* Swiper nav (minimal) */
.library-swiper-nav{
  display:flex;
  justify-content:flex-end;
  gap: 10px;
  margin-top: 12px;
}

.library-swiper-prev,
.library-swiper-next{
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
  color: rgba(255,255,255,.86);
  border-radius: 12px;
  padding: 8px 12px;
  cursor: pointer;
  transition: border-color .12s ease, background .12s ease, opacity .12s ease;
  opacity: .85;
}

.library-swiper-prev:hover,
.library-swiper-next:hover{
  opacity: 1;
  border-color: rgba(255,255,255,.20);
  background: rgba(255,255,255,.04);
}

/* Pagination – subtelna */
.library-page .swiper-pagination-bullet{
  opacity: .25;
}
.library-page .swiper-pagination-bullet-active{
  opacity: .7;
}


/* ===== Reusable: No photo placeholder (dark) ===== */
.library-card-media{
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;         /* możesz zmienić np. 1/1 albo 3/4 */
  overflow: hidden;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
}

/* obrazek w środku */
.library-card-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* fallback gdy brak zdjęcia */
.library-card-media.is-empty{
  display: grid;
  place-items: center;
}

/* tekst "No photo" */
.library-card-nophoto{
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .65;
}

/* subtelna faktura / diagonale (ładnie w dark mode) */
.library-card-media.is-empty::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.06) 0,
      rgba(255,255,255,.06) 8px,
      rgba(255,255,255,.02) 8px,
      rgba(255,255,255,.02) 16px
    );
  opacity: .55;
}

/* delikatna winieta, żeby wyglądało bardziej "premium" */
.library-card-media.is-empty::after{
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 20%, rgba(255,255,255,.08), transparent 55%);
  opacity: .6;
  pointer-events: none;
}








/* ===== MACIMODE CONTACT – LETTER ON PAPYRUS ===== */

/* tło strony/sekcji */
.macimode-letter{
  max-width: 880px;
  margin: 0 auto;
  padding: 24px 16px 60px;
  color: #eaeaea;
}

/* nagłówek nad papierem */
.macimode-letter__head{
  margin-bottom: 18px;
}
.macimode-letter__title{
  margin: 0 0 6px;
  font-size: 22px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.macimode-letter__sub{
  margin: 0;
  opacity: .8;
  line-height: 1.5;
}

/* papier (papirus jako tło) */
.macimode-letter__paper{
  position: relative;
  padding: 20rem 42px 22rem;
  border-radius: 22px;
  background: url("/wp-content/uploads/2026/01/Papirus-scaled.png") top no-repeat ;
  background-position: 50% 50%;
  background-size:165%;
  /* jeśli papirus ma przezroczyste brzegi, dodaj delikatną poświatę */
  filter: drop-shadow(0 18px 40px rgba(0,0,0,.45));
  min-height: 560px;
  display: flex;
  flex-direction: column;
  gap: 14px; 
}

.wpcf7-form-control-wrap {
    position: relative;
    width: 88%;
}

/* “tekst na papierze” */
.macimode-letter__paper label{
  display: none;
  font-size: 13px;
  margin: 0 0 6px;
  color: rgba(20,20,20,.8);
  letter-spacing: .02em;
}
span.macimode-statsbar__icon img {
    width: 2rem;
}
/* inputy CF7 */
.macimode-letter__paper input[type="text"],
.macimode-letter__paper input[type="email"],
.macimode-letter__paper textarea,
.macimode-letter__paper input[type="file"]{
  width: 90%;
  font-size: 15px;
  border: 1px solid rgba(0,0,0,.15);
  background: rgba(255,255,255,.45);
  color: #111;
  border-radius: 12px;
  padding: 12px 12px;
  outline: none;
  backdrop-filter: blur(2px);
}

/* textarea jak “list” */
.macimode-letter__paper textarea{
  min-height: 170px;
  resize: vertical;
  line-height: 1.55;
}

/* focus */
.macimode-letter__paper input:focus,
.macimode-letter__paper textarea:focus{
  border-color: rgba(0,0,0,.35);
  box-shadow: 0 0 0 3px rgba(0,0,0,.08);
}

/* układ wiersza na dole */
.macimode-letter__row{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: end;
  margin-top: 6px;
}

/* submit */
.macimode-letter__submit{
  border: 0;
  cursor: pointer;
  border-radius: 999px;
  padding: 12px 18px;
  background: rgba(0,0,0,.82);
  color: #fff;
  font-size: 14px;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.macimode-letter__submit:hover{
  background: rgba(0,0,0,.92);
}

/* CF7 komunikaty */
.macimode-letter .wpcf7-response-output{
  margin: 14px 0 0 !important;
  border-radius: 12px;
}
.macimode-letter .wpcf7-not-valid-tip{
  font-size: 12px;
  margin-top: 6px;
}

/* mobile */
/*@media (max-width: 768px){*/
	@media (max-width:1199px){
  .macimode-letter__paper{
    padding: 26px 18px 34px;
    background-size: cover; /* na mobile lepiej cover */
    min-height: 620px;
  }
  .macimode-letter__row{
    grid-template-columns: 1fr;
  }
  .macimode-letter__submit{
    width: 100%;
    justify-content: center;
  }
}
.macimode-logo{text-decoration:none}

/* ===== MACIMODE FOOTER ===== */

.macimode-footer{
  padding: 28px 0;
  font-size: 13px;
  letter-spacing: .04em;
}

.macimode-footer a{
  color: #eaeaea;
  text-decoration: none;

}

.macimode-footer a:hover{
  opacity: 1;
  text-decoration: underline;
}

/* listy */
.macimode-footer-social,
.macimode-footer-legal{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content:center
}

.macimode-footer-legal{
  justify-content: center;
}

.macimode-footer-legal span{

}

/* mobile */
@media (max-width: 767px){

  .macimode-footer-social,
  .macimode-footer-legal{
    justify-content: center;
  }
}
.library-intro.wysiwyg{}

/* Neon wokół mapy */
#countryMap{
  transition: box-shadow .18s ease, border-color .18s ease, filter .18s ease;
}

/* domyślnie bez poświaty */
#countryMap.neon-none{
  box-shadow: none;
}

/* aktywny żywioł w menu */
.js-element-filter.is-active{
  filter: drop-shadow(0 0 12px rgba(255,255,255,.55));
  transform: translateY(-1px);
}

/* neon na mapie */
#countryMap{ transition: box-shadow .25s ease, border-color .25s ease; }

#countryMap.neon-fire{
  box-shadow: 0 0 0 1px rgba(255,70,60,.45), 0 0 18px rgba(255,70,60,.55), 0 0 46px rgba(255,70,60,.35);
  border-color: rgba(255,70,60,.55);
}
#countryMap.neon-water{
  box-shadow: 0 0 0 1px rgba(70,140,255,.45), 0 0 18px rgba(70,140,255,.55), 0 0 46px rgba(70,140,255,.35);
  border-color: rgba(70,140,255,.55);
}
#countryMap.neon-leaf{
  box-shadow: 0 0 0 1px rgba(40,220,120,.40), 0 0 18px rgba(40,220,120,.55), 0 0 46px rgba(40,220,120,.32);
  border-color: rgba(40,220,120,.55);
}
#countryMap.neon-thunder{
  box-shadow: 0 0 0 1px rgba(255,220,60,.40), 0 0 18px rgba(255,220,60,.55), 0 0 46px rgba(255,220,60,.30);
  border-color: rgba(255,220,60,.55);
}


/* bazowy “surface” dla neonu */
.neon-surface{
  position: relative;

  overflow: vissible;


}

/* poświata (NFS vibe) */
/*.neon-surface.neon-fire svg{
  box-shadow:
    0 0 10px rgba(255,60,48,.35),
    0 0 26px rgba(255,60,48,.25),
    0 0 60px rgba(255,60,48,.18);
  border-color: rgba(255,60,48,.55);
}
.neon-surface.neon-water svg{
  box-shadow:
    0 0 10px rgba(45,124,255,.35),
    0 0 26px rgba(45,124,255,.25),
    0 0 60px rgba(45,124,255,.18);
  border-color: rgba(45,124,255,.55);
}
.neon-surface.neon-leaf svg{
  box-shadow:
    0 0 10px rgba(46,204,113,.35),
    0 0 26px rgba(46,204,113,.25),
    0 0 60px rgba(46,204,113,.18);
  border-color: rgba(46,204,113,.55);
}
.neon-surface.neon-thunder svg{
  box-shadow:
    0 0 10px rgba(244,208,63,.35),
    0 0 26px rgba(244,208,63,.25),
    0 0 60px rgba(244,208,63,.18);
  border-color: rgba(244,208,63,.55);
}
*/
/* “glow” dla SVG (żeby mapka też świeciła) */
.neon-surface.neon-fire svg{ filter: drop-shadow(0 0 10px rgba(255,60,48,.35)); }
.neon-surface.neon-water svg{ filter: drop-shadow(0 0 10px rgba(45,124,255,.35)); }
.neon-surface.neon-leaf svg{ filter: drop-shadow(0 0 10px rgba(46,204,113,.35)); }
.neon-surface.neon-thunder svg{ filter: drop-shadow(0 0 10px rgba(244,208,63,.35)); }



/*#map.section{margin-bottom:2rem}*/

/* =========================================================
   LANGUAGE DRAWER – SLIDE FROM TOP (jak burger)
   ========================================================= */

.macimode-lang-drawer{
  position: fixed;
  inset: 0;
  z-index: 99999;
 /* display: none;*/
}

.macimode-lang-drawer.is-open{
  /*display: block;*/
}

/* BACKDROP */
.macimode-lang-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.65);
  backdrop-filter: blur(2px);
}

/* PANEL – z góry */
.macimode-lang-panel{
  position: fixed;
  left: 50%;
  top: 0;

  transform: translate(-50%, -110%);
  opacity: 0;
  pointer-events: none;

  width: 100vw;
  max-height: 85vh;

  background: rgba(0,0,0,.96);
  color: #fff;

  transition:
    transform .45s cubic-bezier(.22,1,.36,1),
    opacity .2s ease;

  padding: 56px 18px 20px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;

  border-radius: 0 0 16px 16px;
  box-shadow: 0 18px 55px rgba(0,0,0,.55);
}

/* OPEN */
.macimode-lang-drawer.is-open .macimode-lang-panel{
  transform: translate(-50%, 0);
  opacity: 1;
  pointer-events: auto;
}
#flags {
    width: 100% !important
}
/* CLOSE */
.macimode-lang-close{
  position: absolute;
  top: 12px;
  right: 14px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 36px;
  height: 36px;

  border: 0;

  background: transparent;
  color: #fff;

  font-size: 26px;
  line-height: 1;
  cursor: pointer;

  transition:
    transform .35s ease,
    background-color .25s ease,
    box-shadow .25s ease;
}

/* hover = tło + obrót */
.macimode-lang-close:hover,
.macimode-lang-close:focus-visible{
  transform: rotate(90deg);
  background-color: rgba(255,255,255,.0);
color:#fff
}

.macimode-lang-close:active{
  transform: rotate(90deg) scale(.95);
}

/* TITLE */
.macimode-lang-title{
	font-family: 'Portmanteau';
  margin: 6px 0 14px;
  font-size: 0.875rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  opacity: .85;
}
.macimode-glt-languages span{font-style:italic}
/* BODY */
.macimode-lang-body{
  padding: 6px 0 24px;
}

/* Ikona języka jako button */
.macimode-language-open{
  cursor: pointer;
}

/* Mobile tuning */
@media (max-width: 520px){
  .macimode-lang-panel{
    width: 94vw;
    max-height: 88vh;
    padding: 56px 16px 18px;
  }
}

/* Dostępność */
@media (prefers-reduced-motion: reduce){
  .macimode-lang-panel,
  .macimode-lang-close{
    transition: none;
  }
}




.element-description{
  margin-top:14px;
  padding:14px 16px;
  border-radius:14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  max-width: 720px;
}

.element-description__inner{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.element-description__icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  line-height:1;
  opacity:.95; 
}

.element-description__text{
  font-size:14px;
  line-height:1.35;
  color: rgba(255,255,255,.85);
}


.element-description__icon img{
  width:32px;
  height:auto;
  display:block;
}




/* template country - taxonomy*/

      .clp-swiper-wrap{position:relative;padding:14px;}
      .clp-articles-swiper{position:relative;padding:0px 1.25rem}
      .clp-articles-swiper .swiper-wrapper{align-items:stretch;}
      .clp-articles-swiper .swiper-slide{height:auto;}
      .clp-swiper-nav {
    position: absolute;
    top: 42%;
    right: 10px;
    display: flex;
    gap: 8px;
    z-index: 5;
    width: 100%;
    left: 0px;
    justify-content: space-between;
    right: 0px;}
      .clp-swiper-btn{
        width:16px;height:38px;border-radius:0px;border:0px solid rgba(255,255,255,.12);
        background:rgba(255,255,255,0);color:#d5d5d5;cursor:pointer;font-size:40px;line-height:36px;
        display:flex;align-items:center;justify-content:center;padding:0px
      }
      .clp-swiper-btn:hover{background:rgba(255,255,255,0);border-color:rgba(255,255,255,0);color:#fff}
	  
	  .region-more{
        width:16px;height:38px;border-radius:0px;border:0px solid rgba(255,255,255,.12);
        background:rgba(255,255,255,0);color:#d5d5d5;cursor:pointer;font-size:40px;line-height:36px;
        display:flex;align-items:center;justify-content:center;padding:0px;transform: rotate(90deg);
      } .region-box.is-open .region-more{
        transform: rotate(270deg);
      }
      .region-head:hover .region-more,
      .region-more:hover{background:rgba(255,255,255,0);border-color:rgba(255,255,255,0);color:#333}
      .clp-swiper-pagination{margin-top:12px;position:relative;}
      .clp-articles-swiper .swiper-pagination-bullet{opacity:.45;}
      .clp-articles-swiper .swiper-pagination-bullet-active{opacity:1;}

      .article-card{
        display:block;text-decoration:none;border:1px solid rgba(255,255,255,.10);
        border-radius:0px;overflow:hidden;background: rgba(255,255,255,.03);
        transition: transform .15s ease, border-color .15s ease, background .15s ease;/*vegemode-sliderheight:100%;*/
      } 
	  
	  .clp-top10-swiper .article-card{
        display:block;text-decoration:none;border:1px solid rgba(255,255,255,.0);
        border-radius:0px;overflow:hidden;background: rgba(255,255,255,.0);
        transition: transform .15s ease, border-color .15s ease, background .15s ease;height:100%;
      }
	  .article-card2{
        border:0px solid rgba(255,255,255,.10);
        border-radius:0px;overflow:hidden;background: rgba(255,255,255,.0);
        transition: transform .15s ease, border-color .15s ease, background .15s ease;height:100%;
      }
	  
	  .clp-top10-swiper .article-card2{
        border:0px solid rgba(255,255,255,.0);
        border-radius:0px;overflow:hidden;background: rgba(255,255,255,.0);
        transition: transform .15s ease, border-color .15s ease, background .15s ease;height:100%;
      }
      .article-card:hover{
        transform: translateY(-2px);
        border-color: rgba(255,255,255,.18);
        background: rgba(255,255,255,.05);
      } 
	  .clp-top10-swiper .article-card:hover{
        transform: translateY(-2px);
        border-color: rgba(255,255,255,.0);
        background: rgba(255,255,255,.0);
      }
      .article-thumb{
        width:100%;aspect-ratio: 16 / 10;background-size: cover;background-position: center;
        max-width: 100%;
        display:flex;align-items:center;justify-content:center;
      } 
	  
	  .article-thumb2{
        aspect-ratio:1
      }
      .article-thumb-empty{
        color: rgba(255,255,255,.6);
        font-size: 12px;letter-spacing:.08em;text-transform: uppercase;
      }
      .article-body{padding:12px 12px 14px;}
      .article-date{color: #c5c5c5; font-size:12px; margin-bottom:6px;max-width:80%}
      .article-title{color: #d5d5d5; font-weight:700; line-height:1.25;font-family: 'Portmanteau';font-size:0.75rem;max-width:85%}
	  
	  
	  /* ===== Toggle sections (collapse/expand) ===== */
.clp-toggle{
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background: rgba(255,255,255,.03);
  /*overflow:hidden;*/
}

.clp-toggle .clp-toggle-head{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border:0;
  background: rgba(255,255,255,.04);
  color:#fff;
  cursor:pointer;
  text-align:left;
}

.clp-toggle .clp-toggle-title{
  font-family: 'Portmanteau';
  font-size:18px;

  text-transform:uppercase;
  opacity:.9;
}

.clp-toggle .clp-toggle-icon{
  width:34px;height:34px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,0,0,.25);
  opacity:.9;
  flex:0 0 34px;
}

.clp-toggle .clp-toggle-body{
  padding:16px;
}

.clp-toggle.is-collapsed .clp-toggle-body{
  display:none;
}


    .journey-halo{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0 18px}
      .halo-card{border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.35);padding:12px 14px;min-width:160px;border-radius:10px;}
      .halo-label{font-size:12px;opacity:.8;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
      .halo-value{font-size:18px;font-weight:700;line-height:1.1}
      .halo-sub{font-size:12px;opacity:.75;margin-top:4px}
      .country-journey-list{margin-top:10px}
      .journey-item{margin:18px 0;padding:0}
	  .country-section-title,
      .journey-head{margin:0 0 10px;font-size:18px;font-weight:700;color:#fff}
      .journey-head em{font-style:italic;font-weight:500}
      .journey-budget{margin-top:10px}
	  
	   .country-page-container{width:100%;position:relative}
  .country-page{
    --panel: rgba(255,255,255,.06);
    --border: rgba(255,255,255,.10);
    --muted: rgba(255,255,255,.65);
    max-width: 1280px;
    margin: 0 auto;
    padding: 0px 16px 0px;
    position: relative;
  }

  .country-page:before,
  .country-page:after{
    content:"";
    position:absolute;
    width:240px;height:240px;
    pointer-events:none;
    opacity:.22;
    filter: blur(.2px);
    background:
      radial-gradient(circle at 35% 35%, var(--accent), transparent 55%),
      radial-gradient(circle at 70% 70%, rgba(255,255,255,.25), transparent 55%);
    mix-blend-mode: screen;
  }
  .country-page:before{top:-40px;left:-40px;}
  .country-page:after{top:-40px;right:-40px;}

  /* ====== Header ====== */
  .country-hero{
    display:grid;
    grid-template-columns: 1fr auto 1fr;
    align-items:center;
    gap: 18px;
    margin-bottom: 18px;
  }
  .hero-left{display:flex;align-items:flex-start;gap:14px;}
  .flag-badge{
    width:100px;height:100px;
    border-radius:0px;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
    flex: 0 0 100px;
  }
  .flag-badge img{width:100%;height:auto;display:block;}
  .hero-title h1{margin:0;font-size:46px;line-height:1.05;font-weight:700;letter-spacing:.2px;}
  .hero-sub{margin-top:6px;color:var(--muted);font-size:14px;}

  .hero-center{display:flex;align-items:center;justify-content:center;min-height:72px;}
  .emblem{width:72px;height:72px;opacity:.8;}

  .hero-right{display:flex;justify-content:flex-end;}
  .budget-card{
    text-decoration:none;
    text-align:center;
    min-width:240px;
    max-width:340px;
    backdrop-filter: blur(6px);
  }
  .budget-card .k{font-size:12px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;}
  .budget-card .v{margin-top:6px;font-size:22px;font-weight:700;}
  .budget-card .meta{margin-top:6px;font-size:12px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
  .budget-card .dot{opacity:.6}

  /* ====== Mini nav (sticky) ====== */
  .mini-nav{
	  font-family: 'Portmanteau';
    position: sticky;
    top: 10px;
    z-index: 10;
    margin: 2rem 0 1rem;
    border:1px solid var(--border);
    background: rgba(0,0,0,1);
    backdrop-filter: blur(8px);
    border-radius: 16px;
    padding: 10px 10px;
    display:flex;
    gap:10px;
	justify-content:center;
    overflow:auto;
  }
  .mini-nav a{
    white-space: nowrap;
    padding: 8px 10px;
    border-radius: 12px;
    text-decoration:none;
    color: rgba(255,255,255,.85);
    border:1px solid transparent;
    font-size:13px;
  }
  .mini-nav a:hover{
    border-color: rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
  }

  /* ====== Sections ====== */
  .section{margin-top: 15px;padding-top: 10px;}
  .section.mm-mininav-section{margin-top: 16px;padding-top: 0px;}
  .country-section--history h2,
  .country-section--history h3{margin-top:0px !important}
  .mm-section-heading,
  .country-section h2,
  .section h2{
    margin: 0 0 10px;
    font-family: 'Portmanteau';
    font-size: 18px;

    text-transform: uppercase;
    color: rgba(255,255,255,.88);
  }
  .panel{
   /* border:1px solid var(--border);*/
    border-radius: 0px;
    /*background: rgba(255,255,255,.04);*/
    padding: 0.75rem;
  }
  .single.single-place .panel{
   /* border:1px solid var(--border);*/
    border-radius: 0px;
    /*background: rgba(255,255,255,.04);*/
    padding: 0.75rem  0.75rem  0px 0.75rem ;
  }
  .muted{color: var(--muted);}

  /* ====== Map ====== */
  #countryMap{
    width:100%;
    height: 620px;
    border-radius: 18px;
    overflow:hidden;
    border:1px solid var(--border);
  }
  .map-wrap{position:relative;z-index:9}
  .admin-geo{
    position:absolute;
    top:12px; right:12px;
    z-index: 20;
    padding:10px 12px;
    border-radius: 14px;
    border:1px solid var(--border);
    background: rgba(0,0,0,.55);
    font-size: 12px;
    color: rgba(255,255,255,.86);
    max-width: 320px;
  }
  .admin-geo .ok{color: var(--accent); font-weight:700;}
  .leaflet-control-attribution.leaflet-control{opacity:0}
  .country-hero-title{margin-top:12rem;text-align:center;text-transform:uppercase}

  /* Responsive header */
  @media (max-width: 768px){
    .hero-vegemode { margin-top: -3rem; }
    .country-hero{display:flex;flex-wrap:wrap; gap: 12px;}
    .hero-left{width:100%;text-align:center;justify-content:center}
    .hero-center{width:33%}
    .hero-right{width:33%}
    .country-hero-title h1{font-size:40px;}
  }

  /* ===== Mobile polish ===== */
  @media (max-width: 768px){
    .country-page{padding: 22px 14px 60px;}
    .country-hero{gap:12px;margin-bottom:10px;justify-content: space-between;}
    .hero-left{gap:12px;}
    .flag-badge{width: 100px;height: auto;border-radius: 0px;flex: 0 0 100px;}
    .hero-title h1{font-size:34px;}
    .hero-sub{font-size:13px;}

    .hero-right{justify-content:flex-start;}
    .budget-card{width:100%;min-width:0;max-width:none;}
    .budget-card .v{font-size:20px;}
    .budget-card .meta{gap:10px;text-align:center}

    .mini-nav{
      top: 8px;
      padding: 5px;
      border-radius: 0px;
      gap: 8px;
      -webkit-overflow-scrolling: touch;
      scroll-snap-type: x mandatory;
    }
    .mini-nav a{
      padding: 10px 5px;
      border-radius:0px;
	  border:0px;background:initial;
      font-size: 11px;
      scroll-snap-align: start;
    }

    #countryMap{height: 420px;border-radius: 16px;}
    .section{margin-top:22px;}
	.mm-section-heading, .country-section h2, .section h2,    .section h3{font-size:16px;}
    .panel{padding:14px;border-radius:16px;}

    .country-page:before,
    .country-page:after{width:160px;height:160px;opacity:.16;}
  }

  /* ====== OVERVIEW (Twoje) ====== */
  .country-overview-table{width:100%;border-collapse:collapse;max-width:800px;color:#fff}
  .tax-country .country-overview-table{width:100%;border-collapse:collapse;max-width:59%;color:#fff;margin-left:auto;margin-top:2rem;margin-right:3rem}
.country-overview-table {
  border-collapse: collapse;
  width: 100%;
  background: #000;
}

.country-overview-table th,
.country-overview-table td {
  padding: 6px 8px;
  font-size: 14px;
  line-height: 1.15;
  border: 0;
}

/* nagłówek */
.country-overview-table thead th {
  background: #000;
  color: #fff;
  font-weight: 600;
}

/* zebra rows */
.country-overview-table tbody tr:nth-child(even) {
  /*background: #0d0d0d;*/ /* lekko mniej czarny */
}

.country-overview-table tbody tr:nth-child(odd) {
  /*background: #000;*/
}

  .country-overview-table th{text-transform:uppercase}
  .country-overview-table th,
  .country-overview-table td{border-bottom:1px solid rgb(255,255,255,0.09)}
  .country-overview-table th{width:38%;text-align:left;font-weight:700}
  .country-section-title{margin:18px 0 8px;font-weight:700}
  .country-richtext{font-size:16px;line-height:1.45;}
  /*.country-richtext p{margin:0 0 10px}*/
  .country-richtext p{margin:0 0 1rem}
  .country-richtext ul{margin:0 0 10px 18px}
  table:not( .has-background ) tbody tr:nth-child(2n) td, fieldset, fieldset legend,
  table:not( .has-background ) tbody td,
  table:not( .has-background ) th {background-color: initial;}

  /* ====== REGIONS (zwin/rozwin) ====== */
  .region-box{border:1px solid rgba(255,255,255,.10);border-radius:16px;overflow:hidden;}
  .region-head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;padding:14px 16px;background:rgba(255,255,255,.04);border:0;color:rgba(255,255,255,0.9);font-weight:800;cursor:pointer;}
  .region-title{letter-spacing:.02em;}
  .region-count{font-weight:400;}
  .region-body{display:none;padding:14px 16px;background:rgba(0,0,0,.22);}
  .region-box.is-open .region-body{display:block;}

  .region-desc{margin:0 0 12px 0;opacity:.85;font-size:14px;line-height:1.5;}
  .places-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
  .place-tile{display:block;text-decoration:none;overflow:hidden;}
  .place-tile:hover{background:rgba(255,255,255,.0);border-color:rgba(255,255,255,.0);}
  .place-thumb{aspect-ratio:1;background-size:cover;background-position:center;border-bottom:1px solid rgba(255,255,255,.0);display:flex;align-items:center;justify-content:center;}
  .place-thumb-empty{font-size:12px;opacity:.6;text-transform:uppercase;letter-spacing:.08em;}
  .place-meta{padding:10px 10px 12px;}
  .place-title{color:#fff;font-weight:700;line-height:1.2;display:flex;gap:8px;align-items:center;justify-content:space-between;}
  .place-sub{margin-top:6px;opacity:.7;font-size:12px;display:flex;gap:10px;align-items:center;justify-content:space-between;}
  .place-tile.is-locked{/*opacity:.72;*/}
  /*@media (max-width:1100px){.places-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}*/
  @media (max-width:768px){.places-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
  @media (max-width:520px){.places-grid{grid-template-columns:1fr;}}
  
  
  body.single h3{color:#fff;margin:0px 20px }
  body.single #countryLightbox h3{color:#fff;margin:0px 0px }
  article.content strong{font-weight:bold}
  
  /* Grenlandia nie reaguje na mysz, nie da się jej kliknąć ani "najechać" */
#north_america .no-click,
#path2407.no-click,
#path2407 {
  /*pointer-events: none !important;
  cursor: default !important;*/
}


#cl-preloader{
  position:fixed; inset:0;
  background:#000;
  z-index:999999;
  display:flex; align-items:center; justify-content:center;
  opacity:1;
  transition: opacity .55s ease, visibility .55s ease;
}

#cl-preloader.cl-hide{
  opacity:0; visibility:hidden; pointer-events:none;
}

.cl-preloader-inner{
  display:flex; flex-direction:column;
  align-items:center; gap:18px;
}

.cl-preloader-logo{
  width:min(210px, 60vw);
  height:auto;
  opacity:0;
  transform: scale(.92);

  animation: cl-logo-in .8s ease forwards;
}

@keyframes cl-logo-in{
  to { opacity:1; transform:scale(1); filter: blur(0); }
}

/* “neon” pasek pod logo – pod żywioł możesz sterować klasą */
.cl-preloader-bar{
  width:min(220px, 64vw);
  height:2px;
  background: rgba(255,255,255,.22);
  border-radius:999px;
  position:relative;
  overflow:hidden;
}

.cl-preloader-bar:before{
  content:"";
  position:absolute; inset:0;
  transform: translateX(-60%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.85), transparent);
  animation: cl-sheen 1.1s ease-in-out infinite;
}

@keyframes cl-sheen{
  0%{ transform: translateX(-70%); }
  60%{ transform: translateX(70%); }
  100%{ transform: translateX(70%); }
}


.cl-ring{
  width:42px; height:42px;
  border-radius:999px;
  border:2px solid rgba(255,255,255,.18);
  border-top-color: rgba(255,255,255,.85);
  animation: cl-spin .9s linear infinite;
}
@keyframes cl-spin{ to { transform: rotate(360deg); } }

/* opcjonalnie: żywiołowe warianty (podmienisz JS-em jak masz clp_element) */
#cl-preloader.fire   .cl-ring{ border-top-color: rgba(255,120,80,.95); }
#cl-preloader.water  .cl-ring{ border-top-color: rgba(120,190,255,.95); }
#cl-preloader.leaf   .cl-ring{ border-top-color: rgba(140,255,170,.95); }
#cl-preloader.thunder .cl-ring{ border-top-color: rgba(230,210,90,.95); }


/* ===== PRELOADER BASE ===== */
#cl-preloader{
  position:fixed;
  inset:0;
  background:#000;
  z-index:999999;
  display:flex;
  justify-content:center;
  align-items:center;
  transition: opacity .6s ease, visibility .6s ease;
}

#cl-preloader.cl-hide{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.cl-preloader-inner{
  display:flex;
  align-items:center;
  justify-content:center;
}

/* ===== LOGO + RING ===== */
.cl-logo-wrap{
  position:relative;
  width:220px;
  max-width:60vw;
  aspect-ratio:1 / 1;
  display:flex;
  align-items:center;
  justify-content:center;
}

.cl-preloader-logo{
  width:68%;
  height:auto;
  z-index:2;

  opacity:0;
  transform: scale(.92);
 /* filter: blur(6px);*/
  animation: cl-logo-in .8s ease forwards;
}

@keyframes cl-logo-in{
  to{
    opacity:1;
    transform:scale(1);
    /*filter: blur(0);/*/ }
}

/* ===== HALO RING ===== */
.cl-ring{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.18);
  border-top-color: rgba(255,255,255,.9);
    width: 100%;
    height: 100%;
  animation: cl-spin 1.1s linear infinite;
  z-index:1;
}

/* subtelny glow */
.cl-ring{
  box-shadow:
    0 0 12px rgba(255,255,255,.15),
    inset 0 0 12px rgba(255,255,255,.12);
}

@keyframes cl-spin{
  to{ transform: rotate(360deg); }
}




/* =========================================================
   Neon OUTLINE (stroke) dla kontynentów — tylko krawędź
   Kolor zależny od wybranego żywiołu (neon-*)
   Działa m.in. na page-start2.php (bo dodaliśmy .neon-surface)
   ========================================================= */

/* mapujemy żywioły na zmienną koloru obrysu */
.neon-surface.neon-fire    { --clp-outline: rgba(255,60,48,.90); }
.neon-surface.neon-water   { --clp-outline: rgba(45,124,255,.90); }
.neon-surface.neon-leaf    { --clp-outline: rgba(46,204,113,.90); }
.neon-surface.neon-thunder { --clp-outline: rgba(244,208,63,.90); }
.neon-surface.neon-none    { --clp-outline: rgba(255,255,255,.60); }

/* domyślnie: brak obrysu */
.neon-surface svg g[id] path{
  stroke: transparent;
  stroke-width: 0;
  vector-effect: non-scaling-stroke;
  paint-order: stroke fill;
  transition: stroke .15s ease, stroke-width .15s ease, filter .15s ease;
}

/* hover / focus / tap-active: pokazujemy tylko obrys w kolorze żywiołu */
.neon-surface svg g[id] path,
.neon-surface svg g[id]:hover path,
.neon-surface svg g[id]:focus-visible path,
.neon-surface svg g[id].clp-country--tap-active path{
  stroke: var(--clp-outline);
  stroke-width: 2.4;
  filter: drop-shadow(0 0 7px color-mix(in srgb, var(--clp-outline) 45%, transparent));
}

/* bezpieczeństwo: obrys nie może blokować hovera */
.neon-surface svg g[id] .outline{ pointer-events: none; }



/* =========================
   CONTINENT PICKER – LINE + GLOW (NO TEXTURE)
   HTML: <ul class="continent-list">...</ul>
   ========================= */

.continent-list{
  position: relative;
  list-style: none;
  margin: 20px auto 0;
  padding: 14px 10px 18px;
  display: flex;
  flex-wrap: nowrap;            /* 1 linia */
  justify-content: center;
  align-items: center;
  gap: 18px;
  max-width: 1400px;
  isolation: isolate;
}

/* cienka linia nad i pod */
/*.continent-list::before{
  content:"";
  position:absolute;
  left: 6%;
  right: 6%;
  top: 6px;
  height: 1px;
  background: linear-gradient(90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.14),
    rgba(255,255,255,0)
  );
  opacity: .85;
  pointer-events:none;
}*/

.continent-list::after{
  content:"";
  position:absolute;
  left: 10%;
  right: 10%;
  bottom: 8px;
  height: 1px;
  background: linear-gradient(90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.18),
    rgba(255,255,255,0)
  );
  opacity: .9;
  pointer-events:none;
}

/* delikatny glow pod linią (jak na screenie) */
.continent-list{
  box-shadow: 0 18px 55px rgba(0,0,0,.55);
}
.continent-list > li{
  position: relative;
  flex: 0 0 auto;
}

/* separator między nazwami (pionowy) */
.continent-list > li:not(:last-child)::after{
  content:"";
  position:absolute;
  right: -9px;
  top: 50%;
  width: 1px;
  height: 14px;
  transform: translateY(-50%);
  background: rgba(255,255,255,.14);
  opacity: .9;
}

/* linki jako “tekst premium”, bez pigułek */
.continent-list a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 2px;             /* minimal */
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: rgba(255,255,255,.78);
  white-space: nowrap;
  transition: color .18s ease, text-shadow .18s ease, transform .18s ease;
}

/* hover: delikatny lift + glow */

.continent-list a:hover,
.continent-list a:focus-visible{
  color: rgba(255,255,255,.95);
  transform: translateY(-1px);
  text-shadow: 0 0 16px rgba(255,255,255,.18);
  outline: none;
}

/* “podkreślenie” pod hover */
.continent-list a::after{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 1px;
  opacity: 0;
  transform: scaleX(.85);
  transition: opacity .18s ease, transform .18s ease;
  background: linear-gradient(90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.35),
    rgba(255,255,255,0)
  );
}
.continent-list a:hover::after,
.continent-list a:focus-visible::after{
  opacity: .75;
  transform: scaleX(1);
}

/* ===== ŻYWIOŁ / NEON: glow pod linią i na hover ===== */
:root{ --mm-accent: rgba(120,200,255,.55); }

.neon-fire    { --mm-accent: rgba(255, 90,  60, .65); }
.neon-water   { --mm-accent: rgba( 80, 200, 255, .65); }
.neon-leaf    { --mm-accent: rgba(120, 255, 160, .65); }
.neon-thunder { --mm-accent: rgba(190, 150, 255, .70); }

/* glow “pod całością” */
.neon-fire .continent-list,
.neon-water .continent-list,
.neon-leaf .continent-list,
.neon-thunder .continent-list{
  box-shadow:
    0 18px 55px rgba(0,0,0,.55),
    0 0 22px rgba(0,0,0,0),
    0 0 26px var(--mm-accent);
}

/* hover akcent */
.neon-fire .continent-list a:hover,
.neon-water .continent-list a:hover,
.neon-leaf .continent-list a:hover,
.neon-thunder .continent-list a:hover{
  text-shadow:
    0 0 18px rgba(255,255,255,.14),
    0 0 22px var(--mm-accent);
}

/* MOBILE: poziomy scroll (żeby nie łamać) */
/*@media (max-width: 900px){*/
@media (max-width: 768px){
  .continent-list{
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 12px 12px 16px;
    gap: 4px;
    max-width: 100%;
  }
  .continent-list::-webkit-scrollbar{ display:none; }
  .continent-list::before{ left: 12px; right: 12px; }
  .continent-list::after{ left: 24px; right: 24px; }
  .continent-list a {

    padding: 2px 2px;

    font-size: 0.56rem;

}
.start_world {padding: 0rem 1.5rem 0rem;}
.macimode-statsbar {gap: 0px;}

/* =========================
   MACIMODE MENU: pyramid + 2x2 elements
   ========================= */

/* żeby "piramida" miała sens i była stabilna */
.macimode-burger-menu ul{
  grid-auto-rows: auto;
}

/* --- 1) PIRAMIDA dla pierwszych 5 elementów (1..5) --- */
/*
  Masz 20 kolumn.
  Układ:
  - #3 (Home) wyżej i na środku
  - #2 (Cards) lewy dół
  - #4 (Vegemode) prawy dół
  - #1 i #5 (puste li) jako "wypełniacze" po bokach
*/
.macimode-burger-menu ul > li:nth-child(-n+5){
  grid-column: auto;  /* nadpisujemy Twoje span 4 */
}

.macimode-burger-menu ul > li:nth-child(3){
  grid-column: 9 / span 4;   /* środek */
  grid-row: 1;
  transform: translateY(-12px); /* "wyżej" */
}

.macimode-burger-menu ul > li:nth-child(2){
  grid-column: 5 / span 4;   /* lewy dół */
  grid-row: 2;
}

.macimode-burger-menu ul > li:nth-child(4){
  grid-column: 13 / span 4;  /* prawy dół */
  grid-row: 2;
}

/* puste "ramiona" */
.macimode-burger-menu ul > li:nth-child(1){
  grid-column: 1 / span 4;
  grid-row: 2;
}
.macimode-burger-menu ul > li:nth-child(5){
  grid-column: 17 / span 4;
  grid-row: 2;
}

/* --- 2) Elementy 7..10 jako 2 w wierszu (2x2) --- */
/* 7-8 w jednym wierszu, 9-10 w następnym */
.macimode-burger-menu ul > li:nth-child(3) img{width: 6.25rem!important;    position: relative;    top: 3px;    height: initial!important;    max-height: initial!important;    max-width: initial!important;}
.macimode-burger-menu ul > li:nth-child(2) img{width: 4.25rem!important;    position: relative;    top: 3px;    height: initial!important;    max-height: initial!important;    max-width: initial!important;margin-top:-1rem;left:-0.75rem}
.macimode-burger-menu ul > li:nth-child(4) img{width: 7rem!important;    position: relative;    top: 3px;    height: initial!important;    max-height: initial!important;    max-width: initial!important;margin-top:-1rem !important;right:-0.85rem}

.macimode-burger-menu ul > li:nth-child(12),
.macimode-burger-menu ul > li:nth-child(13),
.macimode-burger-menu ul > li:nth-child(14),
.macimode-burger-menu ul > li:nth-child(15),
.macimode-burger-menu ul > li:nth-child(7),
.macimode-burger-menu ul > li:nth-child(8),
.macimode-burger-menu ul > li:nth-child(9),
.macimode-burger-menu ul > li:nth-child(10){
  grid-column: auto; /* zdejmujemy Twoje span 7 */
}

.macimode-burger-menu ul > li:nth-child(7){ grid-column: 1 / 11; }
.macimode-burger-menu ul > li:nth-child(8){ grid-column: 11 / -1; }
.macimode-burger-menu ul > li:nth-child(9){ grid-column: 1 / 11; }
.macimode-burger-menu ul > li:nth-child(9) img{height: 4.325rem !important;}
.macimode-burger-menu ul > li:nth-child(10){ grid-column: 11 / -1; }

.macimode-burger-menu ul > li:nth-child(12){ grid-column: 1 / 11; }
.macimode-burger-menu ul > li:nth-child(13){ grid-column: 11 / -1; }
.macimode-burger-menu ul > li:nth-child(14){ grid-column: 1 / 11; }
.macimode-burger-menu ul > li:nth-child(15){ grid-column: 11 / -1; }

.macimode-burger-menu a.js-element-filter img
 {
    width: auto;
    height: 4rem !important;
}
.macimode-burger-menu ul{padding: 0px 3rem;}
.clp-tooltip-ico  img{height:50px !important;width:auto !important} 

.clp-collectibles__section-cards .clp-collectibles__media img{padding:6px !important}
}



.country-top{ margin-bottom: 18px; }
.country-top__label{
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;

}
.country-top__name{
  margin: 6px 0 16px;

  line-height: 1.05;
 
  
  font-size: 1.75rem;
    font-family: 'Portmanteau';
    color: #d5d5d5;
    padding-top: 10px;
    padding-bottom: 17px;
    
}
.mm-section-heading{margin-left:0px !important;margin-right:0px !important;margin-top:1rem !important}
.single.single-post .country-top__name{
 width:56rem;margin:0 auto;font-size:1.125rem;padding-top:16px
    
}

.country-top__grid {
	text-align:center;
    display: grid;
    grid-template-columns: 1fr 1fr; /* 50% / 50% */
    gap: 14px;
    align-items: stretch; /* domyślnie, ale wpisujemy explicite */
}


.country-top__cell{


 
  padding: 14px;
  overflow: hidden;
}

.country-top__stats .country-stat .k{
  font-size: 16px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color:#fff

}
.country-top__stats .country-stat .v{
  margin-top: 6px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.1;
  color:#fff
}
.country-stat-row{
  display:flex;
  gap:12px;
  justify-content:center;
  margin-top: 12px;
  flex-wrap: wrap;
}
.country-stat.small .v{ font-size: 16px; }

.country-top__flag,
.country-top__emblem{
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 1.75rem 1rem;
}

.country-flag{
  width: 100%;
  max-width: 20rem;
  height: auto;
  display:block;
  border-radius:0px
  

}
.country-flag--empty{
  width: 100%;
  max-width: 260px;
  border: 1px dashed rgba(255,255,255,.18);
  border-radius: 14px;
  padding: 28px 16px;
  text-align:center;
  opacity:.7;
}

.country-emblem{
  width: 100%;
  max-width: 220px;
  height: auto;
  display:block;
  opacity: .95;
  margin-right:30%
}
.country-emblem--empty{
  width: 100%;
  max-width: 220px;
  border: 1px dashed rgba(255,255,255,.18);
  border-radius: 14px;
  padding: 28px 16px;
  text-align:center;
  opacity:.7;
}

.country-top__overview-title{
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  opacity: .72;
  margin-bottom: 10px;
}

/*@media (max-width: 980px){*/
@media (max-width: 768px){
  .country-top__grid{ grid-template-columns: 1fr; }
  .country-top__flag .country-flag{ max-width: 320px; }
  .country-top__emblem .country-emblem{ max-width: 260px; }
}




.article-thumb{ position: relative; }

.post-element-badge {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 2;
    font-size: 11px;
    letter-spacing: .12em;
    white-space: nowrap;
    width: 3rem;
}

/* kolory żywiołów */
.post-element-badge.element-fire{
  color: #ff6a00;
  border-color: rgba(255,106,0,.6);
  box-shadow: 0 0 10px rgba(255,106,0,.25);
}
.post-element-badge.element-water{
  color: #4da6ff;
  border-color: rgba(77,166,255,.6);
  box-shadow: 0 0 10px rgba(77,166,255,.25);
}
.post-element-badge.element-leaf{
  color: #6ccf8e;
  border-color: rgba(108,207,142,.6);
  box-shadow: 0 0 10px rgba(108,207,142,.25);
}
.post-element-badge.element-thunder{
  color: #ffd84d;
  border-color: rgba(255,216,77,.6);
  box-shadow: 0 0 10px rgba(255,216,77,.25);
}



.continent-countries-grid{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

@media (max-width: 1200px){
  .continent-countries-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
/*@media (max-width: 900px){*/
@media (max-width: 768px){
  .continent-countries-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .continent-countries-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) }
}

.country-tile{
  position: relative;
  display: block;

  overflow: hidden;

  transform: translateZ(0);
}

.country-tile-media{
  aspect-ratio: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.country-tile-fallback{
  height: 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  opacity: .9;
}

.country-tile.is-locked{
  cursor: default;
  pointer-events:none;
  filter: grayscale(0.4);

}

.country-tile.is-locked:after{
display:none;
  opacity:0 !important
}

.country-tile-lock{
  position: absolute;
  inset: 0;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(0px);
}

.country-tile-lock .lock-icon img{
width:25%;height:auto;    margin: 0 auto;
}



/* Opis żywiołu w miejscu hasła (bez ikon) */
.start_world__headline--element{
  max-width: 960px;
  text-align: center;
  line-height: 1.55;
  opacity: .95;
  margin-bottom: 3rem;
}

/* BACK TO MAIN MODE button */
.clp-mainmode-btns,
.clp-mainmode-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 18px auto 0;
  padding: 12px 16px;
  border-radius: 0px;
  text-decoration: none;
    font-family: 'Portmanteau';
  font-size: 14px;
  color: #d5d5d5;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(0,0,0);
  backdrop-filter: blur(6px);
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
  position:fixed;
  bottom:10px;
  z-index:1
}

/* BACK TO MAIN MODE button */
.clp-mainmode-btns{  margin: 2rem auto 0;
}
.clp-mainmode-btns{
    position: relative;
    bottom: 10px;
    z-index: 1;
    /*overflow: hidden;*/
	right: 0px;
    left: 0px;
    max-width: 16rem;
    border-radius: 12px;
}

.page-id-237 .clp-mainmode-btns{

    bottom: 0px;

}


.clp-mainmode-btn{
    position: fixed;
    bottom: 10px;
    z-index: 1;
   /* overflow: hidden;*/
}
.page-id-430 .clp-filter__label,
.page-id-434 .clp-filter__label{padding-left:6px}

.mm-col-separator-mobile  {    position: relative;min-height:2rem}
.mm-col-separator  {    position: relative;min-height:2rem}
.mm-col-separator2  {    position: relative;}
.clp-food__media  {    position: relative;}
.clp-food__media2  {    position: relative;}
.is-locked.is-documented .country-tile-media2 {    position: relative;}
.is-locked.is-documented .country-tile-media2 {    position: relative;}
/* GÓRA */  



.mm-col-separator2:before,
.mm-col-separator:before,
.mm-col-separator-mobile:before,
.clp-food__media:before,
.clp-food__media2:before,
.is-locked.is-documented .country-tile-media2::before,
.is-locked.is-documented .country-tile-media::before,
.clp-mainmode-btns::before,
.clp-mainmode-btn::before,
/* DÓŁ */
.mm-col-separator2:after,
.clp-food__media:after,
.clp-food__media2:after,
.is-locked.is-documented .country-tile-media2::after,
.is-locked.is-documented .country-tile-media::after,
.clp-mainmode-btns::after,
.clp-mainmode-btn::after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    height: 1px;

    background-image: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.25),
        rgba(255,255,255,.95),
        rgba(255,255,255,.25),
        transparent
    );

    background-size: 164% 100%;
    background-position: center;
    background-repeat: no-repeat;

    box-shadow:
        0 0 6px rgba(255,255,255,.45),
        0 0 18px rgba(255,255,255,.35);

    pointer-events: none;
}

.clp-food__media:before,
.clp-food__media:after{

    width: 44.5%;
   
}

.page-id-434 .clp-food__media:before,
.page-id-434 .clp-food__media:after{

    width: 63.125%;
   
}



/* pozycje */
.mm-col-separator2::before {       top: 52%;    left: -38.75%;    z-index: 11;    transform: rotate(90deg);}
.clp-food__media::before {       top: 50%;    left: -22.2%;    z-index: 11;    transform: rotate(90deg);}
.page-id-434 .clp-food__media::before {       top: 47%;    left: -32.8125%;    z-index: 11;    transform: rotate(90deg);width: 66.125%;}
.clp-food__media2::before {       top: 100%;    right: 0%;width:100%;
    left: initial !important;
    z-index: 11;
    transform: rotate(0deg);
}
.is-locked.is-documented .country-tile-media2::before {    top: -130px;    left: -73px;    z-index: 11;    transform: rotate(90deg);}
.is-locked.is-documented .country-tile-media::before{top: 12.5px;z-index: 11;}
.clp-mainmode-btns::before,
.clp-mainmode-btn::before{top: 0;}
.mm-col-separator2::after {    top: 52%;    right: -38.75%;    z-index: 11;    left: initial;    transform: rotate(90deg);}
.clp-food__media::after {    top: 50%;    right: -22.2%;    z-index: 11;    left: initial;    transform: rotate(90deg);}
.page-id-434 .clp-food__media::after {    top: 47%;    right: -32.8125%;    z-index: 11;    left: initial;    transform: rotate(90deg);width: 66.125%;}
.clp-food__media2::after {    bottom: 100%;    right: 0%;width:100%;    z-index: 11;    left: initial;    transform: rotate(0deg);}
.is-locked.is-documented .country-tile-media2::after {    bottom: 130px;    right: -73px;    z-index: 11;    left: initial;    transform: rotate(90deg);}
.is-locked.is-documented .country-tile-media::after{bottom: 13px;z-index: 11;}
.clp-mainmode-btns::after,
.clp-mainmode-btn::after{bottom: 0;}

@media (min-width:1200px){
	.clp-mainmode-btns::before,
.clp-mainmode-btn::before{top: -1px !important;}

.clp-mainmode-btns::after,
.clp-mainmode-btn::after{bottom: -1px !important;}
}

.clp-mainmode-btn:hover{ transform: translateY(-1px); }
img.footer-ornament {    width: 11rem;    margin: 0 auto;}
/*@media (max-width: 1023px){*/
@media (max-width: 768px){
  .clp-mainmode-btn{
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 9999;
    margin: 0 auto;
	overflow:initial !important
  }
  /* zostaw miejsce żeby przycisk nie zasłaniał listy */
  .continent-list{ padding-bottom: 72px; }
}
/* BACK TO MAIN MODE – domyślnie ukryty (pokazujemy dopiero po wyborze żywiołu) */
.clp-mainmode-btn{
  display: none;
  right: 0px;
    left: 0px;
    max-width: 16rem;
	border-radius:12px
}

.clp-mainmode-btn.is-visible{
  display: inline-flex;
}

/*@media (min-width: 1024px){*/
@media (min-width: 1200px){
	nav.navbar-fixed-top .navbar-flex{max-width:100%;margin:0 auto}
}
/*@media (max-width: 1023px){*/
@media (max-width: 768px){
  .clp-mainmode-btn.is-visible{
    display: flex;
  }
}



@media (max-width: 768px){
  #clpSearchOverlay .clp-search-panel{
    max-height: 85vh;
    border-radius: 0 0 20px 20px;
  }

  .clp-search-head input{
    font-size: 20px;
  }
}





.clp-search-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}

.clp-search-head input{
  flex:1;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.25);
  color: #fff;
  font-size: 26px;
  font-family: 'Portmanteau';
  outline: none;
  padding: 10px 4px;
}

.clp-search-head input::placeholder{
  color: rgba(255,255,255,.45);
}

.clp-search-close{
  background: none;
  border: 0;
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  /*opacity: .75;*/
}
#clpArticlesList .article-thumb{background-size:100% !important}

/* ===== SEARCH OVERLAY – EDITORIAL TOP PANEL (SLIDE FROM TOP) ===== */

#clpSearchOverlay{
  position: fixed;
  inset: 0;
  z-index: 111111;

  /* zamiast display:none */
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
}

#clpSearchOverlay.is-open{
  opacity: 1;
  pointer-events: auto;
}

/* tło */
#clpSearchOverlay .clp-search-backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.65);
  backdrop-filter: blur(3px);

  opacity: 0;
  transition: opacity .22s ease;
}

#clpSearchOverlay.is-open .clp-search-backdrop{
  opacity: 1;
}

/* PANEL */
#clpSearchOverlay .clp-search-panel{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;

  width: 100vw;
  max-height: 99vh;
  overflow-y: auto;

  background: #000;
  color: #fff;

  transform: translateY(-110%);
  transition: transform .42s cubic-bezier(.2,.9,.2,1);

  padding: clamp(20px, 4vw, 48px) clamp(16px, 5vw, 64px);

  border-radius: 0 0 28px 28px;
  box-shadow: 0 30px 80px rgba(0,0,0,.55);
}

/* otwarty – WYSUWA SIĘ Z GÓRY */
#clpSearchOverlay.is-open .clp-search-panel{
  transform: translateY(0);
}


/* ===== CONTINENT MENU – LINE WITH GLOW ===== */

.continent-list{
  position: relative;
  padding-bottom: 10px; /* miejsce na linię */
}

/* LINIA */
.continent-list::after{
  content: "";
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
width: 50%;                 /* faktyczna długość kreski */
height: 1px;

background-image: linear-gradient(
  90deg,
  transparent,
  rgba(255, 255, 255, .25),
  rgba(255, 255, 255, .95),
  rgba(255, 255, 255, .25),
  transparent
);

/* ⬇️ MAGIC */
background-size: 164% 100%; /* 82% → 50% = 82 / 50 = 1.64 */
background-position: center;
background-repeat: no-repeat;

box-shadow:
  0 0 6px rgba(255, 255, 255, .45),
  0 0 18px rgba(255, 255, 255, .35);

pointer-events: none;


}
/* LINIA */
.country-top,
.country-top__grid,
.containers-post-name,
.continent-box-name,
.macimode-statsbar{position:relative}
.visuals-icon-pae img{margin:1.5rem 1.5rem 2rem}
.visuals-icon-pae:after {
       transform: rotate(90deg) !important;
    top: 52%;
    left: 46.5% !important;
    right: 50%;
    margin: 0 auto;
    width: 7% !important;
}


.country-top::after {
        transform: rotate(90deg) !important;
    top: 50%;
    left: 27.5% !important;
    right: 50%;
    margin: 0 auto;
    width: 45% !important;
}

.country-top::before {
    top: 46.5%;width:75% !important
}
.country-top::after,
.country-top::before,
.visuals-icon-pae:After,
.containers-post-name::after,
.containers-post-name::before,
.continent-box-name::after,
.continent-box-name::before,
.macimode-statsbar::before{
  content: "";
position: absolute;
left: 50%;

bottom:-5px;
transform: translateX(-50%);
width: 50%;
height: 1px;
background: linear-gradient(
  90deg,
  transparent,
  rgba(255,255,255,.25),
  rgba(255,255,255,.95),
  rgba(255,255,255,.25),
  transparent
);
box-shadow:
  0 0 6px rgba(255,255,255,.45),
  0 0 18px rgba(255,255,255,.35);
pointer-events: none;

}
.containers-post-name::after,
.continent-box-name::after{bottom:initial;top:3px;}
.continent-box-name::before{}
/* BŁYSK / ISKRA */
/*
.continent-list::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:-6px;
  transform:translateX(-50%);
  width:140px;
  height:14px;

  background: radial-gradient(
    ellipse at center,
    rgba(255,220,140,.65),
    rgba(255,200,120,.25),
    transparent 70%
  );

  filter: blur(4px);
  opacity:.9;
  pointer-events:none;
}
*/


.clp-search-input{background:#000 !important;color:#d5d5d5 !important;border-color:#000 !important;border-radius:0px !important;outline-color:none !important} 


/* =========================================================
   TRANSITION OVERLAY – dim + 3 dots (loading)
   HTML: #clpTransition
   ========================================================= */

#clpTransition.clp-transition{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.92);
  z-index: 9999999;          /* dajemy mega wysoko */
  opacity: 0;
  pointer-events: none;
  display: block;            /* pewniak */
  visibility: hidden;
  transition: opacity .25s ease, visibility 0s linear .25s;
}

#clpTransition.clp-transition.is-active{
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transition: opacity .25s ease, visibility 0s linear 0s;
}

/* center */
#clpTransition .clp-transition__inner{
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}

/* dots */
#clpTransition .clp-dots{
  display: inline-flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

#clpTransition .clp-dots span{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(245,248,255,.92);
  box-shadow: 0 0 10px rgba(235,240,255,.25), 0 0 26px rgba(235,240,255,.12);
  opacity: .35;
  animation: clpDotPulse 1.05s infinite ease-in-out;
}

#clpTransition .clp-dots span:nth-child(2){ animation-delay: .15s; }
#clpTransition .clp-dots span:nth-child(3){ animation-delay: .30s; }

@keyframes clpDotPulse{
  0%, 80%, 100% { transform: translateY(0) scale(.85); opacity: .28; }
  40%          { transform: translateY(-4px) scale(1.05); opacity: .95; }
}

@media (prefers-reduced-motion: reduce){
  #clpTransition .clp-dots span{ animation: none; opacity: .85; }
}


a:focus,input:focus,textarea:focus,button:focus {
    outline: none
}

form.clp-search-form:before {
    content: '';
    background: url(/wp-content/uploads/2025/12/Search-1-scaled.png);
    left: 0px;
    position: absolute;
    width: 2.5625rem;
    height: 2.5625rem;
    background-size: cover;
    left: -45px;
    top: 2px;
}

form.clp-search-form {
    position: relative;
}

/* Close button – rotate on hover + subtle neon */
.clp-search-close{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  /* jeśli masz tło/ramkę – zostaw, tu tylko animacja */
  transition: transform .35s ease, filter .35s ease, opacity .2s ease;
  transform-origin: 50% 50%;
  will-change: transform;
}

.clp-search-close:hover{
	background:none;
	color:#fff;
  transform: rotate(0deg);
  filter:
    drop-shadow(0 0 6px rgba(255,255,255,.35))
    drop-shadow(0 0 16px rgba(255,255,255,.22));
}

/* klawiatura */
.clp-search-close:focus-visible{
  outline: none;
  transform: rotate(0deg);
  filter:
    drop-shadow(0 0 6px rgba(255,255,255,.35))
    drop-shadow(0 0 16px rgba(255,255,255,.22));
}

/* opcjonalnie: lekkie “kliknięcie” */
.clp-search-close:active{
  transform: rotate(0deg) scale(1);
  opacity: .9;
}

/* preferencje dostępności */
@media (prefers-reduced-motion: reduce){
  .clp-search-close{
    transition: none;
  }
  .clp-search-close:hover,
  .clp-search-close:focus-visible,
  .clp-search-close:active{
    transform: none;
    filter: none;
    opacity: 1;
  }
}
/* bazowy kafel */
.country-tile{
  position: relative;
  display: block;
  border-radius: 18px;
  overflow: hidden;
  padding:10px;
  transition: transform .25s ease;
}

.swiper-slide{padding-bottom:2rem}
.swiper-slide a{position:relative}
.clp-food__card{position: relative;
  z-index: 0;        /* tworzy stacking context */
  overflow: visible;}
  /* content karty nad poświatą */
.clp-food__card > *{
  position: relative;
  z-index: 2;
}
.swiper-slide{position:relative;}
.place-thumb{position:relative;}
.clp-back-navs{position:relative;display:inline-block}
/* delikatne uniesienie */
.is-locked.is-undocumented.country-tile:hover{ transform: translateY(0px);}
.clp-reset-element-btn:hover,
.clp-back-navs:hover,
.place-thumb:hover,
.clp-food__card:hover,
.swiper-slide:hover,
.country-tile.is-active:hover{
  transform: translateY(-2px);
}

/* BIAŁO-SREBRNY PODCIEŃ */
.clp-reset-element-btn:after,
.clp-back-navs:after,
.swiper-slide:after,
.country-tile::after{
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  z-index:-1;
  bottom: 5px;
  height: 36px;
  background: radial-gradient(
    ellipse at center,
    rgba(255,255,255,.65),
    rgba(220,220,220,.35) 35%,
    rgba(255,255,255,0) 70%
  );
  filter: blur(14px);
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events: none;
}


.clp-food__card:after{
  content: "";
  position: absolute;
  left: 8%;
  right: 8%;
  z-index:1;
  bottom: 5px;
  height: 36px;
  background: radial-gradient(
    ellipse at center,
    rgba(255,255,255,.65),
    rgba(220,220,220,.35) 35%,
    rgba(255,255,255,0) 70%
  );
  filter: blur(14px);
  opacity: 0;
  transition: opacity .25s ease;
  pointer-events: none;
}
.clp-food__card:after{bottom:-20px;z-index:0;}


.swiper-slide:after{bottom:10px;z-index:-1}
.element-water .swiper-slide:after,
.element-fire .swiper-slide:after,
.element-leaf .swiper-slide:after,
.element-thunder .swiper-slide:after{bottom:30px;z-index:-1}
.article-body {    background: #000;height:100%}
.clp-food__media2 {    z-index: 1;    background: #000;}

.element-water .clp-food__card:after,
.element-fire .clp-food__card:after,
.element-leaf .clp-food__card:after,
.element-thunder .clp-food__card:after {    bottom: -10px;}
.clp-reset-element-btn:after,
.clp-back-navs:after{

  bottom: -5px;
  
}

/* aktywacja */

.is-locked.is-undocumented.country-tile:hover::after{opacity: 0;}
.clp-food__card:hover::after,
.swiper-slide:hover::after,
/*.place-thumb:hover::after,*/
.clp-reset-element-btn:hover::after,
.clp-back-navs:hover::after,
.country-tile.is-active:hover::after{
  opacity: 1;
}


/* =========================================================
   CONTINENT LIST – NEON LINE (ELEMENT-BASED)
   Reaguje na klasy body: neon-fire / neon-water / neon-leaf / neon-thunder
   ========================================================= */

.continent-list{
  position: relative;
}
 
/* === DOMYŚLNA (fallback – biały neon) === */
.tax-country .section{padding:0.5rem 0px !important}
.tax-country #comments.section:before{display:none}
.tax-country .section:before{
	/*content: "";
  position: absolute;
  width:130vw;height:1px;
    left: -20%;
  bottom: -15px;
	border-bottom: 1px solid rgba(255, 255, 255, .08);*/
}
	/*
.tax-country .section:before{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -15px;
  transform: translateX(-50%);
  width: 50%;
  height: 1px;

  background-image: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.25),
    rgba(255,255,255,.95),
    rgba(255,255,255,.25),
    transparent
  );

  background-size: 164% 100%;
  background-position: center;
  background-repeat: no-repeat;

  box-shadow:
    0 0 6px rgba(255,255,255,.45),
    0 0 18px rgba(255,255,255,.35);

  pointer-events: none;
}*/


.continent-list::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 50%;
  height: 1px;

  background-image: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.25),
    rgba(255,255,255,.95),
    rgba(255,255,255,.25),
    transparent
  );

  background-size: 164% 100%;
  background-position: center;
  background-repeat: no-repeat;

  box-shadow:
    0 0 6px rgba(255,255,255,.45),
    0 0 18px rgba(255,255,255,.35);

  pointer-events: none;
}
body.element-fire  .country-tile::after{background: radial-gradient(
  ellipse at center,
  rgba(255,120,80,.65),
  rgba(255,80,40,.35) 35%,
  rgba(255,120,80,0) 70%
);
}
body.element-water  .country-tile::after{background: radial-gradient(
  ellipse at center,
  rgba(120,170,255,.60),
  rgba(80,130,255,.32) 35%,
  rgba(120,170,255,0) 70%
);
}
body.element-leaf  .country-tile::after{background: radial-gradient(
  ellipse at center,
  rgba(90,220,150,.60),
  rgba(60,180,120,.32) 35%,
  rgba(90,220,150,0) 70%
);
}
body.element-thunder  .country-tile::after{background: radial-gradient(
  ellipse at center,
  rgba(255,220,90,.65),
  rgba(255,200,60,.35) 35%,
  rgba(255,220,90,0) 70%
);
}

/* =========================================================
   ŻYWIOŁY – NADPISANIA KOLORU
   ========================================================= */

/* 🔴 FIRE */
body.element-fire .visuals-icon-pae:after,
body.element-fire .clp-back-navs:after,
body.element-fire.tax-country .section:before,
body.element-fire .clp-food__media::before,
body.element-fire .clp-food__media::after,
body.element-fire .clp-food__media2::before,
body.element-fire .clp-food__media2::after,
body.element-fire .swiper-slide:after,
body.element-fire .clp-reset-element-btn:after,


body.element-fire  .is-locked.is-documented .country-tile-media2::after,
body.element-fire  .is-locked.is-documented .country-tile-media2::before,
body.element-fire  .is-locked.is-documented .country-tile-media::after,
body.element-fire  .is-locked.is-documented .country-tile-media::before,
body.element-fire  .macimode-burger-menu li.separator:before,
body.element-fire  .country-top::after, 
body.element-fire  .country-top::before, 
body.element-fire  .clp-food__card:after, 
body.element-fire  .country-top__grid::before, 
body.element-fire  .containers-post-name::after, 
body.element-fire  .containers-post-name::before, 
body.element-fire  .continent-box-name::after, 
body.element-fire  .continent-box-name::before,
body.element-fire  .clp-mainmode-btns::before,
body.element-fire  .clp-mainmode-btn::before,
body.element-fire  .clp-mainmode-btns::after,
body.element-fire  .clp-mainmode-btn::after,
body.element-fire  .macimode-statsbar::before,
body.element-fire .continent-list::after{
  background-image: linear-gradient(
    90deg,
    transparent,
    rgba(255,70,60,.35),
    rgba(255,70,60,.95),
    rgba(255,70,60,.35),
    transparent
  );
  box-shadow:
    0 0 6px rgba(255,70,60,.55),
    0 0 18px rgba(255,70,60,.45),
    0 0 36px rgba(255,70,60,.35);
}

/* 🔵 WATER */
body.element-water .visuals-icon-pae:after,
body.element-water .clp-back-navs:after,
body.element-water .clp-reset-element-btn:after,
body.element-water.tax-country .section:before,
body.element-water .clp-food__media::before,
body.element-water .clp-food__media::after,
body.element-water .clp-food__media2::before,
body.element-water .clp-food__media2::after,
body.element-water .swiper-slide:after,
body.element-water .clp-food__card:after,
body.element-water  .macimode-burger-menu li.separator:before,
body.element-water  .is-locked.is-documented .country-tile-media2::after, 
body.element-water  .is-locked.is-documented .country-tile-media2::before, 
body.element-water  .is-locked.is-documented .country-tile-media::after, 
body.element-water  .is-locked.is-documented .country-tile-media::before, 
body.element-water  .country-top::after, 
body.element-water  .country-top::before, 
body.element-water  .country-top__grid::before, 
body.element-water  .containers-post-name::after, 
body.element-water  .containers-post-name::before, 
body.element-water  .continent-box-name::after, 
body.element-water  .continent-box-name::before,
body.element-water  .clp-mainmode-btns::before,
body.element-water  .clp-mainmode-btn::before,
body.element-water  .clp-mainmode-btns::after,
body.element-water  .clp-mainmode-btn::after,
body.element-water  .macimode-statsbar::before,
body.element-water .continent-list::after{
  background-image: linear-gradient(
    90deg,
    transparent,
    rgba(70,140,255,.35),
    rgba(70,140,255,.95),
    rgba(70,140,255,.35),
    transparent
  );
  box-shadow:
    0 0 6px rgba(70,140,255,.55),
    0 0 18px rgba(70,140,255,.45),
    0 0 36px rgba(70,140,255,.35);
}

/* 🟢 LEAF */
body.element-leaf .visuals-icon-pae:after,
body.element-leaf .clp-back-navs:after,
body.element-leaf .clp-reset-element-btn:after,
body.element-leaf.tax-country .section:before,
body.element-leaf .clp-food__media::before,
body.element-leaf .clp-food__media::after,
body.element-leaf .clp-food__media2::before,
body.element-leaf .clp-food__media2::after,
body.element-leaf .swiper-slide:after,
body.element-leaf .clp-food__card:after,
body.element-leaf .macimode-burger-menu li.separator:before,
body.element-leaf .is-locked.is-documented .country-tile-media2::after,
body.element-leaf .is-locked.is-documented .country-tile-media2::before,
body.element-leaf .is-locked.is-documented .country-tile-media::after,
body.element-leaf .is-locked.is-documented .country-tile-media::before,
body.element-leaf .country-top::after, 
body.element-leaf .country-top::before, 
body.element-leaf .country-top__grid::before, 
body.element-leaf .containers-post-name::after, 
body.element-leaf .containers-post-name::before, 
body.element-leaf .continent-box-name::after, 
body.element-leaf .continent-box-name::before,
body.element-leaf .clp-mainmode-btns::before,
body.element-leaf .clp-mainmode-btn::before,
body.element-leaf .clp-mainmode-btns::after,
body.element-leaf .clp-mainmode-btn::after,
body.element-leaf .macimode-statsbar::before,
body.element-leaf .macimode-statsbar::after,
body.element-leaf .continent-list::after{
  background-image: linear-gradient(
    90deg,
    transparent,
    rgba(40,220,120,.35),
    rgba(40,220,120,.95),
    rgba(40,220,120,.35),
    transparent
  );
  box-shadow:
    0 0 6px rgba(40,220,120,.55),
    0 0 18px rgba(40,220,120,.45),
    0 0 36px rgba(40,220,120,.35);
}
/* base */
.clp-search-input{
  background: #000;
  color: #fff;
  border: 1px solid rgba(180,180,180,.35);
  outline: none;
}

/* focus – szary */
.clp-search-input:focus,
.clp-search-input:focus-visible{
  outline: none;
  border-color: rgba(200,200,200,.75);
  box-shadow: 0 0 0 2px rgba(200,200,200,.25);
}


/* base */
.clp-search-input{
  background: #000;
  color: #fff;
  border: 1px solid rgba(180,180,180,.35);
  outline: none;
}

/* focus – szary */
.clp-search-input:focus,
.clp-search-input:focus-visible{
  outline: none;
  border-color: rgba(200,200,200,.75) !important;
  box-shadow: 0 0 0 2px rgba(200,200,200,.25) !important;
}
/* ⚡ THUNDER */
body.element-thunder .visuals-icon-pae:after,
body.element-thunder .clp-back-navs:after,
body.element-thunder .clp-reset-element-btn:after,
body.element-thunder.tax-country .section:before,
body.element-thunder .clp-food__media::before,
body.element-thunder .clp-food__media::after,
body.element-thunder .clp-food__media2::before,
body.element-thunder .clp-food__media2::after,
body.element-thunder .clp-food__card:after,
body.element-thunder .swiper-slide:after,
body.element-thunder  .macimode-burger-menu li.separator:before,
body.element-thunder  .is-locked.is-documented .country-tile-media2::after, 
body.element-thunder  .is-locked.is-documented .country-tile-media2::before,
body.element-thunder  .is-locked.is-documented .country-tile-media::after, 
body.element-thunder  .is-locked.is-documented .country-tile-media::before, 
body.element-thunder  .country-top::after, 
body.element-thunder  .country-top::before, 
body.element-thunder  .country-top__grid::before, 
body.element-thunder  .containers-post-name::after, 
body.element-thunder  .containers-post-name::before, 
body.element-thunder  .continent-box-name::after, 
body.element-thunder  .continent-box-name::before,
body.element-thunder  .clp-mainmode-btns::before,
body.element-thunder  .clp-mainmode-btn::before,
body.element-thunder  .clp-mainmode-btns::after,
body.element-thunder  .clp-mainmode-btn::after,
body.element-thunder .macimode-statsbar::before,
body.element-thunder .continent-list::after{
  background-image: linear-gradient(
    90deg,
    transparent,
    rgba(255,220,60,.35),
    rgba(255,220,60,.95),
    rgba(255,220,60,.35),
    transparent
  );
  box-shadow:
    0 0 6px rgba(255,220,60,.55),
    0 0 18px rgba(255,220,60,.45),
    0 0 36px rgba(255,220,60,.35);
}

/* =========================================================
   SUBTELNY PULS (tylko gdy żywioł aktywny)
   ========================================================= */

/* body[class*="element-"] .continent-list::after{ */
.clp-food__media:before, 
.clp-food__media:after, 
.clp-food__media2:before, 
.clp-food__media2:after, 
.containers-post-name::after, .continent-box-name::after,
.continent-box-name::after,
.continent-box-name::before,
.macimode-burger-menu li.separator:before,
.country-top::before,
.country-top::after,
.visuals-icon-pae::after,
.macimode-statsbar::before,
body .continent-list::after{
  animation: clp-element-glow 4s ease-in-out infinite;
}


@keyframes clp-element-glow{
  0%,100%{ opacity: .7; }
  50%{ opacity: 1; }
}


.continent-box-center{text-align:center}
.containers-post-name,
.continent-box-name{font-size: 1.75rem;
    font-family: 'Portmanteau';
    color: #d5d5d5;
    padding-top: 10px;
    
}


.page-template-page-library .continent-box-name{margin-bottom:1.5rem}
.clp-gb-grid._13 {    margin-bottom: 1rem;align-items:center}

.continent-box-description p{ color: #d5d5d5 !important;display:inline-block}
.continent-box-description p strong{ color: #aaa !important;}
.continent-box-center .continent-box-description{position:relative;right:-3.35rem}
.continent-box-description{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	text-align:left;
	max-width:40%;
	margin-left:auto;margin-right:auto;
    margin-top: 0rem;
    color: #d5d5d5 !important;
    margin-bottom: 0rem;}
	
.country-tile-media{
  position: relative;
}

.country-tile-title{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Portmanteau';
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 14px;
  color: rgba(255,255,255,.85);

  text-align: center;
  pointer-events: none;
  top: -30%;
}
.containers-post-name{margin-top: 0rem;
    font-family: 'Portmanteau';
   margin-bottom:2rem !important;
    color: #d5d5d5;
    margin: 0 auto;
	text-align:center}
	
	
	/* =========================================
   PAGE TRANSITION: LEFT->RIGHT WIPE + FADE
   ========================================= */

#clpPageWipe{
  position: fixed;
  inset: 0;
  z-index: 999999;
  pointer-events: none;
  opacity: 0;
  transform: translateX(-110%);
  will-change: transform, opacity;
}

/* overlay z delikatnym fade w prawo */
#clpPageWipe::before{
  content:"";
  position:absolute;
  inset:0;
  BACKGROUND:#000;
  /*background: linear-gradient(90deg,
    rgba(0,0,0,0.00) 0%,
    rgba(0,0,0,0.35) 35%,
    rgba(0,0,0,0.85) 70%,
    rgba(0,0,0,0.95) 100%
  );*/
  backdrop-filter: blur(2px);
  opacity: 1;
}

/* stan: zasłanianie strony (wyjście) */
body.clp-wipe-out #clpPageWipe{
  opacity: 1;
  transform: translateX(0%);
  transition: transform .42s cubic-bezier(.22,.61,.36,1), opacity .18s ease;
}

/* stan: start odsłaniania po wejściu (overlay na 0%) */
body.clp-wipe-in-start #clpPageWipe{
  opacity: 1;
  transform: translateX(0%);
}

/* stan: odsłanianie (wypchnięcie overlay w prawo) */
body.clp-wipe-in #clpPageWipe{
  opacity: 1;
  transform: translateX(110%);
  transition: transform .55s cubic-bezier(.22,.61,.36,1), opacity .18s ease;
}

/* wyciszenie końcowe */
body.clp-wipe-in-done #clpPageWipe{
  opacity: 0;
  transform: translateX(110%);
  transition: opacity .18s ease;
}


.macimode-glt-languages{
  font-family: 'Athelas', serif;
  color:#d5d5d5;
}

.macimode-glt-title{
  font-family: 'Portmanteau';
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 10px;
  opacity: .75;
}

.macimode-glt-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap: 6px 12px;
}

.macimode-glt-item{
  margin:0;
}

/* linki generowane przez GLT */
.macimode-glt-item a{
  color:#d5d5d5;
  text-decoration:none;
  font-size: 14px;
  letter-spacing: .02em;
  opacity:.9;
}

.macimode-glt-item a:hover{
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: 3px;
}


body.element-leaf .macimode-footer, 
body.element-thunder .macimode-footer ,
body.element-water .macimode-footer ,
body.element-fire .macimode-footer 
{    padding: 28px 0 60px;}


.country-tile-media{
  background-size: 90%;
  background-position: center;
  background-repeat: no-repeat;
}

/* TYLKO fallback */
.country-tile.is-fallback .country-tile-media{
 /* background-size: 82%;*/
}


.page-template-page-europa .continent-box svg {left: -3rem !important;position:relative}


.continent-box path.st1,
.continent-box path.st2,
.continent-box path.st3,
.continent-box path.st4,
.continent-box path.st5,
.continent-box path.st6,
.continent-box path.st7,
.continent-box path.st8,
.continent-box path.st9,
.continent-box path.st10{fill:#aaa }
path.clp-country--disabled{fill:#aaa  }
path.clp-country--active{fill:#c7c7c7 !important}
path.clp-country--active:hover{fill:#8e8c8c !important;opacity:1}

.clp-chat{
  display:flex;
  flex-direction:column;
  gap:12px;
  position:relative;
  padding:6px 0;
}
.clp-chat:before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:1px;
  transform:translateX(-.5px);
  background:linear-gradient(to bottom,
    rgba(255,255,255,0),
    rgba(255,255,255,.10),
    rgba(255,255,255,0)
  );
  pointer-events:none;
}
.clp-chat-row{ display:flex; width:100%; position:relative; }
.clp-chat-row--left{ justify-content:flex-start; padding-right:12%; }
.clp-chat-row--right{ justify-content:flex-end;  padding-left:12%; }

/*@media (max-width: 820px){*/
@media (max-width: 768px){
  .clp-chat:before{ left:10px; transform:none; opacity:.35; }
  .clp-chat-row--left,
  .clp-chat-row--right{
    justify-content:flex-start;
    padding-left:18px;
    padding-right:0;
  }
}

.clp-chat-bubble{
  max-width:560px;
  width:fit-content;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  border-radius:16px;
  padding:10px 12px;
  position:relative;
  box-shadow:0 10px 30px rgba(0,0,0,.25);
}

.clp-chat-row--left .clp-chat-bubble:before,
.clp-chat-row--right .clp-chat-bubble:before{
  content:"";
  position:absolute;
  top:14px;
  width:10px;
  height:10px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  transform:rotate(45deg);
}
.clp-chat-row--left .clp-chat-bubble:before{
  left:-6px; border-right:none; border-top:none;
}
.clp-chat-row--right .clp-chat-bubble:before{
  right:-6px; border-left:none; border-bottom:none;
}

.clp-chat-meta{
  display:flex;
  gap:10px;
  align-items:baseline;
  justify-content:space-between;
  margin-bottom:6px;
}
.clp-chat-author{ color:#fff; font-weight:700; letter-spacing:.2px; }
.clp-chat-date{ opacity:.55; font-size:12px; white-space:nowrap; }

.clp-chat-text{ opacity:.92; line-height:1.55; }
.clp-chat-text p{ margin:0 0 8px; }
.clp-chat-text p:last-child{ margin-bottom:0; }

.clp-chat-row--right .clp-chat-bubble{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
}




/* ===== MOSAIC: 1 duże na górze + 2 małe na dole ===== */
.country-history__photos--mosaic{
  display:grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
    "a a"
    "b c";
  gap:14px;
  margin: 0px;
}

.country-history__photo{
  margin:0;
  border-radius:0px;
  overflow:hidden;
  border:0px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
}

.country-history__photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:0px !important
}

/* przypisanie pól */
.country-history__photo.is-1{ grid-area:a; min-height: 320px; }
.country-history__photo.is-2{ grid-area:b; min-height: 220px; }
.country-history__photo.is-3{ grid-area:c; min-height: 220px; }

/* jeśli obrazek #1 nie istnieje, a masz #2/#3 – niech siatka dalej wygląda dobrze */
.country-history__photos--mosaic:has(.is-1):not(:has(.is-2)):not(:has(.is-3)){
  grid-template-areas: "a a";
}
.country-history__photos--mosaic:has(.is-1):has(.is-2):not(:has(.is-3)){
  grid-template-areas:
    "a a"
    "b b";
}
.country-history__photos--mosaic:has(.is-1):has(.is-3):not(:has(.is-2)){
  grid-template-areas:
    "a a"
    "c c";
}

/* mobile: jedna kolumna */
/*@media (max-width: 820px){*/
@media (max-width: 768px){
  .country-history__photos--mosaic{
    grid-template-columns:1fr;
    grid-template-areas:
      "a"
      "b"
      "c";
  }
  .country-history__photo.is-1{ min-height: 240px; }
  .country-history__photo.is-2,
  .country-history__photo.is-3{ min-height: 200px; }
}


/* ===== 2 columns 50/50 ===== */
.country-history__grid{
  display:grid;
  grid-template-columns: 1fr 1fr; /* 50/50 */
  gap:14px;
  align-items: stretch;
}

/*@media (max-width: 1023px){*/
@media (max-width: 768px){
  .country-history__grid{
    grid-template-columns: 1fr;
  }
}

/* ===== section panel ===== */
.country-section{

  border-radius:0px;
  padding:0px ;

  height:100%;
}

.country-section__title{
  margin:0 0 10px 0;
  font-size:16px;

  text-transform:uppercase;

  color:#d5d5d5
}


.journey-item{
 
  padding:12px;
  
  margin-bottom:14px;
}

.journey-toggle-btn{
  margin-top:10px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-weight:700;
  cursor:pointer;
      transform: rotate(90deg);
}

.journey-body{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.10);
}
body {
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

body.page-loaded {
  opacity: 1;
}



.macimode-lang-close2{
  position:absolute;
  top: 5px;
    right: 14px;
  width:44px;
  height:44px;
  border:0;
  background:transparent;
  cursor:pointer;
  display:grid;
  place-items:center;
  z-index:11;
  padding:0px
}

.macimode-lang-close2 .close-x{
  position:relative;
  width:22px;
  height:22px;
 
}

.macimode-lang-close2 .close-x::before,
.macimode-lang-close2 .close-x::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:16px;
  height:2px;
  background:#fff;
  transform-origin:50% 50%;
}

.macimode-lang-close2 .close-x::before{
  transform: translate(-50%, -50%) rotate(45deg);
}
.macimode-lang-close2 .close-x::after{
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* wiatrak */
.macimode-lang-close2:hover {background:transparent}
.macimode-lang-close2:hover .close-x{
  transform: rotate(360deg);
  transition: transform 1.25s ease;
}



/* === ELEMENT FLOOD (wipe overlay) === */
#clpElementFlood{
  position: fixed;
  inset: 0;
  z-index: 999999;           /* nad stroną */
  pointer-events: none;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;
  transition:
    transform 420ms ease,
    opacity 420ms ease;
  will-change: transform, opacity;
}

/* aktywacja animacji */
#clpElementFlood.is-on{
  opacity: 1;
  transform: scaleX(1);
}

/* kolory zalewania (podmień na swoje) */
#clpElementFlood[data-element="fire"]    { background: rgba(255, 80, 20, 0.18); }
#clpElementFlood[data-element="water"]   { background: rgba( 30,140,255, 0.18); }
#clpElementFlood[data-element="leaf"]    { background: rgba( 60,220,120, 0.16); }
#clpElementFlood[data-element="thunder"] { background: rgba(255,220, 60, 0.14); }

/* ładniejsze “poświaty” przy krawędzi wipe */
#clpElementFlood::after{
  content:"";
  position:absolute;
  top:0; bottom:0;
  right:-120px;
  width:220px;
  background: linear-gradient(to right, rgba(255,255,255,0.0), rgba(255,255,255,0.35), rgba(255,255,255,0.0));
  opacity: .45;
  filter: blur(10px);
  pointer-events:none;
}


/* przycisk */
.clp-search-close{
  position: relative;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  display:grid;
  place-items:center;
  top: 5px;
    right: 14px;
}

/* wrapper na krzyżyk */
.clp-search-close .close-x{
  position:relative;
  display:block;
  width:22px;
  height:22px;

  transition: transform 1.0s ease;
  transform-origin:50% 50%;
  will-change: transform;
  transform: translateZ(0);
}

.clp-search-close .close-x::before,
.clp-search-close .close-x::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:16px;
  height:2px;
  background:#fff;
  transform-origin:50% 50%;
}

.clp-search-close .close-x::before{
  transform: translate(-50%, -50%) rotate(45deg);
}
.clp-search-close .close-x::after{
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* wiatrak */
.clp-search-close:hover .close-x{
  transform: translateZ(0) rotate(180deg);
}

/* klik opcjonalnie */
.clp-search-close:active .close-x{
  transform: translateZ(0) rotate(180deg) scale(.95);
}


#macimodeClose{
  position: absolute;
  width:44px;
  height:44px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;

  display:grid;
  place-items:center;
 top: 5px;
    right: 14px;
}

/* wrapper na krzyżyk */
#macimodeClose .close-x{
  position:relative;
  display:block;
  width:22px;
  height:22px;

  transition: transform 1.25s ease;
  transform-origin:50% 50%;
  will-change: transform;
  transform: translateZ(0);
}

#macimodeClose .close-x::before,
#macimodeClose .close-x::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:16px;
  height:2px;
  background:#fff;
  transform-origin:50% 50%;
}

#macimodeClose .close-x::before{
  transform: translate(-50%, -50%) rotate(45deg);
}
#macimodeClose .close-x::after{
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* wiatrak */
#macimodeClose:hover .close-x{
  transform: translateZ(0) rotate(180deg);
}

/* klik (opcjonalnie) */
#macimodeClose:active .close-x{
  transform: translateZ(0) rotate(360deg) scale(.95);
}



/* DOMYŚLNIE: schowany panel */
.macimode-lang-panel{
  position: fixed;
  left: 50%;
  top: 0;

  transform: translate(-50%, -110%);
  opacity: 0;
  pointer-events: none;

  width: 100vw;
  max-height: 85vh;
  background: rgba(0,0,0,.96);
  color: #fff;

  transition: transform .45s cubic-bezier(.22, 1, .36, 1), opacity .25s ease;
  will-change: transform, opacity;

  padding: 56px 18px 20px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 0 0 16px 16px;
  box-shadow: 0 18px 55px rgba(0,0,0,.55);
}

/* OTWARTY: rodzic ma is-open -> panel wjeżdża */
.macimode-lang-drawer.is-open .macimode-lang-panel{
  transform: translate(-50%, 0);
  opacity: 1;
  pointer-events: auto;
}

/* (opcjonalnie) backdrop fade, jeśli go chcesz animować */
.macimode-lang-backdrop{
  opacity: 0;
  transition: opacity .25s ease;
}
.macimode-lang-drawer.is-open .macimode-lang-backdrop{
  opacity: 1;
}
.macimode-lang-drawer{
  position: fixed;
  inset: 0;
  z-index: 99999;

  /* ZAMIANA display:none */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition: opacity .2s ease, visibility 0s linear .2s;
}

.macimode-lang-drawer.is-open{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;

  transition: opacity .2s ease;
}


.leaflet-marker-icon{background:rgb(255,255,255,0.85)}

.leaflet-popup-content-wrapper, .leaflet-popup-tip{background:#000 !important}

.country-top__grid_center{display:flex;flex-wrap:Wrap;align-items:Center;justify-content:center;margin-left:25%}




/* ===== TOP 10 PYRAMID ===== */
.top10-pyramid{
  padding: 18px;
}

.top10-row{
  display: grid;
  gap: 14px;
  justify-content: center;   /* “piramida” stoi na środku */
  margin: 0 auto 14px auto;
}

/* kolumny 1–4 */
.top10-row--cols-1{ grid-template-columns: minmax(160px, 240px); }
.top10-row--cols-2{ grid-template-columns: repeat(2, minmax(160px, 240px)); }
.top10-row--cols-3{ grid-template-columns: repeat(3, minmax(160px, 240px)); }
.top10-row--cols-4{ grid-template-columns: repeat(4, minmax(160px, 240px)); }

.top10-card{
  display: block;
  text-decoration: none;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  transition: transform .18s ease, border-color .18s ease;
}
.top10-card:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,0.22);
}

.top10-thumb{
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1; /* kwadrat */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.top10-thumb-empty{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  opacity:.75;
}

.top10-badge{
  position:absolute;
  left: 10px;
  top: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 12px;
  background: rgba(0,0,0,0.55);
  border: 1px solid rgba(255,255,255,0.16);
  backdrop-filter: blur(6px);
}

.top10-body{
  padding: 12px 12px 14px 12px;
}
.top10-meta{
  font-size: 12px;
  opacity: .85;
  margin-bottom: 6px;
}
.top10-title{
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}

/* ===== RWD: na mobile 1 kolumna, max 2 w rzędzie ===== */
/*@media (max-width: 900px){*/
@media (max-width: 768px){
  .top10-row--cols-4{ grid-template-columns: repeat(2, minmax(160px, 1fr)); }
  .top10-row--cols-3{ grid-template-columns: repeat(2, minmax(160px, 1fr)); }
}
@media (max-width: 560px){
  .top10-row--cols-4,
  .top10-row--cols-3,
  .top10-row--cols-2,
  .top10-row--cols-1{ grid-template-columns: minmax(220px, 1fr); }
}


/* ===== TRIBAL GOLD ICONS ===== */
.top10-tribal{
  display: inline-flex;
  gap: 4px;
  align-items: center;
}

.top10-tribal-icon{
  width: 14px;
  height: 14px;
  object-fit: contain;
  filter: drop-shadow(0 0 6px rgba(255,215,140,0.55));
  opacity: .95;
}
.tax-country form{margin-bottom:0px}

a.clp-collectibles__card
 {
    margin-bottom: 1rem;position:relative
}
.clp-collectibles__card:hover:after {opacity:1}
.clp-collectibles__card::after {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    z-index: -1;
    bottom: -6px;
    height: 36px;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, .65), rgba(220, 220, 220, .35) 35%, rgba(255, 255, 255, 0) 70%);
    filter: blur(14px);
    opacity: 0;
    transition: opacity .25s ease;
pointer-events: none;}


/* TOP10 layout: info 1/4 + slider 3/4 */
.top10-row{
  display:grid;
  grid-template-columns: 1fr 3fr;
  gap:24px;
  align-items:stretch;
  margin-bottom:26px;
}

.top10-info{
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  background:rgba(255,255,255,.03);
  padding:18px;
  display:flex;
  align-items:center;
}

.top10-info-title{
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#fff;
  opacity:.85;
  margin-bottom:10px;
  display:block;
}

.top10-info-icons{
  display:flex;
  gap:8px;
  margin-bottom:12px;
}
.top10-info-icons img{
  width:22px;
  height:auto;
  opacity:.9;
}

.top10-info-desc{
  font-size:13px;
  line-height:1.45;
  opacity:.7;
  color:#fff;
}

/* responsive */
/*@media (max-width:980px){*/
@media (max-width:768px){
  .top10-row{
    grid-template-columns:1fr;
    gap:16px;
  }
}


.containers-post-name.containers-post-name2::before{display:none !important}
.containers-post-name.containers-post-name2{font-size: 18px !important;
    margin-top: 1rem;
    padding-top: 2rem;
    padding-bottom: 0px;
    margin-bottom: 0.5rem !important;}

.mini-nav{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin:0 0 14px;
}
.mini-nav__toggle{
  display:flex;
  gap:8px;
  align-items:center;
  padding:8px 12px;
 

 
  color:#fff;
  font-size:12px;

  text-transform:uppercase;
  cursor:pointer;
  user-select:none;
}
.mini-nav__toggle input{/*accent-color:#fff;*/}
.clp-collectibles__section.is-hidden{display:none !important;}



/* =========================================================
   UNIVERSAL CLOSE X (jedna baza dla wszystkich przycisków)
   Używaj: .close-btn + wewnątrz <span class="close-x"></span>
   ========================================================= */

/* wspólne cechy przycisku X */
.macimode-lang-close2,
.clp-search-close,
#macimodeClose{
  width:44px;
  height:44px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
  display:grid;
  place-items:center;
}

/* POZYCJONOWANIE: ustawiamy tak samo */
.macimode-lang-close2,
#macimodeClose{
  position:absolute;
  top:5px;
  right:14px;
  z-index:11;
}

.clp-search-close{
  position:absolute;   /* było relative -> robi różnice */
  top:5px;
  right:14px;
  z-index:11;
}

/* wspólny krzyżyk */
.macimode-lang-close2 .close-x,
.clp-search-close .close-x,
#macimodeClose .close-x{
  position:relative;
  display:block;
  width:22px;
  height:22px;
 color:#d5d5d5;

  transition:transform 1s ease !important;
  transform-origin:50% 50%;
  will-change:transform;
  transform: translateZ(0);
}

/* ramiona X */
.macimode-lang-close2 .close-x::before,
.macimode-lang-close2 .close-x::after,
.clp-search-close .close-x::before,
.clp-search-close .close-x::after,
#macimodeClose .close-x::before,
#macimodeClose .close-x::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:16px;
  height:2px;
  background:#d5d5d5;
  transform-origin:50% 50%;
}

.macimode-lang-close2 .close-x::before,
.clp-search-close .close-x::before,
#macimodeClose .close-x::before{
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.macimode-lang-close2 .close-x::after,
.clp-search-close .close-x::after,
#macimodeClose .close-x::after{
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

/* jedna animacja hover dla wszystkich */
.macimode-lang-close2:hover .close-x,
.clp-search-close:hover .close-x,
#macimodeClose:hover .close-x{
  transform: translateZ(0) rotate(180deg) !important;
}

/* klik opcjonalnie */
.macimode-lang-close2:active .close-x,
.clp-search-close:active .close-x,
#macimodeClose:active .close-x{
  transform: translateZ(0) rotate(180deg) scale(.95) !important;
}


.leaflet-popup-close-button{display:none}

#overview,
#map,
#regions,
#food,
#journey,
#photo,
#spot,
#top10,
#articles,
#media{
  scroll-padding-top:70px;
}



/* ===== JOURNEY ITEM ===== */
.journey-item:nth-last-child(1){margin-bottom:0px}
.journey-item{
  position:relative;

    padding: 12px 16px 14px;
    border: 1px solid rgba(255, 255, 255, .1);
}

/* linia: tytuł + toggle */
.journey-head-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

/* tytuł */
.journey-head{
  margin: 0;
    color: #fff;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 14px;
    opacity: .85;
}

/* przycisk toggle */
.journey-toggle-btn{
  appearance:none;
  border:0;
  background:transparent;
  color:#fff;
  font-size:40px;
  line-height:1;
  cursor:pointer;
  padding:6px;
  opacity:.65;
  transition:transform .25s ease, opacity .2s ease;
}

/* hover */
.journey-toggle-btn:hover{
  opacity:1;
}

/* stan rozwinięty – obrót */
.journey-toggle-btn[aria-expanded="true"]{
  transform:rotate(270deg); /* > → v */
}

/* body */
.journey-body{
  margin-top:10px;
}

/*
.leaflet-marker-icon.el-thunder{background:rgba(255,209,0,.8)}
.leaflet-marker-icon.el-water{background:rgba(70,140,255,.8)}
.leaflet-marker-icon.el-fire{background:rgba(255,70,60,.8)}
.leaflet-marker-icon.el-spot{background:rgba(255,255,255,.8);}
.leaflet-marker-icon.el-leaf{background:rgba(40,220,120,.8)}*/

.leaflet-marker-icon.el-water{background:rgba(255,255,255,.85)}
.leaflet-marker-icon.el-fire{background:rgba(255,255,255,.85)}
.leaflet-marker-icon.el-spot{background:rgba(255,255,255,.85);}
.leaflet-marker-icon.el-leaf{background:rgba(255,255,255,.85)}


.el-spot {text-align:center;font-family: 'Portmanteau';}
.single .leaflet-popup-content,
.el-spot a{pointer-events:none   ; color: rgb(255, 255, 255, 0.9) !important;    text-decoration:none !important;text-align:center;font-family: 'Portmanteau';}
/* =========================
   COMMENTS – FORM STYLES
   ========================= */

#comments .panel {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding: 16px;
}

/* komunikat po wysłaniu */
#clpCommentMsg {
  font-size: 13px;
  line-height: 1.4;
  color: #d5d5d5;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  padding: 10px 12px;
}

/* ===== FORM ===== */
#clpCommentForm {
  margin-top: 16px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

/* input + textarea */
#clpCommentForm input[type="text"],
#clpCommentForm textarea {
  width: 100%;
  font-size: 14px;
  line-height: 1.4;
  padding: 12px 14px;
  color: #fff;
  background: rgba(0,0,0,.45);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 14px;
  outline: none;
  transition:
    border-color .15s ease,
    background .15s ease,
    box-shadow .15s ease;
}

/* placeholder */
#clpCommentForm input::placeholder,
#clpCommentForm textarea::placeholder {
  color: rgba(255,255,255,.45);
}

/* focus */
#clpCommentForm input:focus,
#clpCommentForm textarea:focus {
  border-color: rgba(255,255,255,.38);
  background: rgba(0,0,0,.55);
  box-shadow: 0 0 0 3px rgba(255,255,255,.08);
}

/* textarea */
#clpCommentForm textarea {
  resize: vertical;
  min-height: 120px;
}

/* ===== BUTTON ===== */
#clpCommentForm button[type="submit"] {
  margin-top: 6px;
  align-self: flex-start;
  padding: 12px 18px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.10);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  cursor: pointer;
  transition:
    background .15s ease,
    border-color .15s ease,
    transform .1s ease,
    box-shadow .15s ease;
}

/* hover */
#clpCommentForm button[type="submit"]:hover {
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.35);
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
  transform: translateY(-1px);
}

/* active */
#clpCommentForm button[type="submit"]:active {
  transform: translateY(0);
  box-shadow: none;
}

/* disabled (SENDING...) */
#clpCommentForm button[disabled] {
  opacity: .55;
  cursor: default;
  transform: none;
  box-shadow: none;
}

/* ===== CHAT BUBBLES (żeby formularz pasował wizualnie) ===== */
.clp-chat {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}

.clp-chat-row {
  display: flex;
}

.clp-chat-row--left {
  justify-content: flex-start;
}

.clp-chat-bubble {
  max-width: 640px;
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 16px;
  padding: 12px 14px;
}

.clp-chat-meta {
  display: flex;
  gap: 10px;
  font-size: 12px;
  margin-bottom: 6px;
  opacity: 1;
}

.clp-chat-author {
  font-weight: 700;
}

.clp-chat-date {
  opacity: 1;
  color:#c5c5c5
}

.clp-chat-text {
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255,255,255,.9);
}

/* ===== MOBILE ===== */
@media (max-width: 640px) {
  .clp-chat-bubble {
    max-width: 100%;
  }

  #clpCommentForm button[type="submit"] {
    width: 100%;
    text-align: center;
  }
}



/* =========================
   COMMENTS – LEGACY STYLES
   ========================= */

/* panel formularza */
#comments .panel {
  padding: 14px;
}

/* message (pending / success) */
#clpCommentMsg {
  display: none;
  margin-top: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: #d5d5d5;
  border-radius: 10px;
  font-size: 13px;
}

/* wrapper formularza */
#comments .panel > div:last-child {
  margin-top: 18px;
  border-top: 1px solid rgba(255,255,255,.10);
  padding-top: 14px;
}

/* form grid */
#clpCommentForm > div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

/* input + textarea */
#clpCommentForm input[type="text"],
#clpCommentForm textarea {
  width: 100%;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.35);
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  outline: none;
}

/* placeholder */
#clpCommentForm input::placeholder,
#clpCommentForm textarea::placeholder {
  color: rgba(255,255,255,.45);
}

/* focus (delikatny, jak wcześniej) */
#clpCommentForm input:focus,
#clpCommentForm textarea:focus {
  border-color: rgba(255,255,255,.28);
  background: rgba(0,0,0,.42);
}

/* textarea */
#clpCommentForm textarea {
  resize: vertical;
  min-height: 96px;
}

/* submit button */
#clpCommentForm button[type="submit"] {
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 13px;
}

/* hover – bardzo subtelny (jak było) */
#clpCommentForm button[type="submit"]:hover {
  background: rgba(255,255,255,.14);
}

/* disabled (SENDING...) */
#clpCommentForm button[disabled] {
  opacity: .55;
  cursor: default;
}
/* =================================================
   COMMENTS – SAFE, LOCAL STYLES
   ================================================= */

#comments .clp-comments-panel{
  padding:14px;
}

/* message */
#comments .clp-comment-msg{
  display:none;
  margin:12px 0;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.9);
  border-radius:12px;
  font-size:13px;
}

/* form wrap */
#comments .clp-comment-form-wrap{
  margin-top:18px;
  border-top:1px solid rgba(255,255,255,.10);
  padding-top:14px;
}

/* grid */
#comments .clp-comment-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

/* inputs */
#comments .clp-comment-input,
#comments .clp-comment-textarea{
  width:100% !important;
  padding:12px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(0,0,0,.35) !important;
  color:#fff !important;
  outline:none !important;
  box-shadow:none !important;
}

#comments .clp-comment-input::placeholder,
#comments .clp-comment-textarea::placeholder{
  color:rgba(255,255,255,.45) !important;
}

#comments .clp-comment-input:focus,
#comments .clp-comment-textarea:focus{
  background:rgba(0,0,0,.42) !important;
  border-color:rgba(255,255,255,.28) !important;
}

#comments .clp-comment-textarea{
  min-height:96px;
  resize:vertical;
}

/* button */
#comments .clp-comment-btn{
  padding:12px 14px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  font-weight:700 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
}

#comments .clp-comment-btn:hover{
  background:rgba(255,255,255,.14) !important;
}

#comments .clp-comment-btn[disabled]{
  opacity:.55 !important;
  cursor:default !important;
}


#countryLightbox button{background:transparent;border-color:transparent;font-size:40px;line-height:36px;color:#d5d5d5;padding:0px}
#countryLightbox button:hover{color:#fff;}
#countryLightbox button[data-close]{  font-size: 15px;}
#countryLightbox button[data-close]:hover{  color:#fff}

/* Close button (X) */
#countryLightbox button[data-close]{

  font-size: 15px;
  background: none;


  cursor: pointer;


  transition:
    transform .35s cubic-bezier(.2,.8,.2,1),
    opacity .2s ease;
}

/* hover */
#countryLightbox button[data-close]:hover{
  opacity: 1;
  transform: rotate(0deg);
  
}

/* opcjonalnie: focus (klawiatura) */
#countryLightbox button[data-close]:focus-visible{
  outline: none;
  box-shadow: 0 0 0 2px rgba(255,255,255,.35);

}


.clp-swiper-pagination{display:none !important}

.top10-line:nth-child(2) .top10-group-head span {justify-content:center !important;}
.top10-line:nth-child(2) .top10-group-head img {    margin: 0px !important;}

.single-place .swiper-container-horizontal,
.tax-country .swiper-container-horizontal{padding:0px 20px !important}

button.journey-toggle-btn:hover{background:transparent;border-color:transparent;color:#fff}

.clp-articles-swiper .clp-swiper-btn {    width: 8px;}


/* single-place.css */

.mm-wrap{ background:#000; color:#eaeaea; padding-top:0rem; position:relative; }
.mm-container{ max-width:1200px; margin:0 auto; padding:0px 16px 20px; }

/* ornaments */
.mm-orn{
  position:absolute; top:10.5rem;
  width:180px; height:520px;
  background-size:contain; background-repeat:no-repeat; background-position:center;
  opacity:.35; pointer-events:none;
  filter: grayscale(1) contrast(1.1);
}
.mm-orn--l{ left:12px; }
.mm-orn--r{ right:12px; transform: scaleX(-1); }
@media(max-width:1100px){ .mm-orn{ display:none; } }

/* ===== top row ===== */
.mm-toprow .corner--bl{left:-2rem}
.mm-toprow .corner--br{right:-2rem}
.mm-toprow{
  display:grid;
  grid-template-columns: 1fr 1.15fr 1fr;
  gap:14px;
  align-items:flex-start;
  margin-top:8px;
  position:relative;
  padding-bottom:5rem;
  
}
/*@media(max-width:1024px){*/@media(max-width:768px){ .mm-toprow{ grid-template-columns:1fr; } }

.mm-card{margin-left:2.25rem}
.mm-card, .mm-tablewrap, .mm-boxes{
  /*border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background: rgba(255,255,255,.02);*/
  padding:14px 14px;
}

/* card */
.mm-titlebar{ display:flex; gap:10px; align-items:baseline; justify-content:center; flex-wrap:wrap; }
.mm-h1{ font-size:22px; margin:0;  text-transform:uppercase; }
.mm-kicker{ font-size:12px; color:rgba(255,255,255,.72); letter-spacing:.08em; text-transform:uppercase; }
.mm-meta-small{ margin-top:10px; color:rgba(255,255,255,.78); font-size:13px; line-height:1.5; }
.mm-meta-small a{ color:inherit; text-decoration:none; border-bottom:1px solid rgba(255,255,255,.25); }
.mm-meta-small a:hover{ border-bottom-color:rgba(255,255,255,.6); }

/* table */
.mm-table{ width:95%; border-collapse:collapse; font-size:13px; color:rgba(255,255,255,.9); margin:1rem  auto 0px}
.mm-table th{
  text-align:left; width:42%;
  padding:7px 10px 7px 0;
  color:rgba(255,255,255,.90);
  letter-spacing:.06em;
  text-transform:uppercase;
  font-weight:600;
  vertical-align:top;
}
.mm-table td{ padding:7px 0; vertical-align:top; }
.mm-table tr + tr td, .mm-table tr + tr th{ border-top:1px solid rgba(255,255,255,.08); }

/* boxes */
.mm-boxes{ display:flex; flex-direction:column; gap:12px;margin-right:6rem }
.mm-boxes .mm-box{text-align:center;border:1px solid rgba(255,255,255,.15);}
.mm-box{
  
  
  padding:12px 12px;
  
}
.mm-box-title{
	color:rgba(255,255,255,.8);
  font-size:13px;
  letter-spacing:.10em;
  text-transform:uppercase;
    font-weight: 600;
  margin-bottom:10px;
}
.mm-element{ display:flex; align-items:center; gap:10px; font-size:14px;justify-content:Center }
.mm-element-icon{  width:5rem;height:5rem;object-fit:contain;   filter: drop-shadow(0 0 8px rgba(255,255,255,.12));}

.mm-tribals{ display:flex; flex-wrap:wrap; gap:6px; align-items:center;justify-content:center;color:rgba(255,255,255,.9); }
.mm-tribal{width:5rem;height:5rem;object-fit:contain; filter: drop-shadow(0 0 6px rgba(255,200,50,.18)); opacity:1;justify-content:center;margin:0px -0.7rem }
.mm-tribals--locker .mm-tribal--locker{
  width:5rem;height:5rem
}

/* big hero */
.mm-hero-wide{
  margin-top:14px;
  
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.02);
}
.mm-hero-wide img{
  width:100%;
  /*height:520px;*/
  object-fit:cover;
  display:block;
  opacity:1;
  border-radius:0px
}
/*@media(max-width:900px){*/
@media(max-width:768px){
	.mm-hero-wide img{ /*height:320px;*/ } }
.mm-noimg{
  padding:60px 20px;
  text-align:center;
  color:rgba(255,255,255,.55);
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* under hero layout */
.mm-under{
  margin-top:16px;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:32px;
  align-items:start;
}

.wpcf7-response-output{display:none !important}
.macimode-letter__paper .macimode-letter__field:nth-child(4) .wpcf7-not-valid-tip{top: -35px;    position: relative;}
.mm-section-heading-text{/*margin-top:1.25rem*/}
/*@media(max-width:1024px){ */
@media(min-width:1200px){ 
.mm-section-heading-wrap {    margin-top: 20px;}
}
@media(max-width:768px){ 
.mm-under{ grid-template-columns:1fr; } }

.mm-col h3,
.mm-col ul,
.mm-col p,
.mm-col span{margin:0px 0px 1rem !important}
.mm-wysiwyg ul{}
.mm-col{


  padding:1rem;
}

.mm-under .mm-col{


  padding:1rem 0px;
}
.mm-col h3{
  margin:0 0 10px;
  font-size:12px;
  letter-spacing:.10em;
  text-transform:uppercase;
  opacity:.8;
}

/* wysiwyg */
.mm-wysiwyg{ color:rgba(255,255,255,.86); font-size:15px; line-height:1.7; }
.mm-wysiwyg p{ margin-top:0; }
.mm-wysiwyg ul{ margin:8px 0 0 18px; }
.mm-wysiwyg li{ margin:6px 0; }
.mm-wysiwyg a{ color:rgba(255,255,255,.9); text-decoration:underline; text-underline-offset:3px; }

/* key places list */
.mm-kp-list{ margin:0; padding-left:18px; }
.mm-kp-list li{ margin:6px 0; }
.mm-kp-list a{ color:rgba(255,255,255,.9); text-decoration:none; border-bottom:1px solid rgba(255,255,255,.25); }
.mm-kp-list a:hover{ border-bottom-color:rgba(255,255,255,.6); }

/* map */
.mm-map{
  width:100%;
  height:320px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.25);
}

/* accordion tools */
.mm-acc-tools{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin:16px 0 6px;
}
.mm-acc-btn{
  background:transparent;
  border:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.82);
  padding:7px 10px;
  border-radius:10px;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
}
.mm-acc-btn:hover{ border-color:rgba(255,255,255,.35); color:rgba(255,255,255,.95); }

/* accordion */
.mm-acc{ margin-top:18px; border-top:1px solid rgba(255,255,255,.10); }
.mm-acc details{ border-bottom:1px solid rgba(255,255,255,.10); padding:10px 0; }
.mm-acc summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  gap:10px;
  user-select:none;
  font-size:13px;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(255,255,255,.85);
}
.mm-acc summary::-webkit-details-marker{ display:none; }
.mm-acc summary:before{
  content:"+";
  display:inline-flex;
  width:18px;
  height:18px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:6px;
  color:rgba(255,255,255,.85);
  font-weight:600;
  line-height:1;
}
.mm-acc details[open] summary:before{ content:"–"; }
.mm-panel{ padding:10px 0 6px 28px; }

/* mini gallery row */
.mm-mini{ display:flex; gap:10px; overflow:auto; padding-bottom:4px; }
.mm-mini a{
  flex:0 0 auto;
  width:160px;
  height:110px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.02);
}
.mm-mini img{ width:100%; height:100%; object-fit:cover; display:block; opacity:.95; }

/* bottom nav */
.mm-nav{ margin-top:18px; }
.mm-nav a{ color:rgba(255,255,255,.86); text-decoration:none; border-bottom:1px solid rgba(255,255,255,.25); }
.mm-nav a:hover{ border-bottom-color:rgba(255,255,255,.6); }
.mm-nav ul{ margin:8px 0 0 18px; }




.macimode-lang-close2 .close-x{
  font-size: 0;
  color: transparent;
  transition: transform 0.55s ease !important;
  transform: translateZ(0);
}

.clp-search-close .close-x,
#macimodeClose .close-x{
  font-size: 0;
  color: transparent;
  transition: transform 1.1s ease !important;
  transform: translateZ(0);
}

.macimode-lang-close2:hover .close-x,
.clp-search-close:hover .close-x,
#macimodeClose:hover .close-x,
.macimode-lang-close2:focus-visible .close-x,
.clp-search-close:focus-visible .close-x,
#macimodeClose:focus-visible .close-x{
  transform: translateZ(0) rotate(0deg) !important;
}

.macimode-lang-close2:active .close-x,
.clp-search-close:active .close-x,
#macimodeClose:active .close-x{
  transform: translateZ(0) rotate(0deg) scale(1) !important;
}

.main-default-page .country-top{max-width:60%;margin:1rem auto 0px}
.page-template-default .main-default-page > .containers-post:nth-child(2) {margin-top:3rem}
.page-template-default .containers-post > p{max-width:60%;margin:0 auto;}

.page-id-237 .macimode-footer-social{display:none}
.social-icon-page{margin-bottom:-1rem;padding-bottom:0px;max-width:50%;margin-left:auto;margin-right:auto}
.visuals-icon-pae{margin-bottom:-2rem}

.social-icon-page a img,
.visuals-icon-pae a img{
    object-fit: contain;
    display: block;
    transition: transform .2s ease, filter .2s ease, opacity .2s ease;
    opacity: .95;}
.social-icon-page a:hover img,
.visuals-icon-pae a:hover img{
  transform: translateY(-1px) scale(1.05);
  filter: drop-shadow(0 0 10px rgba(255,255,255,.20));
  opacity: 1;
}

article.content{    margin: 0 auto;}

.single.single-post .clp-country-history-block{margin: 0px 0px 14px 0px;  /*  border-bottom: 1px solid rgb(255, 255, 255, 0.1);/*/} 
.single.single-post .clp-country-history-block section{padding:0px}
.single.single-post .article-card,
.single.single-post .swiper-slide,
.single.single-post .article-thumb{aspect-ratio:1;border: 0px;    background-color: transparent;background-size: contain;}

.text-muted.small.mt-2 {    color: rgb(255,255,255,0.9) !important;margin-top: 1.5rem !important;}

.main-default-page .country-top::after {
    transform: rotate(90deg) !important;
    top: 50%;
    left: 12.35% !important;
    right: 50%;
    margin: 0 auto;
    width: 75% !important;
}

.main-default-page .country-top::before {
    top: 50.5%;
    width: 100% !important;
}

.single-place .mm-section-heading-wrap h3.mm-section-heading{margin-bottom:0.65em !important}
.country-history__text-block .mm-section-heading:nth-child(1){margin-top:0px}

.swiper-button-disabled{opacity:0.5}


.macimode-letter__field p {
    display: flex;
    margin: 5px 20px;
    padding: 0px 10px;
    width: 100%;
    text-align: center;
    max-width: 100%;
}

/* CF7 – placeholder na czarny w formularzu "macimode-letter" */
.macimode-letter input::placeholder,
.macimode-letter textarea::placeholder {
  color: #000 !important;
  opacity: 1; /* ważne m.in. dla Firefoxa */
}

/* Safari / starsze przeglądarki – na wszelki wypadek */
.macimode-letter input::-webkit-input-placeholder,
.macimode-letter textarea::-webkit-input-placeholder { color:#000 !important; }

.macimode-letter input::-moz-placeholder,
.macimode-letter textarea::-moz-placeholder { color:#000 !important; opacity:1; }

.macimode-letter input:-ms-input-placeholder,
.macimode-letter textarea:-ms-input-placeholder { color:#000 !important; }

.macimode-letter input::-ms-input-placeholder,
.macimode-letter textarea::-ms-input-placeholder { color:#000 !important; }



/* ===== Unified CLOSE X (search + language) ===== */

img.wp-image-277 {
    margin-top: -10px;opacity:0.5
}



.clp-reset-element-btn{  width: 16rem;}

@media (min-width:1024px){
	.navbar-flex a:nth-child(1){width:16.625rem }
	.navbar-flex .macimode-burger-wrapper{width:15.625rem }
}


.mm-col .mm-wysiwyg{min-height:5rem}


.clp-country-history-block{/*border-bottom:1px solid rgba(255,255,255,.10);*/margin-bottom:1rem;padding-bottom:0rem}
.clp-country-history-block:nth-last-child(2){border-bottom:0px;margin-bottom:0rem;padding-bottom:0rem}
.clp-country-history-block:nth-last-child(2) .country-history__photos--mosaic{margin-bottom:0rem}

.clp-drop-panel{font-size:16px}

article.content p{margin-left:0px;margin-right:0px;margin-top:10px;margin-bottom:10px}
article.content-food .clp-country-history-block{margin-left:0px !important;margin-right:0px !important}


/*.single .leaflet-marker-pane .leaflet-interactive{padding: 0.35rem !important;}*/


.wp-block-image img[data-aos]{
  opacity: 1 !important;
  transform: none !important;
}


.mm-section-heading{color: rgba(255, 255, 255, .88) !important}
.library-intro.wysiwyg p{color: rgba(255, 255, 255, .9)}
.clp-drop-panel p{color: rgba(255, 255, 255, .9)}


.mm-text-block__inner {
  font-size: 17px !important;
}

.wp-block-separator{height:1px;background:rgb(255,255,255,0.1);width: 100% !important;
    height: 1px;
    background: rgb(255, 255, 255, 0.1);
    border-bottom: 1px;
    border-top: 0px;margin-bottom:1rem !important}
	
	
/* Gutenberg – pojedynczy obraz */
figure.wp-block-image img {
  cursor: pointer;
}

/* Gutenberg – galeria */
figure.wp-block-gallery img {
  cursor: pointer;
}	

.clp-gallery-grid-block{margin-top:1rem}


.page-id-233 form {
    margin-bottom: -3.382em;
}
.place-tile,
.article-thumb,
.place-thumb {

    background-size: 92%!important;
background-repeat: no-repeat;}
.mm-col-separator-mobile{display:none}
@media (max-width:768px){
	.page-id-190 .clp-swiper-nav {top: 6rem;}
	.mm-col-separator-mobile{display:block}
	
	.mm-card {
    order: 1;
	margin-bottom:-0.75rem
}

.mm-tablewrap {
	padding-top:5px !important;
    order: 3;
}
.mm-col .mm-wysiwyg {    min-height: 3rem;}
.mm-col-separator2::after,
.mm-col-separator2::before{display:none}
.mm-boxes {
    order: 2;
}
.mm-toc{width:100%}
.clp-food__card{width:75% !important}
.page-id-434 .clp-food__card{width:100% !important}
.catid-915 .mini-nav.darkHeader  {    padding-bottom: 0px !important;}
.catid-915 .mini-nav  {    padding-left: 3.25rem;    padding-right: 3.25rem;        margin-top: 0px !important;
        padding-top: 0px !important;}
	
	.containers-post-name.containers-post-name2 {    margin-bottom: 0rem !important;}
	.clp-mainmode-btns, .clp-mainmode-btn{font-size:12px}
	.clp-mainmode-btns {    margin: 1.5rem auto 1rem;}
	
	.clp-reset-element-btn:after, .clp-back-navs:after, .swiper-slide:after, .country-tile::after { bottom: 7px;}
	
	.mm-boxes{margin-right:0px}
	.mm-titlebar {    margin-left: -5%;    width: 95%;}
.clp-country-history-block.is-swapped .country-history__grid {    grid-template-columns: 1fr !important;}
	
	.clp-swiper-wrap,	
	.top10-group-head{width:100% !important}
	
	.macimode-burger-wrapper {    padding-left: 1rem;    flex-wrap: nowrap;}
	.continent-box-center .continent-box-description{right:initial !important;max-width:100% !important}
	.containers-post-name, .continent-box-name{margin-top:-1rem}
	.page-template-default .containers-post > p {
    max-width: 100%;
	padding:0px 1rem;
    margin: 0 auto;

}
	.country-top__name {
		width:66%;
		
		padding-top: 0px;
    padding-bottom: 10px;
    margin: 8px auto 16px;
    line-height: normal;
    font-size: 1rem;}
.macimode-statsbar__sep{display:none}
.macimode-statsbar{flex-direction:column}

.country-top__cell.country-top__flag {    order: 1;}
.country-overview-table{margin-top:0.75rem !important}
    .containers-post-name.containers-post-name2 {margin-top: -0.5rem !important;    }
	.country-tile-title{font-size:10.5px;max-width: 83%;
        margin: 0 auto;}
	.country-tile-lock{backdrop-filter: blur(0px);}


.country-top__cell.country-top__emblem {
    order: 2;
    width: 45% !important;
}

.country-top__cell.country-top__overview {
    order: 4;
    width: 100% !important;
    margin: 0 auto !important;
}



.country-top__grid_center {
    order: 3;
	width:100% !important;
	margin:0px !important
}

.country-top__grid_center .clp-tooltip-hover:nth-child(1) {
    padding-left: 0px !important;
}

.country-top__grid_center .clp-tooltip-hover:nth-child(3) {
    padding-left: 0px !important;
}

.tax-country .panel {padding:10px 0px !important}
.tax-country .country-overview-table {
    max-width: 100%;
    margin: 0 auto !important;
}
.country-section{padding:0px}

.macimode-burger-wrapper > img {height:30px !important;width:auto !important;}
.macimode-burger-icon > img {height:40px !important;width:auto !important;}
.library-articles  .country-page{padding:0px 1rem}
.library-hero .country-page{padding:0px}
.library-hero {
    padding: 0px 1rem;
}
.clp-drop-title {
line-height:normal !important;
    font-size: 12px !important;
}.section-pub .country-page{padding-bottom:0px}

.page-id-237 .wp-block-image .alignright,
.page-id-237 .wp-block-image .alignleft
 {
  
    margin: 0 auto;
    float: none;
}
.social-icon-page .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow:empty{display:none !important}
.social-icon-page .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow{width:30% !important;flex-basis: 25% !important;}
.social-icon-page {
            margin-bottom: -7rem;
        margin-top: 1rem !important;
        padding-bottom: 0px;
        max-width: 60%;
        margin-left: auto;
        margin-right: auto;
		z-index: 1;
        position: relative;
}
.visuals-icon-pae {gap:0px}
.visuals-icon-pae img{margin:1.25rem auto;        width: 120px !important;}
.page-id-226 .country-top__cell {
    order: initial !important;
    width: 45% !important;
	
   margin: 0 auto -0.75rem !important;
}


.single-place .corner--tl{left: 1rem;}
.single-place .corner--tr {right: 1rem;}
.single-place .corner--tl, .single-place .corner--tr {
    top: -0.7rem;
    z-index: 11;
}
.continent-box-name .country-page{position:absolute;width:100%}
.tax-country .corner--tl {
    left: 1rem;
    top: -0.7rem;
}
.tax-country .corner--tr {
    right: 1rem;
    top: -0.7rem;
}
.mini-nav__toggle {    display: flex;    gap: 4px;    align-items: center;padding: 5px 5px;}
.clp-collectibles__grid {        grid-template-columns: 1fr 1fr;    }
	
	.mini-nav {

    gap: 5px;

    width: 100%;
    max-width: 100%;}
.wp-image-866{width:100px !important;max-width:115px !important;margin-bottom:1.35rem !important;margin-top:1.5rem !important}	
.no-element .start_world .corner--tl,

.no-element .start_world .corner--tr {top: 1.125rem !important;}
.no-element .start_world .corner--bl,
.no-element .start_world .corner--br{}

.start_world .corner--tl {left: 0.5rem;}

.start_world .corner--tr {right: 0.5rem;}
.start_world .corner--br {right: 0.5rem;}
.start_world .corner--bl {left: 0.5rem;}
	
.macimode-footer-social a img{height:2rem !important}	
.macimode-footer {font-size: 11px;}
.macimode-statsbar{font-size: 12px;}
.navbar-flex h2 {padding-left: 0px;}

/*.navbar-fixed-top.macimode-headerline{position:fixed;top:0px;width:100%;background:#000}
.start_world{margin-top: 8rem;}
.scrolled.navbar #macimodeLogo{max-height:3rem}*/
.clp-search-panel{padding-left:50px !important}


.continent-list{margin-top:0px !important}
.start_world h3.start_world__headline--element{font-size: 0.56rem;}
.start_world h3 {margin-bottom: 0rem;top: -3rem;font-size: 0.56rem;}
form.clp-search-form {margin-top: 2.4rem;}
.clp-search-close {position: absolute;top: 5px;right: 5px;}


.country-tile {    border-radius: 0px;    border: 0px;    background: transparent;}
.containers-post-name.containers-post-name2 {    font-size:1rem !important;    margin-top: 0rem;    padding-top: 1.25rem;}
.country-overview-table th {    width: 45%;}
.continent-box {        padding: 0rem 0px;    }
.country-overview-table th, .country-overview-table td{font-size:12px}
.country-top::before {    top: 41%;    width: 75% !important;}
.country-top::after {    top: 43%;}
.country-top__cell.country-top__stats > div > div > div:nth-child(2){justify-content:flex-start} 
.country-top__cell.country-top__stats > div > div > div:nth-child(4){justify-content:flex-start} 
.country-emblem {    margin-right: 15%;}

#countryMap .clp-map-twofingers-hint{
  position:absolute;
  left:50%;
  top:12px;
  transform:translateX(-50%);
  background:rgba(0,0,0,.75);
  color:#fff;
  padding:10px 12px;
  border-radius:12px;
  font-size:13px;
  line-height:1.2;
  z-index:999;
  pointer-events:none;
  opacity:0;
  transition:opacity .2s ease;
  white-space:nowrap;
}
#countryMap .clp-map-twofingers-hint.is-visible{
  opacity:1;
}
.food-cat2{padding-bottom:16px !important;margin-top: -2.5rem;}

.country-page.food-cat{position:absolute;width:100%}
.food-cat .corner--tl{left:1rem}
.food-cat .corner--tr{right:1rem}
.food-cat .corner--tr,
.food-cat .corner--tl{    top: -5.835rem !important;}


/* MINI NAV MOBILE */
.mini-nav{
  display:flex;
  flex-wrap:wrap;          /* ❗ blokuje zawijanie */
  overflow-x:auto;           /* poziomy scroll */
  overflow-y:hidden;
  gap:5px;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch;
  padding:6px 30px;
  justify-content:center;
}
.tax-country .mini-nav{  padding:6px 20px;}
.country-richtext.journey-budget{color:#fff}
/* ukrycie scrollbara */
.mini-nav::-webkit-scrollbar{
  display:none;
}
.mini-nav{
  scrollbar-width:none;
}

/* linki */
.mini-nav a{
  flex:0 0 auto;             /* ❗ każdy element ma własną szerokość */
  white-space:nowrap;
}

.top10-group-head img {    padding: 1rem;}
.clp-media-card,
.article-card{margin:0px 0.5rem}
.single-place .article-card{margin:0px 1rem}

.country-page-container > .country-page{padding-bottom:0px}
.mm-section-heading, .country-section h2, .section h2{padding-top:5px}
.clp-food__media img{    width: 75% !important;aspect-ratio:1 !important}

.clp-food__media::before {    top: 49.62%;        left: -35.125%;}
.clp-food__media::after {    top: 49.62%; right: -35.125%;}

.clp-food__media:before, .clp-food__media:after {    width: 69.85%;} 

.macimode-lang-panel{padding:30px 18px 20px}
img.footer-ornament {
    width: 7.5rem;
    margin: -1.5rem auto 0.75rem;
}

.page-id-237 img.footer-ornament {    margin: -1.5rem auto 0.25rem;}
.page-id-237 .clp-back-navs{margin-top:-0.75rem;margin-bottom:0.5rem}

.page-id-190 .clp-mainmode-btns { margin: 1.125rem auto 1rem;    }
.single.single-post .country-top__name {width:65% !important;font-size: 0.875rem !important;    padding-top: 8px !important;}
.single .clp-food__media img {
        width: 75% !important;
        aspect-ratio: initial !important;
        height: auto !important;
		
    }
	
	
.clp-food__media2::after {
    top: 8px;
}

.page-id-434  .clp-food__media2::after,
.tax-country .clp-food__media2::after {
    top: -2.5px;
}
.page-id-434 .clp-food__media2::before,
.tax-country .clp-food__media2::before {
top: calc(100% + 1px);}

    .tax-country     .clp-mainmode-btns {        margin: 1.6rem auto 1rem !important    }
    .tax-country .clp-food__grid {margin-top:0.5rem !important}
    .tax-country .clp-food__media::after {
        top: calc(49.62% - 0px);
        right: calc(-35.125% - -0.5px);
    }
    .catid-915 .mini-nav {

        margin-top: -0.25rem !important;
        margin-bottom: -0.5rem !important;
        padding-top: 0px !important;
    }	
	
	
.page-id-434 .clp-food__media img { width: 75% !important; height: auto; aspect-ratio: initial !important;    }
.page-id-434 .clp-food__grid {padding: 0px 1rem;}
.single .corner--tl,
.page-id-233 .corner--tl,
.page-id-226 .corner--tl,
.page-id-365 .corner--tl,

.page-id-237 .corner--tl,
.page-id-430 .corner--tl,
.page-id-434 .corner--tl{left:1rem;}
.page-id-190 .corner--tl{left:0rem;}

.single .corner--tr,
.page-id-233 .corner--tr,
.page-id-226 .corner--tr,
.page-id-365 .corner--tr,
.page-id-237 .corner--tr,
.page-id-430 .corner--tr,
.page-id-434 .corner--tr {right:1rem;} 
.page-id-190 .corner--tr {right:0rem;} 
.single .corner--tl, .single .corner--tr ,
.page-id-233 .corner--tl, .page-id-233 .corner--tr ,
.page-id-226 .corner--tl, .page-id-226 .corner--tr ,
.page-id-365 .corner--tl, .page-id-365 .corner--tr ,
.page-id-237 .corner--tl, .page-id-237 .corner--tr ,
.page-id-190 .corner--tl, .page-id-190 .corner--tr ,
.page-id-430 .corner--tl, .page-id-430 .corner--tr ,
.page-id-434 .corner--tl, .page-id-434 .corner--tr {top: -0.7rem;}
.is-locked.is-documented .country-tile-media::before {    top: 9px;}
.is-locked.is-documented .country-tile-media::after{bottom: 9px;z-index: 11;}
.is-locked.is-documented .country-tile-media2::before {
    top: -90px;
left: -53px;} 

.is-locked.is-documented .country-tile-media2::after {
    top: -90px;
right: -52.5px;}

.clp-mainmode-btns{overflow:initial !important}
.clp-mainmode-btns::before, .clp-mainmode-btn::before {top: -1px;}
.clp-mainmode-btns::after, .clp-mainmode-btn::after {bottom: -1px;}

#clpPlacesList .clp-img-tile,
#clpCountriesList .clp-img-tile{aspect-ratio:1}

   .single-place .clp-mainmode-btns {        margin: 1.6rem auto 1rem !important;    }


.country-overview-table tr:nth-last-child(1) th,
.country-overview-table tr:nth-last-child(1) td{border:0px}
.country-top__cell.country-top__emblem,
.country-top__cell.country-top__flag {padding:0px 1rem !important}
.country-top__cell.country-top__flag img{margin-left:initial !important}

.country-top__grid{margin-bottom:3rem !important}
.country-top__grid_center{position:relative}
.country-top__grid_center:before{top: 15px;}
.country-top__grid_center:after{bottom: 15px;}
/*	
.country-top__grid_center:before,
.country-top__grid_center:after{
	content: "";
    position: absolute;
    left: 50%;
    
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), rgba(255, 255, 255, .95), rgba(255, 255, 255, .25), transparent);
    box-shadow: 0 0 6px rgba(255, 255, 255, .45), 0 0 18px rgba(255, 255, 255, .35);
    pointer-events: none;}*/
.country-top::before,
.country-top::after{display:none}

#countryLightbox > div {flex-wrap:wrap;flex-direction:column}
#countryLightbox > div > div:nth-child(1){    padding: 1rem !important;height:65vh}
#countryLightbox > div > div:nth-child(2){width:100% !important;height:35vh;}
#countryLightbox > div > div:nth-child(2) h3{text-align:center !important;font-size:12px !important}
#countryLightbox > div > div:nth-child(2) h5{text-align:center !important;}
#countryLightbox button[data-prev],
#countryLightbox button[data-next]{top:initial !important;bottom:0.5rem !important;    font-size: 60px !important;    line-height: 80px !important}
#countryLightbox button[data-prev]{left:42% !important}
#countryLightbox button[data-next]{right:42% !important}
#clbText{padding-bottom:7rem !important}
.mm-titlebar img{max-width:100% !important}

.country-top__cell {
   overflow: initial !important;
   margin-top:-1.5rem !important
}
.country-top__emblem .country-emblem{margin-right:0px !important}
.country-top__cell.country-top__stats > div > div {padding: 1rem !important;    border: 1px solid rgb(255, 255, 255, 0.25) !important;}
.mm-box-title{margin-left:0px !important}

.country-page:after {    right: 0px;}

.page-id-233.page-template-default .main-default-page > .containers-post:nth-child(2),
.page-id-226.page-template-default .main-default-page > .containers-post:nth-child(2),
.page-id-237.page-template-default .main-default-page > .containers-post:nth-child(2){margin-top:1.5rem !important }
.page-id-226 .containers-post p:nth-child(2),
.page-id-237 .containers-post p:nth-child(2){font-size:16px !important;color:rgb(255,255,255,0.9)}
.page-id-190 .library-hero > div > div:nth-child(2){margin-top:1.5rem !important;margin-bottom:1rem !important;font-size:16px !important}
.mm-wysiwyg,
.mm-wysiwyg p,
.muted,
.containers-post p{font-size:16px !important;color:rgb(255,255,255,0.9)}

section#book {    margin-top: -0.25rem;}
.single.single-place #articles{}


.single.single-place #comments{margin-top:0px !important}
.visuals-icon-pae:after {    transform: rotate(180deg) !important;    left: 25% !important;    width: 50% !important;top: 56.85%;}

.page-id-226 .main-default-page > .containers-post >  .country-page:nth-child(8){display:none}
.single-place #map{}
.single-place #comments .clp-comments-panel {    padding: 14px 14px 12px 14px !important}
.mm-container{margin-top:-2rem}
.mm-toprow{gap:0px;padding-bottom:2rem;margin-bottom: -0.75rem;margin-top:1rem !important}
   .is-child-place .mini-nav {        max-width: 100%;        margin: 0 auto;         padding-left: 12%;        padding-right: 12%;   }
   .mm-toprow .corner--bl {    left: 0rem;}
   .mm-toprow .corner--br {    right: 0rem;}
   
   .tax-country .corner--bl {   left: 0rem;}
   .tax-country .corner--br {   right: 0rem;}
   
   .library-page .wysiwyg h2, .library-page .wysiwyg h3{text-align: left;}
   .start_world h3.start_world__headline--element{top:-0.5rem !important}
}
img.close_img_x {
    width: 22px; 
    height: auto;
}


.leaflet-marker-icon {    padding: 2px !important;}
.food-cat2 .clp-food__media img {
    width: 100%;
    height: auto;
    object-fit: initial;
    display: block;
}

 
#clbText h5{color: rgba(255, 255, 255, 0.9)}
@media (max-width: 767px){
	
	.clp-posts-list {    grid-template-columns: 1fr 1fr !important;}
	.mm-col-separator2 .mm-col-separator-mobile{margin-top:1.35rem}
	
	
	.mm-under{gap:0px !important;padding-bottom:2.75rem}
	.mm-under .mm-col {
    padding: 0px !important;
}
	.single.single-post .related-cards .panel.clp-swiper-wrap{margin-top:0.75rem !important}
	    .clp-mainmode-btns {        margin: 2.25rem auto 1rem;    }
	
	.mm-map-touch-hint {
    
    left: 0px;
    top: 12px;

   

    padding: 8px 12px;

    font-size: 13px;
    line-height: 1.2;

    right: 0px;
    margin: 0 auto;
    width: auto !important;
    text-align: center;
}
	.single-place .mm-table{margin-top:0px !important}
	.tax-country .section#top10 {margin-top:22px !important}
	.wp-image-696{width:100px !important;height:auto !important}
  .page-id-226 .country-top__grid{margin-bottom:0rem !important;}
  .page-id-226 .country-top__grid{display:flex !important;  padding:0px 1rem;gap:16px 0px !important}
.page-template-default.page .country-page-op .corner--br, .page-template-default.page .country-page-op .corner--bl {    bottom: 2rem !important;}
  .page-id-226 .country-top__grid .country-top__cell{
    width:47% !important;
    display:flex;
    justify-content:center;
    align-items:center;
  }  
  
  
  .tax-country .country-top__grid{flex-wrap: wrap !important;flex-direction:initial !important}
  .tax-country .country-top__emblem,
  .tax-country .country-top__flag{
    width:47% !important;

  }

  .country-top__grid .country-top__tile-link{
    display:flex;
    justify-content:center;
    width:100%;
  }

  .country-top__grid .country-top__cell img{
    max-width:13rem !important;
    width:100%;
    height:auto;
    display:block;
    margin:0 auto;
  }
  
  .tax-country .country-top__grid .country-top__cell img{

    margin:initial !important;
  }
  #countryLightbox button[data-close] {    top: initial !important;    bottom: 4.5rem !important;}
}

.clp-food__head[data-clp-food-checkboxes]{
  display:flex;
  flex-wrap:wrap;
  gap:14px 18px;
  align-items:center;
}

.mini-nav__toggle.style-c{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding-left:26px;
  cursor:pointer;
  user-select:none;
  margin:0;
}

.mini-nav__toggle.style-c input[type="checkbox"]{
  position:absolute;
  opacity:0;
  cursor:pointer;
  height:0;
  width:0;
}

.mini-nav__toggle.style-c .mini-nav__checkmark{
  position:absolute;
  left:0;
  top:3px;
  width:18px;
  height:18px;
  background:#fff;
  border:2px solid #d5d5d5;
  border-radius:4px;
  box-sizing:border-box;
  transition:background-color .25s ease, border-color .25s ease;
}

.mini-nav__toggle.style-c .mini-nav__checkmark:after{
  content:"";
  position:absolute;
  left:5px;
  top:1px;
  width:5px;
  height:10px;
  border:solid #222;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
  opacity:0;
  transition:opacity .25s ease;
}

.mini-nav__toggle.style-c:hover input[type="checkbox"] ~ .mini-nav__checkmark{
  background:#eee;
}

.mini-nav__toggle.style-c:hover input[type="checkbox"]:checked ~ .mini-nav__checkmark{
  background:#d5d5d5;
}

.mini-nav__toggle.style-c input[type="checkbox"]:checked ~ .mini-nav__checkmark{
  background:#d5d5d5;
  border-color:#d5d5d5;
}

.mini-nav__toggle.style-c input[type="checkbox"]:checked ~ .mini-nav__checkmark:after{
  opacity:1;
}

.mini-nav__toggle.style-c input[type="checkbox"]:focus-visible ~ .mini-nav__checkmark{
  outline:2px solid #fff;
  outline-offset:2px;
}

.mini-nav__toggle.style-c .mini-nav__text{
  color:#d5d5d5;
  display:inline-block;
  font-size:11px;
  line-height:1.3;
}
.page-id-430 .clp-collectibles__title {    color: #d5d5d5;}

.page-id-365 .main-default-page .containers-post .country-page,
.page-id-434 .main-default-page .containers-post .country-page,
.page-id-430 .main-default-page .containers-post .country-page{display:none}
.page-id-430 .clp-mainmode-btns {        margin: 1rem auto -0.5rem;    }

.clp-map-twofingers-hint{font-family: 'Athelas';}
@media (min-width: 1200px){
	.page-id-365 .clp-filter{max-width:70%;min-height:7rem;        display: flex;        align-items: center;        justify-content: center;}
	
	.page-id-226 .main-default-page .country-top::after {    top: 50%;    left: 19.95% !important;    width: 60% !important;}
	
	img.footer-ornament { width: 12rem;   margin: 0 auto 0.85rem;}
	.continent-list a{font-size:14px}
	.continent-list {    margin-top: 18px}
	.clp-search-results #clpArticlesList .clp-post-icn {    width: 3rem;    height: 3rem;}
	.single-place .mini-nav,
	.tax-country .mini-nav{margin-top: 25px;margin-bottom: 5px;}
	.mm-boxes {    margin-top: 16px;}
	.clp-food__media2::after {    bottom: 100%;}
	.single-post .clp-food__media2::after {    bottom: 94%;}
	.single-post .country-page.food-cat2{margin-top:-1rem}
	.tax-country .clp-food__media::before {   top: 49.95%;        left: -17.12%;        width: 34.375%;}
	.tax-country .clp-food__media::after {    top: 49.95%;    right: -17.12%;        width: 34.375%;}
	.mini-nav__toggle.style-c .mini-nav__text{font-size:13px}
	.wp-image-696{margin-top:1.25rem !important}
	.wp-image-867{width:200px !important ; margin: 2.75rem 1.5rem 2rem !important;}
	.wp-image-866{width:180px !important;      }
	.visuals-icon-pae img {    margin: 2rem 1.5rem 2rem;}
	.page-id-434 .clp-food__media img {    width: 100%;    height: auto;    object-fit: initial;    display: block;}
}

/* ===== POZIOME TELEFONY ===== */
@media (max-width: 1023px) and (orientation: landscape) and (max-height: 600px) {


  .navbar-flex{
    padding: 0.4rem 0.75rem;
    align-items: center;
  }

  .navbar-flex h2{
    font-size: 0.9rem;
    margin: 0;
  }

  nav img{
    
  }

  .macimode-search-open{
    width: 28px !important;
  }

  .zywiol-icon{
    margin-right: 0;
    gap: 4px;
  }

  .zywiol img{
    max-width: 26px;
    margin: 0 0.2rem;
  }

  .start_world{
    min-height: auto;
    padding: 0.5rem 1rem 1rem;
  }

  .start_world h3{
    top: 0;
    margin-bottom: 0.75rem;
    font-size: 0.65rem;
    line-height: 1.2;
  }

  .continent-box{
    padding: 1rem;
    margin-bottom: 1rem;
  }

  svg#svg2321{
    max-height: 58vh;
    width: auto;
    margin: 0 auto;
    display: block;
  }

  .corner{
    width: 9vw;
    height: 9vw;
  }

  .continent-list{
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-start;
    gap: 6px;
    padding-bottom: 0.25rem;
  }

  .continent-list a{
    width: auto;
    white-space: nowrap;
    font-size: 0.65rem;
    padding: 0.35rem 0.45rem;
  }
}



@media (max-width: 767px){
	section#info {    margin-top: -0.5rem !important;}
	.single-trade_card .clp-mainmode-btns {margin: 1.5rem auto 1rem !important   }
	.page-id-430 .clp-mainmode-btns {        margin: 1.25rem auto 0.75rem;    }
	.section-pub{margin-top:-0rem !important}
	.container_lib{margin-top:-2rem !important}
	.section.section-art{margin-top:1.75rem !important}
	.place-children-badge {left: 37px !important;bottom: 29px !important;}
	.clp-search-results img.clp-post-icn {
    bottom: 2rem;
    right: 0.25rem;
    width: 2rem !important;
    height: 2rem !important;}
	.text-muted.small.mt-2 {    margin-top: 1.3rem !important;}
	
	.clp-search-results #clpArticlesList .article-body {min-height: initial;}
	
	#clpArticlesList .article-title{font-size:0.5rem !important}
	.library-intro.wysiwyg {    text-align: initial !important;}
	.library-intro.wysiwyg p{    color: rgba(255, 255, 255, 0.9);}
	.page-id-365 .mini-nav {    margin: -2rem 0 10px !important}
	.page-id-190 .article-title {    font-size: 0.65rem;    max-width: 80%;}
	.page-id-190 img.clp-post-icn {    width: 2.5rem;    bottom: 0.5rem;    right: 0rem;}
	.page-id-190 .section-pub img.clp-post-icn {    width: 3rem;      right: 0.75rem !important;}
	.page-id-190 .section-pub .article-body {    position:relative}
	
	.page-template-page-ameryka-poludniowa .clp-mainmode-btns,
	.page-template-page-ameryka-polnocna .clp-mainmode-btns,
	.page-template-page-oceania .clp-mainmode-btns,
	.page-template-page-afryka .clp-mainmode-btns,
	.page-template-page-asia .clp-mainmode-btns,
	.page-template-page-europa .clp-mainmode-btns {        margin: 1.75rem auto 1rem !important;    }
	.page-id-430 .clp-collectibles__title {    font-size: 1rem;}
	.page-id-430 .clp-collectibles {    padding: 10px 18px 0px !important;}
	.page-id-430 .mini-nav{margin-bottom: calc(1rem + -2px) !important;        margin-top: 3px;}
  .page-id-434 .clp-food__head[data-clp-food-checkboxes]{        margin-bottom: 3px !important;}
  .clp-food__head[data-clp-food-checkboxes]{    align-items:flex-start;    gap:5px;  }
  .page-id-434.page-template-default .main-default-page > .containers-post:nth-child(2) {    margin-top: 2.5rem;}
  .page-id-434 .clp-mainmode-btns,
  .page-id-365 .clp-mainmode-btns {margin: 1.25rem auto 1rem;}
  .single-post .continent-box-description{max-width:100%;margin-top:0.75rem !important;padding: 0px 0.5rem !important;margin-bottom: -0.35rem !important}
  .page-id-226 .main-default-page .country-top {margin: -0.5rem auto 0px !important;max-width:100% !important}

  .wp-image-696 { margin: 15px auto -8px !important;}
  .country-richtext p, article.content p, .page-id-233 .containers-post > p:nth-child(2){font-size:16px !important;color:rgb(255,255,255,0.9)}
  
  .macimode-letter__paper > .macimode-letter__field:nth-child(1) {
    position: relative;
    top: -3rem;
    margin-bottom: 3rem;
} .macimode-letter__paper > .macimode-letter__field:nth-child(2) {
    position: relative;
    top: -6rem;
    margin-bottom: 2rem;
}.macimode-letter__paper textarea {
    min-height: initial;
    resize: vertical;
    line-height: 1.55;
    height: 12rem;
}

.macimode-letter__row .macimode-letter__field{
	bottom: -7.5rem;
        position: relative;
}
.macimode-letter__row .macimode-letter__actions{
	bottom: -7.5rem;
        position: relative;
}
.macimode-letter__paper {
        padding: 26px 18px 34px;
        background-size: 160%;
        min-height: 620px;
        background-position: 50% 53%;
    }
  .page-id-233 .country-page{z-index:-1;}
  .page-id-233 .main-default-page > .containers-post .country-page{margin-top: -5rem;}
}

#clpArticlesList .article-card{position:relative}
#clpArticlesList .clp-post-icn {    width: 48px;    height: 48px;}
.mm-boxes p{text-align:left !important}
@media (min-width:1200px){
	.single .corner--tl,
	.single .corner--tr{top:-3.5rem}
	.cread_meter{margin-bottom: 2.5rem;
        padding-top: 2.5rem;}
	.food-cat .corner--tr,
	.food-cat .corner--tl {    top: -8.835rem;}
	.single-trade_card .mm-toprow{margin-bottom:-1.5rem !important}
	.single-trade_card .clp-back-navs{margin-top:-2rem !important;margin-bottom: -1rem !important;} 
	.single-trade_card .mm-toprow {grid-template-columns: 1fr;}
	.single-trade_card .mm-titlebar-card {display:flex;flex-wrap:Wrap}
	.single-trade_card .mm-titlebar-card  img{        width: 30.5%;        max-width: 100% !important;        margin-top: 0px !important;margin-bottom: 0px !important;        padding: 1rem !important;}
	.single-trade_card .mm-titlebar-card  img:nth-child(1){ margin-left:auto !important;margin-right:0px !important}
	.single-trade_card .mm-titlebar-card  img:nth-child(2){ margin-right:auto !important;margin-left:0px !important}
	.single-trade_card .mm-box-title{    margin-left: 0% !important;    margin-right: 0px !important;    width: auto !important;}
	.single-trade_card .mm-card{    margin-left: 0% !important; }
	.single-trade_card .mm-tablewrap img{   margin:1rem auto !important }
	.single-trade_card .mm-card{order:1}
	.single-trade_card .mm-boxes{order:2;margin-bottom:-1rem !important}
	.single-trade_card .mm-tablewrap{order:3}
	.single-trade_card .mm-box-title{margin-top:10px !important}
	.single-trade_card .clp-mainmode-btns {    margin-top: 1.5rem !important;  margin-bottom: .5rem !important}
}
/*@media (max-width:768px){*/
@media (max-width:1199px){
	.page-template-page-oceania .continent-box svg{position:relative;top:-2rem}
	.page-template-page-ameryka-poludniowa .continent-box svg{position:relative;top:-1rem}
	.page-template-page-ameryka-polnocna .continent-box svg{position:relative;top:-1rem}
	
	.page-template-page-afryka .continent-box svg{position:relative;top:-1rem}
	.page-template-page-asia .continent-box svg{position:relative;top:-1.5rem}
	
	

	body {background-image: url(/wp-content/uploads/2026/04/bg_2_mob.png);background-size: contain;background-position: top;}
	body.bg-variant-1{background-image: url(/wp-content/uploads/2026/03/Bez-nazwy-1_01-01.png)}
	body.bg-variant-2{background-image: url(/wp-content/uploads/2026/04/bg_2_mob.png)}
	body.bg-variant-3{background-image: url(/wp-content/uploads/2026/04/bg_2_mob.png)}
	body.bg-variant-4{background-image: url(/wp-content/uploads/2026/04/bg_2_mob.png)}
	body.bg-variant-5{background-image: url(/wp-content/uploads/2026/04/bg_2_mob.png)}
	
	.page-id-233 .main-default-page .containers-post > .container{margin-top:0.95rem}
	.container-pos{margin-top:-2.8rem !important}
	.container_veg{margin-top:-2.75rem !important}
	.page-id-226 .country-top__grid img{height: 6rem !important;
        width: 100% !important;
        padding: 1rem;
        border: 1px solid rgb(255, 255, 255, 0.3); }
		
	
}

.wp-image-867{opacity:0.5}
.country-top__tile-link img
 {
    margin: 2.5rem auto;
    border: 1px solid rgb(255, 255, 255, 0.5);
    padding: 1rem;
    height: 7.5rem !important;
    width: auto !important;
}



html.tablet-desktop-layout,
html.tablet-desktop-layout body{
  overflow-x: auto;
}

html.tablet-desktop-layout #page{
  width: 1200px;
  min-width: 1200px;
  margin: 0 auto;
}


.single .clp-country-history-block{margin-top:1.25rem !important}
.single .country-section.country-section--history h3 {    margin: 0px 0px 0.675rem 0px !important;padding-top:0px !important}
.single .country-section.country-section--history .country-history__text-block:nth-child(1) h3 {    margin: 1rem 0px 0.675rem 0px !important;padding-top:0px !important}
.single .country-section.country-section--history:nth-child(1) .country-history__text-block:nth-child(1) h3 {    margin: 0rem 0px 0.675rem 0px !important;padding-top:0px !important}

.wp-block-table{color: #d5d5d5;    background: transparent !important;}
.wp-block-table:not( .has-background ):not( .is-style-stripes ) tbody tr:nth-child(2n) td {    background-color: transparent;}

@media (min-width:1200px){
	.country-tile-title{    max-width: 83% !important;    margin: 0 auto !important;}
	.page-template-page-asia .continent-box svg{margin-top:-3rem}
	.page-template-page-oceania .continent-box svg{margin-top:-4rem}
	.mm-col.mm-col-separator2 {    min-height: 16rem;}
	
	.social-icon-page{margin-top:2rem !important}
}


.clp-comment-thread{
  margin-bottom: 1.5rem;
}

.clp-thread-replies{
  margin-top: .6rem;
}

.clp-chat-row--right{
  display:flex;
  justify-content:flex-end;
}

.clp-chat-row--reply .clp-chat-bubble{
  max-width: 85%;
}

.clp-reply-box{
  margin-top: .6rem;
  padding-left: 1rem;
}

.clp-reply-toggle{
  background: transparent;
  border: 1px solid rgba(255,255,255,.2);
  color: #fff;
  padding: .45rem .8rem;
  cursor: pointer;
}

.clp-reply-form{
  margin-top: .75rem;
  display: grid;
  gap: .75rem;
}

.clp-chat-row--right .clp-chat-bubble{
  border: 1px solid rgba(255,255,255,.14);
}


.clp-comment-thread{
  margin-bottom: 1.5rem;
}

.clp-thread-replies{
  margin-top: .6rem;
}

.clp-chat-row--right{
  display:flex;
  justify-content:flex-end;
}

.clp-chat-row--reply .clp-chat-bubble{
  max-width: 85%;
}

.clp-reply-box{
  margin-top: .6rem;
  padding-left: 1rem;
}

.clp-reply-toggle{
  background: transparent;
  border: 1px solid rgba(255,255,255,.2);
  color: #fff;
  padding: .45rem .8rem;
  cursor: pointer;
}

.clp-reply-form{
  margin-top: .75rem;
  display: grid;
  gap: .75rem;
}

.clp-chat-row--right .clp-chat-bubble{
  border: 1px solid rgba(255,255,255,.14);
}




@media (max-width: 1199px) and (min-width: 769px){
  html, body{
    min-width: 1200px;
    overflow-x: auto;
  }
}


.clp-food__empty {
  justify-self: center;
  align-self: center;
  text-align: center;
}

@media (max-width: 768px){
.page-template-page-europa .continent-box svg
 {
    left: -2rem !important;
    position: relative;
}
}


.clp-collectibles__empty{
opacity: .7;
    color: #fff;
    border: 1px dashed rgba(255, 255, 255, .18);
    border-radius: 16px;
    padding: 14px;text-align:Center;
background: rgba(255, 255, 255, .02);}