/* 
Theme Name: PBUK
Author: 3W Studio
Author URI: https://3wstudio.pl
Template: hello-elementor
Version: 1.0.0
Text Domain: pbuk
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
4444444
*/

/* Add your custom styles here */

html {scroll-behavior: smooth;}

[id]:target {scroll-margin-top: 100px;}


a:not(.elementor-button,.pbuk-popup-link) {color: inherit;}

.color-box a {border-bottom: 1px solid #ffffff47;}

.green, .pbuk-popup-link, .pbuk-popup-link:hover, .elementor-login a {color: var( --e-global-color-ce64775 ) !important;}
.grey {color:#b5b5b5;}
.red {color: red;}

.section-heading .elementor-heading-title {}

.section-heading .elementor-heading-title::after {
  content: "";
  display: block;
  width: 50px;
  height: 4px;
  background-color: var( --e-global-color-ce64775 ); /* Kolor linii */
  margin: 0.5em auto 0 auto;
}


/*Button*/
.elementor-button {background-color: var( --e-global-color-accent );font-family: var( --e-global-typography-accent-font-family ), Sans-serif;}

/*Main menu*/
@media (max-width: 1024px) {
 /*nav #menu-faq {display: none;}*/

 .elementor-nav-menu--dropdown .elementor-item:focus, .elementor-nav-menu--dropdown .elementor-item:hover, .elementor-sub-item.elementor-item-active, .elementor-sub-item.highlighted, 
 .elementor-sub-item:focus, .elementor-sub-item:hover {background-color: transparent;}

/* Domyślny stan: strzałka skierowana w dół */
.elementor-item .sub-arrow svg {
  transform: rotate(0deg); /* Strzałka w dół */
  transition: transform 0.3s ease; /* Płynne przejście */
}

/* Rozwinięty stan: strzałka skierowana w górę */
.elementor-item.highlighted .sub-arrow svg {
  transform: rotate(180deg); /* Obrót o 180 stopni */
  transition: transform 0.3s ease; /* Płynne przejście */
}

}


/*Menu Wp Mobile*/
.menu-wp-mobile .elementor-item {font-weight: 600 !important;font-size: 1.5rem !important;background-color: transparent;}


/* Efekt canvas */
/* Overlay - niższy z-index */
/* === Overlay do „canvas” === */
.canvas-overlay{
  position: fixed;
  inset: 0;
  background: rgba(250,250,250,.7);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s ease, visibility .2s ease;
  /* z-index ustawiamy z JS -> 499 podczas aktywacji */
}
.canvas-overlay.active{
  opacity: 1;
  visibility: visible;
  pointer-events: auto; /* klik w tło zamyka */
}

/* Sticky menu - wyższy z-index */
.custom-mega-menu {
  z-index: 600; /* Menu nad overlay */
  position: relative;
}

.custom-mega-menu.elementor-sticky--active {
  /*position: fixed;
  top: 0;
  width: 100%;*/
  z-index: 700; 
}

/* Dropdown menu */
.e-n-menu-content {
  position: absolute;
  z-index: 1000; /* Dropdown nad overlay i sticky menu */
  /*display: block !important; */
}

/* Dropdown menu elementy */
.e-n-menu-content .elementor-nav-menu {
  z-index: 1001; /* Elementy dropdown nad overlay */
}

/* Obsługa hover dla dropdown */
.e-n-menu-item:hover .e-n-menu-content {
  display: block;
  visibility: visible;
  opacity: 1;
}

/*.e-con.elementor-sticky--active {
  z-index: 1111 !important;
}*/

/*Search PopUP*/
.e-search-form .e-search-submit {order: -1;}
.e-search-results .elementor-page-title {display: block !important;}



/* Dodanie tytułu h3 przed wynikami wyszukiwania */
.e-search-results-list::before {
  content: "Sugerowane zapytania:"; /* Zmienna treść tytułu */
  display: block;
  font-size: 1.1em; /* Większy rozmiar czcionki */
  font-weight: bold; /* Pogrubienie tytułu */
  margin-bottom: 20px; /* Większy odstęp między tytułem a wynikami */
  padding: 10px 0; /* Padding dookoła tytułu */
  background-color: #f5f5f5; /* Tło tytułu */
  text-align: center; /* Wyrównanie tytułu do środka */
}



/*Content*/ 
.e-con-inner .content a {color: var( --e-global-color-accent );}
.elementor-icon-box-wrapper a {color: unset !important;}

.dce-acf-repeater-item h6 {display: inline-block;}
.dce-acf-repeater-item svg {display: none;}

.elementor-widget-theme-post-content {/*text-align: justify;*/}
.pbuk-akty-prawne-list li {text-align: left;}


.postid-5298 .elementor-post-info {display: none !important;} /*Informacje dla podróżujących - data postu*/

table.centered th, table.centered td {text-align: center;}

p {/*margin: 1rem 0rem;*/}

.e-con-inner .content ul {margin-bottom: 1rem !important;}

.button {border-radius: 3px;display: inline-block;font-size: 15px;line-height: 1;padding: 12px 24px;border: 2px solid #fff; font-family: var( --e-global-typography-accent-font-family ), Sans-serif;
  font-weight: var( --e-global-typography-accent-font-weight );}
.button img {width: 25px;}

.button-light {box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.04);border-color: var( --e-global-color-ce64775 );color: #111 !important;background-color: #fff;}
.box {padding: 1rem;}
.box-white {background-color: #ffffff;}
.box-light {background-color: #f5f5f5;}
.box-grey {background-color: #ddd;}
.box-dark {background-color: var( --e-global-color-text );color:#fff;}
.box-dark-border {border: 2px solid var( --e-global-color-text );color:#fff;}
.border-bottom4 {border-bottom: 4px solid : var( --e-global-color-accent );}
.border-yellow4 {border-color: var( --e-global-color-e5cbb8e );border-width: 4px 4px 4px 4px;border-style: solid;}

.centered {text-align: center;}

.elementor-widget-theme-post-content blockquote::before {
  content: url(img/cytat-icon.svg);
  font-size: 3em;
  line-height: .1;
  height: 2em;
  width: 2em;
  color: #333;
  opacity: .6;
  aspect-ratio: 1/1;}

    .elementor-widget-theme-post-content blockquote {
      position: relative;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  color: #575756;
  border: 0;
  gap: 1rem;
  background-color: #f4f4f4;
    gap: 2rem;
    flex-direction: row;
    align-items: center;
  }

  @media only screen and (max-width: 768px) {
 .elementor-widget-theme-post-content blockquote {  flex-direction: column; }
}

/*Faq Akordeon*/
.e-n-accordion-item  .elementor-widget-text-editor {text-align: justify;}
  
/*Breadcrumbs*/
.elementor-widget-dce-breadcrumbs ul {padding-left: 0;}
.elementor-widget-dce-breadcrumbs span, .pbuk-breadcrumbs li {font-size: 14px;}
/*.pbuk-breadcrumbs li a {color: #111;}*/

.pbuk-breadcrumbs {width: 100%;}
.pbuk-breadcrumbs li.sep {margin: 0 5px;color: #ccc;}
.pbuk-breadcrumbs ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.pbuk-breadcrumbs li {
  display: flex;
  align-items: center;
}

.pbuk-breadcrumbs li.sep {
  color: #ccc;
}

/*Cookies Banner*/
.cmplz-cookiebanner .cmplz-close svg {outline: none !important;}

/*Flagi SVG*/
.flaga {width: 45px; min-width: 45px; max-width: 100%;height: auto;}

/*Tabela*/
.table-responsive table th {font-size: 1.1em;vertical-align: middle;}
.table-responsive table td {font-size: 1em;vertical-align: middle;}
.table-bordered td {/*padding: 0.5rem 2rem;*/padding: 10px 15px;}


/*Footer*/
.kontakt-prasa a {color: var( --e-global-color-accent );}


/*Mapa Systemu*/
table.countries td span {display: block;width:30px;height: 30px;border-radius: 50%; }

.oc {background:#5097A4;}
.gc {background:#74C365;}
.ic {background:#9A7F49;}
.sus {background:#FFDE21;}

.region-oc {fill: #5097A4 !important;}
.region-gc {fill: #74C365 !important;}
.region-ic {fill: #9A7F49 !important;}
.region-sus {fill: #FFDE21 !important;}


/* Efekt hovera */
.region-gc:hover,
.region-oc:hover,
.region-sus:hover,
.region-ic:hover {
  filter: brightness(1.2); /* Rozjaśniamy o 20% */
}





/*MapSVG*/
.mapsvg-legend {
  /*position: absolute;
  top: 20px;
  right: 20px;*/
  background: white;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.legend-item {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.legend-color {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
  border-radius: 3px;
}

.legend-color.eea { background: #009fe3; }         /* Niebieski */
.legend-color.green_card { background: #9fc73c; }  /* Zielony */
.legend-color.no_green_card { background: #f4a701; } /* Pomarańczowy */
.legend-color.suspended { background: #999999; }   /* Szary */