/* === CocoBrand Forms  === */
.cocobrand-form {
  width: 100%;
  max-width: 400px;
  margin: 3rem auto; /* marginesy góra/dół */
  padding: 2rem 1rem; /* wewnętrzne odstępy */
  background: var(--global-color-bg-alt, #ffffff);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  font-family: var(--global-font-body, 'Inter', sans-serif);
  color: var(--global-color-text, #333333);
  box-sizing: border-box;
}

/* Styl nagłówków wewnątrz formularza */
.cocobrand-form h1,
.cocobrand-form h2,
.cocobrand-form h3 {
  text-align: center;
  margin-bottom: 1.5rem;
  font-family: var(--global-font-heading, 'Inter', sans-serif);
  font-weight: 600;
  color: var(--global-color-primary, #0073aa);
}

/* Odstępy między elementami formularza */
.cocobrand-form p {
  margin-bottom: 1.25rem;
}

/* Etykiety pól */
.cocobrand-form label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-size: 0.95rem;
}

/* Pola tekstowe i hasła */
.cocobrand-form input[type="text"],
.cocobrand-form input[type="email"],
.cocobrand-form input[type="password"] {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--global-color-border, #dddddd);
  border-radius: 4px;
  font-size: 1rem;
  transition: border-color 0.2s ease;
  box-sizing: border-box;
}
.cocobrand-form input[type="text"]:focus,
.cocobrand-form input[type="email"]:focus,
.cocobrand-form input[type="password"]:focus {
  outline: none;
  border-color: var(--global-color-primary, #0073aa);
}

/* Przycisk wysyłania */
.cocobrand-form input[type="submit"],
.cocobrand-form button {
  display: block;
  width: 100%;
  padding: 0.75rem;
  margin-top: 0.5rem;
  background: var(--global-color-primary, #0073aa);
  color: #ffffff;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s ease;
}
.cocobrand-form input[type="submit"]:hover,
.cocobrand-form button:hover {
  background: var(--global-color-primary-hover, #005ea1);
}

/* Komunikaty o błędzie i sukcesie */
.cocobrand-form p[style*="color:red"] {
  color: var(--global-color-error, #d32f2f) !important;
}
.cocobrand-form p[style*="color:green"] {
  color: var(--global-color-success, #388e3c) !important;
}

/* Usprawnienia responsywne dla małych ekranów */
@media (max-width: 480px) {
  .cocobrand-form {
    margin: 2rem auto;
    padding: 1.5rem 1rem;
  }
}

/* === Wyśrodkowanie nagłówka na stronach logowania, rejestracji i resetu hasła === */
.page-header {
  text-align: center !important;
  margin-top: 2.5rem !important;
  margin-bottom: 1rem !important;
}

/* ================================
   Stylizacja podstron Moje konto, Zmiana hasła, Mój numer kierowcy
   ================================ */

/* Wyśrodkowany nagłówek (page-header) na tych stronach */
body.page-moje-konto .page-header,
body.page-zmiana-hasla .page-header,
body.page-moj-numer-kierowcy .page-header {
  text-align: center;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
}

/* Kontener formularza i menu konta */
body.page-moje-konto .account-menu,
body.page-zmiana-hasla .cocobrand-form,
body.page-moj-numer-kierowcy .cocobrand-form {
  width: 100%;
  max-width: 400px;
  margin: 2rem auto;
  padding: 1.5rem 1rem;
  background: var(--global-color-bg-alt, #fff);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  box-sizing: border-box;
  font-family: var(--global-font-body, 'Inter', sans-serif);
  color: var(--global-color-text, #333);
}

/* Dodatkowy margines na dole (zapobiega przyklejaniu do stopki) */
.account-menu,
.cocobrand-form,
.cocobrand-form {
  margin-bottom: 3rem !important;
}

/* Lista pozycji „Moje konto” */
.account-menu {
  list-style: none;
  padding: 0;
}
.account-menu li {
  margin-bottom: 0.75rem;
}
.account-menu li:last-child {
  margin-bottom: 0;
}
.account-menu a {
  display: block;
  text-decoration: none !important;
  padding: 0.75rem 1rem;
  background: var(--global-color-primary, #0073aa);
  color: #ffffff !important;
  border-radius: 4px;
  text-align: center;
  font-weight: 600;
  transition: background 0.3s ease;
}
.account-menu a:hover {
  background: var(--global-color-primary-hover, #005ea1);
}

/* Formularz zmiany hasła — odstępy i inputy */
body.page-zmiana-hasla .cocobrand-form p,
body.page-moje-konto .cocobrand-form p,
body.page-moj-numer-kierowcy .cocobrand-form p {
  margin-bottom: 1.25rem;
}
.cocobrand-form label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-size: 0.95rem;
}
.cocobrand-form input[type="password"],
.cocobrand-form input[type="text"] {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid var(--global-color-border, #ddd);
  border-radius: 4px;
  font-size: 1rem;
  box-sizing: border-box;
  transition: border-color 0.2s ease;
}
.cocobrand-form input[type="password"]:focus,
.cocobrand-form input[type="text"]:focus {
  outline: none;
  border-color: var(--global-color-primary, #0073aa);
}

/* Przycisk formularza zmiany hasła: bez borderu, biały tekst */
body.page-zmiana-hasla .cocobrand-form input[type="submit"] {
  border: none !important;
  color: #ffffff !important;
  background: var(--global-color-primary, #0073aa) !important;
  text-decoration: none !important;
}

/* Komunikaty (błąd/sukces) */
.cocobrand-form p[style*="color:red"] {
  color: var(--global-color-error, #d32f2f) !important;
}
.cocobrand-form p[style*="color:green"] {
  color: var(--global-color-success, #388e3c) !important;
}

/* Responsywność */
@media (max-width: 480px) {
.account-menu,
.cocobrand-form,
.cocobrand-form {
    padding: 1rem;
    margin: 1.5rem auto;
  }
}

.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main, .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
	margin-bottom: 50px;
}

/* ================================
   Stylizacja przycisku na stronie Zmiana hasła
   ================================ */

.elementor-kit-6 button, .elementor-kit-6 input[type="button"], .elementor-kit-6 input[type="submit"], .elementor-kit-6 .elementor-button {
  border: none !important;
  color: #ffffff !important;
  text-decoration: none !important;
  background: var(--global-color-primary, #0073aa) !important;
}