/* === ИЗМЕНЕНИЕ: Добавляем CSS-переменную для шрифта === */
:root {
    --main-font-family: 'Rubik', sans-serif;
}

.bagon-google-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    background-color: #ffffff;
    border: 0px solid #ddd;
    border-radius: 50px;
    padding: 5px;
    transition: all 0.3s ease-in-out;
    width: 300px;
    margin: 0;
    margin-left: 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}
    
.bagon-google-button:hover {
    background-color: #f0f0f0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
    
.bagon-google-button .google-logo-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px; 
}

.bagon-google-button img {
    height: 40px !important;
    width: auto !important;
    max-width: 100%;
}
    
.google-text-wrapper span {
    font-size: 14px;
    color: #4285F4;
    font-family: var(--main-font-family); /* ИЗМЕНЕНИЕ */
}

/* ОТСТУП ОТ ЗАГОЛОВКА "Увійти" */
.bagon-social-login-container {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

/* Стили для форм */
.bagon-forms-container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
    align-items: flex-start;
}
.bagon-forms-container > .woocommerce {
    flex-grow: 1;
    flex-basis: 0;
    min-width: 300px;
    padding: 0px;
    border-radius: 8px;
}
.bagon-forms-container .woocommerce h2 {
    text-align: center;
    font-size: 28px;
    color: #fbd38d;
    font-family: var(--main-font-family); /* ИЗМЕНЕНИЕ */
}
.bagon-timer-container {
    text-align: center;
    margin-top: 15px;
}
.woocommerce-form-login,
.woocommerce-form-register {
    border: 0px solid #fbd38d5e !important;
    padding: 20px;
    border-radius: 5px;
    /* margin: 0em 10px !important; */
	/* box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.75) !important; */
}
.google-login-center {
    display: flex;
    justify-content: center;
    width: 100%;
}
#bagon-timer {
    background: #f1f1f1;
    border: 0px solid #ddd;
    padding: 10px;
    border-radius: 4px;
    color: #555;
    font-size: 16px;
    font-family: var(--main-font-family); /* ИЗМЕНЕНИЕ */
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .bagon-google-button {
        width: 100% !important;
        margin-left: 0;
        margin-bottom: 10px;
    }
}

/* Дополнительные стили для кастомизации через шорткод */
.bagon-google-button.small {
    padding: 6px;
}

.bagon-google-button.small img {
    height: 30px !important;
}

.bagon-google-button.small .google-text-wrapper span {
    font-size: 12px;
}

.bagon-google-button.large {
    padding: 14px;
}

.bagon-google-button.large img {
    height: 50px !important;
}

.bagon-google-button.large .google-text-wrapper span {
    font-size: 16px;
}

.bagon-google-button.dark {
    background-color: #9c9c9c30;
    border-color: #4285F4;
}

.bagon-google-button.dark .google-text-wrapper span {
    color: #ffffff;
}

.bagon-google-button.dark:hover {
    background-color: #3367D6;
}

/* Стили для заблокированной кнопки */
.bagon-google-button.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.bagon-google-button.disabled:hover {
    background-color: #ffffff;
    box-shadow: none;
}