/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

@media (max-width:768px){
.fupi_cookietype_descr,.fupi_buttons button{
	font-size:14px
}
}

.iworks-omnibus{font-size:15px;margin-top:1em;margin-bottom:0}
.iworks-omnibus span{font-size:15px !important;color:black;font-weight:400}

.shop_table span.woocommerce-Price-amount.amount{
	text-wrap: nowrap;
}

.woocommerce-mini-cart__buttons .button:first-child{
	display:none
}
p.woocommerce-mini-cart__buttons{
	grid-template-columns: 1fr;
}

#header [data-device="mobile"] [data-row="top"] .ct-container{display:flex;flex-direction:column}
#header [data-device="mobile"] [data-row="top"] .ct-container [data-column="start"] {border-bottom: 1px solid #e5e5e5;padding-block: 5px;}
#header [data-device="mobile"] [data-row="top"] .ct-container [data-column="start"] [data-items="primary"] {justify-content:center}

div.woocs-style-1-dropdown .woocs-style-1-select > i {float:unset;line-height:unset !important}
div.woocs-style-1-dropdown .woocs-style-1-select > i > img{vertical-align: text-bottom;}

.home .product:not(.product-category) > figure {margin-bottom:20px !important}

.term-desc-wrapper{margin-top:1em;background-color:#f2f5f7;}
.term-description{max-width:1350px;margin-inline:auto;padding:30px;}


.shop_table .sale-price del span{color:red;font-size:.9rem;}
.shop_table .sale-price del{opacity:1}

@media (max-width: 479.98px) {
	#order_review table.shop_table .ct-checkout-cart-item{gap:0px}
}
div.ct-order-review{position:static;grid-row: span 2;}

/* PEWC — subtelna wersja */
.pewc-group-wrap{
	margin-bottom: 20px;
}
.pewc-checkboxes-list-wrapper .pewc-checkbox-wrapper, .pewc-radio-list-wrapper .pewc-radio-wrapper, .pewc-radio-images-wrapper .pewc-radio-image-wrapper, .pewc-checkboxes-images-wrapper .pewc-checkbox-image-wrapper{margin-bottom:0 !important}
.pewc-radio-image-desc{
	top:0;
	left:50%;
	transform: translate3d(-50%,-20px, 0px);
	opacity:0;
	visibility: hidden;
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 200;
    width: auto;
    height: 24px;
    padding: 0 8px;
    font-size: 11px;
    font-weight: normal;
    color: #fff;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    border-radius: 4px;
    pointer-events: none;
    background: #555;
    transition: all .2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.pewc-hex:hover + .pewc-radio-image-desc{
	opacity: 1;
    visibility: visible;
    transform: translate3d(-50%,-26px, 0px);
}
.pewc-radio-image-desc:after{
	content:"";
	position:absolute;
	width: 8px;
    height: 4px;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-left: 4px solid rgba(0,0,0,0);
    border-right: 4px solid rgba(0,0,0,0);
    border-top: 4px solid #555;
}
.pewc-radio-image-wrapper .pewc-hex{
	border-color: #e8ecef;
}
.pewc-radio-image-wrapper.checked .pewc-hex{
	border-color: var(--theme-palette-color-1) !important;
}
.pewc-radio-image-wrapper:hover .pewc-hex{
	border-color: rgba(118, 157, 169, 0.4);
}
.pewc-text-swatch .pewc-checkbox-form-label.active-swatch, 
.pewc-text-swatch .pewc-radio-form-label.active-swatch{
	background: var(--theme-palette-color-1);
	border-color: var(--theme-palette-color-1) !important;
	color: white;
}
.pewc-text-swatch .pewc-checkbox-form-label:hover,
.pewc-text-swatch .pewc-radio-form-label:hover{
	border-color: var(--theme-palette-color-1) !important;
}
.pewc-text-swatch .pewc-radio-form-label{
	border-color: var(--swatch-button-border-color, var(--theme-border-color)) !important;
	border-radius: 20px;
	border-width: 1.5px !important;
	font-size: 12px;
	padding: 4px 12px;
}
.pewc-has-hex .pewc-radio-images-wrapper img{
	display:block;
}
ul.pewc-product-extra-groups .pewc-item-field-wrapper label{
	font-weight: 400 !important;
	font-size: 15px;
	color: #555;
}
.pewc-product-extra-groups li.pewc-text-swatch ul.pewc-checkbox-group-wrapper li{
	margin-right: 4px;
}
.pewc-text-swatch .pewc-checkbox-group-wrapper{
	row-gap: 5px;
}
.pewc-total-only .pewc-total-field {
    float: none;
    font-size: 24px;
    font-weight: 600;
    color: #333;
}
.related .price del:last-of-type {
  display: none !important;
}

.pewc-radio-image-wrapper:has(input[value="Dual"]) .pewc-hex span{background: linear-gradient(90deg, white 50%, #e1d9cc 50%) !important}
.pewc-radio-image-wrapper:has(input[value="Dunkel Dual"]) .pewc-hex span{background: linear-gradient(90deg, #E0E7ED 50%, #231717 50%) !important}

/* Kółka kolorów — rozmiar i układ */
.pewc-radio-images-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 2px; 
    justify-content: flex-start !important;
}

.pewc-hex {
    width: 40px !important;
    height: 40px !important;
    min-width: 38px;
    min-height: 38px;
}

@media (max-width: 767px) {
    .pewc-hex {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px;
        min-height: 38px;
    }
    .pewc-radio-image-wrapper {
        margin: 0 0px 0 0 !important;
        padding: 0 !important;
    }
}

/* Rozjaśnij zdjęcia tylko dla wybranych produktów */
.post-16058 img,
.post-16096 img,
.post-16134 img,
.post-16172 img,
.post-16210 img,
.post-16248 img,
.post-16286 img,
.post-16287 img,
.post-16326 img,
.post-16436 img,
.post-16474 img,
.post-16512 img,
.post-16513 img,
.post-16608 img,
.post-16685 img,
.post-16762 img,
.post-16836 img,
.post-17254 img {
    filter: brightness(1.0); /* zwiększ lub zmniejsz według potrzeb */
}
@media (max-width: 767px) {
    #fupi_notice_toggler,
    .fupi_notice_toggler {
        bottom: 60px !important;
        position: fixed !important;
    }
}

/* ==========================================================================
   MOBILE: pierwszy ekran karty produktu
   --------------------------------------------------------------------------
   Problem: na 375x812 nazwa produktu była na 822 px, a cena na 891 px —
   obie poniżej zgięcia. Klient z reklamy widział nagłówek i kawałek zdjęcia,
   bez nazwy, oceny i ceny.

   Efekt (zmierzone na Lunetta):
     nazwa produktu   822 → 641
     ocena 4.9        widoczna
     cena (CAŁY blok) 891 → 710–785, mieści się nad zgięciem (812), zapas 27 px

   Logo: Blocksy steruje rozmiarem logo przez SZEROKOŚĆ (natywne 374x201,
   proporcja 1.86:1), nie wysokość — sama max-height nic nie daje.
   150 px daje logo 150x80, czyli WIĘKSZE niż domyślne mobilne 104x56.

   Zmiany kontenera i galerii zawężone do .single-product, żeby nie ruszać
   strony głównej i kategorii.
   ========================================================================== */

@media (max-width: 767px) {

	/* --- Nagłówek (cała witryna) --- */

	/* Rząd z logo — dopasowany do logo 80 px + oddech */
	.ct-header [data-row="middle"] {
		--height: 92px !important;
	}

	/* Logo większe niż domyślne mobilne: 150x80 zamiast 104x56 */
	.site-logo-container img.default-logo {
		width: 150px !important;
		height: auto !important;
		max-height: none !important;
	}

	/* Pasek promocyjny: mniej powietrza, ten sam komunikat */
	.promo-bar-beddy {
		padding-top: 6px !important;
		padding-bottom: 6px !important;
	}

	.promo-text-beddy {
		line-height: 1.3 !important;
	}

	/* --- Tylko karta produktu --- */

	/* 50 px pustego paddingu nad treścią */
	.single-product .ct-container-full {
		padding-top: 8px !important;
	}

	/* Breadcrumbs: odstęp 40 px → 6 px */
	.single-product .hero-section {
		margin-bottom: 6px !important;
	}

	/* Galeria: odstęp pod spodem 48 px → 4 px */
	.single-product .woocommerce-product-gallery {
		margin-bottom: 4px !important;
	}

	/* Zdjęcie główne 220 → 195 px (miniatury zostają bez zmian) */
	.single-product .woocommerce-product-gallery .flexy-items,
	.single-product .woocommerce-product-gallery .flexy-items img {
		max-height: 195px !important;
	}

	.single-product .woocommerce-product-gallery .flexy-items img {
		object-fit: contain !important;
	}
}