/**
* Theme Name: Ekommart Child
* Description: This is a child theme of Ekommart, generated by Merlin WP.
* Author: <a href="https://www.wpopal.com/">Opal Team</a>
* Template: ekommart
* Version: 4.1.8
*/
/* Ukryj pełnoekranowy overlay wyszukiwania */
.ekommart-overlay,
.site-search-popup {
  opacity: 0 !important;
}

/* Override które odblokowuje body (tymczasowe, odwracalne) */
/* html, body {
  overflow-x: visible !important;
  overflow-y: auto !important;
  height: auto !important;
} */

/* Tymczasowy workaround - blokuje przejmowanie pointer-events przez elementy motywu (scope) */
/* .rev_slider_wrapper,
.rev_slider,
.ekommart-overlay,
.site-header-cart-side {
  pointer-events: none !important;
}
.rev_slider_wrapper a,
.rev_slider_wrapper button,
.rev_slider_wrapper input,
.ekommart-overlay a,
.ekommart-overlay button {
  pointer-events: auto !important;
}
 */
/* Domyślnie: mobile (pozostaje po prawej) - nic nie zmieniamy */

/* Na większych ekranach (desktop) - wyrównanie do lewej */
@media (min-width: 768px) {
	
	.woocommerce-orders-table__cell-order-date {
    text-align: left !important;
}
.woocommerce-orders-table__cell-order-status {
    text-align: left !important;
}
	
	.woocommerce-orders-table__cell-order-actions,
	.woocommerce-orders-table__cell-order-total {
		text-align: left !important;
		justify-content: flex-start !important;
	}
	
	.woocommerce-orders-table__cell-order-actions a.button {
		margin-right: 10px;
	}
}

a.woocommerce-button.custom-order-button {
	color: #F7F4ED;
}

/* header sticky kolor odnośników */
/* Linki w sticky headerze - hover */
.header-sticky.active .main-navigation a:hover {
    color: #080002 !important;
}

/* Link aktywny / bieżąca strona */
.header-sticky.active .main-navigation a:active,
.header-sticky.active .main-navigation .current-menu-item > a,
.header-sticky.active .main-navigation .current_page_item > a {
    color: #f7f4ed !important;
}

/* Kolor tła listy sklepu */
/* Tło wszystkich sub-menu (normalny header i sticky header) */
.main-navigation ul.sub-menu,
.main-navigation ul.sub-menu li ul.sub-menu {
    background-color: #ab0404 !important;
}



/* Styl paska informacji o braku zamówień */
.shopengine-woocommerce-info.woocommerce-info {
    background-color: #ab0404 !important;
/*     border: 2px solid #080002 !important; */
    color: #F7F4ED !important;
    padding: 20px;
    border-radius: 10px;
}

/* Styl przycisku wewnątrz komunikatu */
.shopengine-woocommerce-info .woocommerce-Button.button {
    background-color: transparent !important;
    color: #F7F4ED !important;
    border: 2px solid #F7F4ED !important;
	border-radius: 10px !important;
    padding: 8px 16px;
    text-decoration: none;
    transition: background 0.2s ease;
}

.shopengine-woocommerce-info .woocommerce-Button.button:hover {
    background-color: #F7F4ED !important;
    color: #080002 !important;
	border-radius: 10px;
}

/* Zwiększenie czcionki na stronie zamówień WooCommerce */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .woocommerce-orders-table th,
.woocommerce-account .woocommerce-orders-table td,
.woocommerce-account .woocommerce-orders-table a,
.woocommerce-account .woocommerce {
    font-size: 16px !important;
}
/* Powiadomienie o sukcesie */
.woocommerce .woocommerce-message {
    background-color: #ab0404 !important;
    color: #F7F4ED !important;
    border-color: #080002; /* jeśli jest border */
}


/* Przyciski edycji adresów - możliwe różne klasy, użyjmy bardziej ogólnego selektora */
.woocommerce-Addresses a.edit,
.woocommerce-Addresses .woocommerce-button.edit-address {
    background-color: #ab0404 !important;
    padding: 15px !important;
    color: #F7F4ED !important;
    border: none !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    display: inline-block !important;
}

/* Hover przycisków */
.woocommerce-Addresses a.edit:hover,
.woocommerce-Addresses .woocommerce-button.edit-address:hover {
    background-color: #ab0404 !important;
    color: #F7F4ED !important;
}

@media (min-width: 768px) {
  table.woocommerce-MyAccount-paymentMethods td,
  table.woocommerce-MyAccount-paymentMethods th {
    text-align: left !important;
  }
}

table.woocommerce-MyAccount-paymentMethods .button.delete {
  color: #F7F4ED !important;
}

.woocommerce-MyAccount-paymentMethods .woocommerce-Button.button {
  color: #F7F4ED !important;
}

.woocommerce-MyAccount-content > a.button[href*="add-payment-method"] {
	color: #F7F4ED !important;
}

.woocommerce-MyAccount-content form#add_payment_method button.woocommerce-Button {
  color: #F7F4ED !important;
}

.elementor-location-header {
  position: relative !important;
  z-index: 10000 !important;
}


ul.sub-menu {
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
	z-index: 25;
}
ul.sub-menu ul.sub-menu {
    border-top-right-radius: 10px;
    overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

/* Zaokrągl obrazki w blogu */
article.post img {
  border-radius: 10px; /* lub np. 50% dla pełnego koła */
  overflow: hidden;
  display: block;
}

.elementor-element-1fe7e95 iframe {
  border-radius: 10px;
  overflow: hidden;
}


.site-header-cart-side.active{
  background-color: #F7F4ED !important;
  width: 500px ; /* powiększa o 20% */
  /*max-width: none !important;*/ /* usuwa ewentualne ograniczenia */
}

/* Dla ekranów o szerokości 768px i mniejszych */
@media (max-width: 768px) {
  .site-header-cart-side.active {
    width: 80vw;
  }
}

.site-header-cart-side,
.site-header-cart-side * {
  color: #080002 ;
}


.woocommerce-mini-cart-item {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 10px;
  width: 95% !important;
  justify-self: center;
}

.woocommerce-mini-cart-item:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Pierwszy: Zobacz koszyk */
.woocommerce-mini-cart__buttons .wc-forward:first-child {
  background-color: #F7F4ED;
  color: #080002;
  border-radius: 10px;
/*   border: 1px solid #080002; */
  transition: all 0.3s ease;
}

.woocommerce-mini-cart__buttons .wc-forward:first-child:hover {
  background-color: #ab0404;
  color: #F7F4ED !important;
  border: 1px solid #F7F4ED;
}

/* Drugi: Przejdź do podsumowania */
.woocommerce-mini-cart__buttons .wc-forward.checkout {
  background-color: #ab0404;
  color: #F7F4ED;
  border-radius: 10px;
  border: 1px solid #ab0404;
  transition: all 0.3s ease;
}

.woocommerce-mini-cart__buttons .wc-forward.checkout:hover {
  color: #ab0404;
  background-color: #F7F4ED;
}


.account-dropdown {
  transform: translateX(20px);
  margin-top: 0 !important;         /* Usuwa górny margines */
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  background-color: #ab0404 !important;
}

.account-dropdown .account-inner {
	background-color: #ab0404 !important;
}

.account-wrap {
	border: none !important;          /* Usuwa ramkę */
	background-color: #ab0404 !important;
}

.account-dashboard li a{
	  color: #F7F4ED !important;
}

@media (max-width: 1024px) {
  .ekommart-handheld-footer-bar li.wishlist {
    display: none !important;
  }

  .ekommart-handheld-footer-bar ul.columns-4 {
    grid-template-columns: repeat(3, 1fr) !important;
	  
    gap: 0 !important;
  }

  /* Jeśli grid nie działa, użyj flexbox jako alternatywy: */
  .ekommart-handheld-footer-bar ul.columns-4 {
    display: flex !important;
    justify-content: space-around;
  }
}

.ekommart-handheld-footer-bar ul.columns-4 li{
	width: 35% !important;

	
}


.ekommart-handheld-footer-bar ul.columns-4 li a{
	background-color: #F7F4ED !important;
	
}

.cmplz-manage-consent{
	right: 10px !important;
}

.ekommart-mobile-nav{
	background-color: #ab0404;
}

.mobile-navigation{
	margin-top: 50px;
}

.ekommart-mobile-nav .ekommart-social{
	display: none;
}

/* Styl dla elementów menu */
.mobile-navigation .handheld-navigation ul.menu > li {
	color: #F7F4ED;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #F7F4ED;
  border-radius: 10px;
  padding: 5px; /* Dodaj padding jeśli chcesz przestrzeni wewnątrz */
  background-color: #ab0404; /* Jeśli masz ciemne tło, dostosuj do siebie */
}

.mobile-navigation .handheld-navigation ul.menu > li:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.mobile-navigation ul.menu li.current-menu-item > a {
	color: #F7F4ED !important;
}

/* Dodanie odstępów (gap) między elementami */
.mobile-navigation .handheld-navigation ul.menu {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dropdown-toggle::after {
  font-size: 20px; /* Powiększa ikonę */
}

.mobile-navigation .handheld-navigation li.menu-item-8222 li {
	color: #F7F4ED;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border: 1px solid #F7F4ED;
	border-radius: 10px;
	padding: 5px;
	background-color: #ab0404;
}

.mobile-navigation .handheld-navigation li.menu-item-8222 li:hover {
	transform: scale(1.05);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.mobile-navigation .handheld-navigation ul.menu .menu-item-has-children ul.sub-menu{
	box-shadow: none !important;
	padding: 0;
}

.mobile-navigation .handheld-navigation ul.menu .menu-item-has-children ul.sub-menu > li{
	margin-top: 10px;
	margin-bottom: 10px;
}

.mobile-navigation .handheld-navigation ul.menu .menu-item-has-children ul.sub-menu .menu-item-has-children ul.sub-menu{
	box-shadow: none !important;
}

.mobile-navigation .handheld-navigation ul.menu .menu-item-has-children ul.sub-menu .menu-item-has-children ul.sub-menu > li{
	border: none;
	border-radius: 10px;
}

.mobile-nav-close{
	color: #F7F4ED;
}

/* #custom-loader img {
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
 */

/* #page .shopengine-search-result-container.ss-container{
	width: calc(110%) !important;
}

.shopengine-search-result-container.ss-container {
  width: 110% !important;
}

#page .header-group-action .shopengine-search-result-container.ss-container {
  width: 110% !important;
}
 */

/* .shopengine-widget .shopengine-advanced-search .shopengine-search-form .shopengine-search-result-container {
    width: 110% !important;
} */

body .shopengine-widget .shopengine-advanced-search .shopengine-search-form .shopengine-search-result-container {
    width: 110% !important;
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	z-index: 5 !important;
}

.ss-content{
	overflow-x: hidden !important;
}

.shopengine-search-product__item {
	background-color: #F7F4ED !important;
}


.shopengine-search-result .shopengine-search-product > div {
  color: #080002;
  background-color: #F7F4ED !important;
}

.ss-wrapper{
	border-bottom-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
}


/* Podstawowy styl */
.shopengine-advanced-search-input {
  background-color: #F7F4ED;
}

/* Chrome / Safari – po autokorekcie */
.shopengine-advanced-search-input:-webkit-autofill {
  background-color: #F7F4ED !important;
  -webkit-box-shadow: 0 0 0px 1000px #F7F4ED inset !important;
  -webkit-text-fill-color: #080002; /* Opcjonalnie, zmień kolor tekstu */
}

/* Firefox – po autokorekcie */
input.shopengine-advanced-search-input:-moz-autofill {
  background-color: #F7F4ED !important;
}

/* Focus i aktywne stany */
.shopengine-advanced-search-input:focus {
  background-color: #F7F4ED;
}
/* 
.shopengine-search-form::after{
	color: #ab0404 !important;
	background-color: #ab0404 !important;
}
 */


/* .shopengine-search-form::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 3px solid rgba(123, 46, 46, 0.3);
    border-top-color: #ab0404 !important;     
    border-radius: 50%;
    animation: spin 1s linear infinite, fadeOut 1s forwards 3s;
    background-color: transparent !important;
}

@keyframes spin {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}

@keyframes fadeOut {
    to {
        opacity: 0;
        visibility: hidden;
    }
}
 */

.single-product div.product p.price del {
    text-decoration: none !important;
    display: inline-block;
    line-height: 1.2;
}

button[name="buy-now"] {
	display: none !important;
}


/* Celujemy dokładnie w ten formularz w sidebarze */
#secondary .wp-block-search::before {
    top: 40px !important;
}

/* Stylujemy przycisk w tym formularzu */
#secondary .wp-block-search__button {
    top: 26px !important;
    height: calc(100% - 30px) !important;
}


/* 1. Zwiększenie czcionki dla "waga" oraz wartości */
.variations th.label,
.variations th.label label,
.variations .swatchly_selected_variation_name {
    font-size: 18px !important;
    font-weight: 600;
}

/* 2. Zaokrąglenie narożników dla swatchy */
.swatchly-swatch {
    border-radius: 10px !important;
    overflow: hidden;
}

/* 3. Flexbox dla zawartości kolumny "value" */
.variations td.value {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

/* 4. Poprawki dla reset_variations */
.reset_variations {
	position: relative !important;
	text-decoration: none !important;
	display: inline-block !important;
	margin: 0 !important;
    font-size: 14px;
    white-space: nowrap;
    order: 99; /* zapobiega przeskakiwaniu przed innymi */
	top: 0 !important
}



/* Główna oprawa ShopEngine */
.woocommerce-variation-add-to-cart .quantity-wrap.after {
	display: flex !important;
	flex-direction: row !important;
}

/* Wewnątrz wrappera */
.shopengine-qty-btn {
	display: flex;
	align-items: center;
	flex-direction: row !important;
	gap: 6px;
}

/* Styl przycisków + i - */
.shopengine-qty-btn button.plus,
.shopengine-qty-btn button.minus {
	padding: 20px 30px !important;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px !important;
	transition: background 0.2s ease;
}

/* .shopengine-qty-btn button.plus:hover,
.shopengine-qty-btn button.minus:hover {
	background-color: #f7f4ed !important;
} */

/* Input quantity (środkowy element) */
input.qty {
	width: 60px;
	text-align: center;
	padding: 6px;
	border: 1px solid #f7f4ed;
	border-radius: 4px;
}

.quantity input{
	border-radius: 10px !important;
	margin-right: 4px !important;
}


.wc-proceed-to-checkout {
    color: #f7f4ed !important;
}

#easypack_block_type_geowidget {
	color: #f7f4ed;
}


/* --- FORCE: odblokuj scroll wszędzie (DO NOT block scrolling) --- */
/* Wymusza overflow, usuwa efekty overflow:hidden zarówno z CSS jak i niektórych klas */
/* html, body,
html[style*="overflow"], body[style*="overflow"],
html[style*="overflow-x"], body[style*="overflow-x"],
html[style*="overflow-y"], body[style*="overflow-y"] {
  overflow: auto !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  height: auto !important;
  min-height: 100% !important;
} */

/* Nadpisz typowe klasy, które motyw używa do blokowania przewijania */
/* .mobile-nav-active,
.search-popup-active,
.ekommart-overlay,
body.mobile-nav-active,
html.mobile-nav-active,
html.search-popup-active,
body.search-popup-active {
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  height: auto !important;
} */