/* Importowanie Animate.css */
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');
/* Importowanie Animacje.css */
@import url('/assets/css/lukasz.css');
@import url('https://www.wygrajzyellowtail.pl/wp-content/themes/astra/assets/css/animacje.css');

body {
	background: red;
}



.mobile-enter {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
    color: white;
    background-color: #46b450;
    font-size: 2rem;
    text-align: center;
}

.ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link, .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu 
{background-color: transparent !important;

}

    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link {
        color: var(--ast-global-color-2);
        padding-top: 0px;
}
			


.center {text-align: center}
.left {text-align: left}
.padding-left-0 {padding-left: 0px !important}

.display-none {display: none;}
.zasady-group {height: unset !important}
.zasady-container {flex-direction: column !important;
       justify-content: center !important;
}
.flex {display: flex}


@media screen and (min-width: 1921px) and (orientation: landscape){
	h1, .entry-content h1 {font-size: 3vw;}
.cover-hp {max-width: 1400px !important}
}


@media screen and (max-width: 1920px) and (orientation: landscape) {
	.cover-hp {max-width: 1120px}
	.cover-bg {
        background-image: url(https://wygrajzyellowtail.pl/wp-content/uploads/2025/02/bg-hires-tail.webp) !important;
        background-size: cover;
			  background-position: center right;
			  background-repeat: no-repeat;
    }

	.cover-bg img {	display: none;
}
}

@media screen and (width: 1366px) and (max-height: 1024px) {
	.cover-bg {
	background-position: -305px bottom !important
}
}


@media screen and (width: 1280px) and (max-height: 800px) {
.cover-bg {
	background-position: -305px bottom !important
}
}

@media screen and (orientation: portrait) {
  .zasady-ikony {
    display: flex;
    flex-direction: column;
    align-items: center !important;
  }
  .nagrody-lista {
flex-direction: column;
}
.cover-bg img {
	display: none;
}

.cover-bg {
        background-image: url(https://wygrajzyellowtail.pl/wp-content/uploads/2025/02/bg-hires-mobile.webp) !important;
        background-size: contain;
			  background-position: center 60%;
			  background-repeat: no-repeat;
			  align-items: flex-start;
    }


}

@media screen and (min-height: 1025px) and (orientation: portrait){


h1, .entry-content h1 {
    font-size: 11vw;}
}

@media screen and (min-width: 900px) and  (max-width: 950px) (and orientation: landscape) {
.nagrody-group {
    justify-content: flex-end !important;
    max-width: 100vh !important;
}
}

@media only screen 
  and (min-device-width: 428px) and (max-device-width: 428px) 
  and (orientation: landscape) {
  	.nagrody-group {
    justify-content: flex-end !important;
    max-width: 100vh !important;
}
  }

@media screen and (min-height: 1400px) {

      	 .nagrody-group {
	     max-width: 42vh !important;}
	 }

@media screen and (max-width: 1024px) and (orientation: portrait) {
.cover-hp {
          padding-top: 12%;
}

	
.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-mobile-header-content .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-mobile-header-content .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .menu-item .menu-link {
    border-bottom-width: unset;
    border-color: unset;
    border-style: unset;
    text-align: center;
}
	
	.ast-header-break-point .main-navigation .stack-on-mobile li {
    width: 100%;
        height: 13vh;
        /* padding-bottom: 52px; */
		font-size: 3rem;
	}
	


		.ast-theme-transparent-header #ast-desktop-header > .ast-main-header-wrap > .main-header-bar, .ast-theme-transparent-header.ast-header-break-point #ast-mobile-header > .ast-above-header-wrap > .ast-above-header
	{
 background-image: url(https://www.wygrajzyellowtail.pl/wp-content/uploads/2025/07/Menu-BG.svg);

	}


.nagrody-container {
    margin-top: 10% !important;
}
	    .zasady-group {
    }
		    .cover-bg {
        background-image: url(https://www.wygrajzyellowtail.pl/wp-content/uploads/2025/02/bg-hires-mobile.webp);
        background-size: cover;
			  background-position: center 60%;
			  background-repeat: no-repeat;
    }

  .zasady-ikony {
    display: flex;
    flex-direction: column;
    align-items: center !important;
  }
      h1, .entry-content h1 {font-size: 11vw !important}
      .nagrody-lista {flex-direction: column;}

      	 .nagrody-group {
	     max-width: 40vh;}


	 		
}


@media(width: 1024px) and  (height: 1366px)  {
		.cover-bg {
	background-position: 0px bottom !important
}
    .cover-hp {
	transform: scale(.8);
        transform-origin: left;
}
}



@media(width: 1366px) and  (height: 1024px)  {
		.cover-bg {
	background-position: -637px bottom !important
}
    .cover-hp {
	transform: scale(.8);
        transform-origin: left;
}
}


@media(max-width: 1180px)   and (orientation: landscape) {
		.cover-bg {
	background-position: -433px bottom !important
}
    .cover-hp {
	transform: scale(.8);
        transform-origin: left;
}
}

@media(max-width: 1024px)  and (orientation: landscape) {
		.cover-bg {	background-position: -433px bottom !important}
    .cover-hp {
	transform: scale(.8) translateX(-38px);
	 transform-origin: left; 
}

}


@media screen and (width: 820px) and (height: 1180px)  {
    .nagrody-group {
        max-width: 38vh !important;
    }
}



@media(max-width: 1180px) and  (orientation: portrait) {

	.left {
    text-align: center;
    
}
.wp-container-core-buttons-is-layout-1 {justify-content: center !important;}

.cover-hp {

    }
}

#wpcf7-f251-p254-o1 > form > div.form-container > div:nth-child(13) > p {color: black !important; font-family: Arial}
@media(max-width: 756px) {


	.custom-file-upload {
    align-items: center !important
}

		#file-name {
    padding-left: 10px;
}


    .home .wp-block-buttons {
        opacity: 0;
    }

.vh-fix {
    height: 100vh;
    height: 100svh;
    height: calc(var(--vh, 1vh) * 100);
    position: relative;
    overflow: hidden;
}



    .mobile-enter {
        display: block;
        position: fixed;
        left: 30px;
        top: 62%;
        width: calc(60% - 60px);
        height: 60px;
        border-radius: 0;
        line-height: 40px;
        opacity: 0;
        animation: fadeIn 0.5s ease-in-out forwards;
        animation-delay: 1s;
    }

.ast-header-break-point .ast-builder-menu-mobile .main-navigation {
    background-color: #0ab3d2;
            margin-top: -1px;
}
	


	.page-id-252 #main .wp-block-group.zasady-desktop {
		transform: scale(0.7) translateY(-30px);
	}
	

	
	.page-id-403 #main .wp-block-group.is-content-justification-center.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-1.wp-block-group-is-layout-flex {
		transform: scale(0.7);
	}
	
	.ast-theme-transparent-header #masthead {
		top: -20px;
	}
	
	button.menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-fill {
		padding-top: 25px;
	}
}

@media (max-width: 441px) {

    #page {
    min-height: 100svh !important;
}



    .checkbox p {
  margin-bottom: 10px !important;
  font-family: Arial, sans-serif !important;
  line-height: 110%;

}

    .checkbox label {
font-size: 12px;
line-height: 110%;
}

    .butelki::after {
    left: 34px !important;
}

.homepage-mobile {
        background-image: url(https://wygrajzyellowtail.pl/wp-content/uploads/2025/07/homepage-mobile.webp) !important;
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        background-color: #ffc629;
}
.btn-zgloszenie {
        margin-top: 50%;
        margin-left: -9% !important;
        transform: scale(.8);
}

    #post-1395 > div > div > div.wp-block-cover__image-background.wp-image-1587.size-full.has-parallax {           
        background-image: url(https://wygrajzyellowtail.pl/wp-content/uploads/2025/07/zasady-mobile-full2.webp) !important;
        background-size: cover;
        background-position: bottom center !important;
        background-repeat: no-repeat;
    }



	.file-label {
    text-align: center;
}

	#post-254 > div > div {padding-top: 50px !important}
.custom-file-upload{
    flex-direction: column;
}
	.form-row {

    flex-direction: column;
    margin-top: 0 !important;
    gap:0 !important;
}

	.wpcf7 form.sent .wpcf7-response-output {
    font-size: 1rem;

}

    .ast-header-break-point .main-navigation .stack-on-mobile li {

        font-size: 2rem;height: 96px;
    }
	    .desktop-enter {display: none !important}


	    .cover-hp {
              padding-top: 17vh;
        transform-origin: center;
    }

    .nagrody-group {
                              padding-top: 8vh;
            justify-content: center;!important;
    }
}


@media (max-width: 321px) {

		    .cover-hp {
        padding-top: 23%;
        transform: scale(.75);
        transform-origin: center;
    }


	.nagrody-container {
	    margin-top: 15% !important;
	}

 .nagrody-group {

            justify-content: flex-end !important;
	}

    .mobile-enter {
        bottom: 2%;
        transform: scale(.7) !important;
    }
}

 



/* Styl komunikatu o sukcesie */
.wpcf7 form.sent .wpcf7-response-output {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-52%) translateY(-46px);
    background: #28a745; /* Zielony kolor sukcesu */
    color: white;
    padding: 15px 50px;
    border-radius: 5px;
    font-size: 2rem;
    text-align: center;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    max-width: 90%;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    cursor: pointer; /* Dodanie efektu klikalności */
    line-height: 1.1;
}

/* Ukrywanie komunikatu po zamknięciu */
.wpcf7-response-output.hide {
    opacity: 0;
    pointer-events: none;
}


/* Ukrywanie komunikatu po zamknięciu */
.wpcf7-response-output.hide {
    opacity: 0;
    pointer-events: none;
}


.wpcf7 input[type="submit"]:disabled,
.wpcf7 button[type="submit"]:disabled {
    background: black !important; /* Zmieniony kolor */
    cursor: not-allowed;
    color: white !important;
    opacity: 0.6;
}