/* --- 1. СТИЛІ МОДАЛЬНОГО ВІКНА (Без змін) --- */
#cfContactModal {
    display: none; 
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.8) !important;
    z-index: 999999 !important;
    backdrop-filter: blur(5px);
}

.cf-modal-body {
    background: #fff !important;
    margin: 5vh auto !important; /* Відступ зверху */
    padding: 30px !important;
    max-width: 850px !important;
    width: 90% !important;
    border-radius: 15px;
    position: relative;
    color: #333 !important;
    max-height: 90vh;
    overflow-y: auto; /* Скрол, якщо форма висока */
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}

.cf-close {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 35px;
    cursor: pointer;
    color: #555;
    line-height: 1;
    z-index: 10;
    transition: color 0.2s;
}
.cf-close:hover { color: #000; }

/* --- 2. НОВІ СТИЛІ ПЛАВАЮЧОЇ КНОПКИ --- */
.floating-btn {
    position: fixed !important; /* Фіксована позиція */
    right: 30px !important;    /* Відступ справа */
    bottom: 30px !important;   /* Відступ знизу */
    width: 65px !important;    /* Ширина */
    height: 65px !important;   /* Висота */
    background-color: #28a745 !important; /* Зелений колір */
    color: white !important;   /* Колір іконки */
    border-radius: 50% !important; /* Ідеальне коло */
    border: none !important;
    box-shadow: 0 5px 15px rgba(40, 167, 69, 0.4) !important; /* Гарна тінь */
    cursor: pointer !important;
    z-index: 99990 !important; /* Поверх усього */
    /* Центрування іконки */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important; /* Плавна анімація */
    padding: 0 !important; /* Прибираємо внутрішні відступи */
}

/* Ефект при наведенні */
.floating-btn:hover {
    transform: scale(1.1) !important; /* Легке збільшення */
    background-color: #218838 !important; /* Темніший зелений */
    box-shadow: 0 8px 20px rgba(40, 167, 69, 0.6) !important;
}

/* Стиль іконки всередині */
.icon-envelope {
    font-size: 32px !important; /* Розмір іконки */
    line-height: 1 !important;
    display: block !important;
    margin: -15px 0 0 -15px !important;
    padding: 0 !important;
}

/* --- 3. СТИЛІ ФОРМИ --- */
#joomlaContactForm label { display: block; margin-top: 12px; font-weight: 600; font-size: 14px; color: #333; }
#joomlaContactForm input, 
#joomlaContactForm select, 
#joomlaContactForm textarea { 
    width: 100%; 
     
    border: 1px solid #ddd; 
    border-radius: 5px; 
    font-size: 14px;
    box-sizing: border-box; 
}
#joomlaContactForm textarea { resize: vertical; }
.submit-btn {
    width: 100%; 
    padding: 12px; 
    margin-top: 20px; 
    background: #28a745; 
    color: #fff; 
    border: none; 
    border-radius: 5px; 
    cursor: pointer; 
    font-weight: bold; 
    font-size: 16px;
    transition: background 0.2s;
}
.submit-btn:hover { background: #218838; }