/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.includes_tax {display: none}

.article_signature{
	    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    gap: 10px;
	margin-top:30px;
}
h1.art{
font-family: 'Raleway', sans-serif;
	color: #80b500; margin-bottom: 10px; font-size: 24px;
}
h4.art{
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	font-size: 18px;		
}
h5.art{
	color: #80b500; margin-bottom: 15px; font-size: 18px;
font-weight: medium;
}
h5.step{
	color: #80b500; 
	font-size: 1.1em; 
	font-weight: bold;
}
.step{
	  display: flex;
    align-items: center;
    margin: 0;
    padding: 2px 0;
}
.prod-point{
	display: flex; 
	align-items: center; 
	margin: 0; 
	padding: 2px 0;
	font-family: Arimo;
}

/*tabela*/
.wpx-table {
  display: flex;
  flex-direction: column;
  gap: 10px; /* domyślnie na mobile */
	font-family: Arimo;
}

.wpx-row {
  display: flex;
  gap: 3px; /* odstęp między kolumnami */
}

.wpx-cell {
  background: #f5f5f5; /* kolor tła komórki (możesz zmienić) */
  padding: 10px;
  text-align: left;
  flex-grow: 1;
}

.wpx-cell--left {
  flex-basis: 35%;
	background-color: #d5e5ac;
	font-weight: 700;
}

.wpx-cell--right {
  flex-basis: 65%;
	background-color: #ecf4da;
}

/* Na większych ekranach zmieniamy odstępy między wierszami */
@media (min-width: 769px) {
  .wpx-table {
    gap: 10px; /* większe odstępy między wierszami */
  }
}

/* Responsywność: na małych ekranach kolumny pod sobą */
@media (max-width: 768px) {
  .wpx-row {
    flex-direction: column;
  }

  .wpx-cell--left,
  .wpx-cell--right {
    flex-basis: 100%;
  }
}
.container-eksperci{
	width: 80%;
}


/*PRODUKTY*/
/*usuwa break przy cenach na liście*/
.discount-percent{
	display: inline-block;
	position: absolute;
	margin: -5px 0 0 5px;
}
.price br {
    display: none !important;
}

/*tło przy wyborze wariantu*/
table tbody>tr:nth-child(odd)>td,table tbody>tr:nth-child(odd)>th {
    background-color: transparent !important}

.woocommerce div.product form.cart .variations { 
    margin-bottom: 0 !important;
    }
/* Stara cena – przekreślona, szara, mniejsza */
.regular-price {
    font-size: 0.85em;
    text-decoration: line-through;
    color: #5d5d5d;
    font-weight: normal;
}

/* Nowa cena (promocyjna) – zielona, normalna czcionka */
.sale-price {
    font-size: 1.4em;
    color: #80b500;
    font-weight: bold;
}

/* Cena regularna bez promocji – normalny wygląd */
.product .price:not(:has(.sale-price)) .regular-price {
    text-decoration: none;
    font-size: 1em;
    color: #5d5d5d;
}
/*OMNIBUS*/
.iworks-omnibus{
font-size: small;
}
/*tytuy dodatkowych zakładaek*/
.yikes-custom-woo-tab-title{
display: none !important;
}
/*woocommerce notice */
.woocommerce-message:focus-visible {
    outline: none !important;
}
/*INNE*/
/* input*/
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
border: 1px solid #f2f2f2;}
input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #b2d235;                   /* np. ciemniejsza ramka */
  outline: none;                        /* usuwa niebieską poświatę */
}

/*accordion */
 #my-accordion .acc_section .acc_head{
 background: none;
 font-size: 18px;
 font-weight: 600;
 }
/* Linia pod aktywnym tabem - zielona */
/* Usuń obramowanie dookoła sekcji */
 #my-accordion .acc_section {
  border: none !important;
    margin-top: 0;  
  border-top: none;      /* usuń górną linię */
    border-bottom-width: 1px; /* zostaw dolną linię */
    border-bottom-style: solid;
    border-bottom-color: #ccc; /* szara linia */
}

/* Zielona linia pod aktywnym tabem  zielona czcionka*/
#my-accordion .acc_section.acc_active > .acc_head {
  background: none;
  border: none;
  color: #b2d235;
  border-bottom: 1px solid #b2d235; /* zielona linia */
}

/* Nieaktywny nagłówek - linia na dole szara */
#my-accordion .acc_section:not(.acc_active) > .acc_head {
  border: none;
  border-bottom: 1px solid #ccc; /* szara linia */
}

/* Jeśli chcesz, by ostatni tab miał szarą linię na dole, można zostawić margin */
#my-accordion .acc_section:last-of-type {
  border-bottom: none; /* lub usuń jeśli chcesz linię */
}
/*regulamin lista*/
.reg-list {
  counter-reset: main; /* licznik główny */
  list-style: none;
  padding-left: 0;
}

/* główny poziom */
.reg-list > li {
  counter-increment: main;
  counter-reset: sub;
  margin: 0.3em 0;
}
.reg-list > li::before {
  content: counter(main) ". ";
}

/* drugi poziom */
.reg-list > li > ol {
  list-style: none;
  padding-left: 2em;
}
.reg-list > li > ol > li {
  counter-increment: sub;
  counter-reset: letter;
}
.reg-list > li > ol > li::before {
  content: counter(main) "." counter(sub) " ";
  font-weight: normal;
}

/* trzeci poziom */
.reg-list > li > ol > li > ol {
  list-style: none;
  padding-left: 2em;
}
.reg-list > li > ol > li > ol > li {
  counter-increment: letter;
}
.reg-list > li > ol > li > ol > li::before {
  content: counter(letter, lower-alpha) ") "; /* a), b), c)... */
}