#register_form_wp, #register_form_wp_eng{
	display:none;
}
.register-form-deskbot{
    .elementor-field-group{
        padding-bottom:10px;
    }
    .elementor-button{
        width: 100%;
    }
     /* Stylizacja elementów */
    .subdomain-input-wrapper {
        position: relative;
        display: inline-block;
        width: 100%;
    }

    .subdomain-suffix {
        position: absolute;
        right: 10px;
        top: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        color: #555;
        pointer-events: none; /* Użytkownik nie może klikać na ten tekst */
        font-size: 14px;
    }

    /* Stylizacja inputu, aby uwzględniał tekst po prawej stronie */
    .subdomain-input {
        padding-right: 140px; /* Dostosuj do szerokości suffixu */
    }
	.elementor-field-textual.elementor-size-xs{
		background: white;
	}
    /* Styl dla tła (overlay), które przyciemnia stronę */
    #loader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7); /* Przyciemnione tło */
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999; /* Duży z-index, aby popup był na wierzchu */
    }

    /* Styl dla zawartości loadera, czyli popupu */
    .loader-content {
        background-color: #fff; /* Białe tło popupu */
        padding: 30px;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Delikatny cień */
        text-align: center;
        width: 320px;
    }

    /* Styl dla tekstu w loaderze */
    .loader-content p {
        font-size: 18px;
        color: #333;
        margin-bottom: 20px;
    }

    /* Styl dla spinnera w popupie */
    .spinner {
        border: 8px solid #f3f3f3; /* Jasnoszary */
        border-top: 8px solid #3498db; /* Niebieski */
        border-radius: 50%;
        margin: auto;
        width: 60px;
        height: 60px;
        animation: spin 1.5s linear infinite; /* Szybsze obroty */
    }

    .response-message{
        font-weight: 600;
        font-size: 18px;
        padding-top: 15px;
        color: #181B1F;
    }

    /* Animacja dla spinnera */
    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    #close-loader {
        position: relative;
        top: -20px;
        left: 140px;
        background: none;
        border: none;
        font-size: 18px;
        color: #000;
        cursor: pointer;
        z-index: 1001;
    }
    #close-loader:hover {
        color: red;
    }
}