@font-face {
    font-family: 'Minipax'; /* Назва, яку ви придумаєте для шрифту */
    src: url('/wp-content/plugins/memory-platform/assets/fonts/Minipax-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap; /* Щоб текст не зникав під час завантаження шрифту */
}

h1,h2,h3,h4,h5{
    font-family: 'Minipax', sans-serif;
}
button{
    cursor: pointer;
}

/* 2. Контейнер форми */
.registrationForm__row {
    width: 100%;
    max-width: 520px; /* Максимальна ширина як у макеті */
    margin-top: 50px;
    box-sizing: border-box;
}

/* 3. Базові стилі для ВСІХ полів вводу */
.registrationForm__field {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.registrationForm__field input, .registrationForm__field select{
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%; 
    box-sizing: border-box; /* Щоб padding не розширював інпут */
    border: 1px solid rgba(45, 51, 136, 0.6); /* Ваш колір з макету */
    transition: all 0.3s ease;
    border-radius: 20px;
    padding: 20px;
    font-size: 16px;
    font-weight: 500;
}



/* 4. Стан FOCUS (Коли натиснули на поле) */
.registrationForm__field input:focus, .registrationForm__field select:focus {
    background-color: #ffffff;
    opacity: 1 !important;
    border-color: rgba(86, 122, 228, 1);
    color: rgba(86, 122, 228, 1);
    box-shadow: 0 0 0 1px rgba(86, 122, 228, 1), 0 0 5px rgba(255, 166, 0, 1);
}

/* 5. Специфічні стилі для пароля та іконки */
.password-wrapper {
    position: relative;
    width: 100%;
    display: block;
}

.input-password {
    padding-right: 45px !important; /* Місце для ока */
}

.toggle-password {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: flex;
    align-items: center;
    color: rgba(12, 15, 63, 1);
    opacity: 0.6;
    transition: all 0.2s ease;
    z-index: 10;
}

.toggle-password:hover {
    opacity: 1;
}

/* Підсвітка ока при фокусі на полі */
.password-wrapper:focus-within .toggle-password {
    opacity: 1;
    color: rgba(86, 122, 228, 1);
}

/* 6. Кнопка */
.registrationForm__row button {
    width: 100%;
    cursor: pointer;
    border: none;
    transition: transform 0.1s active, opacity 0.3s;
}

.registrationForm__row button:active {
    transform: scale(0.98); /* Ефект натискання */
}

a{
    text-decoration: none;
}

.btn_google{
    background-color: rgba(43, 46, 98, 1);
}

.reg_divider{
    color: rgba(45, 51, 136, 1);
    opacity: 50%;
}

/* Глобальний клас для поля з помилкою */

/* Ховаємо іконку календаря, коли є помилка */
.registrationForm__field.has-error .calendar-custom-icon {
    display: none !important;
}

/* Налаштовуємо label-wrapper для сповіщень праворуч */
.label-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 8px; /* Відступ від поля */
}

/* Анімація появи тексту помилки */
.animate-fade-in {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateX(10px); }
    to { opacity: 1; transform: translateX(0); }
}

.label-wrapper label {
    flex-shrink: 0; /* Щоб назва "Роки життя" не стискалася */
    margin-right: 15px;
}

.error-message {
    text-align: right;
    line-height: 1.2;
}


.registrationForm__field.has-error label {
    color: rgba(255, 29, 29, 1) !important;
    display: block !important;
}

.registrationForm__field.has-error input,
.registrationForm__field.has-error textarea {
    border: 1px solid rgba(255, 29, 29, 1) !important;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 14C11.7348 14 11.4804 13.9097 11.2929 13.7489C11.1054 13.5882 11 13.3702 11 13.1429V8.85714C11 8.62981 11.1054 8.4118 11.2929 8.25105C11.4804 8.09031 11.7348 8 12 8C12.2652 8 12.5196 8.09031 12.7071 8.25105C12.8946 8.4118 13 8.62981 13 8.85714V13.1429C13 13.3702 12.8946 13.5882 12.7071 13.7489C12.5196 13.9097 12.2652 14 12 14Z' fill='%23FF1D1D'/%3E%3Cpath d='M10.9475 15.9582C10.9475 15.679 11.0585 15.4111 11.2559 15.2137C11.4534 15.0162 11.7212 14.9052 12.0005 14.9052C12.2798 14.9052 12.5476 15.0162 12.7451 15.2137C12.9426 15.4111 13.0535 15.679 13.0535 15.9582C13.0535 16.2375 12.9426 16.5054 12.7451 16.7028C12.5476 16.9003 12.2798 17.0112 12.0005 17.0112C11.7212 17.0112 11.4534 16.9003 11.2559 16.7028C11.0585 16.5054 10.9475 16.2375 10.9475 15.9582Z' fill='%23FF1D1D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6075 4.64225L21.4835 15.3623C22.9955 18.1213 21.0105 21.5002 17.8765 21.5002H6.12448C2.99048 21.5002 1.00448 18.1202 2.51748 15.3612L8.39348 4.64125C9.95948 1.78625 14.0415 1.78625 15.6075 4.64125V4.64225ZM13.8035 5.64225C13.0215 4.21325 10.9795 4.21325 10.1975 5.64225L4.32048 16.3603C3.56348 17.7403 4.55648 19.4293 6.12348 19.4293H17.8755C19.4425 19.4293 20.4355 17.7392 19.6785 16.3592L13.8035 5.64225Z' fill='%23FF1D1D'/%3E%3C/svg%3E") !important;
    background-size: 24px 24px !important;
    background-position: right 18px center !important;
    padding-right: 55px !important;
    background-repeat: no-repeat !important;
}

/* Контейнер для лейбла та помилки */
.registrationForm__field .label-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* Текст самої помилки */
.error-message {
    color: rgba(255, 29, 29, 1);
    font-size: 12px;
    font-weight: 500;
    margin-top: 6px;
    margin-left: 20px; 
    display: block;
    text-align: left;
}
.pac-container {
    z-index: 2000 !important; /* Робимо список підказок видимим зверху */
    border-radius: 8px;
    margin-top: 5px;
}