/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
/* Universal */
.height-one-hundred {
  height: 100%;
}
.center-element {
    text-align: center;
}

/* LP animation on scroll */
.toanimate {
	opacity:0;
	filter: blur(5px);
	transform: translatex(-100%);
	transition: all 1s;
}
.animating {
	opacity:1;
	filter: blur(0);
	transform: translatex(0);
}
/*pasek kup LP*/
.pasek-kup {
	position: sticky;
	bottom: -1px;
	z-index: 999;
	transition: all 0.5s;
}
.pasek-kup-hide {
	transform: translatey(100%);
}
.pasek-kup-show {
	transform: translatey(0);
}

/* LP o autorze */
.o-autorze {
	writing-mode:vertical-lr;
}

/*LP Opinie - Korzyści z kursu - wyrównanie do środka w pionie*/
.opinie-uczestnikow-kursu .kt-blocks-testimonial-carousel-item.kb-slide-item  {
	display: flex;
  justify-content: center;
  align-items: center;
}

/* Gap at top of content */
.content-area {
	margin-top: 0rem;
	margin-bottom: 0rem;
}

/* Padding for mobile page */
.content-container.site-container {
	padding: 0px 5px;
}

/* Menu - nawigacja START*/
.menu .menu-item a {
	font-weight: 600;
	letter-spacing: 1px;
}

/* Tag tekstowy na obrazku produktu */
.product-tag {
	position: absolute;
	top: 1rem;
	right: 1rem;
}
.product-promo-tag {
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
  bottom: 0px;
	width: 100%;
}

/* to hide something*/
.hide {
	visibility: hidden;
	max-height: 0;
}
.width100 {
	width: 100%;
}

/* LP PROMO */
p.highlight_one > mark {
    display: inline-flex;
    padding: 7px;
}

/*Przyciski - START*/

/* Ikona na przycisku pojawia sie na hover*/
.eldago-button > .kb-svg-icon-wrap {
	margin-left: -1em;
  opacity: 0;
  transition: all 0.2s linear;
}
.eldago-button:hover > .kb-svg-icon-wrap {
	margin-left: 0.2em;
  opacity: 1;
}

/*moving button*/
.button-move {
	animation: andrzejowy 2.5s linear infinite;
}
@keyframes andrzejowy {
  0%   {transform: rotate(0deg);}
  25%  {transform: rotate(0deg);}
	40%  {transform: rotate(5deg);}
  50%  {transform: rotate(0deg);}
	60%  {transform: rotate(-5deg);}
	75%  {transform: rotate(0deg);}
  100% {transform: rotate(0deg);}
}
/*ping*/
.button-ping {
	overflow: visible;
}
.button-ping::after {
  content: '';
  width: 30px; height: 30px;
  border-radius: 100%;
  border: 6px solid #ffd600;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: ring 1.5s infinite;
}
@keyframes ring {
  0% {
    width: 30px;
    height: 30px;
    opacity: 1;
  }
  100% {
    width: 300px;
    height: 300px;
    opacity: 0;
  }
}
/* glow - general */
.button-glow {
	cursor: pointer;
  position: relative;
  z-index: 0;
}
.button-glow:active .kt-btn-inner-text, .button-glow:hover .kt-btn-inner-text {
    color: #000;
}
.button-glow:active:after, .button-glow:hover:after {
    background: transparent;
}
.button-glow:hover:before {
    opacity: 1; /*change to 0 to switch off animation on hover*/
}
.button-glow:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}
@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
/* glow color sets */
.glow-1:before {
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
}
.glow-2:before {
    background: linear-gradient(45deg, hsla(50, 100%, 50%, 1) 0%, hsla(0, 0%, 0%, 1) 100%);
}
.glow-2-white:before {
    background: linear-gradient(45deg, hsla(50, 100%, 50%, 1) 0%, hsl(0deg, 0%, 100%) 100%);
}
.glow-2-red:before {
    background: linear-gradient(45deg, hsla(50, 100%, 50%, 1) 0%, hsl(0deg 81.16% 64.52%) 100%);
}
.glow-3:before {
    background: linear-gradient(45deg, #FFFFFF, #FFF95B,#FF930F,#FF0F0F,#FF930F,#FFF95B,#FFFFFF);
}
.glow-4:before {
	background: linear-gradient(45deg, #FFFFFF, #FFF600,#FFD600,#8C8A77,#000,#8C8A77,#FFD600,#FFF600,#FFFFFF);
}
/*inner button glows*/
.glow-5 .kt-btn-inner-text {
	background: linear-gradient(45deg, #FFFFFF, #FFF600,#FFD600,#8C8A77,#000,#8C8A77,#FFD600,#FFF600,#FFFFFF);
}
.glow-6 .kt-btn-inner-text {
	background: linear-gradient(45deg, #FFFFFF, #FFF95B,#FF930F,#FF0F0F,#FF930F,#FFF95B,#FFFFFF);
}
/*general settings for inner glows*/
.button-glow-inner:hover .kt-btn-inner-text {
	animation-play-state: paused;
	color: inherit;
	background: none;
}
.button-glow-inner .kt-btn-inner-text{
	-webkit-background-clip: text;
    background-clip: text;
   /* -webkit-text-fill-color: transparent;
    text-fill-color: transparent;*/
	color: transparent;
    background-size: 500% auto;
	animation: glowing 20s linear infinite;
}
/*general settings for glows*/
.button-glow:before {
	content: '';
	position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}
/*Przyciski - END*/

/* Neon effects START */
.neonText1 {
  color: #fff;
  text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #bc13fe,
      0 0 82px #bc13fe,
      0 0 92px #bc13fe,
      0 0 102px #bc13fe,
      0 0 151px #bc13fe;
  box-shadow: 
      0 0 .2rem #fff,
      0 0 .2rem #fff,
      0 0 2rem #bc13fe,
      0 0 0.8rem #bc13fe,
      0 0 2.8rem #bc13fe,
      inset 0 0 1.3rem #bc13fe;
}
.neonText1:after {
  text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #bc13fe,
      0 0 82px #bc13fe,
      0 0 92px #bc13fe,
      0 0 102px #bc13fe,
      0 0 151px #bc13fe;
}
.neonText1:hover, .neonText1:active {
  animation: flicker1 1.5s infinite alternate;
}
/* Flickering animation */
@keyframes flicker1 {
    
  0%, 18%, 22%, 25%, 53%, 57%, 100% {

      text-shadow:
      0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,
      0 0 40px #bc13fe,
      0 0 80px #bc13fe,
      0 0 90px #bc13fe,
      0 0 100px #bc13fe,
      0 0 150px #bc13fe;
  
  }
  
  20%, 24%, 55% {        
      text-shadow: none;
  }    
}

.neonText2 {
  color: #fff;
  text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #0fa,
      0 0 82px #0fa,
      0 0 92px #0fa,
      0 0 102px #0fa,
      0 0 151px #0fa;
  box-shadow: 
      0 0 .2rem #fff,
      0 0 .2rem #fff,
      0 0 2rem #0fa,
      0 0 0.8rem #0fa,
      0 0 2.8rem #0fa,
      inset 0 0 1.3rem #0fa;
}
.neonText2:after {
  text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #0fa,
      0 0 82px #0fa,
      0 0 92px #0fa,
      0 0 102px #0fa,
      0 0 151px #0fa;
}
.neonText2:hover, .neonText2:active {
  animation: flicker2 1.5s infinite alternate;
}

/* Flickering animation */
@keyframes flicker2 {
    
  0%, 18%, 22%, 25%, 53%, 57%, 100% {

      text-shadow:
      0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,
      0 0 40px #0fa,
      0 0 80px #0fa,
      0 0 90px #0fa,
      0 0 100px #0fa,
      0 0 150px #0fa;
  
  }
  
  20%, 24%, 55% {        
      text-shadow: none;
  }    
}
.neonText3, .neonText3:after, .neonText4, .neonText4:after {
  color: #fff;
  text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #ffd600,
      0 0 82px #ffd600,
      0 0 92px #ffd600,
      0 0 102px #ffd600,
      0 0 151px #ffd600;
  
}
.neonText4b, .neonText4b:after {
  color: #fff;
  text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #ffd600;
  
}
.neonText3:hover, .neonText3:active {
  animation: flicker3 1.5s infinite alternate;
}

/* Flickering animation */
@keyframes flicker3 {
    
  0%, 18%, 22%, 25%, 53%, 57%, 100% {

      text-shadow:
      0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,
      0 0 40px #ffd600,
      0 0 80px #ffd600,
      0 0 90px #ffd600,
      0 0 100px #ffd600,
      0 0 150px #ffd600;
  
  }
  
  20%, 24%, 55% {        
      text-shadow: none;
  }    
}

.neonText5, .neonText5:after {
    color: #fff;
    text-shadow:
      0 0 7px #c11b1b,
      0 0 10px #c11b1b,
      0 0 21px #c11b1b,
      0 0 42px #c11b1b,
      0 0 82px #c11b1b,
      0 0 92px #c11b1b,
      0 0 102px #c11b1b,
      0 0 151px #c11b1b;
  }
.neonText6, .neonText6:after, .neonText6h, .neonText6h:after {
    color: #fff;
    text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #fff,
      0 0 82px #fff,
      0 0 92px #fff,
      0 0 102px #fff,
      0 0 151px #fff;
  }
.neonText6f {
	box-shadow: 
      0 0 .2rem #fff,
      0 0 .2rem #fff,
      0 0 2rem #fff,
      0 0 0.8rem #fff,
      0 0 2.8rem #fff,
      inset 0 0 1.3rem #fff;
}

.neonText6h:hover, .neonText6h:active {
  animation: flicker6 1.5s infinite alternate;
}


/* Flickering animation */
@keyframes flicker6 {
    
  0%, 18%, 22%, 25%, 53%, 57%, 100% {

      text-shadow:
      0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,
      0 0 40px #fff,
      0 0 80px #fff,
      0 0 90px #fff,
      0 0 100px #fff,
      0 0 150px #fff;
  
  }
  
  20%, 24%, 55% {        
      text-shadow: none;
  }    
}

/* Neon effects STOP */

/*gradient samples*/
.box-glow-1 {
	height: 50px;
	width: 200px;
	margin: 20px 0px;
	background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
}
.box-glow-2 {
	height: 50px;
	width: 200px;
	margin: 20px 0px;
	background: linear-gradient(45deg, hsla(50, 100%, 50%, 1) 0%, hsla(0, 0%, 0%, 1) 100%);
}
.box-glow-3 {
	height: 50px;
	width: 200px;
	margin: 20px 0px;
	background: linear-gradient(45deg, #FFFFFF, #FFF95B,#FF930F,#FF0F0F,#FF930F,#FFF95B,#FFFFFF);
}
.box-glow-4 {
	height: 50px;
	width: 200px;
	margin: 20px 0px;
	background: linear-gradient(45deg, #FFFFFF, #FFF600,#FFD600,#8C8A77,#000,#8C8A77,#FFD600,#FFF600,#FFFFFF);
}
/*button showdown*/
#post-632 .wp-block-kadence-column {
	min-height:500px;
}
/*svg tests*/
/*svg:hover {
	fill: red;
}*/
/*testy maskowania*/

.maskujemy {
	-webkit-mask-image: url(/wp-content/uploads/img/eldago_logo-maska2b.svg);
    mask-image: url(/wp-content/uploads/img/eldago_logo-maska2b.svg);
    -webkit-mask-size: 50%;
    mask-size: cover;
	    mask-position: center;
	mask-repeat: no-repeat;
}

/* video popup */
#popski {
	background-color: rgba(0, 0, 0, 0.68);
    z-index: 66 !important;
    position: fixed !important;
    top: 5%;
    bottom: auto;
    left: 0%;
    right: auto;
    /*transform: translateX(-50%) translateY(-50%);*/
	/*height: 100vh;
	width: 100vw;
	max-width: 100vw;*/
	/*padding-top: 20vh;*/
	/*padding-left: calc(50vw - 300px);*/
	display:none;
}
#popski-video-clip {
	    max-width: 70%;
    margin-left: 15%;
}
/* text swipe*/
h4.wordCarousel {
		margin-top:0px;
	}
.wordCarousel {
    font-size: 28px;
    font-weight: 100;
    color: #000;
	
	
    div {
        overflow: hidden;
        position: relative;
        float: none;
        height: 65px;
        padding-top: 10px;
        margin-top: -10px;
			ul {
				padding:0;
				text-align:center;
			}
        li {
            color: #4A5568;
            font-weight: 700;
            padding: 0 10px;
            height: 45px;
            margin-bottom: 45px;
            display: block;
        }
    }
}

.flip2 { animation: flip2 6s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
.flip3 { animation: flip3 8s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
.flip4 { animation: flip4 10s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }
.flip5 { animation: flip5 6s cubic-bezier(0.23, 1, 0.32, 1.2) infinite; }

@keyframes flip2 {
    0% { margin-top: -180px; }
    5% { margin-top: -90px;  }
    50% { margin-top: -90px; }
    55% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -180px; }
}

@keyframes flip3 {
    0% { margin-top: -270px; }
    5% { margin-top: -180px; }
    33% { margin-top: -180px; }
    38% { margin-top: -90px; }
    66% { margin-top: -90px; }
    71% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -270px; }
}

@keyframes flip4 {
    0% { margin-top: -360px; }
    5% { margin-top: -270px; }
    25% { margin-top: -270px; }
    30% { margin-top: -180px; }
    50% { margin-top: -180px; }
    55% { margin-top: -90px; }
    75% { margin-top: -90px; }
    80% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -360px; }
}

@keyframes flip5 {
    0% { margin-top: -450px; }
    5% { margin-top: -360px; }
    20% { margin-top: -360px; }
    25% { margin-top: -270px; }
    40% { margin-top: -270px; }
    45% { margin-top: -180px; }
    60% { margin-top: -180px; }
    65% { margin-top: -90px; }
    80% { margin-top: -90px; }
    85% { margin-top: 0px; }
    99.99% { margin-top: 0px; }
    100% { margin-top: -450px; }
}

/* bannar click icon in background */
.click-my-banner-1 > .kt-inside-inner-col {
		background-position: right 0px bottom 0px;
		}
/*ping*/
.banner-ping > .kt-inside-inner-col {
	overflow: visible;
}
.banner-ping > .kt-inside-inner-col::after {
  content: '';
  width: 30px; height: 30px;
  border-radius: 100%;
  border: 6px solid #ffd600;
  position: absolute;
  z-index: 1;
  /*top: 50%;
  left: 50%;*/
	bottom:40px;
	right:60px;
  transform: translate(50%, 50%);
  animation: ring2 1.5s infinite;
}
@keyframes ring2 {
  0% {
    width: 30px;
    height: 30px;
    opacity: 1;
  }
  100% {
    width: 300px;
    height: 300px;
    opacity: 0;
  }
}

/*WooCommerce - START*/

/* Stock shortcode */
.low-stock-warning {
    color: red;
    font-weight: bold;
}
.in-stock {
    color: inherit;
}
.in-stock-low {
  color: orange;
  font-weight: bold;
}
.in-stock-very-low {
  color: red;
  font-weight: bold;
}
.out-of-stock {
    color: gray;
}

/* Mini cart START */
.custom-mini-cart-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #ddd;
    max-width: 100%; /* fallback if no media query applies */
}

.mini-cart-toggle {
    width: 100%;
    padding: 10px;
    background: #0073aa;
    color: #fff;
    border: none;
    font-size: 16px;
    cursor: pointer;
}

.custom-mini-cart-content {
    display: none !important;
    padding: 10px;
    background: #fff;
    transition: all 0.3s ease-in-out;
}

.custom-mini-cart-content.open {
    display: block !important;
}

.custom-mini-cart-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    padding: 6px 0;
    border-bottom: 1px solid #eee;
}

.custom-mini-cart-item .product-name {
    flex-grow: 1;
    font-weight: 500;
    font-size: 15px;
    margin-right: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-mini-cart-item .product-qty-price {
    white-space: nowrap;
    font-size: 14px;
    color: #555;
}

.custom-mini-cart-item .remove-item {
    margin-left: 10px;
    font-size: 14px;
    color: #d00; /* unified color */
    cursor: pointer;
    background: none;
    border: none;
    text-decoration: none;
    font-weight: bold;
}

.custom-mini-cart-subtotal,
.custom-mini-cart-buttons {
    margin-top: 10px;
}

.custom-mini-cart-buttons a.button {
    background: #ffd600;
    color: #000;
    padding: 8px 12px;
    border-radius: 9px;
    text-decoration: none;
    margin-right: 10px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .custom-mini-cart-buttons .button {
        font-size: 14px;
        padding: 6px 10px;
    }

    .mini-cart-toggle {
        font-size: 14px;
        padding: 8px;
    }
}

/* Center and limit max width on desktop */
@media (min-width: 769px) {
    .custom-mini-cart-sticky {
        display: flex;
        justify-content: center;
    }

    .custom-mini-cart-container {
        max-width: 50%; /* Adjust as needed */
        border-radius: 8px 8px 0 0;
    }
}
/* Mini cart END */

/* Better formating */
td.product-quantity > .quantity {
    min-height: 30px;
}
.coupon > .button {
    font-size: 1rem;
}

/* Remove / hide unwanted items */
#post-650 > div > div > div > div.woocommerce-notices-wrapper > ul > li > a, /* Buttons from error message in cart */
#post-650 > div > div > div > div.woocommerce-notices-wrapper > div > div > a /* Button view cart from message in cart */
    { 
    display: none;
}

/* Order page info box */
#post-664 > div > div > div > div.woocommerce-form-coupon-toggle >div.woocommerce-info,
#payment > ul > li.wc_payment_method.payment_method_p24-online-payments-303 > label
    {
    border-left: 5px solid #ffd600;
}

/* Buttons Eldago look */
.button.add-to-cart-button, .button.eldago-check, /* Button Rezerwuj shortcode*/
.wc-block-cart__submit-container > .wp-element-button, /* Button koszyk */
.wc-block-checkout__actions_row >  .wp-element-button, /* Button zamowienie */
#post-650 > div > div > div > p > a, /* Button back to shop - empty cart - shortcode version */
#post-650 > div > div > div > div.kadence-woo-cart-form-wrap > div > div > div > a, /* Button in cart - shortcode version */
button#place_order /* Button zamowienie - order page shortcode version */
    {
    font-weight: 600;
    border-radius: 9px;
}
.out-of-stock-message {
    color: #a00;
    font-weight: bold;
    margin-top: 10px;
}

.woocommerce div.woocommerce-message {
    border-left-color: #ffd600;
}
/* Dodawanie ikonki 'ptaszka' do przycisku */
.eldago-check > .kb-svg-icon-fe_check::before,
.wc-block-cart__submit-container > .wp-element-button > .wc-block-components-button__text::after, /* Button cart */
.wc-block-checkout__actions_row >  .wp-element-button > .wc-block-components-button__text > div::after, /* Button zamowienie */
#post-650 > div > div > div > p > a::after, /* Button back to shop - empty cart - shortcode version */
#post-650 > div > div > div > div.kadence-woo-cart-form-wrap > div > div > div > a::after, /* Button in cart - shortcode version */
button#place_order::after, /* Button zamowienie - order page shortcode version */
.custom-mini-cart-buttons a.button::after /* Minicart buttons */
    { 
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"/></svg>') no-repeat center;
    background-size: contain;
}
/* Ukrycie ikony */
.wc-block-cart__submit-container > .wp-element-button > .wc-block-components-button__text::after,
.wc-block-checkout__actions_row >  .wp-element-button > .wc-block-components-button__text > div::after,
#post-650 > div > div > div > p > a::after,
#post-650 > div > div > div > div.kadence-woo-cart-form-wrap > div > div > div > a::after, /* Button in cart - shortcode version */
button#place_order::after, /* Button zamowienie - order page shortcode version */
.custom-mini-cart-buttons a.button::after /* Minicart buttons */
    {
	margin-left: -1em;
    opacity: 0;
    transition: all 0.2s linear;
}
/* Pokazanie ikony na hover*/
.wc-block-cart__submit-container > .wp-element-button:hover > .wc-block-components-button__text::after,
.wc-block-checkout__actions_row >  .wp-element-button:hover > .wc-block-components-button__text > div::after,
#post-650 > div > div > div > p > a:hover::after,
#post-650 > div > div > div > div.kadence-woo-cart-form-wrap > div > div > div > a:hover::after, /* Button in cart - shortcode version */
button#place_order:hover::after, /* Button zamowienie - order page shortcode version */
.custom-mini-cart-buttons a.button:hover::after /* Minicart buttons */
    {
    margin-left: 0.2em;
    opacity: 1;
}
/* Przycisk stacjonarne */
.kolumna-stacjonarne .button.eldago-button {
    background-color:#000000;
    color:#ffd600
}
/*WooCommerce - END*/