/* 1. ФОН ТА ЦЕНТРУВАННЯ САЙТУ */
body:not(.wp-admin):not(.admin-bar) {
    background-color: #1a2b3c !important; 
    overflow-x: hidden;
}

.site {
    margin: 0 auto !important;
    max-width: 1400px !important; 
    float: none !important;
    background-color: #ffffff !important; 
    box-shadow: 0 0 40px rgba(0,0,0,0.5); 
}

/* 2. ШАПКА (HEADER) */
.site-header {
    max-width: 1400px !important;
    margin: 0 auto !important;
}

/* 3. КОНТЕНТ ДЛЯ ВЕЛИКИХ ЕКРАНІВ */
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content,
.comments-area {
    max-width: 1000px !important; 
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 4. ВИПРАВЛЕННЯ ДЛЯ МОБІЛЬНИХ */
@media screen and (max-width: 768px) {
    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .page-content {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    .site-content .entry-content img {
        max-width: 100% !important;
        margin: 10px 0 !important;
    }
    
    body {
        background-color: #ffffff !important;
    }
}

/* 5. ФІКС ДЛЯ РЕДАКТОРА */
.editor-styles-wrapper, 
.block-editor-writing-flow, 
#tinymce {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* 6. КНОПКИ CTA (додаємо в кінець) */
.wp-block-button__link,
.wp-block-jetpack-contact-form .wp-block-button__link,
input[type="submit"].wp-block-button__link {
    background-color: #1a2b3c !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 12px 24px !important;
    transition: all 0.3s ease !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}

.wp-block-button__link:hover,
.wp-block-jetpack-contact-form .wp-block-button__link:hover,
input[type="submit"].wp-block-button__link:hover {
    background-color: #2b3d4f !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}