/**
Theme Name: NOMODU
Author: Mimas Design
Author URI: https://mimasdesign.pl
Description: Motyw przygotowany na potrzeby sklepu NOMODU.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nomodu
Template: astra
*/





.ast-above-header-wrap {
	display: none;
}
.logged-in.admin-bar .ast-above-header-wrap {
	display: block;
}




.woocommerce-cart #ast-checkout-wrap,
.woocommerce-checkout #ast-checkout-wrap {
	display: none;
}
.woocommerce-cart .entry-content[data-ast-blocks-layout] > .alignwide,
.woocommerce-checkout .entry-content[data-ast-blocks-layout] > .alignwide {
	padding: 0;
}
/* Ukrycie na starcie z przygotowaniem pod animację */
.woocommerce-checkout .woo-company-field {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  pointer-events: none;
  transition: all 0.25s ease-in-out;
}

/* Klasa aktywująca pola */
.woocommerce-checkout .woo-company-field.is-visible {
  max-height: 200px; /* Zapas wysokości na pojedyncze pole */
  opacity: 1;
  pointer-events: auto;
  margin-bottom: 1em; /* Dopasuj do marginesów pól Astra/Woo */
}

.woocommerce-checkout .woocommerce-checkout-review-order .cart_item .product-name .variation {
	font-size: .8em;
	line-height: 1.2;
}
.woocommerce-checkout .woocommerce-checkout-review-order .cart_item .product-name .ast-product-name {
	font-weight: 600;
	color: var(--ast-global-color-2);
}
.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total th {
	color: var(--ast-global-color-2);
	font-weight: 600;
}
.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total .amount {
	color: var(--ast-global-color-2);
}
.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tfoot tr.order-total .includes_tax .amount {
	font-weight: 400;
	color: #666;
}
/* 1. Reset i kontrola zawijania w stopce tabeli checkoutu */
.woocommerce-checkout-review-order-table tfoot th, 
.woocommerce-checkout-review-order-table tfoot td {
    white-space: normal;
}

/* 2. Stylizacja wiersza "Łącznie" (order-total) */
.woocommerce-checkout-review-order-table tfoot tr.order-total td {
    text-align: right;
}

/* Główna kwota łączna w jednej linii */
.woocommerce-checkout-review-order-table tfoot tr.order-total .woocommerce-Price-amount {
    display: inline-block;
}

/* Informacja o podatku w nawiasie przeniesiona do nowej linii */
.woocommerce-checkout-review-order-table tfoot tr.order-total .includes_tax {
    display: block;          /* Wyrzuca podatek do nowej linii pod kwotą */
    white-space: nowrap;     /* Zapobiega łamaniu samego tekstu podatku w środku nawiasu */
    margin-top: 4px;         /* Odstęp od głównej kwoty */
    font-size: 0.85em;       /* Delikatne pomniejszenie tekstu podatku */
    color: #666;             /* Stonowany kolor, opcjonalnie */
}
.ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr td, .ast-modern-checkout .woocommerce #order_review .woocommerce-checkout-review-order-table tr th {
	padding: 1em 1.2em 1em 1.2em;
}












/** MENU GORNE **/

.site-navigation .hide-item {
	display: none !important;
}






/* Zmiana szerokości kontenera WooCommerce na % */
/* .woocommerce .ast-container,
.woocommerce-page .ast-container {
    max-width: 90% !important;
    width: 100% !important;
} */

/* Opcjonalnie: Zwiększenie szerokości konkretnie na stronie produktu */
.single-product.woocommerce .site-content .ast-container {
    max-width: 90% !important;
}


.single-product.woocommerce .site-content .ast-container .ast-product-tabs-layout-accordion .summary .ast-accordion-wrap {
	padding-right: 10%;
}

.woocommerce-js div.product form.cart .variations {
	border-bottom: 0 !important;
}
.summary .woocommerce-tabs {
	border-top: 0 !important;
	margin-top: 0 !important;
}

.woocommerce-js table.shop_attributes th {
	width: 350px;
}




/** SEKCJA COVER **/

.section-sliderbox {}
.section-sliderbox .glass-button .wp-block-button__link {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.1);
}







/** LISTA PRODUKTÓW BLOK **/

.astra-shop-summary-wrap .price del {
	display: block !important;
}



/** DWA DUZE BLOKI **/

.two-largeblocks .uagb-buttons__wrap {
	width: 100%;
}
.two-largeblocks .uagb-buttons__wrap .wp-block-button__link {
	backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.1);
	
}




/** ULOZOZENIE SEKCJI Z ZAKLADKAMI POD PODPODSUMOWANIEM **/

/* --- 1. LOGIKA WYŚWIETLANIA (Zapobieganie mignięciu) --- */

/* Całkowite ukrycie oryginalnego kontenera pod produktem */
.single-product div.product > .woocommerce-tabs {
/*    display: none !important;*/
}

/* Ukrycie przeniesionych zakładek w kolumnie summary do czasu załadowania JS */
.summary .woocommerce-tabs {
    display: none;
    margin-top: 2em;
    padding-top: 1.5em;
    border-top: 1px solid #eaeaea;
    clear: both;
}

/* Pokazanie zakładek dopiero gdy skrypt doda klasę .is-moved */
.summary .woocommerce-tabs.is-moved {
    display: block !important;
}

/* --- 2. STYLIZACJA WYGLĄDU W KOLUMNIE --- */

/* Zmiana układu zakładek z poziomych na pionowe (lepsze dla wąskiej kolumny) */
.summary .woocommerce-tabs ul.tabs {
    display: block !important;
    padding: 0 !important;
    margin: 0 0 1.5em 0 !important;
    border: none !important;
}

.summary .woocommerce-tabs ul.tabs li {
    display: block !important;
    width: 100% !important;
    margin: 0 0 5px 0 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #eaeaea !important;
    border-radius: 4px;
}

.summary .woocommerce-tabs ul.tabs li a {
    display: block;
    padding: 10px 15px !important;
    font-weight: 600;
    text-decoration: none;
}
/* Styl dla aktywnej zakładki */
.summary .woocommerce-tabs ul.tabs li.active {
    background-color: #ffffff !important;
    border-color: var(--ast-global-color-0) !important; /* Kolor główny Astry */
}

/* Ukrycie nagłówków h2 wewnątrz treści zakładek (często są zbędne w kolumnie) */
.summary .woocommerce-tabs .woocommerce-Tabs-panel h2 {
    display: none;
}

/* Odstępy wewnątrz treści zakładki */
.summary .woocommerce-tabs .panel {
    padding: 10px 0;
    line-height: 1.6;
    font-size: 0.95em;
}






/*** WIDOK PRODUKTU ***/



.product-main-columns-wrapper {
	display: flex;
	align-items: flex-start;
	gap: 60px;
}
.woocommerce-js div.product .product-main-columns-wrapper div.images.woocommerce-product-gallery {
	flex: 6 0 0%;
	position: -webkit-sticky; /* Wsparcie dla starszych wersji Safari */
	position: sticky;
	top: 130px; /
}
.woocommerce-js div.product .product-main-columns-wrapper div.summary.entry-summary {
	flex: 4 0 0% 
}
.woocommerce-js div.product .product-main-columns-wrapper div.images.woocommerce-product-gallery .ast-onsale-card {
	font-size: 1em;
	box-shadow: none;
	padding: 10px 15px;
	line-height: 1;
}
.single-product div.product .product-main-columns-wrapper .entry-title {
	font-size: 2.4em;
}

.single-product div.product .mimas-full-description-area h2 {
	font-size: 2em;
}




.woocommerce div.product div.images.woocommerce-product-gallery > .flex-viewport {
    border-radius: auto
}

#ast-vertical-thumbnail-wrapper .ast-woocommerce-product-gallery__image img {
    border-radius: auto;
}
.ast-woocommerce-product-gallery__image.flex-active-slide::after {
    border-radius: auto;
    border: 2px solid var( --ast-global-color-0 );
}
.woocommerce div.product div.images.woocommerce-product-gallery > .flex-viewport {
    margin-left: calc(20% + 20px);
}

.woocommerce #content .ast-woocommerce-container div.product div.summary, .woocommerce .ast-woocommerce-container div.product div.summary, .woocommerce-page #content .ast-woocommerce-container div.product div.summary, .woocommerce-page .ast-woocommerce-container div.product div.summary {
    width: 44%;
}

.product-template-default .entry-summary .single-product-category a {
    font-size: 14px;
    font-weight: 500;
    color: #999;
}
.product-template-default .entry-summary .single-product-category a:hover {
    text-decoration: underline;
    color: inherit;
}
.product-template-default .woocommerce-product-details__short-description {
	font-size: 18px;
}
.product-template-default .entry-summary .badge-box {
    margin-bottom: 25px;
}
.product-template-default .entry-summary .badge-box ul {
    list-style-type: none;
    margin: 0;
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
}
.product-template-default .entry-summary .badge-box ul li {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #ccc;
    font-size: 13px;
    font-weight: 600;
    border-radius: 8px;
}
.product-template-default .entry-summary .badge-box ul li.flag {
    background-image: url(img/pl.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center left 8px;
    padding-left: 36px;   
}



.product-template-default .entry-summary .delivery-info-box .subheading {
	display: block;
	font-weight: 700;
	font-size: 16px;
}



.product-template-default .entry-summary .featured-box {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 40px 25px 0;
}
.product-template-default .entry-summary .featured-box .subheading {
    font-size: 14px;
    font-weight: 700;
    color: #999;
}
.product-template-default .entry-summary .featured-box .heading {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
.product-template-default .entry-summary .featured-box ul {
    display: flex;
    flex-flow: column;
    list-style-type: none;
    margin: 0;
    gap: 15px;
}
.product-template-default .entry-summary .featured-box ul li {
    position: relative;
    font-size: 16px;
    display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	gap: 16px;
}
.product-template-default .entry-summary .featured-box ul li img {
	flex: 0 0 24px;
	max-width: 24px;
	margin-top: 8px;
}
.product-template-default .entry-summary .featured-box ul li .item-content {
	flex: 1 0 0;
}

.product-template-default .entry-summary .featured-box ul li .label {
    display: block;
    font-weight: 700;
    font-size: 16px;
}
/* .product-template-default .entry-summary .featured-box ul li::after {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    content: '';
    left: 10px;
    top: 10px;
}
.product-template-default .entry-summary .featured-box ul li.item-1::after {
    background-image: url(img/mattress.png);
}
.product-template-default .entry-summary .featured-box ul li.item-2::after {
    background-image: url(img/fingerprint.png);
}
.product-template-default .entry-summary .featured-box ul li.item-3::after {
    background-image: url(img/resize.png);
} */





.product-template-default {}
.product-template-default .entry-summary {}
.product-template-default .entry-summary .price-cart-wrapper {
    display: block;
    margin-bottom: 30px;
}

.product-template-default.woocommerce-js div.product .entry-summary .price-cart-wrapper form.cart {
    padding-top: 10px;
}



/* Przycisk i wybór ilości ukrywają się TYLKO gdy na stronie jest klasa .hide-cart-button */
body.hide-cart-button .entry-summary .price-cart-wrapper .quantity.buttons_added,
body.hide-cart-button .entry-summary .price-cart-wrapper .single_add_to_cart_button {
    display: none !important;
}




.woocommerce-js div.product .price-cart-wrapper form.cart .custom-acf-button-3d {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 1.1em;
    margin-bottom: 0;
}


.product-template-default .entry-summary .price-cart-wrapper .price-amount-wrapper {
    /* Tu możesz dopiąć własne style dla samej kwoty, jeśli potrzeba */
}


.product-template-default .entry-summary .price-cart-wrapper .price {
	line-height: 1.4;
}

.product-template-default .entry-summary .price-cart-wrapper del {
	font-size: 0.6em;
	display: block !important;
}
.product-template-default .entry-summary .price-cart-wrapper ins {
	margin-top: 0;
	display: block;
}
.product-template-default .entry-summary .price-cart-wrapper .woocommerce-price-suffix {
	font-size: 60%;
}












/** POZIOMY AKORDEON **/

/* Kontener główny dla bloków */
.section-large-tiles .image-accordion-container {
    display: flex;
    width: 100%;
    height: 400px; 
    gap: 15px; 
    margin: 0 auto;
}

/* Pojedynczy blok */
.section-large-tiles .accordion-item {
    flex: 1; 
    position: relative;
    border-radius: 8px; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: beige;
    text-decoration: none;
    overflow: hidden;
    transition: flex 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); 
}

/* Gradient podkładowy - domyślnie ukryty, widoczny dla klasy active */
.section-large-tiles .accordion-item::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s ease;
}
.section-large-tiles .accordion-item.active::before {
    opacity: 1;
}

/* EFEKT OTWARCIA (Dla elementu z klasą active LUB po najechaniu myszką) */
.section-large-tiles .accordion-item.active,
.section-large-tiles .accordion-item:hover {
    flex: 3; 
    background-color: darkkhaki;
}

.section-large-tiles .accordion-item.active::before,
.section-large-tiles .accordion-item:hover::before {
    opacity: 1;
}

/* Napisy - domyślnie ukryte, widoczne dla klasy active */
.section-large-tiles .accordion-label {
    position: absolute;
    bottom: 20px;
    left: 20px;
    padding-right: 20px;
    color: #ffffff;
    font-weight: 600;
    font-size: 20px;
    z-index: 1;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.section-large-tiles .accordion-item.active .accordion-label {
    opacity: 1;
}

.section-large-tiles .accordion-item:hover .accordion-label {
    opacity: 1;
}

/* WYMUSZENIE ZAMKNIĘCIA ELEMENTU ACTIVE, GDY NAJEŻDŻAMY NA INNY KAFELEK */
/* Kiedy kontener jest w stanie hover, ale to nie jest ten konkretny element active - zmniejsz go do flex: 1 */
.section-large-tiles .image-accordion-container:hover .accordion-item.active:not(:hover) {
    flex: 1;
}
.section-large-tiles .image-accordion-container:hover .accordion-item.active:not(:hover)::before {
    opacity: 0;
}
.section-large-tiles .image-accordion-container:hover .accordion-item.active:not(:hover) .accordion-label {
    opacity: 0;
}

















/**** KOLORY SEKCJA PODGLADU ****/

  /* Kontener główny - układ dwóch kolumn */
  .color-switcher-wrapper {


  }

  /* Kolumna 1: Siatka 10 kolorów (np. 5 kolumn x 2 wiersze) */
  .colors-column {
    display: flex;
	flex-flow: row wrap;
    gap: 15px;
    flex: 1 0 0;
  }

  /* Pojedynczy blok koloru */
  .color-block-item {
    width: 64px;
    height: 64px;
    border-radius: 50%; /* Zmień na np. 8px, jeśli wolisz kwadraty */
    cursor: pointer;
    border: 2px solid #e2e8f0;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	text-align: center;
	line-height: 1.2;
	color: rgba(255,255,255,0.5);
	font-size: 12px;
	font-weight: 600;
	padding: 14px 8px 0;
  }

  .color-block-item:hover {
    transform: scale(1.15);
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    border-color: #94a3b8;
  }
.color-block-item.color-ral5011 {background-color: #1E2B3D}
.color-block-item.color-ral5010 {background-color: #004F7C}
.color-block-item.color-ral5014 {background-color: #6C7C98}
.color-block-item.color-ral3015 {background-color: #EA899A}
.color-block-item.color-ral3003 {background-color: #8A1538}
.color-block-item.color-ral3016 {background-color: #AC4034}
.color-block-item.color-ral3020 {background-color: #CC0605}
.color-block-item.color-ral2004 {background-color: #E25303}
.color-block-item.color-ral1004 {background-color: #E4B710}
.color-block-item.color-ral1001 {background-color: #CDBA88}
.color-block-item.color-ral6003 {background-color: #4F533C}
.color-block-item.color-ral6018 {background-color: #57A639}
.color-block-item.color-ral9011 {background-color: #1C1C1C}
.color-block-item.color-ral7016 {background-color: #383E42}
.color-block-item.color-ral7035 {background-color: #CACDCB}
.color-block-item.color-ral9010 {background-color: #F1F0EA}




  /* Kolumna 2: Kontener na obrazek */
  .image-column {
    flex: 1 0 0;
  }

  .image-column img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
    transition: opacity 0.2s ease-in-out;
  }




.mimas-full-description-area.ast-container {
	display: block !important;
	width: 100% !important;
}




.site-footer .ast-builder-html-element p {
	display: flex;
	flex-flow: row;
	gap: 20px;
	justify-content: center;
}




 /* FOOTER */

.footer-menu-box {}
.footer-menu-box .uagb-ifb-content {}
.footer-menu-box .uagb-ifb-content a {
	color: var(--ast-global-color-7);
}
.footer-menu-box .uagb-ifb-content a:hover {
	color: var(--ast-global-color-4);
	text-decoration: underline;
}



/* Domyślnie ukrywamy szóstą kartę na desktopie i tablecie */
.block-five-products .custom-see-all-card {
    display: none !important;
}



/********** MOBILE CUSTOM STYLE ************/

@media only screen and (max-width: 767px) {
	.section-sliderbox {}
	.section-sliderbox .uagb-buttons__wrap {}
	.section-sliderbox .uagb-buttons__wrap .wp-block-uagb-buttons-child {
		min-width: 100%;
	}
	.section-sliderbox .swiper-button-prev,
	.section-sliderbox .swiper-button-next {
		display: none !important;
	}
	
	.block-five-products .custom-see-all-card {
        display: block !important;
        width: 100%;
    }

    .block-five-products .see-all-card-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        /* Wymuszenie idealnego kwadratu */
        aspect-ratio: 1 / 1; 
        background-color: #f7f7f7;
        border: 1px dashed #ccc;
        border-radius: 4px;
        text-decoration: none;
        transition: all 0.2s ease-in-out;
        padding: 15px;
        box-sizing: border-box;
    }

    .block-five-products .see-all-card-inner:hover {
        background-color: #eee;
        border-color: #999;
    }

    .block-five-products .see-all-content {
        text-align: center;
        color: #222;
    }

    .block-five-products .see-all-title {
        display: block;
        font-weight: 600;
        font-size: 0.9rem;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        line-height: 1.3;
    }

    .block-five-products .see-all-icon {
        display: block;
        font-size: 1.3rem;
        margin-top: 6px;
    }
	
	
	.product-main-columns-wrapper {
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		gap: 15px;
	}
	
	.woocommerce-js div.product .product-main-columns-wrapper div.images.woocommerce-product-gallery {
		flex: 0 0 100%;
		position: relative;
		top: 0;
	}
	.woocommerce-js div.product .product-main-columns-wrapper div.summary.entry-summary {
		flex: 0 0 100% 
	}
	.single-product div.product .product-main-columns-wrapper .entry-title {
		font-size: 32px;
	}
	.woocommerce-js div.product .product-main-columns-wrapper div.summary.entry-summary .wc-price-history-lowest-raw-value {
		display: inline-block;
	}
	.product-template-default .woocommerce-product-details__short-description {
		font-size: 16px;
	}
	.woocommerce-js div.product .woocommerce-tabs {
		margin-bottom: 1em;
	}
	.single-product.woocommerce .site-content .mimas-full-description-area.ast-container {
		max-width: 100% !important;
		width: 100% !important;
		padding: 0 !important;
	}
	.single-product.woocommerce .site-content .mimas-full-description-area.ast-container h2 {
		font-size: 26px;
	}
	
	/* Zresetowanie kontenera galerii Spectry na mobilce */
  .wp-block-uagb-image-gallery .uagb-gallery__wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    height: auto !important;
    position: relative !important;
  }

  /* Wymuszenie widoczności wszystkich kafelków i usunięcie transformacji Isotope */
  .wp-block-uagb-image-gallery .uagb-gallery__wrapper > * {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 150px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  /* Usunięcie zerowania szerokości na samych obrazkach */
  .wp-block-uagb-image-gallery img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    opacity: 1 !important;
  }
	
	
	
	
	/** POZIOMY AKORDEON **/

/* Kontener główny dla bloków */
.section-large-tiles .image-accordion-container {
    display: flex;
	flex-flow: column;
    width: 100%; 
    gap: 15px; 
    margin: 0 auto;
}

/* Pojedynczy blok */
.section-large-tiles .accordion-item {
    flex: 1; 
    position: relative;
    border-radius: 8px; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: beige;
    text-decoration: none;
    overflow: hidden;
    transition: flex 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); 
	height: 400px;
}

/* Gradient podkładowy - domyślnie ukryty, widoczny dla klasy active */
.section-large-tiles .accordion-item::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s ease;
}
.section-large-tiles .accordion-item.active::before {
    opacity: 1;
}

/* EFEKT OTWARCIA (Dla elementu z klasą active LUB po najechaniu myszką) */
.section-large-tiles .accordion-item.active,
.section-large-tiles .accordion-item:hover {
    flex: 3; 
    background-color: darkkhaki;
}

.section-large-tiles .accordion-item.active::before,
.section-large-tiles .accordion-item:hover::before {
    opacity: 1;
}

/* Napisy - domyślnie ukryte, widoczne dla klasy active */
.section-large-tiles .accordion-label {
    position: absolute;
    bottom: 20px;
    left: 20px;
    padding-right: 20px;
    color: #ffffff;
    font-weight: 600;
    font-size: 20px;
    z-index: 1;
	line-height: 1.2;
    white-space: wrap;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.section-large-tiles .accordion-item.active .accordion-label {
    opacity: 1;
}

.section-large-tiles .accordion-item:hover .accordion-label {
    opacity: 1;
}

/* WYMUSZENIE ZAMKNIĘCIA ELEMENTU ACTIVE, GDY NAJEŻDŻAMY NA INNY KAFELEK */
/* Kiedy kontener jest w stanie hover, ale to nie jest ten konkretny element active - zmniejsz go do flex: 1 */
.section-large-tiles .image-accordion-container:hover .accordion-item.active:not(:hover) {
    flex: 1;
}
.section-large-tiles .image-accordion-container:hover .accordion-item.active:not(:hover)::before {
    opacity: 0;
}
.section-large-tiles .image-accordion-container:hover .accordion-item.active:not(:hover) .accordion-label {
    opacity: 0;
}
	
	
	
	
	
	
	
}