/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.ax-lazy-load:not([style]) {
  background-color: transparent;
}
#mobileBoxFooter {
  position: fixed;
  bottom: 2px;
  background: rgba(237, 237, 237, .701);
  z-index: 9;
  border-radius: 30px;
  padding: 3px !important;
  width: calc(100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.elementor-widget-container .btn-canvas {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
 .truncate {
     background: #f8f9fa;
     padding: 20px;
     border-radius: 8px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     margin-bottom: 20px;
     border-left: 4px solid #fdce23;
 }

 .truncate h2 {
     color: #2c3e50;
     margin-top: 0;
 }

 .truncate h3 {
     color: #34495e;
     border-bottom: 2px solid #fdce23;
     padding-bottom: 5px;
 }

 .ellipses {
     color: #7f8c8d;
     font-style: italic;
 }

 /* Stylowanie przycisków w kolorach parknarzedzi */
 .show-more,
 .show-less {
     display: inline-block;
     background: linear-gradient(135deg, #fdce23, #e6b820);
     color: #2c3e50;
     text-decoration: none;
     padding: 10px 18px;
     border-radius: 6px;
     font-size: 14px;
     font-weight: 600;
     transition: all 0.3s ease;
     border: none;
     cursor: pointer;
     margin-left: 8px;
     box-shadow: 0 3px 10px rgba(253, 206, 35, 0.3);
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }

 .show-more:hover,
 .show-less:hover {
     background: linear-gradient(135deg, #f4c430, #deb120);
     transform: translateY(-2px);
     box-shadow: 0 5px 15px rgba(253, 206, 35, 0.5);
     text-decoration: none;
     color: #2c3e50;
 }

 .show-more:active,
 .show-less:active {
     transform: translateY(0);
     box-shadow: 0 2px 8px rgba(253, 206, 35, 0.3);
 }

 .show-more::before {
     content: "🔧 ";
     margin-right: 6px;
 }

 .show-less::before {
     content: "⚙️ ";
     margin-right: 6px;
 }

 /* Animacje */
 .truncate-short,
 .truncate-full {
     transition: all 0.4s ease;
 }

 /* Dodatkowe style dla lepszego wyglądu w stylu narzędziowym */
 p {
     margin-bottom: 15px;
     text-align: justify;
     color: #2c3e50;
     line-height: 1.6;
 }

 strong {
     color: #2c3e50;
     font-weight: 700;
 }

 em {
     color: #7f8c8d;
     font-style: italic;
 }

 .category-buttons-container {
     margin: 30px 0;
     padding: 20px;
     background: #f8f9fa;
     border-radius: 8px;
 }

 .category-buttons-title {
     color: #333;
     margin-bottom: 20px;
     font-size: 18px;
     text-align: center;
 }

 .category-buttons-row {
     margin-bottom: 25px;
 }

 .category-buttons-row:last-child {
     margin-bottom: 0;
 }

 .category-button {
     display: inline-block;
     width: calc(25% - 12px);
     padding: 12px 8px;
     background-color: #fed700;
     color: black;
     text-decoration: none;
     border-radius: 25px;
     font-weight: 600;
     border: 1px solid #e6c200;
     text-align: center;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     margin-right: 15px;
     vertical-align: top;
 }

 .category-button:last-child {
     margin-right: 0;
 }
 .inpost-shipping-container {
   background-color: transparent;
}

 .current-price .price {
     color: #dc3545;
     font-size: 22px;
 }

 .current-price .regular-price {
     font-size: 16px;
 }

 .price_bold {
    font-size: 70% !important;
 }
 .product-type-2 .product-price-and-shipping span.price_bold {
    font-size: 12px !important;
}
 .item-product-list .product-price-and-shipping .price_bold {
     font-size: 15px !important;
 }

 .current-price .discount {
     background: #dc3545;
     color: #FFFFFF;
     padding: 5px 10px;
     font-size: 15px;
 }

 .price-tax-label {
     color: #7a7a7a;
     font-size: 0.8em;
     font-weight: 400;
 }

 .current-price .price-tax-label {
     font-size: 15px;
 }

 .product-miniature .product-price-and-shipping .price {
     margin-bottom: 2px;
 }

 #product .has-discount .discount {
     margin-left: 0px;
 }

 .product-pack .pack-product-price .price-tax-label {
     display: block;
 }

 .product-pack .pack-product-price .price:first-child {
     margin-right: 5px;
 }

 .price-tax-excl-all {
     margin-bottom: 10px;
 }

 .item-product-list .product-price-and-shipping span {
     font-size: 20px;
 }

 .item-product-list .product-price-and-shipping span.price-tax-label {
     font-size: 13px;
     margin-left: 5px;
 }