:root{
    /* Layout dashboardu */
    --wpn-dashboard-column-gap: 20px;
    --wpn-dashboard-ro
    /* Karta */
    --wpn-card-bg: #ffffff;
    --wpn-card-radius: 12px;
    --wpn-card-padding: 1rem;
    --wpn-card-shadow: var(--wp--preset--shadow--natural);

    /* Provider top */
    --wpn-provider-gap: 20px;
    --wpn-provider-logo-width: 150px;
    --wpn-provider-logo-width-mobile: 70px;

    /* Teksty */
    --wpn-title-font-size: 22px;
    --wpn-title-font-weight: 600;
    --wpn-text-muted: #687174;
    --wpn-text-sm: 14px;
    --wpn-text-xs: 13px;

    /* Badge */
    --wpn-badge-padding: 4px 10px;
    --wpn-badge-radius: 8px;
    --wpn-badge-font-size: 12px;
    --wpn-badge-bg: #f3f4f6;
    --wpn-badge-border: #e5e7eb;

    --wpn-badge-success-bg: #ecfdf5;
    --wpn-badge-success-border: #a7f3d0;
    --wpn-badge-success-color: #047857;

    --wpn-badge-danger-bg: #fef2f2;
    --wpn-badge-danger-border: #fecaca;
    --wpn-badge-danger-color: #b91c1c;

    /* Statystyki */
    --wpn-stat-bg: #f9fafb;
    --wpn-stat-border: #eee;
    --wpn-stat-padding: 14px;
    --wpn-stat-radius: 10px;
    --wpn-stat-number-size: 22px;
    --wpn-stat-number-weight: 700;
    --wpn-stat-number-color: #111827;

    /* Tabela */
    --wpn-table-border: #e5e7eb;
    --wpn-table-header-bg: #f9fafb;

    /* Przyciski / akcje */
    --wpn-actions-gap: 8px;
    --wpn-secondary-bg: #ececec;
    --wpn-secondary-color: #111;
    
      /* Formularze */
    --wpn-form-max-width: 720px;
    --wpn-form-row-gap: 18px;
    --wpn-form-column-gap: 20px;

    --wpn-label-color: #111827;
    --wpn-label-font-size: 14px;
    --wpn-label-font-weight: 500;

    --wpn-help-text-color: var(--wpn-text-muted);
    --wpn-help-text-size: 13px;

    --wpn-input-bg: #ffffff;
    --wpn-input-border: #d1d5db;
    --wpn-input-radius: 10px;
    --wpn-input-padding-y: 10px;
    --wpn-input-padding-x: 12px;
    --wpn-input-font-size: 14px;

    --wpn-input-focus-border: #111827;
    --wpn-input-focus-shadow: 0 0 0 1px rgba(17,24,39,.06);

    /* Checkbox / radio */
    --wpn-checkbox-size: 16px;
    --wpn-checkbox-radius: 4px;

    /* Fieldset (sekcja hasła) */
    --wpn-fieldset-border: var(--wpn-table-border);
    --wpn-fieldset-bg: var(--wpn-stat-bg);
    --wpn-fieldset-radius: var(--wpn-stat-radius);
    --wpn-fieldset-padding: 16px 18px;

    /* Przycisk główny */
    --wpn-button-bg: #111827;
    --wpn-button-bg-hover: #000000;
    --wpn-button-color: #ffffff;
    --wpn-button-radius: 999px;
    --wpn-button-padding-y: 10px;
    --wpn-button-padding-x: 22px;
    --wpn-button-font-size: 14px;
    --wpn-button-font-weight: 600;
    
    --wpn-dashboard-row-gap:1.5rem;
}

@media(max-width:1280px){
    .tablet-hidden{
        display:none!important;
    }
}
@media(min-width:1250px){
    .desktop-hidden{
        display:none!important;
    }
}

@media(max-width:768px){
    .mobile-hidden{
        display:none!important;
    }
}

@media(max-width:600px){
    .mobile-mini-hidden{
        display:none!important;
    }
}

/* NAV Wordpress */

.wp-block-navigation{
  position:relative;
}
.wp-block-navigation ul{
  margin-bottom:0;
  margin-left:0;
  margin-top:0;
  padding-left:0;
}
.wp-block-navigation ul,.wp-block-navigation ul li{
  list-style:none;
  padding:0;
}
.wp-block-navigation .wp-block-navigation-item{
  align-items:center;
  background-color:inherit;
  display:flex;
  position:relative;
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty{
  display:none;
}
.wp-block-navigation .wp-block-navigation-item__content{
  display:block;
  z-index:1;
}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{
  color:inherit;
}
.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content:focus{
  text-decoration:underline;
}
.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:active,.wp-block-navigation.has-text-decoration-line-through .wp-block-navigation-item__content:focus{
  text-decoration:line-through;
}
.wp-block-navigation :where(a),.wp-block-navigation :where(a:active),.wp-block-navigation :where(a:focus){
  text-decoration:none;
}
.wp-block-navigation .wp-block-navigation__submenu-icon{
  align-self:center;
  background-color:inherit;
  border:none;
  color:currentColor;
  display:inline-block;
  font-size:inherit;
  height:.6em;
  line-height:0;
  margin-left:.25em;
  padding:0;
  width:.6em;
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg{
  display:inline-block;
  stroke:currentColor;
  height:inherit;
  margin-top:.075em;
  width:inherit;
}
.wp-block-navigation{
  --navigation-layout-justification-setting:flex-start;
  --navigation-layout-direction:row;
  --navigation-layout-wrap:wrap;
  --navigation-layout-justify:flex-start;
  --navigation-layout-align:center;
}
.wp-block-navigation.is-vertical{
  --navigation-layout-direction:column;
  --navigation-layout-justify:initial;
  --navigation-layout-align:flex-start;
}
.wp-block-navigation.no-wrap{
  --navigation-layout-wrap:nowrap;
}
.wp-block-navigation.items-justified-center{
  --navigation-layout-justification-setting:center;
  --navigation-layout-justify:center;
}
.wp-block-navigation.items-justified-center.is-vertical{
  --navigation-layout-align:center;
}
.wp-block-navigation.items-justified-right{
  --navigation-layout-justification-setting:flex-end;
  --navigation-layout-justify:flex-end;
}
.wp-block-navigation.items-justified-right.is-vertical{
  --navigation-layout-align:flex-end;
}
.wp-block-navigation.items-justified-space-between{
  --navigation-layout-justification-setting:space-between;
  --navigation-layout-justify:space-between;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container{
  align-items:normal;
  background-color:inherit;
  color:inherit;
  display:flex;
  flex-direction:column;
  opacity:0;
  position:absolute;
  z-index:2;
}
@media not (prefers-reduced-motion){
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
    transition:opacity .1s linear;
  }
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container{
  height:0;
  overflow:hidden;
  visibility:hidden;
  width:0;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{
  display:flex;
  flex-grow:1;
  padding:.5em 1em;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon{
  margin-left:auto;
  margin-right:0;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
  margin:0;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container{
  left:-1px;
  top:100%;
}
@media (min-width:782px){
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{
    left:100%;
    top:-1px;
  }
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{
    background:#0000;
    content:"";
    display:block;
    height:100%;
    position:absolute;
    right:100%;
    width:.5em;
  }
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{
    margin-right:.25em;
  }
  .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{
    transform:rotate(-90deg);
  }
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{
  height:auto;
  min-width:200px;
  opacity:1;
  overflow:visible;
  visibility:visible;
  width:auto;
}

.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container{
  left:0;
  top:100%;
}
@media (min-width:782px){
  .wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{
    left:100%;
    top:0;
  }
}

.wp-block-navigation-submenu{
  display:flex;
  position:relative;
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{
  stroke:currentColor;
}

button.wp-block-navigation-item__content{
  background-color:initial;
  border:none;
  color:currentColor;
  font-family:inherit;
  font-size:inherit;
  font-style:inherit;
  font-weight:inherit;
  letter-spacing:inherit;
  line-height:inherit;
  text-align:left;
  text-transform:inherit;
}

.wp-block-navigation-submenu__toggle{
  cursor:pointer;
}
.wp-block-navigation-submenu__toggle[aria-expanded=true]+.wp-block-navigation__submenu-icon>svg,.wp-block-navigation-submenu__toggle[aria-expanded=true]>svg{
  transform:rotate(180deg);
}

.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{
  padding-left:0;
  padding-right:.85em;
}
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{
  margin-left:-.6em;
  pointer-events:none;
}

.wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle){
  padding:0;
}
.wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{
  gap:inherit;
}
:where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)){
  padding:.5em 1em;
}

:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content){
  padding:.5em 1em;
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container{
  left:auto;
  right:0;
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{
  left:-1px;
  right:-1px;
}
@media (min-width:782px){
  .wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-right .wp-block-page-list>.has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between .wp-block-page-list>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{
    left:auto;
    right:100%;
  }
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
  background-color:#fff;
  border:1px solid #00000026;
}

.wp-block-navigation.has-background .wp-block-navigation__submenu-container{
  background-color:inherit;
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{
  color:#000;
}

.wp-block-navigation__container{
  align-items:var(--navigation-layout-align, initial);
  display:flex;
  flex-direction:var(--navigation-layout-direction, initial);
  flex-wrap:var(--navigation-layout-wrap, wrap);
  justify-content:var(--navigation-layout-justify, initial);
  list-style:none;
  margin:0;
  padding-left:0;
}
.wp-block-navigation__container .is-responsive{
  display:none;
}

.wp-block-navigation__container:only-child,.wp-block-page-list:only-child{
  flex-grow:1;
}
@keyframes overlay-menu__fade-in-animation{
  0%{
    opacity:0;
    transform:translateY(.5em);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}
.wp-block-navigation__responsive-container{
  bottom:0;
  display:none;
  left:0;
  position:fixed;
  right:0;
  top:0;
}
.wp-block-navigation__responsive-container :where(.wp-block-navigation-item a){
  color:inherit;
}
.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
  align-items:var(--navigation-layout-align, initial);
  display:flex;
  flex-direction:var(--navigation-layout-direction, initial);
  flex-wrap:var(--navigation-layout-wrap, wrap);
  justify-content:var(--navigation-layout-justify, initial);
}
.wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open){
  background-color:inherit !important;
  color:inherit !important;
}
.wp-block-navigation__responsive-container.is-menu-open{
  background-color:inherit;
  display:flex;
  flex-direction:column;
}
@media not (prefers-reduced-motion){
  .wp-block-navigation__responsive-container.is-menu-open{
    animation:overlay-menu__fade-in-animation .1s ease-out;
    animation-fill-mode:forwards;
  }
}
.wp-block-navigation__responsive-container.is-menu-open{
  overflow:auto;
  padding:clamp(1rem, var(--wp--style--root--padding-top), 20rem) clamp(1rem, var(--wp--style--root--padding-right), 20rem) clamp(1rem, var(--wp--style--root--padding-bottom), 20rem) clamp(1rem, var(--wp--style--root--padding-left), 20rem);
  z-index:100000;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
  align-items:var(--navigation-layout-justification-setting, inherit);
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  overflow:visible;
  padding-top:calc(2rem + 24px);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{
  justify-content:flex-start;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon{
  display:none;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{
  border:none;
  height:auto;
  min-width:200px;
  opacity:1;
  overflow:initial;
  padding-left:2rem;
  padding-right:2rem;
  position:static;
  visibility:visible;
  width:auto;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
  gap:inherit;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container{
  padding-top:var(--wp--style--block-gap, 2em);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content{
  padding:0;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list{
  align-items:var(--navigation-layout-justification-setting, initial);
  display:flex;
  flex-direction:column;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{
  background:#0000 !important;
  color:inherit !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{
  left:auto;
  right:auto;
}
@media (min-width:600px){
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
    background-color:inherit;
    display:block;
    position:relative;
    width:100%;
    z-index:auto;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close{
    display:none;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{
    left:0;
  }
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
  background-color:#fff;
}

.wp-block-navigation:not(.has-text-color) .wp-block-navigation__responsive-container.is-menu-open{
  color:#000;
}

.wp-block-navigation__toggle_button_label{
  font-size:1rem;
  font-weight:700;
}

.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{
  background:#0000;
  border:none;
  color:currentColor;
  cursor:pointer;
  margin:0;
  padding:0;
  text-transform:inherit;
  vertical-align:middle;
}
.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{
  fill:currentColor;
  display:block;
  height:24px;
  pointer-events:none;
  width:24px;
}

.wp-block-navigation__responsive-container-open{
  display:flex;
}
.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{
  font-family:inherit;
  font-size:inherit;
  font-weight:inherit;
}
@media (min-width:600px){
  .wp-block-navigation__responsive-container-open:not(.always-shown){
    display:none;
  }
}


/* ===========================
   Statystyki
   =========================== */

/* ===========================
   Statystyki
   =========================== */
.wpn-stats-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 16px;
    margin-top: 12px;
}

.wpn-stats-chart{
    margin-top: 16px;
    margin-bottom: 18px;
    font-family: var(--wp--preset--font-family--poppins), sans-serif;
}

.wpn-stats-chart__top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
    margin-bottom:14px;
}

.wpn-stats-chart__legend{
    display:flex;
    flex-wrap:wrap;
    gap:10px 14px;
    color:var(--wpn-text-muted);
    font-size:12px;
    font-family: var(--wp--preset--font-family--poppins), sans-serif;
}

.wpn-stats-chart__legend-item{
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.wpn-stats-chart__legend-dot{
    width:10px;
    height:10px;
    border-radius:999px;
    display:inline-block;
}

.wpn-stats-chart__legend-dot.is-views{ background:#2563eb; }
.wpn-stats-chart__legend-dot.is-phone{ background:#f97316; }
.wpn-stats-chart__legend-dot.is-email{ background:#16a34a; }
.wpn-stats-chart__legend-dot.is-form{ background:#a21caf; }

.wpn-stats-chart__range{
    display:inline-flex;
    gap:8px;
    border:1px solid #ddd;
    border-radius:8px;
    overflow:hidden;
    background:#fff;
}

.wpn-stats-chart__range-btn{
    border:0;
    background:#fff;
    color:var(--wpn-text-muted);
    border-radius:8px;
    padding:8px 14px;
    font-size:12px;
    font-weight:600;
    cursor:pointer;
    font-family: var(--wp--preset--font-family--poppins), sans-serif;
}

.wpn-stats-chart__range-btn.is-active{
    background-image: url(https://kolorowasciana.com/wp-content/uploads/2023/10/colorful-gradient-1.webp);
    background-size: 100% 100%;
    color:#fff;
}

.wpn-stats-chart__canvas{
    position:relative;
    height:260px;
    padding:8px;
    border:1px solid var(--wpn-stat-border);
    border-radius:16px;
    background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    overflow:hidden;
    box-sizing:border-box;
}

.wpn-stats-chart__svg{
    width:100%;
    height:100%;
    display:block;
}

.wpn-stats-chart__grid line{
    stroke:#e5e7eb;
    stroke-width:1;
}

.wpn-stats-chart__grid text,
.wpn-stats-chart__labels text{
    fill:#94a3b8;
    font-size:11px;
    font-family: var(--wp--preset--font-family--poppins), sans-serif;
}

.wpn-stats-chart__labels text{
    text-anchor:middle;
}

.wpn-stats-chart__hit{
    fill:transparent;
    cursor:crosshair;
}

.wpn-stats-chart__tooltip{
    position:absolute;
    min-width:180px;
    max-width:240px;
    pointer-events:none;
    background:rgba(15, 23, 42, 0.96);
    color:#fff;
    border-radius:12px;
    padding:10px 12px;
    box-shadow:0 12px 30px rgba(15, 23, 42, 0.2);
    transform:translate(-50%, -100%);
    z-index:2;
    font-family: var(--wp--preset--font-family--poppins), sans-serif;
}

.wpn-stats-chart__tooltip strong{
    display:block;
    margin-bottom:8px;
    font-size:12px;
}

.wpn-stats-chart__tooltip span{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:12px;
    line-height:1.45;
}

.wpn-stats-chart__tooltip i{
    width:8px;
    height:8px;
    border-radius:999px;
    display:inline-block;
    flex:0 0 8px;
}

.wpn-stat-box{
    background: var(--wpn-stat-bg);
    border: 1px solid var(--wpn-stat-border);
    padding: var(--wpn-stat-padding);
    border-radius: var(--wpn-stat-radius);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: var(--wp--preset--font-family--poppins), sans-serif;
}

.wpn-stat-number{
    font-size: var(--wpn-stat-number-size);
    font-weight: var(--wpn-stat-number-weight);
    color: var(--wpn-stat-number-color);
}

.wpn-stat-label{
    font-size: var(--wpn-text-xs);
    color: var(--wpn-text-muted);
}
/* ===========================
   Tabela
   =========================== */
.wpn-table{
    width: 100%;
    border-collapse: collapse;
    margin-top: 12px;
}

.wpn-table th,
.wpn-table td{
    padding: 10px;
    border-bottom: 1px solid var(--wpn-table-border);
    text-align: left;
    font-size: var(--wpn-text-sm);
}

.wpn-table th{
    background: var(--wpn-table-header-bg);
    font-weight: 600;
}

/* ===========================
   Layout wrappera i kart
   =========================== */
.wpn-dashboard-wrapper{
    margin: 0 auto;
    display: grid;
    column-gap: var(--wpn-dashboard-column-gap);
    row-gap: var(--wpn-dashboard-row-gap);
}

.wpn-card{
    background: var(--wpn-card-bg);
    border-radius: var(--wpn-card-radius);
    padding: var(--wpn-card-padding);
    box-shadow: var(--wpn-card-shadow);
}

.wpn-card h3{
    margin-top: 0;
}

/* ===========================
   Provider header
   =========================== */
.wpn-provider-top{
    display: flex;
    gap: var(--wpn-provider-gap);
    align-items: center;
}

.wpn-provider-logo{
    width: var(--wpn-provider-logo-width);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.wpn-provider-logo img{
    max-width: 100%;
    max-height: 100%;
}

.wpn-provider-title{
    font-size: var(--wpn-title-font-size);
    font-weight: var(--wpn-title-font-weight);
    margin-bottom: 6px;
}

.wpn-meta-line{
    color: var(--wpn-text-muted);
    font-size: var(--wpn-text-xs);
    margin: 3px 0;
}

/* ===========================
   Badges
   =========================== */
.wpn-badge{
    display: inline-block;
    padding: var(--wpn-badge-padding);
    font-size: var(--wpn-badge-font-size);
    border-radius: var(--wpn-badge-radius);
    background: var(--wpn-badge-bg);
    border: 1px solid var(--wpn-badge-border);
    margin-right: 6px;
}

.wpn-badge-green{
    background: var(--wpn-badge-success-bg);
    border-color: var(--wpn-badge-success-border);
    color: var(--wpn-badge-success-color);
}

.wpn-badge-red{
    background: var(--wpn-badge-danger-bg);
    border-color: var(--wpn-badge-danger-border);
    color: var(--wpn-badge-danger-color);
}

/* ===========================
   Akcje
   =========================== */
.wpn-actions{
    font-weight: 400;
    margin-top: 1em;
    display: flex;
    row-gap: var(--wpn-actions-gap);
    column-gap: var(--wpn-actions-gap);
    flex-wrap: wrap;
    font-size: var(--wp--preset--font-size--small);
}

.wpn-actions a.wpn-secondary{
    background: var(--wpn-secondary-bg);
    color: var(--wpn-secondary-color);
}



/* ===========================
   RWD
   =========================== */
@media (max-width: 600px){
    .wpn-provider-top{
        flex-direction: column;
        align-items: flex-start;
    }
    .wpn-provider-logo{
        width: var(--wpn-provider-logo-width-mobile);
    }
    .wpn-stats-chart__canvas{
        height:220px;
    }
}


/* ===========================
   Buttons
   =========================== */


.wpn-button{
    display:inline-block;    padding-top: var(--wp--preset--spacing--20);
    padding-right: var(--wp--preset--spacing--30);
    padding-bottom: var(--wp--preset--spacing--20);
    padding-left: var(--wp--preset--spacing--30);border-radius:50px;text-decoration:none;
}

 .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{
    border-radius:100px;
}

.wpn-button-primary, .wc-block-components-checkout-place-order-button, .wc-block-components-totals-coupon__button{
    background-image: url(https://kolorowasciana.com/wp-content/uploads/2023/10/colorful-gradient-1.webp);
    color:#fff;
    background-size: 100% 100%;
    transition: 200ms ease-in-out;
    font-weight:400;
    z-index: 1;
    position: relative;
    border:none;
    box-shadow: var(--wp--preset--shadow--deep);
}

.wpn-button-primary:hover, .wc-block-components-checkout-place-order-button:hover{
    filter:brightness(1.07);
    transition: 200ms ease-in-out;
}

.wpn-button-primary:after, .wc-block-components-checkout-place-order-button:after{
    content:"";
    width:calc(100% + 14px);
    height:calc(100% + 14px);
    position:absolute;
    left:-7px;
    top:-7px;
    border-radius:17px;
    z-index:-1;
    background-image: url(https://kolorowasciana.com/wp-content/uploads/2023/10/colorful-gradient-1.webp);    background-size: 100% 100%;
    opacity:.2;
    filter:blur(10px);
}

.wpn-button-secondary{
    background:#ececec;
}
		
		
.wpn-map-close{
  position:absolute;
  top:8px;right:10px;
  border:none;
  background:none;
  font-size:26px;
  line-height:1;
  cursor:pointer;
  color:#555;
}
.wpn-map-close:hover{color:#000;}

/* --- Gradientowy glow do pola wyszukiwania --- */
.gradient-outline, .wpn-pricing-grid .wpn-pricing-card:nth-child(2){
    position: relative;
}
.woocommerce-MyAccount-navigation-link--panel-pro a{
    background: linear-gradient(90deg, rgb(255 179 0) 0%, rgb(255 0 174) 50%, rgb(0 180 255) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: max-content;
}

.woocommerce-MyAccount-navigation-link--panel-pro.is-active a:after{
    background: linear-gradient(90deg, rgb(255 179 0) 0%, rgb(255 0 174) 50%, rgb(0 180 255) 100%)!important;
}


.wpn-pricing-grid .wpn-pricing-card:nth-child(2) h3,.wpn-pricing-grid .wpn-pricing-card:nth-child(3) h3{
    background: linear-gradient(90deg, rgb(255 179 0) 0%, rgb(255 0 174) 50%, rgb(0 180 255) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: max-content;
}

.wpn-pricing-grid .wpn-pricing-card:nth-child(2) .wpn-button{
        background-image: url(https://kolorowasciana.com/wp-content/uploads/2023/10/colorful-gradient-1.webp);
    color:#fff;
    background-size: 100% 100%;
    transition: 200ms ease-in-out;
    font-weight:400;
    border:0;
}
/* Poświata */
.gradient-outline:before, .gradient-outline, .wpn-pricing-grid .wpn-pricing-card:nth-child(2):before{
    content:"";
    position:absolute;
    background:linear-gradient(90deg,rgb(255 179 0) 0%,rgb(255 0 174) 50%,rgb(0 180 255) 100%);
    width:calc(100% + 6px);
    height:calc(100% + 6px);
    left:-3px;
    top:-3px;
    z-index:1;
    /*filter:blur(5px);*/
    border-radius: 14px;
    opacity: 0.9;
    z-index: -1;
}


/* Wrapper */
.wpn-search-wrap{
    display:flex;
    width:70%;
    align-items:stretch;
}

/* Input */
.wpn-search-wrap input{
    padding:6px 14px;
    border-radius:50px 0 0 50px;
    border-style: solid;
    border-color:#ddd;
    border-width: 1px 0 1px 1px;
    width:100%
}

.wpn-search-wrap button{
    font-family: var(--wp--preset--font-family--poppins);
    display: inline-block;
    padding:0 1.5em;
    text-decoration: none;
    border-radius: 0 50px 50px 0;
    border:0;
}

.wpn-banner-pro img {
    display:block;
    width:100%;
    border-radius:12px;
    min-height:200px;
    object-fit:cover;
    aspect-ratio:4/1;
    box-shadow:var(--wp--preset--shadow--natural);
}

/* Fix for woocommerce panel */
.woocommerce .woocommerce-MyAccount-navigation{
    width:100%; float: none;
}

.woocommerce .woocommerce-MyAccount-content{
    width: 100%; float: none;
}
.woocommerce-MyAccount-navigation{border:0!important;margin:0;}
.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;column-gap: var(--wp--preset--spacing--50);position:relative;flex-wrap:wrap;}

.woocommerce-account .woocommerce-MyAccount-navigation ul li{padding:0;}

/* Kontener nawigacji jako pasek z linią pod spodem */
.woocommerce-MyAccount-navigation {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 24px;
}

/* Pojedynczy tab */
.woocommerce-MyAccount-navigation li {
    margin: 0;
    padding: 0;
}

/* Link w tabu */
.woocommerce-MyAccount-navigation a {
    position: relative;
    display: inline-block;
    padding: 10px 0;
    text-decoration: none!important;
    font-size:var(--wp--preset--font-size--medium);
    opacity:.5;
    font-weight: 500;
    transition:300ms ease;
}

/* Linia pod całą nawigacją (już jest border-bottom w nav) */

/* Podkreślenie – pseudo-element, domyślnie niewidoczny */
.woocommerce-MyAccount-navigation a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px; /* styka się z dolną krawędzią nav (border-bottom) */
    width: 100%;
    height: 2px;
    background: transparent;
}

/* Hover (opcjonalne) */
.woocommerce-MyAccount-navigation a:hover,.woocommerce-MyAccount-navigation a:focus {
    opacity:1;
    text-decoration: none!important;
    transition:300ms ease
}

/* AKTYWNY TAB – WooCommerce dodaje klasę .is-active na <li> */
.woocommerce-MyAccount-navigation li.is-active a {
    opacity:1;
    transition:300ms ease;
    font-weight: 600
    
}

/* Podkreślenie aktywnego tabu */
.woocommerce-MyAccount-navigation li.is-active a:after {
    background: var(--wp--preset--color--contrast); /* kolor aktywnego podkreślenia */
}


/* ============================================================
   2) STYLIZACJA FORMULARZA "Szczegóły konta"
   ============================================================ */

/* Cały formularz jako zgrabna siatka */
.woocommerce-EditAccountForm.edit-account{
    max-width: var(--wpn-form-max-width);
    margin-right: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    column-gap: var(--wpn-form-column-gap);
    row-gap: var(--wpn-form-row-gap);
}

/* Czyścimy stare clearfixy Woo */
.woocommerce-EditAccountForm.edit-account .clear{
    display: none;
}

/* Domyślny wygląd wierszy */
.woocommerce-EditAccountForm.edit-account .form-row{
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width:100%;
}

/* Pierwsza linia (imię/nazwisko) obok siebie */
.woocommerce-EditAccountForm.edit-account .form-row-first,
.woocommerce-EditAccountForm.edit-account .form-row-last{
    grid-column: auto;
}

/* Szerokie pola na całą szerokość formularza */
.woocommerce-EditAccountForm.edit-account .form-row-wide{
    grid-column: 1 / -1;
}

/* Pozostałe <p> (newsletter, przycisk) też na całą szerokość */
.woocommerce-EditAccountForm.edit-account > p{
    grid-column: 1 / -1;
}

/* Etykiety */
.woocommerce-EditAccountForm.edit-account label{
    font-size: var(--wpn-label-font-size);
    font-weight: var(--wpn-label-font-weight);
    color: var(--wpn-label-color);
    margin-bottom: 2px;
}

/* Tekst pomocy pod polem */
.woocommerce-EditAccountForm.edit-account em,
.woocommerce-EditAccountForm.edit-account span.description{
    font-size: var(--wpn-help-text-size);
    color: var(--wpn-help-text-color);
}

/* Pola tekstowe / email / hasło */
.woocommerce-EditAccountForm.edit-account .input-text,
.woocommerce-EditAccountForm.edit-account input[type="text"],
.woocommerce-EditAccountForm.edit-account input[type="email"],
.woocommerce-EditAccountForm.edit-account input[type="password"]{
    background: var(--wpn-input-bg);
    border: 1px solid var(--wpn-input-border);
    border-radius: var(--wpn-input-radius);
    padding: var(--wpn-input-padding-y) var(--wpn-input-padding-x)!important;
    font-size: var(--wpn-input-font-size)!important;
    line-height: 1.4;
    box-shadow: none;
    width: 100%;
}

.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url], .wc-blocks-components-select .wc-blocks-components-select__select,.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted{
    background: var(--wpn-input-bg);
    border-radius: var(--wpn-input-radius);
    font-size: var(--wpn-input-font-size)!important;
    line-height: 1.4;
}


 .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted{
    background: var(--wpn-input-bg);
    border-radius: var(--wpn-input-radius);
    font-size: var(--wpn-input-font-size)!important;
    line-height: 1.4;
}

.wc-block-components-address-card{
        border-radius: var(--wpn-input-radius);

}

.wc-block-components-radio-control--highlight-checked:after{
    border-radius: var(--wpn-input-radius);
}


.wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option:after{display:none;}

.wc-block-components-radio-control-accordion-option{
    background: var(--wpn-input-bg);
    font-size: var(--wpn-input-font-size)!important;
    line-height: 1.4;
    box-shadow: none;
}

/* Fokus na polach */
.woocommerce-EditAccountForm.edit-account .input-text:focus,
.woocommerce-EditAccountForm.edit-account input[type="text"]:focus,
.woocommerce-EditAccountForm.edit-account input[type="email"]:focus,
.woocommerce-EditAccountForm.edit-account input[type="password"]:focus{
    border-color: var(--wpn-input-focus-border);
    box-shadow: var(--wpn-input-focus-shadow);
    outline: 0;
}

/* Newsletter (checkbox + label w jednej linii) */
.woocommerce-EditAccountForm.edit-account #_wc_other\/hostinger-reach\/newsletter-optin_field{
    display: flex;
    align-items: start;
    gap: 8px;
    margin-top: 4px;
}

.woocommerce-EditAccountForm.edit-account #_wc_other\/hostinger-reach\/newsletter-optin_field label.checkbox{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: var(--wpn-label-font-size);
    color: var(--wpn-label-color);
    font-weight: 400;
}

.woocommerce-EditAccountForm.edit-account input.input-checkbox{
    width: var(--wpn-checkbox-size);
    height: var(--wpn-checkbox-size);
    border-radius: var(--wpn-checkbox-radius);
    border: 1px solid var(--wpn-input-border);
}

/* Fieldset — sekcja zmiany hasła */
.woocommerce-EditAccountForm.edit-account fieldset{
    grid-column: 1 / -1;
    border: 1px solid var(--wpn-fieldset-border);
    background: var(--wpn-fieldset-bg);
    border-radius: var(--wpn-fieldset-radius);
    padding: var(--wpn-fieldset-padding);
    margin: 4px 0 4px;
}

.woocommerce-EditAccountForm.edit-account fieldset legend{
    padding: 0 4px;
    font-size: var(--wpn-label-font-size);
    font-weight: 600;
    color: var(--wpn-label-color);
    margin-bottom: 8px;
}

/* Hasła — ładne "input group" z przyciskiem pokaż/ukryj */
.woocommerce-EditAccountForm.edit-account .password-input{
    display: flex;
    align-items: center;
    background: var(--wpn-input-bg);
    border-radius: var(--wpn-input-radius);
    border: 1px solid var(--wpn-input-border);
}

.woocommerce-EditAccountForm.edit-account .password-input input[type="password"]{
    border: none;
    box-shadow: none;
    /*border-radius: var(--wpn-input-radius) 0 0 var(--wpn-input-radius);*/
    padding: var(--wpn-input-padding-y) var(--wpn-input-padding-x);
}

.woocommerce-EditAccountForm.edit-account .password-input input[type="password"]:focus{
    outline: 0;
}

.woocommerce-EditAccountForm.edit-account .password-input .show-password-input{
    border: none;
    background: transparent;
    cursor: pointer;
    width: 32px;
    height: 32px;
    opacity: 0.6;
}

.woocommerce-EditAccountForm.edit-account .password-input .show-password-input:hover{
    opacity: 1;
}

/* Przycisk "Zapisz zmiany" */
.woocommerce .button{
    display:inline-block;    
    padding-top: var(--wp--preset--spacing--20);
    padding-right: var(--wp--preset--spacing--30);
    padding-bottom: var(--wp--preset--spacing--20);
    padding-left: var(--wp--preset--spacing--30);border-radius:50px;text-decoration:none;
    background-image: url(https://kolorowasciana.com/wp-content/uploads/2023/10/colorful-gradient-1.webp);
    color:#fff;
    background-size: 100% 100%;
    transition: 200ms ease-in-out;
    font-weight:400;
    z-index: 1;
    position: relative;
    border: 0;
}

.woocommerce .button:hover{
    filter:brightness(1.07);
    transition: 200ms ease-in-out; 
}

.woocommerce .button:after{
    content:"";
    width:calc(100% + 14px);
    height:calc(100% + 14px);
    position:absolute;
    left:-7px;
    top:-7px;
    border-radius:17px;
    z-index:-1;
    background-image: url(https://kolorowasciana.com/wp-content/uploads/2023/10/colorful-gradient-1.webp);    background-size: 100% 100%;
    opacity:.2;
    filter:blur(10px);
}



/* Mobile — wszystko w jednej kolumnie (grid i tak się "złamie",
   ale dobijemy marginesy dla czytelności) */
@media (max-width: 600px){
    .woocommerce-EditAccountForm.edit-account{
        grid-template-columns: 1fr;
    }
}

.woocommerce-page form .form-row label{margin:0;}

.woocommerce table.shop_table{
    border:none;
}

/* ACF */
.acf-field-geo-lat, .acf-field-geo-lng{display:none;}

.acf-button {font-family: var(--wp--preset--font-family--poppins);font-weight: 400;font-size: var(--wp--preset--font-size--medium);}

#acf-field_description{font-family: var(--wp--preset--font-family--poppins);}
/* Main menu */

.main-menu-outer-wrapper{
    align-items: stretch;
}
.main-menu-wrapper div{
    height:100%;
}

.main-menu{
    height: 100%;
}

.main-menu li.current-menu-item a{
    font-weight: 600;
    background: linear-gradient(90deg, rgb(255 179 0) 0%, rgb(255 0 174) 50%, rgb(0 180 255) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.main-menu li{height:100%;}
.main-menu li a{
    display: flex;
    align-items: center;
    text-decoration:none;
}
.main-menu li.current-menu-item:after{
    content:"";
    position:absolute;
    bottom: calc(-100% + 100% - var(--wp--preset--spacing--40));
    left:0;
    height: 2px;
    background: linear-gradient(90deg, rgb(255 179 0) 0%, rgb(255 0 174) 50%, rgb(0 180 255) 100%);
    width: 100%;
}

/* ===== WPN modal (contact aside) ===== */
body.wpn-modal-open {
  overflow: hidden;
}

/* overlay */
.wpn-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(2px);
  z-index: 99998;
  display: none;
}

body.wpn-modal-open .wpn-modal-overlay {
  display: block;
}

/* modal */
.wpn-single-section.wpn-contact-modal{
  position: fixed;
  inset: 1rem;
  margin: auto;
  max-width: 1000px;
  max-height: calc(100dvh - 2rem);
  max-height: calc(100vh - 2rem);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 99999;
  box-shadow: 0 20px 80px rgba(0,0,0,.35);
  box-sizing: border-box;
}

/* na bardzo małych ekranach daj mniejszą ramkę */
@media (max-width: 480px){
  .wpn-single-section.wpn-contact-modal{
    inset: .75rem;
    max-height: calc(100dvh - 1.5rem);
    max-height: calc(100vh - 1.5rem);
  }
}

.wpn-modal-head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 12px;
}

.wpn-modal-close{
  border: 1px solid #eee;
  background: #fafafa;
  border-radius: 10px;
  padding: 8px 10px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  flex: 0 0 auto;
}

.wpn-modal-close:hover{
  background:#f3f3f3;
}

/* =========================================================
   REVIEWS FORM — styl jak CONTACT FORM
   ========================================================= */

.wpn-review-form{
	margin-top: 10px;
}

/* nagłówek jak w sekcjach */
.wpn-review-form h3{
	margin: 0 0 10px 0;
	font-size: 18px;
	background: linear-gradient(90deg, rgb(255 179 0) 0%, rgb(255 0 174) 50%, rgb(0 180 255) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	width: max-content;
}

/* formularz: identyczny flow jak contact */
.wpn-review-form form{
	display: block;
}

/* pola identycznie jak contact */
.wpn-review-form .wpn-field{
	margin: 10px 0;
	font-size: .85rem;
}

.wpn-review-form .wpn-field label{
	display:block;
	margin: 0 0 6px 0;
	font-weight: 500;
}


/* textarea jak contact */
.wpn-review-form textarea{
	line-height: 1.55;
	resize: vertical;
}

/* small helper */
.wpn-review-form small{
	display:block;
	opacity:.75;
	margin-top:6px;
}


/* przycisk — zrobimy jak w kontakcie (WP block button look), ale bez zmiany HTML */
.wpn-review-form button.button.button-primary{
	border:0;
	border-radius: 999px;
	padding: 10px 14px;
	background: #111;
	color:#fff;
	font-weight: 800;
	letter-spacing: .01em;
	box-shadow: 0 14px 26px rgba(0,0,0,.16);
	transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
	cursor:pointer;
}

.wpn-review-form button.button.button-primary:hover{
	transform: translateY(-1px);
	box-shadow: 0 18px 34px rgba(0,0,0,.18);
	opacity: .96;
}

.wpn-review-form button.button.button-primary:active{
	transform: translateY(0);
}

/* =========================================================
   REVIEWS LIST — lekkie dopasowanie do contact-card look
   ========================================================= */

.wpn-reviews{
    display:grid;
    grid-gap:1rem;
	margin-top: 10px;
}

.wpn-review{
	border: 2px dashed #d2d2d2;
	background: #fff;
	padding: 16px;
	border-radius: 10px;
	box-shadow: var(--wp--preset--shadow--natural);
}

.wpn-review header{
	margin-bottom: 8px;
}

.wpn-review-title{
	font-weight:700;
}

.wpn-review-meta{
	font-size: .85rem;
	opacity: .75;
}

.wpn-review-meta-extra small{
	display:block;
	font-size: .8rem;
	opacity:.85;
	margin-top: 4px;
}

.wpn-review-content{
	font-size: .92rem;
	line-height: 1.55;
}

.wpn-review-content p{
	margin: 0 0 10px 0;
}
.wpn-review-content p:last-child{
	margin-bottom:0;
}

.wpn-review-footer{
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #eee;
	font-size:.8rem;
	opacity:.8;
}

/* Twoje <hr/> w loopie — jeśli przeszkadza, ukryj */
.wpn-reviews hr{
	display:none;
}

/* zdjęcia — proste kafelki jak w dashed stylu */
.wpn-review-photos{
	display:flex !important;
	gap:10px;
	flex-wrap:wrap;
	margin-top: 10px !important;
}

.wpn-review-photos a{
	display:block;
	border-radius: 10px;
	overflow:hidden;
	background:#fff;
}

.wpn-review-photos img{
	display:block;
	width: 120px;
	height: 90px;
	object-fit: cover;
}

.wpn-adv-banners-all .wpn-adv-banner-item{
    margin-bottom:1rem;
}

.wpn-adv-img-4-1{aspect-ratio:4/1; width:100%; height:auto; object-fit:cover;min-height: 200px;box-shadow: var(--wp--preset--shadow--natural);border-radius: 12px;}
.wpn-adv-img-2-1{aspect-ratio:2/1; width:100%; height:auto; object-fit:cover;min-height: 200px;box-shadow: var(--wp--preset--shadow--natural);border-radius: 12px;}

.wpn-stat-box.box-active{
  border-color:#16a34a;
  background:rgba(22,163,74,.08);
}

.wpn-stat-box.box-active .wpn-stat-number{
  color:#16a34a;
}

.wpn-stat-box.box-unactive{
  border-color:#dc2626;
  background:rgba(220,38,38,.08);
}

.wpn-stat-box.box-unactive .wpn-stat-number{
  color:#dc2626;
}

/* --- WOOCOMMERCE INFO --- */
.woocommerce-info:focus-within{outline:none!important;}

.woocommerce .woocommerce-info{
    padding: 12px 14px !important;
    border-radius: 8px !important;
    background: rgba(37,99,235,.08);
    color: #2563eb;
    border: 1px solid rgba(37,99,235,.25);
}

.woocommerce .woocommerce-info::before{
  content:none !important;
}

.woocommerce .woocommerce-info a{
  color: #2563eb;
  font-weight:600;
  text-decoration: underline;
}

.woocommerce .woocommerce-info a:hover,
.woocommerce .woocommerce-info a:focus{
  text-decoration: none;
}

/* === Lista województw jako przyciski === */
.wpn-provinces__list_global{display:flex;flex-wrap:wrap;gap:8px}
.wpn-provinces__list_global .wp-block-navigation-item{
  font-family:var(--wp--preset--font-family--poppins);
  appearance:none; -webkit-appearance:none;
  border:1px solid #ddd; background:#fff; color:#111;
  padding:6px 12px; border-radius:999px; cursor:pointer; font-size:13px; line-height:1;
}
.wpn-provinces__list_global .wp-block-navigation-item:hover{border-color:#aaa}
.wpn-provinces__list_global .wp-block-navigation-item.active{background-image: url(https://kolorowasciana.com/wp-content/uploads/2023/10/colorful-gradient-1.webp);
	color: #fff;
	background-size: 100% 100%;
	transition: 200ms ease-in-out;
	font-weight: 400;
	z-index: 1;
	position: relative;
	border:none;
}
.wpn-provinces__list_global .wp-block-navigation-item:hover a{text-decoration:none!important;}
        
.gradient-bg{
     background-image: url(https://kolorowasciana.com/wp-content/uploads/2023/10/colorful-gradient-1.webp);
     background-size:100% 100%;
     background-repeat:no-repeat;
}

.overflow-hidden{overflow:hidden;}

.woocommerce-form.woocommerce-form-login{max-width:500px;}

.woocommerce h2{font-size:1.5rem;}

.woocommerce-form-login__submit{width:100%;}

.woocommerce-form-login__rememberme{margin-top:0.5rem!important;}

.woocommerce-account .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a{margin:0;}

.wc-block-customer-account__toggle svg{margin-right:4px;}