/*
Theme Name: Botiga TIZO
Theme URI: https://athemes.com/theme/botiga/
Template: botiga
Author: aThemes
Author URI: https://athemes.com
Description: Launch your store with Botiga. A beautiful theme that is optimized for both the block editor and Elementor. We proudly introduce Botiga, with a modern and clean design that will effortlessly match your brand. Botiga has been developed from the ground up with clean code for optimal performance. You’ll get a mobile-optimized theme that looks and works great on any device and comes with plenty of customization options as well. Discover the theme that will transform your online business.
Tags: e-commerce,custom-menu,custom-logo,grid-layout,featured-images,right-sidebar,left-sidebar,custom-colors,editor-style,theme-options,threaded-comments,translation-ready,blog,one-column,two-columns,rtl-language-support,custom-background,custom-header,footer-widgets,post-formats,wide-blocks
Version: 2.3.0.1750683206
Updated: 2025-06-23 14:53:26

*/

/* 

Miniaturki na stronie

*/

.botiga-variations-wrapper .botiga-variation-type-button>a  {
    border: 2px solid #ccc;
}

.botiga-accordion p {
    margin: 1em;
}

.tizo-color-switch {
    margin-top: 1em;
	margin-bottom: 2em;
}

.tizo-color-thumbs {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    margin-top: 0.5em;
}

.color-thumb {
    border: 2px solid #ccc;
    padding: 5px;
    transition: border-color 0.3s;
    cursor: pointer;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.color-thumb img {
    max-width: 100%;
    max-height: 100%;
}

.color-thumb:hover {
    border-color: #000;
}

.color-thumb.active {
    border-color: #000;
    cursor: default;
}

// Menu Mobilne

li.menu-item-3079 {
    background-color: #e5e5e5;
    border-radius: 2em;
    margin-top: 3em;
    margin-bottom: 1em;
    padding: 0.2em 1em 0.2em 2em !important;
    line-height: 1.3;
    font-weight: 700;
}

// Strona Glowna

.banner-font-01 {
	font-family: "Titan One", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height:1;
}

.product-box {
    padding: 1.5em;
}

.product-box .wp-block-image {
    margin-left: -1.5em;
	width: calc(2em + 100%);
  	height: auto;
}

.product-box p {
	line-height: 1.2;
	// color: green;
}

/* === DESKTOP: układ 65% / 35% === */
@media (min-width: 768px) {
  .single-product .product-gallery-summary {
    display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
  }

  .single-product .product .woocommerce-product-gallery,
  .single-product .product .summary.entry-summary {
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 0;
  }

  .single-product .product .woocommerce-product-gallery {
    flex-basis: 67%;
    max-width: 67%;
  }

  .single-product .product .summary.entry-summary {
    flex-basis: 30%;
    max-width: 30%;
  }
}

/* === MOBILE: układ pionowy, 100% szerokości === */
@media (max-width: 767px) {
  .single-product .product {
    display: flex;
    flex-direction: column;
  }

  .single-product .product .woocommerce-product-gallery,
  .single-product .product .summary.entry-summary {
    flex-basis: 100%;
    max-width: 100%;
    padding: 0;
    box-sizing: border-box;
  }
}


.woocommerce-product-gallery__wrapper img {
    width: 100%;
}


h1 {
	text-align: left;
}

.has-larger-font-size {
	line-height: 150%;
}

.wp-block-image figcaption {
	text-align: left !important;
}

.delivery-box {
    border: 1px solid #212121;
    padding: 15px 20px;
    margin-bottom: 1rem !important;
}

.delivery-box p {
    margin: 0 !important;
	position: relative;
    display: inline-block;
}

.product-details {
    border: 1px solid #212121;
    padding: 15px 20px;
}

.product-details p {
	margin: 0 !important;
	
}

.product-details a {
	color: 
}


@media (min-width: 1200px) {
	
		p.has-gigantic-font-size {
			font-size: 120px !important;
		}
	
		.pewc-radio-images-wrapper {
			flex-wrap: nowrap !important;
		}
}

.woocommerce-notices-wrapper {
	    margin-bottom: 50px !important;
	    margin-top: 0 !important;
}

.column-padding {
    padding: 2em 4em;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.center {
	display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
    .column-padding {
        padding: 2em 1em;
    }

  .wp-block-columns {
    flex-direction: column;
  }

  .wp-block-columns.reverse-on-mobile .wp-block-column:first-child {
    order: 2;
  }

  .wp-block-columns.reverse-on-mobile .wp-block-column:last-child {
    order: 1;
  }
	
  h1.wp-block-heading {
        font-size: clamp(32px, 10vw, 18px) !important;
        text-transform: none !important;
	}

}


.content-wrapper {
    margin-top: 2em !important;
}