.elementor-434 .elementor-element.elementor-element-815d246{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.1;--padding-top:110px;--padding-bottom:110px;--padding-left:15px;--padding-right:15px;}.elementor-434 .elementor-element.elementor-element-815d246::before, .elementor-434 .elementor-element.elementor-element-815d246 > .elementor-background-video-container::before, .elementor-434 .elementor-element.elementor-element-815d246 > .e-con-inner > .elementor-background-video-container::before, .elementor-434 .elementor-element.elementor-element-815d246 > .elementor-background-slideshow::before, .elementor-434 .elementor-element.elementor-element-815d246 > .e-con-inner > .elementor-background-slideshow::before, .elementor-434 .elementor-element.elementor-element-815d246 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center left, #FF6A0085 0%, var( --e-global-color-7fd41c8 ) 60%);}.elementor-434 .elementor-element.elementor-element-80f96ea{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-434 .elementor-element.elementor-element-09772e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 35px;padding:0px 0px 0px 0px;text-align:center;}.elementor-434 .elementor-element.elementor-element-09772e4 .elementor-heading-title{font-family:"Saira Extra Condensed", Sans-serif;font-size:4.6rem;font-weight:200;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-primary );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-434 .elementor-element.elementor-element-c34c41b{--divider-border-style:solid;--divider-color:#FF6A0040;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;padding:0px 0px 0px 0px;}.elementor-434 .elementor-element.elementor-element-c34c41b .elementor-divider-separator{width:100%;}.elementor-434 .elementor-element.elementor-element-c34c41b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-434 .elementor-element.elementor-element-4aa6e93{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-434 .elementor-element.elementor-element-2db1a19{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:45px 45px 45px 45px;color:#FF6A00;}@media(max-width:1200px){.elementor-434 .elementor-element.elementor-element-815d246{--padding-top:65px;--padding-bottom:65px;--padding-left:15px;--padding-right:15px;}}@media(max-width:1024px){.elementor-434 .elementor-element.elementor-element-815d246{--padding-top:45px;--padding-bottom:45px;--padding-left:15px;--padding-right:15px;}.elementor-434 .elementor-element.elementor-element-09772e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}}@media(max-width:767px){.elementor-434 .elementor-element.elementor-element-815d246{--padding-top:25px;--padding-bottom:25px;--padding-left:15px;--padding-right:15px;}.elementor-434 .elementor-element.elementor-element-09772e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-434 .elementor-element.elementor-element-09772e4 .elementor-heading-title{font-size:2.4rem;line-height:1.2em;}.elementor-434 .elementor-element.elementor-element-2db1a19{padding:0px 20px 20px 20px;}}@media(min-width:768px){.elementor-434 .elementor-element.elementor-element-815d246{--content-width:1300px;}}/* Start custom CSS for theme-post-content, class: .elementor-element-2db1a19 *//* ======================================================
   WPIS-SZKOLA – DARK THEME SYSTEM
   ====================================================== */

.wpis-szkola{
  --ws-bg: #101116;
  --ws-surface: #161821;
  --ws-surface-2: #1c1f2b;
  --ws-border: rgba(255,255,255,.08);

  --ws-text: #CACACA;
  --ws-muted: rgba(202,202,202,.65);
  --ws-heading: #FF6A00;
  --ws-accent: #FF6A00;

  --ws-radius: 18px;
  --ws-radius-sm: 12px;
  --ws-shadow: 0 18px 45px rgba(0,0,0,.45);

  background: var(--ws-bg);
  color: var(--ws-text);
  border: 1px solid var(--ws-border);
  border-radius: var(--ws-radius);
  box-shadow: var(--ws-shadow);
  padding: clamp(20px, 2.2vw, 32px);
}

.wpis-szkola *{
  box-sizing: border-box;
}

/* ======================================================
   TYPOGRAFIA
   ====================================================== */

.wpis-szkola :where(p, ul, ol){
  color: var(--ws-text);
  line-height: 1.8;
  margin: 0 0 1.05em;
}

.wpis-szkola :where(h1, h2, h3, h4){
  color: var(--ws-heading);
  line-height: 1.2;
  letter-spacing: -0.015em;
  margin: 0 0 .6em;
}

.wpis-szkola h2{
  font-size: clamp(22px, 2.3vw, 32px);
}

.wpis-szkola h3{
  font-size: clamp(18px, 1.7vw, 23px);
  margin-top: 1.4em;
}

.wpis-szkola :where(a){
  color: var(--ws-accent);
  text-decoration: none;
}

.wpis-szkola :where(a:hover){
  text-decoration: underline;
}

.wpis-szkola :where(hr){
  border: 0;
  height: 1px;
  background: var(--ws-border);
  margin: 26px 0;
}

/* ======================================================
   GUTENBERG – BLOKI
   ====================================================== */

.wpis-szkola .wp-block{
  margin: 0 0 20px;
}

.wpis-szkola .wp-block:last-child{
  margin-bottom: 0;
}

.wpis-szkola :where(figcaption){
  color: var(--ws-muted);
  font-size: 13px;
  margin-top: 10px;
}

/* Cytaty */
.wpis-szkola .wp-block-quote{
  background: linear-gradient(
    135deg,
    rgba(255,106,0,.12),
    rgba(255,106,0,.03)
  );
  border-left: 4px solid var(--ws-accent);
  padding: 18px 20px;
  border-radius: var(--ws-radius-sm);
}

.wpis-szkola .wp-block-quote p{
  margin: 0;
}

/* Listy */
.wpis-szkola :where(ul, ol){
  padding-left: 1.25em;
}

.wpis-szkola li{
  margin: .35em 0;
}

/* ======================================================
   MEDIA & TEXT – TRENER / PROFIL
   ====================================================== */

.wpis-szkola .wp-block-media-text{
  display: grid;
  gap: clamp(18px, 2.2vw, 26px);
  align-items: center;
  padding: clamp(18px, 2.2vw, 26px);
  background: var(--ws-surface);
  border: 1px solid var(--ws-border);
  border-radius: var(--ws-radius);
  
  margin-bottom: 25px;
  margin-top: 25px;
  
}

/* Zdjęcie profilowe */
.wpis-szkola .wp-block-media-text__media{
  border-radius: var(--ws-radius);
  overflow: hidden;
  border: 1px solid var(--ws-border);
  background: #0c0d12;
  
  
}

.wpis-szkola .wp-block-media-text__media img{
  width: 100%;
  display: block;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

/* Treść obok zdjęcia */
.wpis-szkola .wp-block-media-text__content p{
  color: var(--ws-text);
}

.wpis-szkola .wp-block-media-text__content :where(h2, h3):first-child{
  margin-top: 0;
}

/* Mobile */
@media (max-width: 768px){
  .wpis-szkola .wp-block-media-text{
    grid-template-columns: 1fr !important;
  }

  .wpis-szkola .wp-block-media-text__media img{
    aspect-ratio: 16 / 10;
  }
}

/* ======================================================
   GALERIA – MINIATURY + LIGHTBOX
   ====================================================== */

.wpis-szkola .wp-block-gallery{
  margin-top: 20px;
  padding: 16px;
  background: var(--ws-surface-2);
  border: 1px solid var(--ws-border);
  border-radius: var(--ws-radius);
  
  margin-bottom: 35px;
}

/* Grid */
.wpis-szkola .wp-block-gallery,
.wpis-szkola .wp-block-gallery .blocks-gallery-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

@media (max-width: 900px){
  .wpis-szkola .wp-block-gallery,
  .wpis-szkola .wp-block-gallery .blocks-gallery-grid{
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 560px){
  .wpis-szkola .wp-block-gallery,
  .wpis-szkola .wp-block-gallery .blocks-gallery-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Miniaturki */
.wpis-szkola .wp-block-gallery figure{
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid var(--ws-border);
  background: #0c0d12;
}

.wpis-szkola .wp-block-gallery img{
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transition: transform .25s ease, filter .25s ease;
}

/* Hover */
.wpis-szkola .wp-block-gallery a:hover img{
  transform: scale(1.06);
  filter: brightness(1.05);
}

/* Ikona powiększenia */
.wpis-szkola .wp-block-gallery a::after{
  content: "⤢";
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(0,0,0,.65);
  color: #fff;
  font-size: 14px;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .2s ease, transform .2s ease;
  pointer-events: none;
}

.wpis-szkola .wp-block-gallery a:hover::after{
  opacity: 1;
  transform: translateY(0);
}

/* ======================================================
   TABELKI / PRZYCISKI
   ====================================================== */

.wpis-szkola table{
  width: 100%;
  border-collapse: collapse;
  background: var(--ws-surface);
  border-radius: var(--ws-radius-sm);
  overflow: hidden;
  border: 1px solid var(--ws-border);
}

.wpis-szkola th,
.wpis-szkola td{
  padding: 12px 14px;
  border-bottom: 1px solid var(--ws-border);
}

.wpis-szkola th{
  background: #0c0d12;
  color: var(--ws-heading);
  font-weight: 600;
}

/* Button */
.wpis-szkola .wp-block-button__link{
  background: var(--ws-accent);
  color: #101116 !important;
  border-radius: 999px;
  padding: 11px 18px;
  font-weight: 600;
  transition: transform .15s ease, box-shadow .15s ease;
}

.wpis-szkola .wp-block-button__link:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(255,106,0,.35);
}












/* ==========================================
   POPRAWKA GALERII – stabilny grid miniatur
   (Gutenberg często daje flex + width: calc())
   ========================================== */

/* Nie rób grid na całej .wp-block-gallery jeśli WP daje swoje wrappery */
.wpis-szkola .wp-block-gallery{
  display: block !important;
}

/* Najczęstszy wariant Gutenberga: "has-nested-images" */
.wpis-szkola .wp-block-gallery.has-nested-images{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}

/* Responsywność */
@media (max-width: 900px){
  .wpis-szkola .wp-block-gallery.has-nested-images{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 560px){
  .wpis-szkola .wp-block-gallery.has-nested-images{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Reset szerokości narzucanych przez Gutenberg (calc/inline) */
.wpis-szkola .wp-block-gallery.has-nested-images .wp-block-image,
.wpis-szkola .wp-block-gallery.has-nested-images figure{
  width: 100% !important;
  margin: 0 !important;
  flex: unset !important;
}

/* Kafelek miniatury */
.wpis-szkola .wp-block-gallery.has-nested-images .wp-block-image{
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: #0c0d12;
}

/* Klikalny obszar na całą miniaturę (ważne pod lightbox) */
.wpis-szkola .wp-block-gallery.has-nested-images .wp-block-image > a{
  display: block;
  position: relative;
}

/* Obrazek jako równy kafelek */
.wpis-szkola .wp-block-gallery.has-nested-images img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transition: transform .25s ease, filter .25s ease;
}

/* Hover */
.wpis-szkola .wp-block-gallery.has-nested-images a:hover img{
  transform: scale(1.06);
  filter: brightness(1.05);
}

/* Ikona powiększenia – przenieś na A (pozycjonowanie stabilne) */
.wpis-szkola .wp-block-gallery.has-nested-images .wp-block-image > a::after{
  content: "⤢";
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: rgba(0,0,0,.65);
  color: #fff;
  font-size: 14px;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .2s ease, transform .2s ease;
  pointer-events: none;
}

.wpis-szkola .wp-block-gallery.has-nested-images .wp-block-image > a:hover::after{
  opacity: 1;
  transform: translateY(0);
}

/* Jeśli galeria renderuje się jako UL/LI (starszy wariant) – zabezpieczenie */
.wpis-szkola .wp-block-gallery ul,
.wpis-szkola .wp-block-gallery .blocks-gallery-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.wpis-szkola .wp-block-gallery li.blocks-gallery-item{
  width: 100% !important;
  margin: 0 !important;
}



/* ======================================================
   WORDPRESS CORE LIGHTBOX – DARK THEME
   ====================================================== */

/* tło overlay */
.wp-lightbox-overlay{
  background: rgba(16,17,22,0.92) !important; /* #101116 */
}

/* to jest to białe tło, które widzisz (inline style) */
.wp-lightbox-overlay .scrim{
  background: rgba(16,17,22,0.92) !important;
}

/* kontener i obraz – bez białych “ramek” */
.wp-lightbox-overlay .wp-lightbox-container,
.wp-lightbox-overlay .lightbox-image-container{
  background: transparent !important;
}

.wp-lightbox-overlay img{
  background: #0c0d12;
  border-radius: 12px;
}

/* przycisk zamknięcia (żeby pasował do akcentu) */
.wp-lightbox-overlay .close-button{
  color: #FF6A00 !important;
}





/* =========================================================
   WPIS-SZKOLA – PROFESJONALNA TYPOGRAFIA (v2)
   Nadpisuje wcześniejszą typografię w .wpis-szkola
   ========================================================= */

.wpis-szkola{
  /* szerokość czytelnicza jak w .tekst-wpis */
  max-width: 72ch;
  margin: 0 auto;

  /* Inter jako bazowy font treści */
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  line-height: 1.7;
}

/* =========================
   AKAPITY
   ========================= */
.wpis-szkola p{
  margin: 0 0 1.5rem 0;
  color: var(--ws-text);
}

/* =========================
   NAGŁÓWKI
   ========================= */
.wpis-szkola h1,
.wpis-szkola h2,
.wpis-szkola h3,
.wpis-szkola h4,
.wpis-szkola h5,
.wpis-szkola h6{
  color: var(--ws-heading);
  line-height: 1.2;
  letter-spacing: -0.015em;
}

/* Jeśli tytuł wpisu jest H1 */
.wpis-szkola h1{
  margin: 0 0 2.5rem 0;
  padding-top: 0;
  font-size: clamp(26px, 2.8vw, 40px);
}

/* H2/H3 zgodnie z rytmem .tekst-wpis */
.wpis-szkola h2{
  margin: 3.5rem 0 1.5rem 0;
  font-size: clamp(22px, 2.3vw, 32px);
}

.wpis-szkola h3{
  margin: 2.5rem 0 1.25rem 0;
  font-size: clamp(18px, 1.7vw, 23px);
}

.wpis-szkola h4{
  margin: 2rem 0 1rem 0;
  font-size: clamp(16px, 1.4vw, 20px);
}

.wpis-szkola h5{
  margin: 1.75rem 0 0.75rem 0;
  font-size: 16px;
}

.wpis-szkola h6{
  margin: 1.5rem 0 0.5rem 0;
  font-size: 15px;
  opacity: .9;
}

/* =========================
   LINKI
   ========================= */
.wpis-szkola a{
  color: var(--ws-accent);
  text-decoration: none;
}
.wpis-szkola a:hover{
  text-decoration: underline;
}

/* =========================
   LISTY
   ========================= */
.wpis-szkola ul,
.wpis-szkola ol{
  margin: 0 0 1.75rem 1.5rem;
  padding: 0;
  color: var(--ws-text);
}

.wpis-szkola li{
  margin-bottom: 0.5rem;
}

/* =========================
   CYTATY
   ========================= */
.wpis-szkola blockquote,
.wpis-szkola .wp-block-quote{
  margin: 2.5rem 0;
  padding: 1.5rem 2rem;

  background: linear-gradient(
    135deg,
    rgba(255,106,0,.12),
    rgba(255,106,0,.03)
  );
  border-left: 4px solid var(--ws-accent);
  border-radius: var(--ws-radius-sm);
}

.wpis-szkola blockquote p,
.wpis-szkola .wp-block-quote p{
  margin: 0;
}

/* =========================
   SEPARATORY
   ========================= */
.wpis-szkola hr{
  margin: 4rem 0;
  border: 0;
  height: 1px;
  background: var(--ws-border);
}

/* =========================
   OBRAZY / FIGURY
   ========================= */
.wpis-szkola figure{
  margin: 3rem 0;
}

.wpis-szkola figcaption{
  margin-top: 0.75rem;
  font-size: 13px;
  color: var(--ws-muted);
}

/* =========================
   RESPONSYWNOŚĆ
   ========================= */
@media (max-width: 768px){
  .wpis-szkola{
    padding: 1.75rem 1rem; /* jak w .tekst-wpis */
  }

  .wpis-szkola h2{
    margin-top: 3rem;
  }

  .wpis-szkola h3{
    margin-top: 2.25rem;
  }
}/* End custom CSS */