/* ============================================================
   POPRAWKI MOBILE v3 — aniastachelska.pl — Marzec 2026
   Mail z 18.03 (16 pkt) + mail z 26.03 (11 pkt)
   ============================================================ */

/* ===========================================
   GLOBALNE — zapobiegaj horizontal scroll
   =========================================== */
@media (max-width: 980px) {
  body {
    overflow-x: hidden;
  }
  .et_pb_section {
    max-width: 100% !important;
  }
  .et_pb_row {
    max-width: 100% !important;
  }
  html, body {
    max-width: 100vw;
  }
}

/* ===========================================
   PKT 1 (26.03) — KONTAKT: textarea za mala + floating icons nachodza
   =========================================== */
@media (max-width: 980px) {
  .page-id-21 .et_pb_contact_form textarea {
    min-height: 200px !important;
    height: auto !important;
  }
  .page-id-21 .et_pb_column {
    overflow: visible !important;
    width: 100% !important;
  }
  .page-id-21 .et_pb_row {
    overflow: visible !important;
  }
  .page-id-21 .et_pb_text_inner {
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
  .page-id-21 .et_pb_contact_form input,
  .page-id-21 .et_pb_contact_form textarea,
  .page-id-21 .et_pb_contact_form select {
    width: 100% !important;
    max-width: calc(100% - 50px) !important;
    box-sizing: border-box !important;
  }
}

/* ===========================================
   PKT 1 (30.03) — STRONA GLOWNA: "zdjęciowa?" za blisko tekstu wyzej
   Text w section_2, et_pb_text_2, dwa h3
   =========================================== */
@media (max-width: 980px) {
  .page-id-7 .et_pb_section_2 .et_pb_text_2 h3 {
    line-height: 2em !important;
    padding-bottom: 0 !important;
  }
}

/* ===========================================
   PKT 3 (26.03) — STRONA GLOWNA: zdjecie nachodzi na opinie
   Section 3 (opinie) ma margin-top: -68px na mobile
   =========================================== */
@media (max-width: 980px) {
  .page-id-7 .et_pb_section_3 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .page-id-7 .et_pb_section_3 .et_pb_row {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .st-testimonials-swiper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }
  .st-testimonial-box {
    max-width: 100% !important;
  }
  .st-nav {
    display: flex !important;
  }
}

/* ===========================================
   PKT 4 (26.03) — STRONA GLOWNA: tekst CTA "przygotowania" uciety
   =========================================== */
@media (max-width: 980px) {
  /* CTA z poradnikiem - kolumny stackuja sie na mobile */
  body.page-id-7 .et_pb_section .et_pb_row.et_pb_row_5 {
    flex-direction: column !important;
    min-height: 0 !important;
    height: auto !important;
  }
  body.page-id-7 .et_pb_section .et_pb_row.et_pb_row_5 > .et_pb_column {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-height: 0 !important;
    height: auto !important;
  }
  body.page-id-7 .et_pb_section_4 .et_pb_text {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 15px !important;
    padding-right: 50px !important;
  }
  body.page-id-7 .et_pb_section_4 .et_pb_text p {
    line-height: 1.6em !important;
  }
  body.page-id-7 .et_pb_section_4 .et_pb_image {
    height: auto !important;
    min-height: 0 !important;
  }
  body.page-id-7 .et_pb_section_4 .et_pb_image img {
    width: 100% !important;
    height: auto !important;
  }
}

/* ===========================================
   PKT 6 (26.03) — REPORTAZ SLUBNY: uciety tekst pod "sesja narzeczeńska"
   =========================================== */
@media (max-width: 980px) {
  /* Ukryj puste h3/p */
  .page-id-9 .et_pb_text h3:empty,
  .page-id-9 .et_pb_text p:empty,
  .page-id-9 .et_pb_text p[data-start][data-end]:empty {
    display: none !important;
  }
  /* Reset negatywnych marginesow — na desktop to overlay efekt, na mobile psuje layout */
  body.page-id-9 .et_pb_section .et_pb_text {
    margin-top: 0 !important;
  }
}

/* ===========================================
   PKT 7-9 (26.03) + OGOLNE — PODSTRONY SESJI: duze przerwy
   Wspolny wzorzec: row z pt=471px/mt=-618px (desktop overlay)
   Reset na mobile dla: ciazowa(12), rodzinna(10), wizerunkowa(15),
   sensualna(16), okolicznosciowa(17), narzeczeńska(14), reportaz(9)
   =========================================== */
@media (max-width: 980px) {
  /* Sesja ciazowa — body prefix for higher specificity */
  body.page-id-12 .et_pb_section .et_pb_row {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.page-id-12 .et_pb_section .et_pb_row_0 {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
  }
  body.page-id-12 .et_pb_section.et_pb_section_0 {
    padding-top: 25px !important;
    padding-bottom: 30px !important;
  }
  body.page-id-12 .et_pb_section.et_pb_section_0 .et_pb_row:first-child {
    padding-top: 15px !important;
  }
  body.page-id-12 .rs-packages {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.page-id-12 .rs-package {
    width: 100% !important;
    max-width: 100% !important;
  }
  body.page-id-12 .et_pb_text {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  /* WSZYSTKIE PODSTRONY SESJI — ukryj puste ghost rows
     Na desktop mają pt=471px/mt=-618px jako overlay trick.
     Na mobile są puste i tworzą ogromne białe przerwy.
     Dotyczy: et_pb_row z pustą kolumną w sekcji z tłem (CTA/footer) */
  body.page-id-9 .et_pb_with_background .et_pb_row .et_pb_column:empty,
  body.page-id-10 .et_pb_with_background .et_pb_row .et_pb_column:empty,
  body.page-id-12 .et_pb_with_background .et_pb_row .et_pb_column:empty,
  body.page-id-13 .et_pb_with_background .et_pb_row .et_pb_column:empty,
  body.page-id-14 .et_pb_with_background .et_pb_row .et_pb_column:empty,
  body.page-id-15 .et_pb_with_background .et_pb_row .et_pb_column:empty,
  body.page-id-16 .et_pb_with_background .et_pb_row .et_pb_column:empty,
  body.page-id-17 .et_pb_with_background .et_pb_row .et_pb_column:empty {
    display: none !important;
  }

  /* Rows z pustymi kolumnami — schowaj cały row */
  body.page-id-9 .et_pb_section_2 .et_pb_row:first-child,
  body.page-id-10 .et_pb_section_2 .et_pb_row:first-child,
  body.page-id-12 .et_pb_section_2 .et_pb_row:first-child,
  body.page-id-13 .et_pb_section_2 .et_pb_row:first-child,
  body.page-id-14 .et_pb_section_2 .et_pb_row:first-child,
  body.page-id-15 .et_pb_section_2 .et_pb_row:first-child,
  body.page-id-16 .et_pb_section_2 .et_pb_row:first-child,
  body.page-id-17 .et_pb_section_2 .et_pb_row:first-child {
    display: none !important;
  }

  /* Section z tlem (CTA) — padding reset */
  body.page-id-9 .et_pb_with_background,
  body.page-id-10 .et_pb_with_background,
  body.page-id-12 .et_pb_with_background,
  body.page-id-13 .et_pb_with_background,
  body.page-id-14 .et_pb_with_background,
  body.page-id-15 .et_pb_with_background,
  body.page-id-16 .et_pb_with_background,
  body.page-id-17 .et_pb_with_background {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  /* Sekcja glowna na WSZYSTKICH podstronach sesji — padding reset */
  body.page-id-9 .et_pb_section_0,
  body.page-id-10 .et_pb_section_0,
  body.page-id-12 .et_pb_section_0,
  body.page-id-13 .et_pb_section_0,
  body.page-id-14 .et_pb_section_0,
  body.page-id-15 .et_pb_section_0,
  body.page-id-16 .et_pb_section_0,
  body.page-id-17 .et_pb_section_0 {
    padding-top: 10px !important;
    padding-bottom: 30px !important;
  }

  /* Rows na podstronach sesji — mniejsze marginesy/paddingi */
  body.page-id-9 .et_pb_section .et_pb_row,
  body.page-id-10 .et_pb_section .et_pb_row,
  body.page-id-13 .et_pb_section .et_pb_row,
  body.page-id-14 .et_pb_section .et_pb_row,
  body.page-id-16 .et_pb_section .et_pb_row,
  body.page-id-17 .et_pb_section .et_pb_row {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
  }

  /* Reset min-height na rows — Divi ustawia desktopowe wartosci */
  body.page-id-9 .et_pb_section .et_pb_row,
  body.page-id-10 .et_pb_section .et_pb_row,
  body.page-id-12 .et_pb_section .et_pb_row,
  body.page-id-13 .et_pb_section .et_pb_row,
  body.page-id-14 .et_pb_section .et_pb_row,
  body.page-id-15 .et_pb_section .et_pb_row,
  body.page-id-16 .et_pb_section .et_pb_row,
  body.page-id-17 .et_pb_section .et_pb_row {
    min-height: 0 !important;
    height: auto !important;
  }

  /* Reset negatywnych margin-top na text modulach — desktop overlay trick */
  body.page-id-9 .et_pb_section .et_pb_text,
  body.page-id-10 .et_pb_section .et_pb_text,
  body.page-id-12 .et_pb_section .et_pb_text,
  body.page-id-13 .et_pb_section .et_pb_text,
  body.page-id-14 .et_pb_section .et_pb_text,
  body.page-id-15 .et_pb_section .et_pb_text,
  body.page-id-16 .et_pb_section .et_pb_text,
  body.page-id-17 .et_pb_section .et_pb_text {
    margin-top: 0 !important;
  }

  /* Ukryj puste rows bez tresci na podstronach sesji */
  body.page-id-15 .et_pb_section_0 .et_pb_row_2 {
    display: none !important;
  }
  /* Noworodkowa — puste row_2 i row_3 */
  body.page-id-13 .et_pb_section_0 .et_pb_row_2,
  body.page-id-13 .et_pb_section_0 .et_pb_row_3 {
    display: none !important;
  }

  /* Tytuly H2 na podstronach sesji — zmniejsz zeby nie uciekaly litery */
  body.page-id-9 h2,
  body.page-id-10 h2,
  body.page-id-12 h2,
  body.page-id-13 h2,
  body.page-id-14 h2,
  body.page-id-15 h2,
  body.page-id-16 h2,
  body.page-id-17 h2 {
    font-size: 32px !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  /* Sesja rodzinna */
  .page-id-10 .et_pb_row {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }
  .page-id-10 .et_pb_row_0 {
    padding-top: 0 !important;
    padding-bottom: 20px !important;
  }
  .page-id-10 .et_pb_image {
    margin-bottom: 10px !important;
  }
  .page-id-10 .et_pb_text {
    margin-top: 0 !important;
  }

  /* Sesja wizerunkowa — body prefix for higher specificity */
  body.page-id-15 .et_pb_section .et_pb_row {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
  }
  body.page-id-15 .et_pb_section .et_pb_row_0 {
    padding-top: 0 !important;
  }
  body.page-id-15 .et_pb_section_0 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }
  /* Ostatnie zdjecie - Divi ustawia min-height, usuwamy */
  body.page-id-15 .et_pb_section .et_pb_image,
  body.page-id-15 .et_pb_section .et_pb_image .et_pb_image_wrap,
  body.page-id-15 .et_pb_section .et_pb_image img {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  body.page-id-15 .et_pb_section .et_pb_image img {
    width: 100% !important;
    object-fit: cover !important;
  }
  body.page-id-15 .et_pb_image {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
  }
  body.page-id-15 .et_pb_image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
  body.page-id-15 .et_pb_image .et_pb_image_wrap {
    height: auto !important;
    max-height: none !important;
  }

  /* Sesja sensualna */
  .page-id-16 .et_pb_row {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }
  .page-id-16 .et_pb_image {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
  }
  .page-id-16 .et_pb_image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
  .page-id-16 .et_pb_image .et_pb_image_wrap {
    height: auto !important;
    max-height: none !important;
  }

  /* Sesja narzeczeńska */
  .page-id-14 .et_pb_row {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  /* Sesja okolicznosciowa */
  .page-id-17 .et_pb_row {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }
  .page-id-17 h2 {
    font-size: 30px !important;
    word-break: normal !important;
    overflow-wrap: break-word;
  }
}

/* ===========================================
   PKT 10 (26.03) — SKLEP: ikonka fali z boku, centrowanie
   =========================================== */
@media (max-width: 980px) {
  .single-product .et_pb_image_0_tb_body {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .single-product .et_pb_image_0_tb_body .et_pb_image_wrap {
    text-align: center !important;
    display: inline-block !important;
    margin: 0 auto !important;
    width: auto !important;
  }
  .single-product .et_pb_image_0_tb_body img {
    width: auto !important;
    height: auto !important;
    max-width: 40px !important;
    display: inline-block !important;
  }
  .single-product .et_pb_wc_title {
    text-align: center !important;
  }
  .single-product .et_pb_wc_title h1 {
    text-align: center !important;
  }
  .single-product .et_pb_wc_price {
    text-align: center !important;
  }
  .single-product .et_pb_wc_description {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .single-product .et_pb_wc_title,
  .single-product .et_pb_wc_price,
  .single-product .et_pb_wc_add_to_cart,
  .single-product .et_pb_wc_meta {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .single-product .et_pb_wc_images {
    text-align: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .single-product .woocommerce-product-gallery {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    box-sizing: border-box;
  }
  .single-product .woocommerce-product-gallery img {
    width: 100% !important;
    height: auto !important;
  }
  .single-product .et_pb_row {
    width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .single-product .et_pb_column {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* ===========================================
   PKT 11 (26.03) — PRESETY: "Co dostajesz?" na srodku
   =========================================== */
@media (max-width: 980px) {
  /* Naglowek "Co dostajesz?" na srodku */
  .single-product .et_pb_wc_description h4 {
    text-align: center !important;
  }
  /* Tabela wycentrowana */
  .single-product .et_pb_wc_description table {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  /* Box wycentrowany ale tekst wewnatrz do lewej (zgodnie z ikonkami) */
  .single-product .pset-card {
    text-align: left !important;
    margin: 0 auto !important;
    max-width: 90% !important;
  }
}

/* ===========================================
   BLOG — zdjecia ucinane
   =========================================== */
@media (max-width: 980px) {
  .et_pb_post .entry-featured-image-url img,
  .et_pb_posts .et_pb_post img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
  }
  .et_pb_post h2.entry-title {
    margin-bottom: 15px !important;
  }
}

/* ===========================================
   O MNIE — margines, zdjecia, specialty section
   =========================================== */
@media (max-width: 980px) {
  .page-id-18 .et_pb_specialty > .et_pb_column {
    margin-bottom: 0 !important;
  }
  .page-id-18 .et_section_specialty {
    padding-bottom: 15px !important;
  }
  .page-id-18 .et_pb_image {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .page-id-18 .et_pb_image img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
  .page-id-18 .et_pb_row .et_pb_column_1_3 .et_pb_image {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .page-id-18 .et_pb_image .et_pb_image_wrap {
  }
  .page-id-18 .et_pb_section_0 .et_pb_column:first-child {
    min-height: 400px !important;
    background-size: cover !important;
    background-position: center center !important;
    margin-bottom: 20px !important;
  }
}

/* ===========================================
   GLOBALNE — obrazki na WSZYSTKICH podstronach sesji
   Divi ustawia min-height na desktop, na mobile musi byc auto
   =========================================== */
@media (max-width: 980px) {
  body.page-id-9 .et_pb_image,
  body.page-id-10 .et_pb_image,
  body.page-id-12 .et_pb_image,
  body.page-id-13 .et_pb_image,
  body.page-id-14 .et_pb_image,
  body.page-id-15 .et_pb_image,
  body.page-id-16 .et_pb_image,
  body.page-id-17 .et_pb_image {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  body.page-id-9 .et_pb_image .et_pb_image_wrap,
  body.page-id-10 .et_pb_image .et_pb_image_wrap,
  body.page-id-12 .et_pb_image .et_pb_image_wrap,
  body.page-id-13 .et_pb_image .et_pb_image_wrap,
  body.page-id-14 .et_pb_image .et_pb_image_wrap,
  body.page-id-15 .et_pb_image .et_pb_image_wrap,
  body.page-id-16 .et_pb_image .et_pb_image_wrap,
  body.page-id-17 .et_pb_image .et_pb_image_wrap {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  body.page-id-9 .et_pb_image img,
  body.page-id-10 .et_pb_image img,
  body.page-id-12 .et_pb_image img,
  body.page-id-13 .et_pb_image img,
  body.page-id-14 .et_pb_image img,
  body.page-id-15 .et_pb_image img,
  body.page-id-16 .et_pb_image img,
  body.page-id-17 .et_pb_image img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    object-fit: cover !important;
  }

/* ===========================================
   LOGO — plik usuniety, ukryj broken image na mobile
   =========================================== */
@media (max-width: 980px) {
  #logo img[src*="Ania-Stachelska-Fotografia-400"],
  .logo_container img[src*="Ania-Stachelska-Fotografia-400"] {
    display: none !important;
  }
}

/* ===========================================
   FLOATING IKONY — mniejsze na phone
   =========================================== */
@media (max-width: 600px) {
  .floating-icons {
    right: 0px !important;
    z-index: 99 !important;
  }
  .floating-icons a {
    width: 34px !important;
    height: 34px !important;
    font-size: 14px !important;
  }
}

/* ===========================================
   OGOLNE — pakiety rs-packages na mobile
   =========================================== */
@media (max-width: 980px) {
  .rs-packages {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px;
    width: 100% !important;
    box-sizing: border-box;
  }
  .rs-package {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}