/* Importowanie Animate.css */
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');

body {
  background: red;
}

.mobile-enter {
  display: none;
}

/* USUNIĘTO starszą/dublikującą wersję wpcf7-response-output (#46b450) */

/* Menu mobile (Astra) */
.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; }

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

/* ≤ 1920 landscape */
@media screen and (max-width: 1920px) and (orientation: landscape) {
  .cover-hp { max-width: 1120px; }
  .cover-bg {
    background-image: url(https://wygrajzpaulanerem.pl/wp-content/uploads/2025/11/paulaner-bg-hp-1920x1200-v2-68a04e7ad2762-scaled.webp) !important;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
  }
  .cover-bg img { display: none; }
}

/* Portret (ogólne) */
@media screen and (orientation: portrait) {
  .zasady-ikony {
    display: flex;
    flex-direction: column;
    align-items: center !important;
  }
  .nagrody-lista { flex-direction: column; }

.show-only-desktop {display: none}
}
  

}

/* Wysokie ekrany portret */
@media screen and (min-height: 1025px) and (orientation: portrait){
  h1, .entry-content h1 { font-size: 11vw; }
}

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

/* Dokładny target: iPhone 13 Pro Max landscape */
@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; }
}

/* Portret do 1024px */
@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-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;
    font-size: 3rem;
  }



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



  .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; }
}

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

/* 1366×1024 landscape */
@media (width: 1366px) and (height: 1024px) {
  .cover-bg { background-position: center !important; }
  .okladka-nagrody { max-width: 89vw !important; }

  #post-254 > div > div > div.wp-block-cover__image-background.wp-image-2148.size-full.has-parallax {
    background-size: contain !important;
  }

  .cover-hp {
    transform: scale(.8);
    transform-origin: left;
  }
}

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

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

/* 820×1180 (np. iPad Air portret) */
@media screen and (width: 820px) and (height: 1180px) {
  .nagrody-group { max-width: 38vh !important; }
}

/* ≤ 1180 portret */
@media (max-width: 1180px) and (orientation: portrait) {
  .left { text-align: center; }
  .wp-container-core-buttons-is-layout-1 { justify-content: center !important; }
  .cover-hp { /* zachowane puste - brak zmian */ }
}

/* dopięty średnik i porządek */
#wpcf7-f251-p254-o1 > form > div.form-container > div:nth-child(13) > p {
  color: white !important;
  font-family: Arial;
}

/* ≤ 756 */
@media (max-width: 756px) {
 
 .form-row {
  flex-direction: column;
  margin-top: 0;
  gap: 0 ;
}


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

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


  .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: #001e3c;
    margin-top: -1px;
  }

.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link
    {
        color: white;
    }
  .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;
  }

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

/* ≤ 441 */
@media (max-width: 441px) {
  .file-label {
    padding-top: 5px;
    font-size: 1rem !important; 
  }

  #post-1939 > div > div > div.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow > div.wp-block-group.is-layout-constrained.wp-container-core-group-is-layout-e9640f82.wp-block-group-is-layout-constrained > div > img {
    display: none;
  }

  .okladka-nagrody {
    background-image: url(https://wygrajzpaulanerem.pl/wp-content/uploads/2025/11/paulaner-nagrody-mobile.webp) !important;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }


}

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

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

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

/* Tło strony mobilnej */
.homepage-mobile {
  background-image: url(https://wygrajzpaulanerem.pl/wp-content/uploads/2025/11/paulaner-nagrody-mobile.webp) !important;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #cd1426;
}
@media (min-width: 768px) {
  .homepage-mobile { background-image: none !important; } /* wyłączamy na desktop */
}

/* Przycisk zgłoszenia */
.btn-zgloszenie {
  margin-top: 50%;
  margin-left: -9% !important;
  transform: scale(.8);
}

/* Zasady / okładki */

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

#post-254 > div > div { padding-top: 50px !important; }

.custom-file-upload { flex-direction: column; }



/* Komunikat o sukcesie (pozostawiona jedna, nowsza wersja) */
.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; /* klikany */
  line-height: 1.1;
}

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

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

/* ≤ 321 */
@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: 3% !important;
    transform: scale(.7) !important;
    top: unset !important;
  }
}


