/* CTA appears only on JapiGallery gallery photo thumbnails; all colors and offsets are configurable. */
.japi-gallery-cta-frame{position:relative;isolation:isolate;display:block;width:100%;max-width:100%;margin:0 auto}
.japi-gallery-cta-frame > a[itemprop="contentUrl"]{display:block;max-width:100%}
.japi-gallery-cta-frame > a[itemprop="contentUrl"] > picture{display:block}
.japi-gallery-cta-frame > img{display:block;max-width:100%;height:auto}
.japi-gallery-cta-button{
  position:absolute;z-index:3;bottom:var(--japi-cta-bottom,10px);left:50%;
  transform:translateX(-50%);display:flex;justify-content:center;align-items:center;
  box-sizing:border-box;max-width:calc(100% - 18px);min-height:48px;
  padding:10px 17px;border:0;border-radius:12px;text-align:center;
  font:600 14px/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-decoration:none!important;white-space:normal;overflow-wrap:anywhere;
  background-color:rgb(var(--japi-cta-background-rgb,253 248 241) / var(--japi-cta-desktop-alpha,.78));
  color:var(--japi-cta-foreground,#302a27)!important;
  box-shadow:0 4px 16px rgb(0 0 0 / .14);
  transition:opacity .2s ease,visibility .2s ease,transform .2s ease;
  cursor:pointer;
}
.japi-gallery-cta-button:hover{color:var(--japi-cta-foreground,#302a27)!important;text-decoration:none!important}
.japi-gallery-cta-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.japi-gallery-cta-button.shape-rectangle,.japi-gallery-cta-button.shape-square{border-radius:0}
.japi-gallery-cta-button.shape-circle{border-radius:50%}
.japi-gallery-cta-button.size-supermini{min-height:28px;padding:3px 7px;font-size:10px;line-height:1.2;--japi-cta-rounded-radius:6px}
.japi-gallery-cta-button.size-mini{min-height:35px;padding:5px 9px;font-size:11px;line-height:1.2;--japi-cta-rounded-radius:8px}
.japi-gallery-cta-button.size-small{min-height:44px;padding:7px 12px;font-size:13px}
.japi-gallery-cta-button.size-large{min-height:58px;padding:13px 22px;font-size:16px}
.japi-gallery-cta-button.shape-circle,.japi-gallery-cta-button.shape-square{width:min(110px,calc(100% - 18px));height:110px;padding:9px}
.japi-gallery-cta-button.size-supermini.shape-circle,.japi-gallery-cta-button.size-supermini.shape-square{width:min(60px,calc(100% - 18px));height:60px;padding:5px}
.japi-gallery-cta-button.size-mini.shape-circle,.japi-gallery-cta-button.size-mini.shape-square{width:min(73px,calc(100% - 18px));height:73px;padding:6px}
.japi-gallery-cta-button.size-small.shape-circle,.japi-gallery-cta-button.size-small.shape-square{width:min(90px,calc(100% - 18px));height:90px}
.japi-gallery-cta-button.size-large.shape-circle,.japi-gallery-cta-button.size-large.shape-square{width:min(130px,calc(100% - 18px));height:130px}

/* 1.0.5: Kształt CTA jest niezależny od rozmiaru i styli szablonu. */
.japigallery .japi-gallery-cta-frame > a.japi-gallery-cta-button.shape-rectangle,
.japigallery .japi-gallery-cta-frame > a.japi-gallery-cta-button.shape-square{border-radius:0!important}
.japigallery .japi-gallery-cta-frame > a.japi-gallery-cta-button.shape-circle{border-radius:50%!important}
.japigallery .japi-gallery-cta-frame > a.japi-gallery-cta-button.shape-rounded{border-radius:var(--japi-cta-rounded-radius,12px)!important}
@media(hover:hover) and (pointer:fine){
  .japi-gallery-cta-button{opacity:0;visibility:hidden;pointer-events:none}
  .japi-gallery-cta-frame:hover > .japi-gallery-cta-button,
  .japi-gallery-cta-frame:focus-within > .japi-gallery-cta-button{opacity:1;visibility:visible;pointer-events:auto}
}
@media(hover:none),(pointer:coarse){
  .japi-gallery-cta-button{opacity:1;visibility:visible;pointer-events:auto;background-color:rgb(var(--japi-cta-background-rgb,253 248 241) / var(--japi-cta-mobile-alpha,.85))}
}
@media(prefers-reduced-motion:reduce){.japi-gallery-cta-button{transition:none}}