.yas-layout{display:flex;flex-direction:row;align-items:stretch;gap:0;min-height:430px;width:100%;overflow:hidden;box-sizing:border-box}
.yas-layout *{box-sizing:border-box}
.yas-image-col{position:relative;flex:0 0 50%;min-width:0;overflow:hidden;background:#f8f8f8;min-height:250px}
.yas-image-link{display:block;width:100%;height:100%}
.yas-photo{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:var(--yas-image-x,50%) var(--yas-image-y,50%);transform-origin:var(--yas-image-x,50%) var(--yas-image-y,50%);max-width:none}
.yas-natural .yas-photo{position:relative;width:100%;height:auto;max-width:100%;object-fit:contain}
.yas-content-col{position:relative;flex:1 1 0;min-width:0;isolation:isolate;background:transparent;padding:30px 35px;display:flex;align-items:center}
.yas-content-inner{width:100%;position:relative;z-index:1}
.yas-heading,.yas-subtitle,.yas-date,.yas-status,.yas-author-heading{padding:0;line-height:1.25}
.yas-heading{font-size:18px;font-weight:700;color:#08033b;margin:0 0 0}
.yas-subtitle{font-size:17px;font-weight:700;color:#2204cf;margin:0 0 22px}
.yas-date{font-size:17px;font-weight:700;color:#08033b;margin:0 0 22px}
.yas-status{font-size:17px;font-weight:700;color:#ff3c24;margin:0 0 18px}
.yas-description{font-size:14px;line-height:1.4;color:#08033b;margin:0 0 28px}
.yas-description p,.yas-author-description p{margin:0 0 .65em}
.yas-description p:last-child,.yas-author-description p:last-child{margin-bottom:0}
.yas-button-wrap{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0 0 26px}
.yas-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;width:auto;max-width:260px;min-height:35px;padding:10px 22px;background:#0c063f;color:#fff;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;border-radius:5px;transition:background-color .25s ease,color .25s ease}
.yas-button:hover,.yas-button:focus{background:#2514c6;color:#fff;text-decoration:none}
.yas-author-heading{font-size:14px;font-weight:700;color:#08033b;margin:0 0 4px}
.yas-author-description{font-size:12px;line-height:1.5;color:#08033b;margin:0}
.yas-dots{--yas-dot-offset-x:35px;--yas-dot-offset-y:30px;--yas-dot-size:20px;--yas-dot-gap-x:44px;--yas-dot-gap-y:44px;--yas-dot-color:#2514c9;--yas-dot-motion:6px;--yas-dot-duration:4s;position:absolute;width:calc(var(--yas-dot-gap-x)*2 + var(--yas-dot-size));height:calc(var(--yas-dot-gap-y)*2 + var(--yas-dot-size));z-index:0;pointer-events:none}
.yas-anchor-right-top{right:var(--yas-dot-offset-x);top:var(--yas-dot-offset-y)}
.yas-anchor-left-top{left:var(--yas-dot-offset-x);top:var(--yas-dot-offset-y)}
.yas-anchor-right-bottom{right:var(--yas-dot-offset-x);bottom:var(--yas-dot-offset-y)}
.yas-anchor-left-bottom{left:var(--yas-dot-offset-x);bottom:var(--yas-dot-offset-y)}
.yas-dot{position:absolute;width:var(--yas-dot-size);height:var(--yas-dot-size);border-radius:50%;background:var(--yas-dot-color);display:block;left:0;top:0}
.yas-pattern-horizontal .yas-dot-2{left:var(--yas-dot-gap-x)}
.yas-pattern-horizontal .yas-dot-3{left:calc(var(--yas-dot-gap-x)*2)}
.yas-pattern-vertical .yas-dot-2{top:var(--yas-dot-gap-y)}
.yas-pattern-vertical .yas-dot-3{top:calc(var(--yas-dot-gap-y)*2)}
.yas-pattern-triangle .yas-dot-1{left:var(--yas-dot-gap-x)}
.yas-pattern-triangle .yas-dot-2{top:var(--yas-dot-gap-y)}
.yas-pattern-triangle .yas-dot-3{left:calc(var(--yas-dot-gap-x)*2);top:var(--yas-dot-gap-y)}
.yas-pattern-reverse .yas-dot-1{top:var(--yas-dot-gap-y)}
.yas-pattern-reverse .yas-dot-2{left:var(--yas-dot-gap-x);top:var(--yas-dot-gap-y)}
.yas-pattern-reverse .yas-dot-3{left:var(--yas-dot-gap-x)}
.yas-pattern-diagonal .yas-dot-2{left:var(--yas-dot-gap-x);top:var(--yas-dot-gap-y)}
.yas-pattern-diagonal .yas-dot-3{left:calc(var(--yas-dot-gap-x)*2);top:calc(var(--yas-dot-gap-y)*2)}
.yas-pattern-free .yas-dot-2{left:var(--yas-dot-gap-x);top:var(--yas-dot-gap-y)}
.yas-pattern-free .yas-dot-3{left:calc(var(--yas-dot-gap-x)*2);top:var(--yas-dot-gap-y)}
.yas-moving .yas-dot{animation:yas-drift var(--yas-dot-duration) ease-in-out infinite alternate}
.yas-moving .yas-dot-2{animation-delay:-1.3s}
.yas-moving .yas-dot-3{animation-delay:-2.4s}
@keyframes yas-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,calc(var(--yas-dot-motion) * -1),0)}}
/* Mobile: in column layout flex-basis percentage is calculated against height,
   not width, and can collapse/expand the photo area unpredictably. */
@media(max-width:767px){
  .yas-layout{flex-direction:column;min-height:0;width:100%;max-width:100%;height:auto;overflow:hidden}
  .yas-layout .yas-image-col{flex:0 0 auto !important;width:100%;max-width:100%;height:280px;min-height:0}
  .yas-layout .yas-image-col.yas-natural{height:auto;min-height:0}
  .yas-layout .yas-photo{max-width:none}
  .yas-layout .yas-image-col.yas-natural .yas-photo{max-width:100%;height:auto}
  .yas-layout .yas-content-col{flex:0 0 auto;width:100%;max-width:100%;min-height:0;padding:24px 20px;overflow:hidden}
  .yas-layout .yas-content-inner{min-width:0;overflow-wrap:anywhere}
  .yas-layout .yas-button{max-width:100%}
  .yas-layout .yas-dots{max-width:100%;max-height:100%}
}

@media(prefers-reduced-motion:reduce){.yas-moving .yas-dot{animation:none}}

/* 1.0.1: przezroczyste tło części tekstowej pokazuje tło nadrzędnego kontenera. */
.yas-content-col.yas-inherit-bg{background:transparent !important;background-color:transparent !important}

/* 1.0.3 - Desktop: image column always occupies the height of adjacent content.
   Elementor image_height may add height in a generated responsive stylesheet; override
   this only while automatic height matching is selected. */
@media (min-width: 768px) {
  .yas-layout.yas-image-match-content { align-items: stretch; }
  .yas-layout.yas-image-match-content > .yas-image-col {
    height: auto !important;
    min-height: 0;
    align-self: stretch;
  }
  .yas-layout.yas-image-match-content > .yas-image-col .yas-photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
  }
  .yas-layout.yas-image-match-content > .yas-image-col .yas-image-link {
    display: block;
    width: 100%;
    height: 100%;
  }
}

/* 1.0.4: The same focal point controls object cropping and scaled-image anchoring.
   Without transform-origin, zoom happens around the centre while object-position
   moves image content, which produces unpredictable edges at 0% / 100%. */
.yas-image-col {--yas-image-x:50%;--yas-image-y:50%;isolation:isolate;overflow:hidden;}
.yas-image-col .yas-photo {
  object-position:var(--yas-image-x) var(--yas-image-y);
  transform-origin:var(--yas-image-x) var(--yas-image-y);
}
/* Don't depend on Elementor editor chrome or theme img max-width rules. */
.yas-image-col:not(.yas-natural) .yas-photo {inset:0;width:100%;height:100%;max-width:none;}
@media (max-width:767px) {
  .elementor-widget-yalla_sytuacje_event, .elementor-widget-yalla_sytuacje_event .elementor-widget-container {min-width:0;max-width:100%;}
  .yas-layout {box-sizing:border-box;overflow:clip;}
  .yas-layout > .yas-image-col {box-sizing:border-box;overflow:hidden;}
  .yas-image-col .yas-photo {will-change:auto;}
}

/* v1.0.5: pin the ACTUAL dot nearest the edge; never use the width of an empty
   decorative box as the reference. CSS is identical in Elementor and front-end. */
.yas-content-col .yas-dots {
  left:var(--yas-dot-left, var(--yas-dot-manual-left));
  right:var(--yas-dot-right, var(--yas-dot-manual-right));
}
.yas-anchor-left-top,.yas-anchor-left-bottom {
  --yas-dot-manual-left:var(--yas-dot-offset-x);
  --yas-dot-manual-right:auto;
}
.yas-anchor-right-top,.yas-anchor-right-bottom {
  --yas-dot-manual-left:auto;
  --yas-dot-manual-right:var(--yas-dot-offset-x);
}
/* Right-anchored dots: the dots themselves (not their unused bounding box)
   start at the right edge. Mirror every geometric pattern accordingly. */
.yas-anchor-right-top .yas-dot,.yas-anchor-right-bottom .yas-dot {
  left:auto;right:0;
}
.yas-anchor-right-top.yas-pattern-horizontal .yas-dot-2,
.yas-anchor-right-bottom.yas-pattern-horizontal .yas-dot-2 {right:var(--yas-dot-gap-x)}
.yas-anchor-right-top.yas-pattern-horizontal .yas-dot-3,
.yas-anchor-right-bottom.yas-pattern-horizontal .yas-dot-3 {right:calc(var(--yas-dot-gap-x)*2)}
.yas-anchor-right-top.yas-pattern-triangle .yas-dot-1,
.yas-anchor-right-bottom.yas-pattern-triangle .yas-dot-1,
.yas-anchor-right-top.yas-pattern-reverse .yas-dot-2,
.yas-anchor-right-bottom.yas-pattern-reverse .yas-dot-2,
.yas-anchor-right-top.yas-pattern-reverse .yas-dot-3,
.yas-anchor-right-bottom.yas-pattern-reverse .yas-dot-3,
.yas-anchor-right-top.yas-pattern-diagonal .yas-dot-2,
.yas-anchor-right-bottom.yas-pattern-diagonal .yas-dot-2,
.yas-anchor-right-top.yas-pattern-free .yas-dot-2,
.yas-anchor-right-bottom.yas-pattern-free .yas-dot-2 {right:var(--yas-dot-gap-x)}
.yas-anchor-right-top.yas-pattern-triangle .yas-dot-3,
.yas-anchor-right-bottom.yas-pattern-triangle .yas-dot-3,
.yas-anchor-right-top.yas-pattern-diagonal .yas-dot-3,
.yas-anchor-right-bottom.yas-pattern-diagonal .yas-dot-3,
.yas-anchor-right-top.yas-pattern-free .yas-dot-3,
.yas-anchor-right-bottom.yas-pattern-free .yas-dot-3 {right:calc(var(--yas-dot-gap-x)*2)}
/* For a pinned-left selection with an original right anchor (and vice versa),
   orient the dots towards the center rather than out of the container. */
.yas-content-col .yas-dots[style] {pointer-events:none}

/* Direction of dots is independent of the old manual anchor (including mobile). */
.yas-anchor-left-top,.yas-anchor-left-bottom {
 --yas-dot-manual-dot-left:var(--yas-dot-x);--yas-dot-manual-dot-right:auto;
}
.yas-anchor-right-top,.yas-anchor-right-bottom {
 --yas-dot-manual-dot-left:auto;--yas-dot-manual-dot-right:var(--yas-dot-x);
}
.yas-dots .yas-dot {--yas-dot-x:0px;
 left:var(--yas-dot-position-left, var(--yas-dot-manual-dot-left)) !important;
 right:var(--yas-dot-position-right, var(--yas-dot-manual-dot-right)) !important;
}
.yas-pattern-horizontal .yas-dot-2,.yas-pattern-triangle .yas-dot-1,
.yas-pattern-reverse .yas-dot-2,.yas-pattern-reverse .yas-dot-3,
.yas-pattern-diagonal .yas-dot-2,.yas-pattern-free .yas-dot-2 {--yas-dot-x:var(--yas-dot-gap-x)}
.yas-pattern-horizontal .yas-dot-3,.yas-pattern-triangle .yas-dot-3,
.yas-pattern-diagonal .yas-dot-3,.yas-pattern-free .yas-dot-3 {--yas-dot-x:calc(var(--yas-dot-gap-x)*2)}

/* 1.0.8 - corrected per-dot geometry. The anchor is a point on the content edge,
   not a phantom decorative box. Gap means clear space between circle edges.
   All layouts use one shared X/Y step regardless of device or anchoring. */
.yas-content-col .yas-dots {
  width:0 !important;
  height:0 !important;
  max-width:none !important;
  max-height:none !important;
  --yas-step-x:calc(var(--yas-dot-size) + var(--yas-dot-gap-x));
  --yas-step-y:calc(var(--yas-dot-size) + var(--yas-dot-gap-y));
}
.yas-content-col .yas-dots .yas-dot {
  --yas-dot-x:0px;
  --yas-dot-y:0px;
  top:var(--yas-dot-position-top, var(--yas-dot-manual-dot-top)) !important;
  bottom:var(--yas-dot-position-bottom, var(--yas-dot-manual-dot-bottom)) !important;
  left:var(--yas-dot-position-left, var(--yas-dot-manual-dot-left)) !important;
  right:var(--yas-dot-position-right, var(--yas-dot-manual-dot-right)) !important;
}
.yas-anchor-left-top,.yas-anchor-right-top {--yas-dot-manual-dot-top:var(--yas-dot-y);--yas-dot-manual-dot-bottom:auto}
.yas-anchor-left-bottom,.yas-anchor-right-bottom {--yas-dot-manual-dot-top:auto;--yas-dot-manual-dot-bottom:var(--yas-dot-y)}
/* 2nd and 3rd dot offsets in each arrangement */
.yas-pattern-horizontal .yas-dot-2,
.yas-pattern-triangle .yas-dot-1,
.yas-pattern-reverse .yas-dot-2,
.yas-pattern-reverse .yas-dot-3,
.yas-pattern-diagonal .yas-dot-2,
.yas-pattern-free .yas-dot-2 {--yas-dot-x:var(--yas-step-x) !important}
.yas-pattern-horizontal .yas-dot-3,
.yas-pattern-triangle .yas-dot-3,
.yas-pattern-diagonal .yas-dot-3,
.yas-pattern-free .yas-dot-3 {--yas-dot-x:calc(var(--yas-step-x)*2) !important}
.yas-pattern-vertical .yas-dot-2,
.yas-pattern-triangle .yas-dot-2,
.yas-pattern-triangle .yas-dot-3,
.yas-pattern-reverse .yas-dot-1,
.yas-pattern-reverse .yas-dot-2,
.yas-pattern-diagonal .yas-dot-2,
.yas-pattern-free .yas-dot-2,
.yas-pattern-free .yas-dot-3 {--yas-dot-y:var(--yas-step-y) !important}
.yas-pattern-vertical .yas-dot-3,
.yas-pattern-diagonal .yas-dot-3 {--yas-dot-y:calc(var(--yas-step-y)*2) !important}

/* Fix: vertical anchors must be resolved on the individual dot, not inherited as unresolved vars. */
.yas-anchor-left-top .yas-dot,.yas-anchor-right-top .yas-dot{--yas-dot-manual-dot-top:var(--yas-dot-y);--yas-dot-manual-dot-bottom:auto}
.yas-anchor-left-bottom .yas-dot,.yas-anchor-right-bottom .yas-dot{--yas-dot-manual-dot-top:auto;--yas-dot-manual-dot-bottom:var(--yas-dot-y)}
.yas-anchor-left-top .yas-dot,.yas-anchor-left-bottom .yas-dot{--yas-dot-manual-dot-left:var(--yas-dot-x);--yas-dot-manual-dot-right:auto}
.yas-anchor-right-top .yas-dot,.yas-anchor-right-bottom .yas-dot{--yas-dot-manual-dot-left:auto;--yas-dot-manual-dot-right:var(--yas-dot-x)}
