.elementor-kit-21{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FF6E00;--e-global-color-kadence1:#2B6CB0;--e-global-color-kadence2:#215387;--e-global-color-kadence3:#1A202C;--e-global-color-kadence4:#2D3748;--e-global-color-kadence5:#4A5568;--e-global-color-kadence6:#718096;--e-global-color-kadence7:#EDF2F7;--e-global-color-kadence8:#F7FAFC;--e-global-color-kadence9:#ffffff;--e-global-color-29ef0ac:#585858;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:4.5rem;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-size:3.25rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:1.125rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:1rem;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-line-height:1.25em;--e-global-typography-946e330-font-family:"Poppins";--e-global-typography-946e330-font-size:16px;--e-global-typography-946e330-font-weight:700;--e-global-typography-1c3c5d1-font-family:"Poppins";--e-global-typography-1c3c5d1-font-size:16px;--e-global-typography-1c3c5d1-font-weight:400;}.elementor-kit-21.el-is-editing{--global-palette1:#2B6CB0;--global-palette2:#215387;--global-palette3:#1A202C;--global-palette4:#2D3748;--global-palette5:#4A5568;--global-palette6:#718096;--global-palette7:#EDF2F7;--global-palette8:#F7FAFC;--global-palette9:#ffffff;}.elementor-kit-21 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:80rem;}.e-con{--container-max-width:80rem;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:1.25rem;}.elementor-element{--widgets-spacing:1.25rem 1.25rem;--widgets-spacing-row:1.25rem;--widgets-spacing-column:1.25rem;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================
   GLOBAL: Kafelki PHX + Linie przerywane
   ================================ */

/* PHX – overlay sterowany kliknięciem (z jednym <img>) */
.phx-root { position: relative; }

@media (hover: hover) and (pointer: fine){
  .phx-root { cursor: pointer; }
  .phx-root a,
  .phx-root button,
  .phx-root input,
  .phx-root select,
  .phx-root textarea { cursor: auto; }
}

.phx-overlay{
  position: absolute;
  inset: 0;
  z-index: 999;                 /* linia przerywana ma 1001 */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .2s linear, visibility 0s linear .2s;
}

.phx-root.is-open .phx-overlay{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.phx-root.phx-closed .phx-overlay{
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Jedno zdjęcie wypełnia overlay */
.phx-overlay .phx-img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;   /* zmień na 'contain' jeśli wolisz */
  object-position: center;
  display: block;
}

/* ===== PRZERYWANA LINIA NAD KAŻDĄ KARTĄ =====
   Podmień #events_grid na ID swojej siatki jeśli inne */
#events_grid{
  --line-r: 81;          /* kolor R (#51160d) */
  --line-g: 22;          /* kolor G */
  --line-b: 13;          /* kolor B */
  --line-alpha: .35;     /* 0–1: „optyczna grubość” */
  --line-thickness: 1px; /* fizyczna grubość */
  --dash-len: 22px;      /* długość kreski */
  --dash-gap: 14px;      /* długość przerwy */
  --line-inset-left: 0;  /* odsunięcie od lewej */
  --line-inset-right: 0; /* odsunięcie od prawej */
}

#events_grid .phx-root{
  position: relative;
  padding-top: 12px;      /* oddech pod linią */
}

#events_grid .phx-root::before{
  content:"";
  position: absolute;
  left: var(--line-inset-left);
  right: var(--line-inset-right);
  top: 0;
  height: var(--line-thickness);
  background-image: repeating-linear-gradient(
    to right,
    rgba(var(--line-r), var(--line-g), var(--line-b), var(--line-alpha)) 0,
    rgba(var(--line-r), var(--line-g), var(--line-b), var(--line-alpha)) var(--dash-len),
    transparent var(--dash-len),
    transparent calc(var(--dash-len) + var(--dash-gap))
  );
  background-repeat: repeat-x;
  background-size: auto var(--line-thickness);
  z-index: 1001;          /* nad overlayem */
  pointer-events: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

/* (opcjonalnie) brak linii nad pierwszą kartą */
/* #events_grid .phx-root:first-child::before{ content:none; } *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://widoki.co/wp-content/uploads/2025/10/Poppins-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://widoki.co/wp-content/uploads/2025/10/Poppins-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://widoki.co/wp-content/uploads/2025/10/Poppins-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://widoki.co/wp-content/uploads/2025/10/Poppins-SemiBold.ttf') format('truetype');
}
/* End Custom Fonts CSS */