/* EwaMajko Mobile Fix v2.0 */

@media only screen and (max-width: 767px) {

  /* PODSTAWA */
  html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    background-color: #080808 !important;
  }

  /* USUN BIALE TLO */
  #page, #content, #primary, #main,
  .ast-container, .ast-separate-container, .ast-plain-container,
  .site, .site-content, .entry-content,
  .elementor-section-wrap, .elementor-section,
  .elementor-top-section, .elementor-container,
  .elementor-row, .elementor-column,
  .elementor-column-wrap, .elementor-widget-wrap,
  .e-con, .e-con-inner, .e-child {
    background-color: transparent !important;
  }

  /* MENU MOBILNE - CIEMNE */
  #ast-mobile-popup,
  .ast-mobile-popup-drawer,
  .ast-mobile-popup-drawer .ast-mobile-popup-inner,
  .ast-mobile-popup-content,
  .ast-mobile-popup-header,
  .ast-mobile-popup-overlay,
  div[class*="ast-mobile-popup"],
  div[class*="ast-mobile-menu"],
  .main-navigation.toggled,
  .ast-header-break-point .main-navigation {
    background: #101010 !important;
    background-color: #101010 !important;
  }

  #ast-mobile-popup a,
  .ast-mobile-popup-drawer a,
  .main-navigation.toggled a,
  .ast-header-break-point .main-navigation a {
    color: #f5f0e8 !important;
    border-bottom-color: rgba(201,168,76,0.12) !important;
  }

  #ast-mobile-popup a:hover,
  .ast-mobile-popup-drawer a:hover {
    color: #c9a84c !important;
  }

  /* KONTENERY - PIONOWO */
  .e-con, .e-con-inner, .e-child {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex-direction: column !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .elementor-column, [class*="elementor-col-"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .elementor-section > .elementor-container {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }

  .elementor-widget-wrap {
    padding: 0 !important;
    width: 100% !important;
  }

  /* HERO - ZDJECIE NAD TEKSTEM */
  .elementor-top-section:first-of-type .elementor-column:first-child {
    order: 2 !important;
  }
  .elementor-top-section:first-of-type .elementor-column:last-child {
    order: 1 !important;
  }
  .elementor-top-section:first-of-type .e-child:first-child {
    order: 2 !important;
  }
  .elementor-top-section:first-of-type .e-child:last-child {
    order: 1 !important;
  }
  .elementor-top-section:first-of-type > .elementor-container > .elementor-row {
    flex-direction: column-reverse !important;
  }
  .elementor-top-section:first-of-type .e-con-inner {
    flex-direction: column-reverse !important;
  }

  /* TEKST - WYSRODKOWANY */
  .elementor-heading-title {
    text-align: center !important;
    width: 100% !important;
  }
  .elementor-widget-text-editor,
  .elementor-widget-text-editor p {
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
  }

  /* NAGLOWKI */
  h1.elementor-heading-title,
  .elementor-size-xxl { font-size: 36px !important; line-height: 1.15 !important; }
  h2.elementor-heading-title,
  .elementor-size-xl  { font-size: 28px !important; line-height: 1.2 !important; }
  h3.elementor-heading-title,
  .elementor-size-large { font-size: 15px !important; line-height: 1.6 !important; }

  /* ODSTEPY */
  .elementor-section.elementor-top-section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .elementor-spacer-inner { height: 20px !important; }
  .elementor-widget { margin-bottom: 10px !important; }

  /* OBRAZKI */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* PRZYCISKI */
  .elementor-button-wrapper { width: 100% !important; display: block !important; }
  .elementor-button {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    box-sizing: border-box !important;
    margin-bottom: 10px !important;
  }

  /* PAKIETY - RAMKI */
  .elementor-column-wrap,
  .elementor-widget-wrap {
    border: 1px solid rgba(201,168,76,0.12) !important;
    border-radius: 2px !important;
    padding: 20px !important;
    margin-bottom: 14px !important;
    box-sizing: border-box !important;
  }

  /* FORMULARZ */
  .wpforms-field input,
  .wpforms-field textarea { width: 100% !important; font-size: 16px !important; }
  .wpforms-submit { width: 100% !important; }

  /* WOOCOMMERCE */
  .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
  .woocommerce ul.products li.product {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* FOOTER */
  .ast-footer-copyright { text-align: center !important; font-size: 12px !important; }
}

@media only screen and (max-width: 375px) {
  h1.elementor-heading-title { font-size: 30px !important; }
  h2.elementor-heading-title { font-size: 24px !important; }
  .e-con, .e-con-inner, .e-child {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* ── WOOCOMMERCE — KARTA PRODUKTU ── */
@media only screen and (max-width: 767px) {

  /* Zdjęcie nie ucina nagłówka */
  .woocommerce div.product div.images {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .woocommerce div.product div.images img {
    width: 100% !important;
    height: auto !important;
    max-height: 70vw !important;
    object-fit: cover !important;
  }

  /* Ogólne tło i kolory */
  .woocommerce, .woocommerce-page,
  .woocommerce div.product,
  .woocommerce #content div.product {
    background: transparent !important;
    color: #f5f0e8 !important;
  }

  /* Breadcrumb */
  .woocommerce .woocommerce-breadcrumb,
  .woocommerce-breadcrumb a {
    color: #a89e8a !important;
    font-size: 12px !important;
  }

  /* Kategoria */
  .woocommerce div.product .posted_in,
  .woocommerce div.product .posted_in a {
    color: #a89e8a !important;
    font-size: 12px !important;
  }
  /* Ukryj kategorię "Bez kategorii" */
  .woocommerce div.product .posted_in { display: none !important; }

  /* Nazwa produktu */
  .woocommerce div.product h1.product_title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 28px !important;
    font-weight: 300 !important;
    color: #f5f0e8 !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
  }

  /* Cena */
  .woocommerce div.product p.price,
  .woocommerce div.product span.price {
    color: #c9a84c !important;
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 32px !important;
    font-weight: 300 !important;
  }

  /* Przycisk "Dodaj do koszyka" */
  .woocommerce div.product form.cart .single_add_to_cart_button,
  .woocommerce #respond input#submit,
  .woocommerce a.button,
  .woocommerce button.button {
    background: #c9a84c !important;
    color: #080808 !important;
    border: none !important;
    border-radius: 2px !important;
    font-family: 'Raleway', sans-serif !important;
    font-size: 11px !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    padding: 14px 28px !important;
    width: auto !important;
  }
  .woocommerce div.product form.cart .single_add_to_cart_button:hover {
    background: #e2c47a !important;
  }

  /* Pole ilości */
  .woocommerce div.product form.cart .qty {
    background: #101010 !important;
    border: 1px solid rgba(201,168,76,0.2) !important;
    color: #f5f0e8 !important;
    border-radius: 2px !important;
    padding: 12px !important;
    width: 60px !important;
    font-size: 16px !important;
  }

  /* Divider */
  .woocommerce div.product .woocommerce-product-details__short-description {
    color: #a89e8a !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
  }

  /* Separator */
  .woocommerce div.product hr {
    border-color: rgba(201,168,76,0.12) !important;
  }

  /* Zakładki Opis / Opinie */
  .woocommerce div.product .woocommerce-tabs ul.tabs {
    background: transparent !important;
    border-bottom: 1px solid rgba(201,168,76,0.15) !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom-color: #c9a84c !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #a89e8a !important;
    font-size: 12px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #c9a84c !important;
  }
  .woocommerce div.product .woocommerce-tabs .panel {
    background: transparent !important;
    color: #a89e8a !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    padding: 20px 0 !important;
  }

  /* Niebieskie linki — zamień na złote */
  .woocommerce a,
  .woocommerce-page a {
    color: #c9a84c !important;
  }
  .woocommerce a:hover,
  .woocommerce-page a:hover {
    color: #e2c47a !important;
  }
}

/* ── WOOCOMMERCE DESKTOP — ciemna estetyka ── */

/* Sklep — lista produktów */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
  color: #f5f0e8 !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  font-size: 18px !important;
}
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product span.price {
  color: #c9a84c !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 20px !important;
}
.woocommerce ul.products li.product {
  background: transparent !important;
}
.woocommerce ul.products li.product a.button {
  background: #c9a84c !important;
  color: #080808 !important;
  border: none !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  border-radius: 2px !important;
}
.woocommerce ul.products li.product a.button:hover {
  background: #e2c47a !important;
}

/* Karta produktu — desktop */
.woocommerce div.product h1.product_title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  color: #f5f0e8 !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #c9a84c !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 36px !important;
  font-weight: 300 !important;
}
.woocommerce div.product .woocommerce-product-details__short-description,
.woocommerce div.product .woocommerce-product-details__short-description p {
  color: #a89e8a !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button {
  background: #c9a84c !important;
  color: #080808 !important;
  border: none !important;
  border-radius: 2px !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  padding: 16px 40px !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
  background: #e2c47a !important;
}
.woocommerce div.product form.cart .qty {
  background: #101010 !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  color: #f5f0e8 !important;
  border-radius: 2px !important;
}

/* Zakładki */
.woocommerce div.product .woocommerce-tabs ul.tabs {
  background: transparent !important;
  border-bottom: 1px solid rgba(201,168,76,0.15) !important;
  padding: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-color: rgba(201,168,76,0.15) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border-color: transparent !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom: 2px solid #c9a84c !important;
  background: transparent !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: #a89e8a !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  font-family: 'Raleway', sans-serif !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: #c9a84c !important;
}
.woocommerce div.product .woocommerce-tabs .panel {
  background: transparent !important;
  color: #a89e8a !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}

/* Breadcrumb */
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a {
  color: #a89e8a !important;
  font-size: 12px !important;
}

/* Kategoria */
.woocommerce div.product .posted_in { display: none !important; }

/* Niebieskie linki → złote */
.woocommerce a, .woocommerce-page a {
  color: #c9a84c !important;
}
.woocommerce a:hover, .woocommerce-page a:hover {
  color: #e2c47a !important;
}

/* Powiadomienie koszyka */
.woocommerce-message, .woocommerce-info {
  background: #101010 !important;
  border-top-color: #c9a84c !important;
  color: #f5f0e8 !important;
}
.woocommerce-message a, .woocommerce-info a {
  color: #c9a84c !important;
}

/* Koszyk i checkout */
.woocommerce table.shop_table {
  border-color: rgba(201,168,76,0.12) !important;
  color: #f5f0e8 !important;
}
.woocommerce table.shop_table th {
  font-family: 'Raleway', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #c9a84c !important;
  background: transparent !important;
  border-color: rgba(201,168,76,0.12) !important;
}
.woocommerce table.shop_table td {
  border-color: rgba(201,168,76,0.08) !important;
  color: #f5f0e8 !important;
}
.woocommerce table.cart .product-name a {
  color: #f5f0e8 !important;
}
.woocommerce table.cart .product-subtotal,
.woocommerce table.cart .product-price {
  color: #c9a84c !important;
}
