/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

p.label {
  color: transparent;
  position: relative;
}

p.label::after {
  content: "Kategorie";
  color: black;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}

.porto-icon-user-2 {
  visibility: hidden;
}





/* Stylizacja sticky headera */
.sticky-header-layout {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 10px 30px;
  background: #fff;
  z-index: 1000;
  position: relative;
}

/* Logo z lewej strony */
.sticky-header-layout .logo {
  flex: 0 0 auto;
}
.sticky-header-layout .logo img {
  max-height: 5px;
}

/* Menu na środku */
.sticky-header-layout nav, 
.sticky-header-layout .main-menu {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
}

/* Wyszukiwarka po prawej stronie */
.sticky-header-layout form.searchform {
  flex: 0 0 220px;
  max-width: 100%;
}



.breadcrumb {
    margin-left: 80px !important;
}




.products-container .product-image .inner,
.products-container .product-image img {
    width: 100%;
    height: auto;
    object-fit: contain; 
}

.products-container .product-image .inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.woocommerce-product-gallery__wrapper,
.product-image-slider .owl-stage-outer,
.product-image-slider .owl-stage,
.product-image-slider .owl-item,
.product-image-slider .img-thumbnail .inner,
.woocommerce-product-gallery__image img {
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

.pin-wrapper,
.product-media.sticky-active {
    height: auto !important;
    width: auto !important;
    top: auto !important;
    left: auto !important;
    position: relative !important;
}