/*
 Theme Name:   Brucart - WooCommerce Theme
 Theme URI:    https://products.bricksultimate.com/brucart/
 Description:  Brucart is a child theme of the Bricks builder. You can make a WooCommerce shop site with it.
 Author:       BricksUltimate
 Author URI:   https://bricksultimate.com/
 Template:     bricks
 Version:      1.0
 Text Domain:  brucart
*/

a, button, input {
  text-decoration: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation; 
}


/**
 * Quick view button tooltip
 ------------------------------------------------------------------------------*/
.quick-view-btn > div[data-tippy-root] {
  width: 80px;
}

.quick-view-btn .tippy-content {
  font-size: 12px;
}

/**
 * Mega menu
 ------------------------------------------------------------------------------*/
.brxe-dropdown[data-always-open="open"] .brx-dropdown-content {
	opacity: 1;
	visibility: visible;
}

/**
 * CSS3 Transition
 ------------------------------------------------------------------------------*/
.buc-transition-all {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.buc-transition-color {
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.bricks-is-frontend .buc-transition-slide-rtl{
	opacity: 0;
	visibility: hidden;
	transform: translateX(20px) translateZ(0);
	transition: all 0.3s ease;
}

.bricks-is-frontend .buc-transition-slide-bt{
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px) translateZ(0);
	transition: all 0.3s ease;
}

.bricks-is-frontend .brxe-loop-builder-on:hover .buc-transition-slide-rtl,
.bricks-is-frontend .brxe-loop-builder-on:hover .buc-transition-slide-bt {
	opacity: 1;
	visibility: visible;
	transform: none;
}

/**
 * Empty Cart Message Template
 ------------------------------------------------------------------------------*/
.bu-empty-cart-msg-tpl {
	height: 100%;
}

/**
 * Compare page - Items
 ------------------------------------------------------------------------------*/
.bu-compare-content--quantity .brxe-bu-qty {
	height: 25px;
}

.bu-compare-content--quantity .brxe-bu-qty .quantity {
	margin-left: auto;
	margin-right: auto;
}

.bu-compare-content-td del,
.bu-compare-content-td ins {
	font-family: "Lato", sans-serif;
	font-size: 13px;
	font-weight: 700;
}

.bu-compare-content-td del {
	color: #999;
	margin-right: 3px;
}

.bu-compare-content-td ins {
	text-decoration: none;
}

.bu-compare-content--buatc .added_to_cart {
	display: none;
}

@media only screen and (min-width: 641px) {
    .md-size-chart-modal-body.medium, .md-size-chart-modal-body {
        max-width: 1200px;
	}
}
	



/* AERO LAB MINT */
#fkcart-modal .fkcart-preview-ui .fkcart-slider-heading .fkcart-title {text-transform: uppercase; font-size:var(--text-m);}

.site-header {background-color:var(--bg-body); border-bottom:1px solid #E7ECF2}
.wc-price-history.prior-price.lowest .wc-price-history-lowest-inner, .product__price .wc-price-history {font-size:var(--text-xs); color:var(--text-body)}
.wc-price-history.prior-price.lowest {margin-top:0}
:where(.brxe-bu-atc) .bricks-variation-swatches.bricks-swatch-label li {background-color:#fff}

/* ofcanvas */
#off-wishlist .bu-oc-panel, #off-compare .bu-oc-panel  {padding:0!important}
.brxe-product-price .price {line-height:1;}

/* MENU FK ICON */
/*:root .bricks-button[class*="secondary"]:not(.outline) {
    background-color: var(--tertiary)!important;
}*/
.footer-2__form.brxe-form .bricks-button {background-color:var(--tertiary)!important;}
.footer-2__form.brxe-form label {font-size:var(--text-xs)}




/* ===== TABELE WAGA ===== */

/* --- 1. KONSTRUKCJA I BAZA --- */
.size-chart-container, .product-size-container { 
    overflow-x: auto; 
    margin:  0; 
    /*border: 1px solid #ddd; */
}

.size-chart-table, .product-size-table { 
    border-collapse: collapse; 
    width: 100%; 
    min-width: 850px; 
    font-family: sans-serif; 
    table-layout: fixed; 
    overflow: hidden; 
	margin:0!important;
}

.size-chart-table th, .size-chart-table td,
.product-size-table th, .product-size-table td { 
    border: 1px solid #ccc; 
    padding: 12px 2px; 
    text-align: center; 
    position: relative; 
    font-size: 13px; 
}

/* --- 2. NAGŁÓWKI I LEWA KOLUMNA (CIEMNY GRANAT) --- */
/* Ustawienie tła dla górnych nagłówków i bocznych tytułów */
.size-chart-table thead tr th, 
.size-chart-table tbody tr th,
.product-size-table thead tr th, 
.product-size-table tbody tr th { 
    background-color: #0e1e2e !important; 
    color: #ffffff !important; 
    font-weight: bold; 
    border: 1px solid #1a2a3a;
    transition: background-color 0.2s; /* Gładkie przejście kolorów */
}

/* Stała szerokość dla pierwszej kolumny */
.size-chart-table th:first-child, 
.product-size-table th:first-child { 
    width: 130px !important; 
}

/* Mniejsze podpisy pod wymiarami w tabeli produktu */
.dim-label { 
    display: block; 
    font-size: var(--text-xs); 
    font-weight: normal; 
    opacity: 0.8; 
	display:none;
}
.dim-title { 
    display: block; 
    font-size: var(--text-m); 
    font-weight: 700; 
    opacity: 1; 
}

/* --- 3. KOLORYSTYKA ROZMIARÓW (GRADACJA SZAROŚCI) --- */
.sz-2xs-xs { background-color: #ffffff; }
.sz-s      { background-color: #f7f7f7; }
.sz-m      { background-color: #ececec; }
.sz-l      { background-color: #dadada; }
.sz-xl     { background-color: #c4c4c4; }
.sz-2xl-3x { background-color: #a8a8a8; }
.sz-4xl    { background-color: #404040; color: #fff; }

/* --- 4. INTERAKTYWNE PODŚWIETLENIA (MIĘTOWY CELOWNIK) --- */

/* POZIOME: Cały wiersz (td i th) staje się jasnomiętowy po najechaniu */
.size-chart-table tbody tr:hover td,
.size-chart-table tbody tr:hover th,
.product-size-table tbody tr:hover td,
.product-size-table tbody tr:hover th {
    background-color: #e6fbf7 !important; 
    color: #0e1e2e !important;
}

/* PIONOWE: Pasek kolumny (efekt ::after) */
.size-chart-table td:hover::after,
.size-chart-table th:hover::after,
.product-size-table td:hover::after,
.product-size-table th:hover::after {
    content: "";
    position: absolute;
    background-color: rgba(2, 215, 178, 0.2); 
    left: 0; right: 0; top: -1000px; bottom: -1000px;
    z-index: 1;
    pointer-events: none;
}

/* ŚRODEK: Aktywna komórka (td) oraz nagłówek wiersza (th) pod myszką */
.size-chart-table td:hover,
.product-size-table td:hover,
.size-chart-table tbody th:hover,
.product-size-table tbody th:hover {
    background-color: #02d7b2 !important; /* Pełna mięta */
    color: #0e1e2e !important;
    font-weight: bold;
    z-index: 2;
    outline: 2px solid #0e1e2e; /* Ciemna ramka zaznaczenia */
    box-shadow: 0 0 10px rgba(2, 215, 178, 0.5);
}

/* Dopasowanie napisów dim-label przy hoverze */
.product-size-table tr:hover .dim-label {
    color: #0e1e2e !important;
}


/* koniec tabeli */ 

@media (max-width: 478px) {
    .tabela-tabs__menu-title.brxe-div {
        padding-top: 1rem!important;
        padding-right: 1rem!important;
        padding-bottom: 1rem!important;
        padding-left: 1rem!important;
    }
}