/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/products/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 4.6.2.1765969426
Updated: 2025-12-17 12:03:46

*/
@media (max-width: 776px){
#site-navigation-menu-toggle{
		border-color: white !important;
	}
}
@media (min-width: 777px){
	.storefront-primary-navigation{
		    /*background: #19b68b;*/
			background: #ffffff;
			border-top: 1px solid #e6e6e6;
   	 		height: 40px;
			font-size: unset;
	}
	.storefront-primary-navigation .col-full{
		height: 40px;
	}
	#site-navigation{
		height: 40px;
	}
	.primary-navigation{
		height: 40px;
	}
	#menu-menu-rozwijane{
		max-height: 40px !important;
		display: flex !important;
		align-items: center !important;
	}
	#site-header-cart{
		max-height: 40px !important;
		display: flex !important;
		align-items: center;
	}
	#site-header-cart li:first-child{
		width: 70%;
	}
	.main-navigation ul li a:hover, .main-navigation ul li:hover > a, .site-title a:hover, .site-header ul.menu li.current-menu-item > a{
		color: #756f6f !important;
	}
	a.cart-contents:hover{
		color: #756f6f !important;
	}	
}
#wp-hide-pw{
	color: black;
}
.elementor-nav-menu--main .elementor-item:focus,
.elementor-nav-menu--main .elementor-item:active {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}
/* --- Animowane podkreślenie w menu Moje Konto --- */

/* 1. Przygotowanie linku (baza dla paska) */
.woocommerce-MyAccount-navigation ul li a {
    position: relative;          /* Niezbędne, żeby pasek wiedział, gdzie się pojawić */
    text-decoration: none !important; /* Usuwamy zwykłe podkreślenie, żeby nie dublowało się z animowanym */
    display: inline-block;       /* Dzięki temu pasek dopasuje się do szerokości tekstu */
}

/* 2. Tworzenie paska (w stanie spoczynku ma szerokość 0%) */
.woocommerce-MyAccount-navigation ul li a::after {
    content: '';
    position: absolute;
    width: 0%;                   /* Startujemy od zera */
    height: 2px;                 /* Grubość paska (daj 3px jeśli wolisz grubszy) */
    left: 0;
    bottom: 0;                   /* Pasek przyklejony do dołu napisu */
    background-color: #339029;   /* Twój zielony kolor (zmień na #0c958e jeśli wolisz turkus) */
    transition: width 0.3s ease-in-out; /* Płynna animacja */
}

/* 3. Animacja po najechaniu ORAZ dla aktywnej zakładki */
.woocommerce-MyAccount-navigation ul li a:hover::after,
.woocommerce-MyAccount-navigation ul li.is-active a::after {
    width: 100%;                 /* Rozwiń pasek na całą szerokość */
}

a:focus, button:focus {
    outline: none !important;
}
/* Poprawka widoczności przycisku i napisów na telefonie */
@media (max-width: 776px) {
    /* Kolor ikony hamburgera i napisu "Menu" */
    #site-navigation-menu-toggle, 
    .menu-toggle span, 
    .menu-toggle::before, 
    .menu-toggle::after {
        color: black !important; /* Zmień na czarny lub dowolny ciemny kolor */
    }

    /* Tło rozwijanego menu (żeby nie było białe na białym) */
    .main-navigation ul.menu {
        background-color: #ffffff !important;
    }

    /* Kolor linków wewnątrz rozwijanego menu */
    .main-navigation ul.menu li a {
        color: #333333 !important;
        display: block !important;
    }
	button.menu-toggle:after, button.menu-toggle:before, button.menu-toggle span:before{
		color: black !important;
	}
	button.menu-toggle:after, button.menu-toggle:before, button.menu-toggle span:before {
    background-color: black;
}
}
@media(min-width: 601px){
#footer-container {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        
        width: 55%;
        margin: 0 auto;
        padding: 20px 0;
    }

    .footer-column {
        flex: 1;
        padding: 0 5px;
    }
}
@media(max-width: 600px){
	#footer-container{
		display: flex;
    	flex-direction: column;
    	align-items: center;
	}
	.footer-column{
		display: flex;
    	flex-direction: column;
    	width: 50%;
    	padding: 20px;
    	align-items: flex-start;
	}
}

.footer-ul {
  list-style-type: none;
  padding: 5px;
  margin: 0;
}
.item-a {
  color: #20ad82 !important;
  text-decoration: none !important;
  font-size: 11px;
	font-weight: 400;
}
.footer-logo {
  display: flex;
  align-items: center;
}
.footer-company {
  display: flex;
  flex-direction: column;
  margin-top: 3%;
  min-width: max-content;
}
.div-footer-company {
	padding: 0;
    font-size: 11px !important;
    white-space: nowrap;
    line-height: 1.6;
}
.eael-register-form-wrapper.eael-lr-form-wrapper.style-2.lr-icon-showing{
    display: flex;
    width: 600px;
    justify-content: center;
}
.eael-register-form-wrapper.eael-lr-form-wrapper.style-2.lr-icon-showing .lr-form-wrapper{
    width: 500px;
}
#eael-register-form{
	display: flex;
	flex-direction: column;
}
#wp-hide-pw-register{
	color: black;
}
.eael-lr-footer{
	justify-content: space-around !important;
}

.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
    position: relative;
}

.main-navigation ul.menu > li > a::after,
.main-navigation ul.nav-menu > li > a::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 3px;
    left: 0;
    background-color: #000000;
    transition: width 0.3s ease-in-out;
    
    bottom: 20px;  
}

.main-navigation ul.menu > li > a:hover::after,
.main-navigation ul.nav-menu > li > a:hover::after {
    width: 100%;
}
a:visited {
    color: #339029;
}

.woocommerce ul.products li.product a:visited {
    color: #339029; 
}
#eael-login-submit{
    background-color: #0e7772;
}
.forget-pass a{
    color: #0c958e;
}
#eael-register-submit{
    background-color: #0e7772;
    color: #ffffff;
}
.eael_accept_tnc_wrap a{
	color: #0c958e;
}
/* --- 1. MENU BOCZNE (Kokpit, Zamówienia itp.) --- */

/* Kolor podstawowy i odwiedzony (TERAZ TURKUSOWY) */
.woocommerce-MyAccount-navigation ul li a,
.woocommerce-MyAccount-navigation ul li a:visited {
    color: #0c958e !important;
    font-weight: 500;
}

/* Kolor po najechaniu i dla aktywnej karty (TERAZ ZIELONY) */
.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #339029 !important;
}

/* --- 2. LINKI W TREŚCI (np. "ostatnie zamówienia", "Wyloguj się") --- */

/* Kolor podstawowy i odwiedzony (TERAZ TURKUSOWY) */
.woocommerce-MyAccount-content a,
.woocommerce-MyAccount-content a:visited {
    color: #0c958e !important;
    text-decoration: underline;
}

/* Kolor po najechaniu (TERAZ ZIELONY) */
.woocommerce-MyAccount-content a:hover {
    color: #339029 !important;
}
.woocommerce-breadcrumb a{
	color: #0c958e !important;
}
#companyName{
	font-weight: 900;
}
/* Ukrycie strzałki w menu na komputerach */
@media (min-width: 768px) {
    .main-navigation ul li.menu-item-has-children > a::after {
        display: none !important;
        content: none !important;
    }
}
/* Przeniesienie menu Moje Konto na lewą stronę (POPRAWIONE SZEROKOŚCI) */
@media (min-width: 768px) {
    /* 1. Menu po lewej */
    .woocommerce-MyAccount-navigation {
        float: left !important;
        width: 25% !important;       /* Szerokość menu */
        margin-right: 3% !important; /* Zmniejszamy odstęp z 5% na 3% */
        margin-left: 0 !important;
    }

    /* 2. Treść po prawej */
    .woocommerce-MyAccount-content {
        float: right !important;
        width: 70% !important;       /* Szerokość treści */
        margin: 0 !important;        /* Upewniamy się, że nic nie dodaje marginesów */
    }
}
tbody tr a{
	color: #0c958e;
}
/* --- Animowane podkreślenie dla menu górnego (Moje konto / Wyloguj) --- */

/* 1. Przygotowanie linków */
#menu-drugie-menu-konto li a {
    position: relative;          /* Baza dla linii */
    text-decoration: none !important; /* Usuwamy zwykłe podkreślenie */
    display: inline-block;       /* Dopasowanie do szerokości tekstu */
}

/* 2. Tworzenie linii (domyślnie niewidoczna) */
#menu-drugie-menu-konto li a::after {
    content: '';
    position: absolute;
    width: 0%;                   /* Startujemy od 0 */
    height: 2px;                 /* Grubość linii */
    left: 0;
    bottom: 0;                   /* Linia przyklejona do dołu napisu */
    background-color: #000000;   /* Kolor: CZARNY (zmień na #339029 jeśli wolisz zielony) */
    transition: width 0.3s ease-in-out; /* Czas trwania animacji */
}

/* 3. Efekt po najechaniu myszką */
#menu-drugie-menu-konto li a:hover::after {
    width: 100%;                 /* Rozwiń linię */
}
section.related.products{
	display: none;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--payment-methods,.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads,
.wp-block-separator.has-alpha-channel-opacity.is-style-dots{
	display: none;
}
li.wc_payment_method.payment_method_woocommerce_payments.theme--stripe{
	display: none;
}