.elementor-14269 .elementor-element.elementor-element-ea70c67{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-14269 .elementor-element.elementor-element-ea70c67.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-14269 .elementor-element.elementor-element-ea70c67{--width:99.123%;}}/* Start custom CSS for html, class: .elementor-element-49a7c89 */.section-head h2{
  font-family:'Shrikhand', cursive;
  color:#fff;
}

/* =========================
   ZMIENNE
========================= */

:root{
  --retro-bg:#12052f;
  --retro-blue:#3d37d6;
  --retro-pink:#e21c8f;
  --retro-light:#e6e3ff;
  --retro-white:#ffffff;
  --retro-border:rgba(255,255,255,.15);
}

/* =========================
   GŁÓWNY KONTENER
========================= */

.retro-container::before{
  content:"";
  position:absolute;
  inset:0;

  background:
    repeating-linear-gradient(
      to bottom,
      transparent 0,
      transparent 2px,
      rgba(255,255,255,.02) 3px
    );

  pointer-events:none;
}

.retro-container{
  max-width:1400px;
  margin:0 auto;
  padding:40px 20px 80px;
  color:var(--retro-white);
}
.retro-container{
  max-width:1400px;
  margin:40px auto;
  padding:50px;

  background:
    radial-gradient(circle at top,
      rgba(226,28,143,.25),
      transparent 40%),
    linear-gradient(
      180deg,
      #18053f,
      #12052f
    );

  border-radius:32px;

  box-shadow:
    0 0 50px rgba(61,55,214,.25),
    0 0 100px rgba(226,28,143,.12);

  color:#fff;
}

/* =========================
   NAGŁÓWKI SEKCJI
========================= */

.section-head{
  margin-bottom:30px;
}

.section-head.center{
  text-align:center;
}

.section-head h2{
  margin:0;
  font-size:clamp(2rem,5vw,3rem);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#fff;
  text-shadow:
    0 0 8px #fff,
    0 0 20px #e21c8f,
    0 0 40px #e21c8f;
}

/* =========================
   AKTUALNY POJEDYNEK
========================= */

.match{
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.07),
      rgba(255,255,255,.02)
    );

  border:1px solid rgba(255,255,255,.12);

  box-shadow:
    0 0 25px rgba(0,0,0,.25);
}

.match-top{
  text-align:center;
  margin-bottom:30px;
}

.match-title h3{
  margin:0;
  font-size:1.4rem;
  color:var(--retro-light);
}

.match-layout{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:30px;
  align-items:center;
}

.artist{
  text-align:center;
}

.artist h3{
  margin:0 0 8px;
  font-size:2rem;
  color:#fff;
}

.artist p{
  margin:0 0 20px;
  color:var(--retro-light);
  font-size:1.1rem;
}

.versus{
  font-size:3rem;
  font-weight:900;
  color:var(--retro-pink);

  text-shadow:
    0 0 15px rgba(226,28,143,.8),
    0 0 35px rgba(226,28,143,.6);
}

/* =========================
   YOUTUBE
========================= */

.video{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  border-radius:18px;
  overflow:hidden;
  border:2px solid rgba(255,255,255,.15);
}

.video iframe{
  width:100%;
  height:100%;
  border:none;
}

/* =========================
   COUNTDOWN
========================= */

.countdown-box{
  margin-top:40px;
  text-align:center;
}

.countdown-label{
  margin-bottom:15px;
  font-size:1.1rem;
  color:var(--retro-light);
}

.countdown{
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
}

.time-unit{
  min-width:90px;
  padding:16px 12px;
  border-radius:18px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.08),
      rgba(255,255,255,.03)
    );

  border:1px solid rgba(255,255,255,.15);
}

.time-unit span{
  display:block;
  font-size:2rem;
  font-weight:900;
  color:#fff;
}

.time-unit small{
  color:var(--retro-light);
  text-transform:uppercase;
  letter-spacing:.05em;
}

/* =========================
   FORMULARZ
========================= */

.form-box{
  margin-top:35px;
  padding:25px;
  border-radius:20px;

  background:
    linear-gradient(
      180deg,
      rgba(61,55,214,.25),
      rgba(226,28,143,.15)
    );

  border:1px solid rgba(255,255,255,.15);

  text-align:center;
}

.form-box strong{
  display:block;
  margin-bottom:12px;
  font-size:1.25rem;
}

.shortcode{
  display:inline-block;
  margin-top:10px;
  padding:8px 14px;

  border-radius:10px;
  background:rgba(0,0,0,.25);

  font-family:monospace;
}

/* =========================
   TURNIEJ
========================= */

.tournament{
  margin-top:70px;
}

.bracket-shell{
  overflow-x:auto;
  overflow-y:visible;
  max-width:100%;
  padding-bottom:20px;
}

.bracket{
  display:flex;
  gap:60px;
  width:max-content;
  min-width:100%;
}

.bracket-round{
  flex:1;
}

.round-title{
  text-align:center;
  margin-bottom:25px;

  font-size:1.1rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--retro-light);
}

.round-matches{
  display:flex;
  flex-direction:column;
  gap:20px;
}

/* =========================
   MECZE DRABINKI
========================= */

.bracket-match{
  display:block;

  padding:18px;
  border-radius:18px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.08),
      rgba(255,255,255,.03)
    );

  border:1px solid rgba(255,255,255,.12);

  text-decoration:none;
  color:#fff;

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.bracket-match strong{
  display:block;
  line-height:1.15;
}

.bracket-match small{
  display:block;
  margin-bottom:8px;
  color:var(--retro-light);
}

.bracket-match:hover{
  transform:translateY(-4px);
}

.bracket-match.live{
  border-color:rgba(226,28,143,.7);

  box-shadow:
    0 0 18px rgba(226,28,143,.35);
}

.bracket-match.live:hover{
  box-shadow:
    0 0 25px rgba(226,28,143,.55);
}

.bracket-match.locked{
  opacity:.7;
}

.bracket-match .winner{
    color:#d8b84b;
    font-weight:700;
}

.bracket-match .loser{
    color:rgba(255,255,255,.45);
}


.bracket-match{
  background:#1c1448;
}

.bracket-match.live{
  background:
    linear-gradient(
      135deg,
      rgba(226,28,143,.25),
      rgba(61,55,214,.25)
    );
    
    
}

/* =========================
   UŁAMKI
========================= */

.fraction{
  display:inline-flex;
  align-items:center;
  vertical-align:middle;
  margin:0 2px;
}

.fraction sup,
.fraction sub{
  font-size:.65em;
  line-height:1;
}

.fraction .slash{
  margin:0 1px;
}

html{
    overflow:hidden !important;
}

body{
    overflow-y:auto !important;
}

.retro-container{

  background:
    linear-gradient(
      rgba(18,5,47,.92),
      rgba(18,5,47,.96)
    ),
    url("https://ogae.pl/wp-content/uploads/2026/06/nasz-wybor-1965.jpg");

  background-size:cover;
  background-position:center top;
  background-repeat:no-repeat;

  border-radius:32px;
  overflow:hidden;

  padding:60px 30px;
}

.section-head h2{
  color:#fff;

  text-shadow:
    0 0 6px #fff,
    0 0 20px #df1b8b,
    0 0 40px #df1b8b;
}

.match{
  background:
    linear-gradient(
      135deg,
      rgba(29,18,72,.92),
      rgba(59,43,209,.65)
    );

  border:2px solid rgba(183,166,255,.25);

  box-shadow:
    0 0 30px rgba(107,31,209,.35);

  backdrop-filter:blur(12px);
}

.artist h3{
  color:#fff;
  text-shadow:0 0 15px rgba(223,27,139,.6);
}

.artist p{
  color:#b7a6ff;
}

.versus{
  color:#df1b8b;

  text-shadow:
    0 0 15px #df1b8b,
    0 0 40px #df1b8b;
}

.time-unit{
  background:
    linear-gradient(
      180deg,
      rgba(59,43,209,.65),
      rgba(29,18,72,.85)
    );

  border:1px solid rgba(183,166,255,.25);
}

.time-unit span{
  color:#fff;
}

.time-unit small{
  color:#b7a6ff;
}

.form-box{
  background:
    linear-gradient(
      135deg,
      rgba(223,27,139,.25),
      rgba(59,43,209,.25)
    );

  border:1px solid rgba(183,166,255,.3);
}

.bracket-match{
  background:
    linear-gradient(
      135deg,
      rgba(29,18,72,.95),
      rgba(43,28,116,.95)
    );

  border:1px solid rgba(183,166,255,.18);
}

.bracket-match.live{
  background:
    linear-gradient(
      135deg,
      rgba(223,27,139,.45),
      rgba(59,43,209,.45)
    );

  border-color:#df1b8b;

  box-shadow:
    0 0 25px rgba(223,27,139,.5);
}

.winner{
  color:#d8b84b;
}

.round-title{
  color:#d8b84b;
}

.bracket-match .tbd{ opacity:.6; font-style:italic; }


/* ===================================
   GRAVITY FORMS - RETRO 1965
=================================== */

.gform_wrapper{
    max-width:1100px;
    margin:0 auto;
    padding:40px;

    background:linear-gradient(
        135deg,
        rgba(29,18,72,.92),
        rgba(59,43,209,.75)
    );

    border-radius:24px;
    border:1px solid rgba(183,166,255,.25);

    box-shadow:0 0 30px rgba(107,31,209,.3);
}

/* Ukryj tytuł formularza */

.gform_wrapper .gform_heading{
    display:none !important;
}

/* ===================================
   ETYKIETY
=================================== */

.gform_wrapper label{
    color:#fff !important;
    font-weight:700;
    letter-spacing:.02em;
}

.gfield_required{
    color:#df1b8b !important;
}

.gfield_description{
    color:#b7a6ff !important;
}

/* ===================================
   POLA TEKSTOWE
=================================== */

.gform_wrapper input[type=text],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper textarea,
.gform_wrapper select{

    background:rgba(255,255,255,.08) !important;

    border:2px solid rgba(183,166,255,.25) !important;

    color:#fff !important;

    border-radius:18px !important;

    padding:16px 20px !important;

    transition:.25s;
}

.gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus{

    border-color:#df1b8b !important;

    box-shadow:
        0 0 18px rgba(223,27,139,.45);

    outline:none !important;
}

.gform_wrapper ::placeholder{
    color:#b7a6ff;
}


.vote-cards{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:40px;

    margin-bottom:50px;
}

.vote-card{

    padding:40px;

    border-radius:24px;

    cursor:pointer;

    text-align:center;

    background:
        linear-gradient(
            135deg,
            rgba(59,43,209,.45),
            rgba(223,27,139,.15)
        );

    border:2px solid rgba(255,255,255,.15);

    transition:.25s;
}

.vote-card:hover{

    transform:translateY(-6px);

    box-shadow:
        0 0 25px rgba(223,27,139,.45);
}

.vote-card.active{

    background:
        linear-gradient(
            135deg,
            #df1b8b,
            #6b1fd1
        );

    border-color:#fff;

    box-shadow:
        0 0 35px rgba(223,27,139,.65);
}

.vote-card .artist{

    font-size:2rem;

    font-weight:800;

    margin-bottom:15px;
}

.vote-card .song{

    color:#d6cfff;

    font-size:1.25rem;
}

.vote-card .song{
  font-family:'Shrikhand', cursive;
  font-size:1.6rem;
  font-weight:400;
  color:#fff;
}
.vote-card[data-choice="0"] .song{ color:#e21c8f; }
.vote-card[data-choice="1"] .song{ color:#14b8a6; }


/* ===================================
   WYBÓR PIOSENKI
=================================== */

.gfield--type-radio{
    display:none;
}

/* ===================================
   BŁĘDY
=================================== */

.validation_message{

    color:#ff7db8 !important;
}

.gform_validation_errors{

    background:rgba(223,27,139,.12) !important;

    border:1px solid rgba(223,27,139,.4) !important;

    border-radius:16px;

    color:#fff !important;
}


/* ===================================
   WSZYSTKIE PIOSENKI (galeria wg rundy odpadnięcia)
=================================== */

.gallery-card{
  padding:10px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.12);
}

.gallery-card .video{
  border-radius:12px;
  margin-bottom:8px;
}

.gallery-card-text{
  text-align:center;
}

.gallery-card-text .artist{
  display:block;
  font-family:'Shrikhand', cursive;
  font-weight:400;
  font-size:.95rem;
  color:#fff;
  margin-bottom:2px;
}

.gallery-card-text .song{
  display:block;
  font-size:.8rem;
  color:var(--retro-light);
}

.gallery-empty{
  text-align:center;
  font-style:italic;
  color:var(--retro-light);
  opacity:.6;
  padding:20px 10px;
}


.gallery-card .winner{
  color:#d8b84b;
  font-weight:700;
}

.gallery-card .trophy{
  margin-left:2px;
}

.winner-section{
  text-align:center;
}

.winner-video{
  width:100%;
  max-width:1000px;
  margin:30px auto 20px;
  aspect-ratio:16 / 9;
}

.winner-video iframe{
  width:100%;
  height:100%;
  border:0;
  filter:none;
}

.winner-name,
.winner-song{
  font-family:'Shrikhand', cursive;
  color:#fff;
  text-align:center;
}

.winner-name{
  font-size:2rem;
}

.winner-song{
  font-size:1.6rem;
  margin-top:4px;
}


/* ===================================
   MOBILE
=================================== */

@media (max-width:768px){

    .gfield_radio{

        grid-template-columns:1fr;

        gap:20px;
    }

    .gform_button{

        width:100%;
    }
}

/* =========================
   MOBILKI
========================= */

@media (max-width:900px){

  .match{
    padding:25px;
  }

  .match-layout{
    grid-template-columns:1fr;
    gap:25px;
  }

  .versus{
    font-size:2rem;
  }

  .artist h3{
    font-size:1.6rem;
  }

  .countdown{
    gap:10px;
  }

  .time-unit{
    min-width:75px;
  }

  .time-unit span{
    font-size:1.6rem;
  }
}



@media (max-width:600px){

  .retro-container{
    padding:20px 12px 60px;
  }

  .section-head h2{
    font-size:2rem;
  }

  .time-unit{
    min-width:65px;
    padding:12px 8px;
  }

  .time-unit span{
    font-size:1.3rem;
  }
}

@media (max-width:600px){

  .bracket-match strong{
      line-height:1.2;
  }

  .bracket-match small{
      margin-bottom:4px;
      line-height:1.1;
  }

}/* End custom CSS */