/* Робимо кнопку фірмовою навіть у прозорій шапці на сторінці Контакти */
.ast-theme-transparent-header .ast-custom-button,
#masthead .ast-custom-button {
border-radius: 8px !important;
border: none !important;
background-color: #ff6600 !important;
color: #ffffff !important;
font-weight: 700 !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
margin-right: 60px !important; /* Відсовує кнопку лівіше */
}
/* Ефект при наведенні */
.ast-theme-transparent-header .ast-custom-button:hover,
#masthead .ast-custom-button:hover {
background-color: #e65c00 !important;
transform: translateY(-2px) !important;
}
/* Робимо форму WPForms красивою для темного фону */
.wpforms-container .wpforms-field-label {
color: #ffffff !important; /* Робимо назви полів білими, щоб їх було видно */
font-weight: 600 !important;
}
.wpforms-container .wpforms-field input,
.wpforms-container .wpforms-field textarea {
background-color: rgba(255, 255, 255, 0.1) !important; /* Напівпрозорий темний фон полів */
color: #ffffff !important; /* Білий текст, коли клієнт друкує */
border: 1px solid rgba(255, 255, 255, 0.2) !important; /* Тонка світла рамка */
border-radius: 5px !important;
}
/* Ефект при кліку на поле */
.wpforms-container .wpforms-field input:focus,
.wpforms-container .wpforms-field textarea:focus {
border-color: #ff6600 !important; /* Помаранчева рамка активного поля */
outline: none !important;
background-color: rgba(255, 255, 255, 0.15) !important;
}
/* Фірмова кнопка відправки */
.wpforms-container .wpforms-submit {
background-color: #ff6600 !important; /* Наш помаранчевий */
color: #ffffff !important;
border: none !important;
border-radius: 8px !important;
font-weight: 700 !important;
padding: 15px 25px !important;
width: 100% !important; /* Розтягуємо кнопку на всю ширину */
font-size: 18px !important;
transition: 0.3s ease !important;
}
.wpforms-container .wpforms-submit:hover {
background-color: #e65c00 !important;
transform: translateY(-2px) !important;
}
/* Робимо текст біля галочок білим */
.wpforms-container .wpforms-field-checkbox li label {
color: #ffffff !important;
}
/* Забороняємо сайту вилазити за межі екрана (прибираємо білу смугу) */
html, body {
overflow-x: hidden !important;
width: 100% !important;
}
/* Робимо іконку меню (гамбургер) завжди білою */
.ast-mobile-menu-buttons .menu-toggle,
.ast-mobile-menu-buttons .menu-toggle svg {
color: #ffffff !important;
fill: #ffffff !important;
}
/* Обмежуємо ширину шапки на сторінці контактів, щоб логотип і кнопка не липли до країв */
.page-id-258 .ast-container,
.page-id-258 .main-header-bar {
max-width: 1240px !important; /* Така сама ширина, як на головній */
margin-left: auto !important;
margin-right: auto !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
/* Прибираємо зайві розтягування для всієї сторінки */
.page-id-258 .site-content .ast-container {
max-width: 1240px !important;
}
/* Прибираємо всі білі рамки шаблону Astra назавжди */
body, .site, .site-content, .ast-plain-container, .ast-separate-container .ast-article-single, .ast-separate-container .site-main {
background-color: #151515 !important;
background-image: none !important;
}