/* --- Podstawowe style kontenera --- */
.power-checkout-login-wrapper {
  padding: 5%;
  background-color: #fff;
  border-radius: 15px;
  margin: 0 0 3% 0;
  width: 100%;
}

.power-login-info {
    font-size: 1.1em;
    text-align: center;
}

.power-login-info a.power-showlogin {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
}

/* Ukrycie formularza domyślnie (jest kontrolowane przez inline style="display:none;" w PHP) */
.power-checkout-login-form {
    margin-top: 15px;
}

/* Styl dla elementów formularza */
.power-checkout-login-form {
    margin: 0 !important;
}

.power-checkout-login-form .input-text {
	border-radius: 10px !important;
	border-color: rgba(0, 0, 0, 0.1) !important;
	border-width: 3px !important;
	background-color: #ffffff !important;
	font-size: 16px !important;
	padding: 20px 10px 20px 10px !important;
}

.power-checkout-login-form .has-content .input-text {
	border-color: rgba(0, 0, 0, 1) !important;
}
.power-checkout-login-form .has-error .input-text {
	border-color: rgb(255, 0, 0) !important
}

.power-checkout-login-form .woocommerce-button {
    background-color: #796aa4;
    color: #fff;
    border: none;
    padding: 10px 15px; 
    cursor: pointer;
    border-radius: 3px;
    font-size: 1em;
}
.power-submit {
  margin: 0 !important;
}

.power-checkout-login-form .woocommerce-button:hover {
    background-color: #5d4f82;
}

.power-checkout-login-form .lost_password {
    text-align: right;
    font-size: 0.9em;
	display: none !important;
}
.power-checkout-login-form .lost_password a {
    font-size: 14px;
    float: right;
    border: none !important;
    color: #0c2487;
}

.power-login-status {
    margin-top: 0px;
}

/* Style dla komunikatów WooCommerce (błędy/sukces) */
.woocommerce-error {
    border-top: 2px solid #a00;
    padding: 1em;
    list-style: none outside;
    color: #a00;
    background-color: #f2dede;
    margin: 1em 0;
    border-radius: 3px;
}

.woocommerce-message {
    border-top: 2px solid #8cc630;
    padding: 1em;
    list-style: none outside;
    color: #51a351;
    background-color: #dff0d8;
    margin: 1em 0;
    border-radius: 3px;
}


/* --------------------------------- */
/* --- Float Label Styles START ---  */
/* --------------------------------- */

/* 1. Ustaw pozycjonowanie dla kontenera pola */
.power-float-container {
    position: relative;
}

/* 2. Stylizowanie samego pola input */
.power-float-container .input-text {
    /* Zwiększenie górnego paddingu, aby etykieta mogła się wsunąć */
    padding-top: 15px; 
    padding-bottom: 5px;
    height: auto; 
}

/* 3. Pozycjonowanie etykiety (stan spoczynku) */
.power-float-container label {
	position: absolute;
	top: -10px;
	left: 15px;
	font-weight: normal;
	font-size: 1rem;
	color: #000;
	background-color: #fff;
	padding: 0px 10px 0 10px;
    
    /* PRZESUNIĘCIE: Przesuń etykietę w dół, aby była na środku pola input */
    transform: translateY(28px); 
    transition: transform 0.2s, font-size 0.2s, color 0.2s;
    pointer-events: none; /* Umożliwia kliknięcie pola input przez label */ 
    margin: 0;
}

/* 4. Stan: gdy pole jest wypełnione (has-content) LUB jest aktywne (is-focused) */
/* Klasy 'has-content' i 'is-focused' są dodawane przez JavaScript */
.power-float-container.has-content label,
.power-float-container.is-focused label {
    /* Przesuń etykietę na górę */
    transform: translateY(0); 
    font-size: 0.8em; 
    font-weight: 600;
    color: #333; 
}

/* -------------------------- */
/* --- Remember me check ---  */
/* -------------------------- */

.power-remembeme {
  display: none !important;
}

/* --------------------- */
/* --- Login errors ---  */
/* --------------------- */

.power-login-status .woocommerce-error {
	background: #fff !important;
	border: 2px solid red !important;
	border-radius: 12px !important;
	margin-top: 5px;
	color: red !important;
	padding: 10px !important;
	margin-bottom: 0 !important;
	border-style: dashed !important;
	font-size: 1rem !important;
}