/**
 * Login/Register Page - Kompletna przebudowa
 * Nowoczesny, czysty design bez zbednych kontenerow
 * Version: 3.1 - Fix: gorny pasek widoczny, lzejszy design
 */

/* ===============================================
   GLOBALNE RESETOWANIE - USUNIECIE ZBEDNYCH ELEMENTOW
   =============================================== */
.woocommerce-account:not(.logged-in) .woocommerce::before,
.woocommerce-account:not(.logged-in) .woocommerce::after,
.woocommerce-account:not(.logged-in) .entry-content::before,
.woocommerce-account:not(.logged-in) .entry-content::after {
  display: none !important;
  content: none !important;
}

/* Ukrycie zbednych kontenerow i naglowkow - ALE NIE GLOWNEGO HEADERA! */
.woocommerce-account:not(.logged-in) header.common-template,
.woocommerce-account:not(.logged-in) .wholesale-header,
.woocommerce-account:not(.logged-in) .entry-header:not(.site-header),
.woocommerce-account:not(.logged-in) h1.entry-title {
  display: none !important;
}

/* WAZNE: Gorny pasek promo MUSI byc widoczny */
.woocommerce-account:not(.logged-in) .top-promo,
.woocommerce-account:not(.logged-in) .promo-navigation,
.woocommerce-account:not(.logged-in) #masthead,
.woocommerce-account:not(.logged-in) .site-header,
.woocommerce-account:not(.logged-in) .main-navigation {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Resetowanie glownych kontenerow */
.woocommerce-account:not(.logged-in) #primary,
.woocommerce-account:not(.logged-in) .content-area,
.woocommerce-account:not(.logged-in) .wholesale-login,
.woocommerce-account:not(.logged-in) .entry-content {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  background: transparent !important;
  display: block !important;
  width: 100% !important;
}

/* ===============================================
   TLO STRONY - BIALE (spojne z bialym polkolem stopki)
   =============================================== */
.woocommerce-account:not(.logged-in) {
  background: #ffffff !important;
  min-height: 100vh !important;
}

.woocommerce-account:not(.logged-in) #content,
.woocommerce-account:not(.logged-in) #page {
  background: #ffffff !important;
}

/* ===============================================
   KONTENER GLOWNY - WYCENTROWANIE
   UWAGA: Wykluczamy WSZYSTKIE elementy wyszukiwarki DGWT
   bo maja klase .woocommerce i te style je psuja!
   =============================================== */
.woocommerce-account:not(.logged-in) .woocommerce:not(.dgwt-wcas-suggestions-wrapp):not(.dgwt-wcas-has-img):not(.dgwt-wcas-search-wrapp):not([class*="dgwt-wcas"]) {
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 3rem 2rem !important;
  padding-top: 4rem !important; /* Odstep od headera */
  min-height: auto !important;
  display: flex !important;
  align-items: flex-start !important; /* Wyrownanie do gory zamiast center */
  justify-content: center !important;
  background: #ffffff !important;
}

/* ===============================================
   PRZYWROCENIE STANDARDOWYCH STYLOW DLA WYSZUKIWARKI
   Na stronie moje-konto wyszukiwarka musi dzialac identycznie
   jak na pozostalych stronach!
   =============================================== */

/* Kontener sugestii DGWT - nie nadpisuj jego stylow! */
.woocommerce-account:not(.logged-in) .dgwt-wcas-suggestions-wrapp {
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
  background: #fff !important;
}

/* RESET PADDINGU DLA WSZYSTKICH ELEMENTOW WYSZUKIWARKI DGWT */
/* To nadpisuje zle style z reguly .woocommerce */
.woocommerce-account:not(.logged-in) .dgwt-wcas-search-wrapp,
.woocommerce-account:not(.logged-in) .dgwt-wcas-search-wrapp.woocommerce,
.woocommerce-account:not(.logged-in) [class*="dgwt-wcas"].woocommerce {
  padding: 0 !important;
  padding-top: 0 !important;
  min-height: auto !important;
  display: block !important;
  align-items: initial !important;
}

/* WAZNE: Przywroc standardowe style dla wyszukiwarki w panelu */
/* Uzywamy bardzo wysokiej specyficznosci zeby nadpisac inne reguły */
body.woocommerce-account:not(.logged-in) .search-panel .dgwt-wcas-search-wrapp,
.woocommerce-account:not(.logged-in) nav .search-panel .dgwt-wcas-search-wrapp,
.woocommerce-account:not(.logged-in) #site-navigation .search-panel .dgwt-wcas-search-wrapp {
  width: 90% !important;
  max-width: 650px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}


body.woocommerce-account:not(.logged-in) .search-panel .dgwt-wcas-sf-wrapp,
.woocommerce-account:not(.logged-in) nav .search-panel .dgwt-wcas-sf-wrapp {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.woocommerce-account:not(.logged-in) .search-panel .dgwt-wcas-search-input,
body.woocommerce-account:not(.logged-in) .search-panel input.dgwt-wcas-search-input,
.woocommerce-account:not(.logged-in) nav .search-panel .dgwt-wcas-search-input {
  width: 100% !important;
  height: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
  font-size: 20px !important;
  box-sizing: border-box !important;
}

/* ===============================================
   FORMULARZ LOGOWANIA - POJEDYNCZA KARTA
   =============================================== */
#customer_login {
  display: flex !important;
  flex-direction: row !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  background: #ffffff !important;
  border-radius: 20px !important;
  box-shadow: 
    0 10px 40px -10px rgba(0, 0, 0, 0.12),
    0 0 0 1px rgba(0, 0, 0, 0.05) !important;
  overflow: hidden !important;
}

/* ===============================================
   KOLUMNY - LOGOWANIE I REJESTRACJA
   =============================================== */
#customer_login .u-column1,
#customer_login .u-column2,
#customer_login > .col-1,
#customer_login > .col-2,
#customer_login > div:first-child,
#customer_login > div:last-child {
  flex: 1 !important;
  background: #ffffff !important;
  padding: 2.5rem 2rem !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: 50% !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
}

/* Lewa kolumna - logowanie (akcent granatowy) */
#customer_login .u-column1,
#customer_login > .col-1,
#customer_login > div:first-child {
  background: linear-gradient(165deg, #012241 0%, #164B87 50%, #1C5EA8 100%) !important;
  color: #ffffff !important;
}

/* Prawa kolumna - rejestracja (biala) */
#customer_login .u-column2,
#customer_login > .col-2,
#customer_login > div:last-child {
  background: #ffffff !important;
  border-left: 1px solid #e5e7eb !important;
}

/* Efekt hover wylaczony */
#customer_login .u-column1:hover,
#customer_login .u-column2:hover,
#customer_login > .col-1:hover,
#customer_login > .col-2:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* ===============================================
   NAGLOWKI FORMULARZY - LZEJSZY DESIGN
   =============================================== */
#customer_login h2 {
  font-size: 1.5rem !important;
  font-weight: 600 !important;
  margin-bottom: 1.75rem !important;
  padding-bottom: 0.75rem !important;
  text-align: center !important;
  letter-spacing: -0.3px !important;
  position: relative !important;
  border-bottom: none !important;
}

#customer_login h2::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 50px !important;
  height: 3px !important;
  border-radius: 2px !important;
}

/* Naglowek logowania - bialy na ciemnym tle */
#customer_login .u-column1 h2,
#customer_login > .col-1 h2,
#customer_login > div:first-child h2 {
  color: #ffffff !important;
}

#customer_login .u-column1 h2::after,
#customer_login > .col-1 h2::after,
#customer_login > div:first-child h2::after {
  background: rgba(255, 255, 255, 0.5) !important;
}

/* Naglowek rejestracji - granatowy na bialym tle */
#customer_login .u-column2 h2,
#customer_login > .col-2 h2,
#customer_login > div:last-child h2 {
  color: #012241 !important;
}

#customer_login .u-column2 h2::after,
#customer_login > .col-2 h2::after,
#customer_login > div:last-child h2::after {
  background: #1C5EA8 !important;
}

/* ===============================================
   ETYKIETY POL
   =============================================== */
#customer_login label {
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  margin-bottom: 0.5rem !important;
  display: block !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* Etykiety w sekcji logowania - biale */
#customer_login .u-column1 label,
#customer_login > .col-1 label,
#customer_login > div:first-child label {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Etykiety w sekcji rejestracji - ciemne */
#customer_login .u-column2 label,
#customer_login > .col-2 label,
#customer_login > div:last-child label {
  color: #374151 !important;
}

#customer_login label .required {
  color: #ef4444 !important;
  margin-left: 3px !important;
}

/* ===============================================
   POLA FORMULARZA - LZEJSZE STYLE
   =============================================== */
#customer_login input[type="text"],
#customer_login input[type="email"],
#customer_login input[type="password"],
#customer_login input[type="tel"],
#customer_login .input-text,
#customer_login .woocommerce-Input {
  width: 100% !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  padding: 0.875rem 1rem !important;
  border-radius: 10px !important;
  font-size: 0.95rem !important;
  transition: all 0.2s ease !important;
  margin-bottom: 1rem !important;
  box-sizing: border-box !important;
}

/* Pola w sekcji logowania - na ciemnym tle */
#customer_login .u-column1 input[type="text"],
#customer_login .u-column1 input[type="email"],
#customer_login .u-column1 input[type="password"],
#customer_login .u-column1 .input-text,
#customer_login .u-column1 .woocommerce-Input,
#customer_login > .col-1 input[type="text"],
#customer_login > .col-1 input[type="email"],
#customer_login > .col-1 input[type="password"],
#customer_login > div:first-child input[type="text"],
#customer_login > div:first-child input[type="email"],
#customer_login > div:first-child input[type="password"] {
  background: rgba(255, 255, 255, 0.1) !important;
  border: 2px solid rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

#customer_login .u-column1 input::placeholder,
#customer_login > .col-1 input::placeholder,
#customer_login > div:first-child input::placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

#customer_login .u-column1 input:focus,
#customer_login > .col-1 input:focus,
#customer_login > div:first-child input:focus {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.1) !important;
}

/* Pola w sekcji rejestracji - na bialym tle */
#customer_login .u-column2 input[type="text"],
#customer_login .u-column2 input[type="email"],
#customer_login .u-column2 input[type="password"],
#customer_login .u-column2 input[type="tel"],
#customer_login .u-column2 .input-text,
#customer_login .u-column2 .woocommerce-Input,
#customer_login > .col-2 input[type="text"],
#customer_login > .col-2 input[type="email"],
#customer_login > .col-2 input[type="password"],
#customer_login > div:last-child input[type="text"],
#customer_login > div:last-child input[type="email"],
#customer_login > div:last-child input[type="password"] {
  background: #f8fafc !important;
  border: 2px solid #e5e7eb !important;
  color: #1f2937 !important;
}

#customer_login .u-column2 input:focus,
#customer_login > .col-2 input:focus,
#customer_login > div:last-child input:focus {
  background: #ffffff !important;
  border-color: #1C5EA8 !important;
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(32, 91, 171, 0.1) !important;
}

/* ===============================================
   PRZYCISKI SUBMIT - LZEJSZE
   =============================================== */
#customer_login button[type="submit"],
#customer_login .woocommerce-button,
#customer_login .button {
  width: 100% !important;
  padding: 0.875rem 1.5rem !important;
  border: none !important;
  border-radius: 10px !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  margin-top: 0.5rem !important;
}

/* Przycisk logowania - bialy na ciemnym tle */
#customer_login .u-column1 button[type="submit"],
#customer_login .u-column1 .woocommerce-button,
#customer_login .u-column1 .button,
#customer_login > .col-1 button[type="submit"],
#customer_login > div:first-child button[type="submit"] {
  background: #ffffff !important;
  color: #012241 !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15) !important;
}

#customer_login .u-column1 button[type="submit"]:hover,
#customer_login > .col-1 button[type="submit"]:hover,
#customer_login > div:first-child button[type="submit"]:hover {
  background: #f0f5fc !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
}

/* Przycisk rejestracji - niebieski na bialym tle */
#customer_login .u-column2 button[type="submit"],
#customer_login .u-column2 .woocommerce-button,
#customer_login .u-column2 .button,
#customer_login > .col-2 button[type="submit"],
#customer_login > div:last-child button[type="submit"] {
  background: linear-gradient(135deg, #1C5EA8 0%, #164B87 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(32, 91, 171, 0.25) !important;
}

#customer_login .u-column2 button[type="submit"]:hover,
#customer_login > .col-2 button[type="submit"]:hover,
#customer_login > div:last-child button[type="submit"]:hover {
  background: linear-gradient(135deg, #164B87 0%, #143d73 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 15px rgba(32, 91, 171, 0.35) !important;
}

/* ===============================================
   CHECKBOX "ZAPAMIETAJ MNIE"
   =============================================== */
#customer_login .woocommerce-form__label-for-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
  cursor: pointer !important;
  font-size: 0.9rem !important;
  margin: 1.25rem 0 !important;
}

#customer_login .u-column1 .woocommerce-form__label-for-checkbox,
#customer_login > .col-1 .woocommerce-form__label-for-checkbox,
#customer_login > div:first-child .woocommerce-form__label-for-checkbox {
  color: rgba(255, 255, 255, 0.85) !important;
}

#customer_login .u-column2 .woocommerce-form__label-for-checkbox,
#customer_login > .col-2 .woocommerce-form__label-for-checkbox,
#customer_login > div:last-child .woocommerce-form__label-for-checkbox {
  color: #6b7280 !important;
}

#customer_login input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  accent-color: #1C5EA8 !important;
  cursor: pointer !important;
  border-radius: 4px !important;
}

/* ===============================================
   LINKI
   =============================================== */
/* Linki w sekcji logowania */
#customer_login .u-column1 a,
#customer_login > .col-1 a,
#customer_login > div:first-child a {
  color: rgba(255, 255, 255, 0.9) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  padding-bottom: 2px !important;
}

#customer_login .u-column1 a:hover,
#customer_login > .col-1 a:hover,
#customer_login > div:first-child a:hover {
  color: #ffffff !important;
  border-bottom-color: #ffffff !important;
}

/* Linki w sekcji rejestracji */
#customer_login .u-column2 a,
#customer_login > .col-2 a,
#customer_login > div:last-child a {
  color: #1C5EA8 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
}

#customer_login .u-column2 a:hover,
#customer_login > .col-2 a:hover,
#customer_login > div:last-child a:hover {
  color: #143d73 !important;
  text-decoration: underline !important;
}

/* Lost password link */
#customer_login .woocommerce-LostPassword {
  text-align: center !important;
  margin-top: 1.5rem !important;
  padding-top: 1.5rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
}

#customer_login .u-column2 .woocommerce-LostPassword,
#customer_login > .col-2 .woocommerce-LostPassword,
#customer_login > div:last-child .woocommerce-LostPassword {
  border-top-color: #e5e7eb !important;
}

#customer_login .woocommerce-LostPassword a {
  font-size: 0.875rem !important;
}

/* ===============================================
   FORM ROW
   =============================================== */
#customer_login .form-row {
  margin-bottom: 0.5rem !important;
}

#customer_login .form-row-first,
#customer_login .form-row-last {
  width: 100% !important;
  float: none !important;
}

/* ===============================================
   IKONA POKAZ/UKRYJ HASLO
   =============================================== */
#customer_login .password-input {
  position: relative !important;
}

#customer_login .show-password-input {
  position: absolute !important;
  right: 15px !important;
  top: 50% !important;
  transform: translateY(-70%) !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
  background: transparent !important;
  border: none !important;
  padding: 5px !important;
}

#customer_login .u-column1 .show-password-input,
#customer_login > .col-1 .show-password-input,
#customer_login > div:first-child .show-password-input {
  color: rgba(255, 255, 255, 0.6) !important;
}

#customer_login .u-column1 .show-password-input:hover,
#customer_login > .col-1 .show-password-input:hover,
#customer_login > div:first-child .show-password-input:hover {
  color: #ffffff !important;
}

#customer_login .u-column2 .show-password-input,
#customer_login > .col-2 .show-password-input,
#customer_login > div:last-child .show-password-input {
  color: #9ca3af !important;
}

#customer_login .u-column2 .show-password-input:hover,
#customer_login > .col-2 .show-password-input:hover,
#customer_login > div:last-child .show-password-input:hover {
  color: #1C5EA8 !important;
}

/* ===============================================
   TEKST POLITYKI PRYWATNOSCI
   =============================================== */
#customer_login .woocommerce-privacy-policy-text {
  font-size: 0.8rem !important;
  line-height: 1.6 !important;
  margin: 1.25rem 0 !important;
  padding: 1rem !important;
  border-radius: 10px !important;
}

#customer_login .u-column1 .woocommerce-privacy-policy-text,
#customer_login > .col-1 .woocommerce-privacy-policy-text,
#customer_login > div:first-child .woocommerce-privacy-policy-text {
  background: rgba(255, 255, 255, 0.1) !important;
  border-left: 3px solid rgba(255, 255, 255, 0.3) !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

#customer_login .u-column2 .woocommerce-privacy-policy-text,
#customer_login > .col-2 .woocommerce-privacy-policy-text,
#customer_login > div:last-child .woocommerce-privacy-policy-text {
  background: #f0f5fc !important;
  border-left: 3px solid #1C5EA8 !important;
  color: #6b7280 !important;
}

#customer_login .woocommerce-privacy-policy-text p {
  margin: 0 !important;
}

/* ===============================================
   KOMUNIKATY BLEDOW / SUKCESU
   =============================================== */
.woocommerce-account:not(.logged-in) .woocommerce-error,
.woocommerce-account:not(.logged-in) .woocommerce-message,
.woocommerce-account:not(.logged-in) .woocommerce-info {
  max-width: 950px !important;
  margin: 0 auto 1.5rem !important;
  border-radius: 12px !important;
  padding: 1rem 1.5rem !important;
}

/* ===============================================
   SINGLE LOGIN FORM (gdy jest tylko formularz logowania)
   =============================================== */
#customer_login:has(.u-column1:only-child),
#customer_login:has(.col-1:only-child) {
  max-width: 480px !important;
}

#customer_login .u-column1:only-child,
#customer_login > .col-1:only-child {
  width: 100% !important;
  border-radius: 24px !important;
}

/* ===============================================
   MOBILE RESPONSIVE
   =============================================== */
@media screen and (max-width: 991px) {
  .woocommerce-account:not(.logged-in) .woocommerce {
    padding: 1rem !important;
    min-height: auto !important;
    align-items: flex-start !important;
    padding-top: 2rem !important;
  }
  
  #customer_login {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    max-width: 100% !important;
    border-radius: 20px !important;
  }
  
  #customer_login .u-column1,
  #customer_login .u-column2,
  #customer_login > .col-1,
  #customer_login > .col-2,
  #customer_login > div:first-child,
  #customer_login > div:last-child {
    width: 100% !important;
    padding: 2rem 1.5rem !important;
    border-left: none !important;
  }

  /* Zaokraglenia dla mobile */
  #customer_login .u-column1,
  #customer_login > .col-1,
  #customer_login > div:first-child {
    border-radius: 20px 20px 0 0 !important;
  }

  #customer_login .u-column2,
  #customer_login > .col-2,
  #customer_login > div:last-child {
    border-radius: 0 0 20px 20px !important;
    border-top: 1px solid #e5e7eb !important;
  }
  
  #customer_login h2 {
    font-size: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  
  #customer_login input[type="text"],
  #customer_login input[type="email"],
  #customer_login input[type="password"],
  #customer_login .input-text,
  #customer_login .woocommerce-Input {
    padding: 0.875rem 1rem !important;
    font-size: 16px !important;
    margin-bottom: 1rem !important;
  }
  
  #customer_login button[type="submit"] {
    padding: 0.875rem 1.5rem !important;
    font-size: 0.95rem !important;
  }
}

/* ===============================================
   BARDZO MALE EKRANY
   =============================================== */
@media screen and (max-width: 480px) {
  .woocommerce-account:not(.logged-in) .woocommerce {
    padding: 0.75rem !important;
    padding-top: 1rem !important;
  }
  
  #customer_login {
    border-radius: 16px !important;
  }
  
  #customer_login .u-column1,
  #customer_login .u-column2,
  #customer_login > .col-1,
  #customer_login > .col-2,
  #customer_login > div:first-child,
  #customer_login > div:last-child {
    padding: 1.5rem 1.25rem !important;
  }

  #customer_login .u-column1,
  #customer_login > .col-1,
  #customer_login > div:first-child {
    border-radius: 16px 16px 0 0 !important;
  }

  #customer_login .u-column2,
  #customer_login > .col-2,
  #customer_login > div:last-child {
    border-radius: 0 0 16px 16px !important;
  }
  
  #customer_login h2 {
    font-size: 1.35rem !important;
  }

  #customer_login label {
    font-size: 0.8rem !important;
  }
}

/* ===============================================
   STRONA MOJE KONTO (po zalogowaniu) - PRZENIESIONE DO my-account-logged-in.css
   Style dla zalogowanego użytkownika są teraz w osobnym pliku
   =============================================== */

/* Resetowanie niepotrzebnych stylów - czyszczenie */
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
  /* Style przeniesione do my-account-logged-in.css */
}

/* ===============================================
   RESETOWANIE STARYCH/ZBEDNYCH STYLI
   =============================================== */
#customer_login .form-header,
#customer_login .sign-in-wrapper,
#customer_login .sign-up-wrapper,
.sign-in-up-form-wrapper .form-header,
.sign-in-up-form-wrapper .sign-in-wrapper,
.sign-in-up-form-wrapper .sign-up-wrapper {
  background-color: transparent !important;
}

/* Tekst w sekcjach */
#customer_login .u-column1 p,
#customer_login > .col-1 p,
#customer_login > div:first-child p {
  color: rgba(255, 255, 255, 0.85) !important;
}

#customer_login .u-column2 p,
#customer_login > .col-2 p,
#customer_login > div:last-child p,
.sign-in-up-form-wrapper p {
  color: #4b5563 !important;
}

/* Wholesale login page - ukrycie zbednych elementow */
.wholesale-login .entry-header.common-template,
.wholesale-login header.common-template {
  display: none !important;
}

/* ===============================================
   FIX: STOPKA NA STRONIE LOGOWANIA
   Przywrocenie pelnej wysokosci i poprawnego wygladu stopki
   =============================================== */

/* Stopka - przywrocenie standardowej wysokosci (tak jak na innych stronach) */
.woocommerce-account:not(.logged-in) footer#colophon {
  margin-top: 0 !important;
  height: 45em !important; /* Przywrocenie standardowej wysokosci */
  padding-bottom: 0 !important;
  position: relative !important;
  overflow: visible !important;
  flex-shrink: 0 !important;
}

/* Biala fala - zapewnienie poprawnego wyswietlania */
.woocommerce-account:not(.logged-in) footer#colophon .footer-top {
  position: relative !important;
  height: 50% !important;
  overflow: visible !important;
}

.woocommerce-account:not(.logged-in) footer#colophon .footer-top:before {
  content: '' !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100vw !important;
  height: 250px !important;
  border-radius: 0 0 50% 50% !important;
  background-color: #fff !important;
  background-image: url('https://www.e-venus.pl/wp-content/uploads/2025/12/logo_full_e-venus.jpg') !important;
  background-size: 180px auto !important;
  background-repeat: no-repeat !important;
  background-position: center 60px !important;
  position: absolute !important;
  left: 50% !important;
  top: 0 !important;
  transform: translateX(-50%) !important;
  z-index: 1 !important;
}

/* Ikony social media */
.woocommerce-account:not(.logged-in) footer#colophon .footer-social-icons {
  top: 170px !important;
  z-index: 2 !important;
}

/* Fix dla #page - uklad strony */
.woocommerce-account:not(.logged-in) #page {
  min-height: 100vh !important;
  display: block !important; /* Block zamiast flex - unikamy problemow z wysokoscia stopki */
  background: #ffffff !important;
}

/* #content - standardowy uklad */
.woocommerce-account:not(.logged-in) #content {
  background: #ffffff !important;
  min-height: calc(100vh - 45em - 100px) !important; /* Wysokosc ekranu minus stopka i header */
}

/* Sekcja info w stopce - zapewnienie widocznosci */
.woocommerce-account:not(.logged-in) footer#colophon .site-info {
  display: flex !important;
  flex-flow: column !important;
  justify-content: space-between !important;
  height: 50% !important;
  background: transparent !important;
}

/* Kolumny w stopce */
.woocommerce-account:not(.logged-in) footer#colophon .site-footer__main {
  display: flex !important;
  justify-content: space-between !important;
  width: 80% !important;
  margin: auto !important;
  padding-top: 2em !important;
}

.woocommerce-account:not(.logged-in) footer#colophon .site-footer__main .col {
  flex: 1 !important;
}

/* Dolna czesc stopki z copyright */
.woocommerce-account:not(.logged-in) footer#colophon .footer-bottom {
  display: flex !important;
  justify-content: center !important;
  padding: 2em !important;
}

/* Responsywnosc - mobile */
@media screen and (max-width: 992px) {
  .woocommerce-account:not(.logged-in) footer#colophon {
    height: 55em !important; /* Wieksza wysokosc na mobile */
  }
  
  .woocommerce-account:not(.logged-in) footer#colophon .site-footer__main {
    flex-direction: column !important;
    width: 90% !important;
    text-align: center !important;
  }
  
  .woocommerce-account:not(.logged-in) footer#colophon .site-footer__main .col {
    margin-bottom: 2em !important;
  }
  
  .woocommerce-account:not(.logged-in) #content {
    min-height: auto !important;
  }
}

/* ===============================================
   UKRYCIE NIEPOTRZEBNYCH ELEMENTOW NA STRONIE LOGOWANIA
   (sidebar, widgety, elementy ze scrollem)
   =============================================== */
.woocommerce-account:not(.logged-in) #secondary,
.woocommerce-account:not(.logged-in) .widget-area,
.woocommerce-account:not(.logged-in) aside.widget-area,
.woocommerce-account:not(.logged-in) .sidebar,
.woocommerce-account:not(.logged-in) .woocommerce-sidebar {
  display: none !important;
}

/* Ukrycie dziwnego kontenera ze scrollem w lewym dolnym rogu */
.woocommerce-account:not(.logged-in) .fixed-left-widget,
.woocommerce-account:not(.logged-in) .live-chat-widget,
.woocommerce-account:not(.logged-in) .chat-widget,
.woocommerce-account:not(.logged-in) [class*="chat-widget"],
.woocommerce-account:not(.logged-in) [class*="live-chat"],
.woocommerce-account:not(.logged-in) [class*="helpdesk"] {
  display: none !important;
}

/* Reset overflow dla glownych kontenerow - zapobieganie scrollbarom */
.woocommerce-account:not(.logged-in) body,
.woocommerce-account:not(.logged-in) html {
  overflow-x: hidden !important;
}

/* Ukrycie popularnych widgetow chatowych/pomocowych na stronie logowania */
.woocommerce-account:not(.logged-in) #tidio-chat,
.woocommerce-account:not(.logged-in) #tidio-chat-iframe,
.woocommerce-account:not(.logged-in) .tidio-1,
.woocommerce-account:not(.logged-in) [id*="tidio"],
.woocommerce-account:not(.logged-in) [id*="chat"],
.woocommerce-account:not(.logged-in) [id*="messenger"],
.woocommerce-account:not(.logged-in) [id*="fb-root"],
.woocommerce-account:not(.logged-in) [id*="intercom"],
.woocommerce-account:not(.logged-in) [id*="zendesk"],
.woocommerce-account:not(.logged-in) [id*="freshdesk"],
.woocommerce-account:not(.logged-in) [id*="crisp"],
.woocommerce-account:not(.logged-in) [id*="tawk"],
.woocommerce-account:not(.logged-in) [class*="fb_dialog"],
.woocommerce-account:not(.logged-in) [class*="fb-customerchat"],
.woocommerce-account:not(.logged-in) iframe[title*="chat" i],
.woocommerce-account:not(.logged-in) iframe[title*="messenger" i] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ===============================================
   FIX: DGWT WooCommerce Ajax Search
   Problem: Sierocy kontener sugestii pojawia sie w stopce
   jako dziwny element ze scrollem.
   
   Rozwiazanie: Ukrywamy TYLKO sieroce kontenery ktore:
   1. Sa bezposrednimi dziecmi body
   2. Maja inline style display:none (sa nieaktywne)
   
   WAZNE: NIE blokujemy normalnych sugestii!
   =============================================== */

/* Ukryj sieroce kontenery sugestii TYLKO gdy sa nieaktywne */
body.woocommerce-account:not(.logged-in) > .dgwt-wcas-suggestions-wrapp[style*="display: none"],
body.woocommerce-account:not(.logged-in) > .dgwt-wcas-suggestions-wrapp[style*="display:none"] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: fixed !important;
  left: -99999px !important;
}

/* Upewnij sie ze AKTYWNE sugestie sa widoczne */
body.woocommerce-account:not(.logged-in) > .dgwt-wcas-suggestions-wrapp[style*="display: block"],
body.woocommerce-account:not(.logged-in) > .dgwt-wcas-suggestions-wrapp[style*="display:block"],
body.woocommerce-account:not(.logged-in) > .dgwt-wcas-suggestions-wrapp.dgwt-wcas-open {
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: absolute !important;
  left: auto !important;
}