/*
Theme Name: Mediverse Child
Template: mediverse
Author: Webup!
Author URI: https://web-up.pl
Version: 1.0.0
*/

/* ===== Webup! 2026-06-25 — wyłączenie wymuszonych WIELKICH LITER (na życzenie klientki, wszędzie) ===== */
body, h1, h2, h3, h4, h5, h6,
p, a, span, li, ul, ol, button, input, select, textarea, label, div, small, strong, em, blockquote,
.elementor-heading-title, .elementor-button, .elementor-widget-container, .elementor-icon-list-text,
.pxl-heading, .pxl-heading .pxl-item--title, .pxl-title, .pxl-subtitle, .pxl-btn, .pxl-button,
.btn, .button, .wp-block-button__link, .menu-item a, .pxl-menu a, nav a, .widget-title,
.pxl-post--title, .pxl-team--position, .elementor-price-table__period {
    text-transform: none !important;
}

/* ===== Webup! 2026-07-02 — #7 sekcja opinii: zdjęcie równej wysokości co ramka tekstu (desktop) ===== */
@media (min-width: 1025px) {
  .elementor-element-30b94f3,
  .elementor-element-30b94f3 > .e-con-inner { align-items: stretch !important; }
  .elementor-element-52715de,
  .elementor-element-52715de > .e-con-inner {
      height: 100% !important; display: flex !important; flex-direction: column !important;
  }
  .elementor-element-52715de .elementor-widget-pxl_image,
  .elementor-element-52715de .elementor-widget-pxl_image > .elementor-widget-container,
  .elementor-element-52715de .pxl-image,
  .elementor-element-52715de .pxl-image > a,
  .elementor-element-52715de figure { height: 100% !important; flex: 1 1 auto !important; margin: 0 !important; }
  .elementor-element-52715de img {
      height: 100% !important; width: 100% !important; object-fit: cover !important; border-radius: 15px;
  }
}

/* ===== Webup! 2026-07-02 — #1 Specjaliści: ukrycie paska wyszukiwarki/filtra osób ===== */
.page-id-1061 .pxl-grid-filter,
.elementor-widget-pxl_team_grid .pxl-grid-filter { display: none !important; }

/* ===== Webup! 2026-08-05 — poprawka łamania wyrazów (zgłoszenie Kasi 04.08) =====
   Motyw ustawia globalnie .pxl-item--description { word-break: break-all }, przez co
   długie polskie wyrazy urywały się w środku (np. „bezpi|eczne”, „neurolo|gopedów”).
   Przywracamy normalne łamanie po wyrazach — z awaryjnym zawijaniem tylko gdy wyraz
   naprawdę nie mieści się w kolumnie. */
.pxl-item--description,
.pxl-item--desc,
.pxl-item--excerpt,
.elementor-widget-container p,
.pxl-text-editor,
.pxl-item--content {
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: manual;
}

/* ===== Webup! 2026-08-05 — „Komu pomagamy”: pasek logotypów instytucji (zgłoszenie Kasi 04.08) =====
   Było: logotypy max 35 px na półprzezroczystym kafelku (nieczytelne).
   Jest: białe kafelki + logotypy ~2× większe. Ruch (autoplay) ustawiony w samym widgecie. */
.elementor-element-8f6066c .pxl-client-carousel1.style-1 .pxl-swiper-slide .pxl-item--inner {
    background-color: #fff !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    box-shadow: 0 6px 18px rgba(10, 15, 60, 0.18);
}
.elementor-element-8f6066c .pxl-client-carousel1.style-1 .pxl-swiper-slide .pxl-item--inner a {
    display: block;
    width: 100%;
}
.elementor-element-8f6066c .pxl-client-carousel1.style-1 .pxl-swiper-slide .pxl-item--inner a img {
    max-height: 78px !important;
    max-width: 100%;
}
@media (max-width: 767px) {
    .elementor-element-8f6066c .pxl-client-carousel1.style-1 .pxl-swiper-slide .pxl-item--inner a img {
        max-height: 56px !important;
    }
}

/* ===== Webup! 2026-08-05 — strony tekstowe bez Elementora (polityka prywatności, regulaminy) =====
   2026-08-07: zawężone do body:not(.elementor-page) — poprzedni selektor łapał wrapper także na
   stronach budowanych Elementorem i zwężał CAŁĄ stronę do 900 px (zgłoszenie Kasi 07.08). */
body.page:not(.elementor-page) #pxl-content-main .pxl-entry-content {
    max-width: 900px;
    margin: 0 auto;
    padding: 60px 20px 80px;
}
body.page:not(.elementor-page) #pxl-content-main .pxl-entry-content h2 {
    font-size: 28px;
    line-height: 1.3;
    margin: 38px 0 14px;
}
body.page:not(.elementor-page) #pxl-content-main .pxl-entry-content h2:first-child { margin-top: 0; }
body.page:not(.elementor-page) #pxl-content-main .pxl-entry-content p,
body.page:not(.elementor-page) #pxl-content-main .pxl-entry-content li { line-height: 1.7; }
body.page:not(.elementor-page) #pxl-content-main .pxl-entry-content ol,
body.page:not(.elementor-page) #pxl-content-main .pxl-entry-content ul { padding-left: 22px; margin-bottom: 14px; }
body.page:not(.elementor-page) #pxl-content-main .pxl-entry-content ul { list-style: disc; }
body.page:not(.elementor-page) #pxl-content-main .pxl-entry-content ol { list-style: decimal; }

/* ===== Webup! 2026-08-05 — formularz kontaktowy: widoczny link do polityki prywatności ===== */
.wpcf7-acceptance a {
    color: #38B2AA;
    text-decoration: underline;
    font-weight: 500;
}
.wpcf7-acceptance a:hover { color: #192273; }
.wrap-form .accept .wpcf7-list-item { margin: 0; }

/* ===== Webup! 2026-08-26 — Elementor v4 (kontenery „atomic flexbox"): boxed jak reszta serwisu =====
   Strony budowane NOWYM edytorem Elementora (kontenery .e-flexbox-base) nie dostaja szerokosci
   z --container-max-width (1330 px), ktora maja klasyczne kontenery — tresc leciala od krawedzi do
   krawedzi ekranu, bez marginesow (zgloszenie Kasi 26.08, /finansowanie/). Regula dotyczy tylko
   kontenerow NAJWYZSZEGO poziomu; zagniezdzone zostaja bez zmian. */
body.page .pxl-entry-content > .elementor > .e-con.e-flexbox-base {
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
body.page .pxl-entry-content > .elementor > .e-con.e-flexbox-base:first-child { margin-top: 60px; }
body.page .pxl-entry-content > .elementor > .e-con.e-flexbox-base:last-child { margin-bottom: 80px; }

/* ===== Webup! 2026-08-31 — kafelki porad w Centrum wiedzy: rowne zdjecia =====
   Zdjecia w kafelkach pochodza ze starej strony i maja rozne proporcje (od 300x109 do 266x300),
   przez co wiersze rozjezdzaly sie w pionie (zgloszenie Kasi 30.08). Klasa `reha-card-img` jest
   ustawiona na widgecie zdjecia w kazdym kafelku — przy duplikowaniu kafelka jedzie razem z nim. */
.reha-card-img .pxl-item--image { width: 100%; }
.reha-card-img .pxl-item--image img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
    display: block;
}
@media (max-width: 767px) {
    .reha-card-img .pxl-item--image img { height: 200px; }
}