/* Інтеграція кастомних блоків з темою Blocksy */

/* Використовуємо CSS змінні теми для всіх кастомних блоків */
:root {
    --blocks-primary: var(--theme-palette-color-1, #013040);
    --blocks-secondary: var(--theme-palette-color-3, #41b6d7);
    --blocks-background: var(--theme-palette-color-8, #f8f9fb);
    --blocks-text: var(--theme-text-color, #333);
    --blocks-card-bg: var(--theme-background-color, white);
}

/* FAQ блок - низька специфічність для кастомайзера */
.wp-block-custom-faq-accordion .faq-item {
    background-color: var(--blocks-background) !important;
}

.wp-block-custom-faq-accordion .faq-question {
    color: var(--blocks-text) !important;
}

.wp-block-custom-faq-accordion .faq-question:hover {
    color: var(--blocks-secondary) !important;
}

/* Відгуки - низька специфічність для кастомайзера */
.wp-block-reviews .review-card {
    background: var(--blocks-card-bg) !important;
    color: var(--blocks-text) !important;
}

.wp-block-reviews .reviews-header h2 {
    color: var(--blocks-primary) !important;
}

/* Дозволяємо кастомайзеру перевизначати кольори */
.has-theme-palette-color-1-color { color: var(--theme-palette-color-1) !important; }
.has-theme-palette-color-1-background-color { background-color: var(--theme-palette-color-1) !important; }
.has-theme-palette-color-3-color { color: var(--theme-palette-color-3) !important; }
.has-theme-palette-color-3-background-color { background-color: var(--theme-palette-color-3) !important; }
.has-theme-palette-color-8-color { color: var(--theme-palette-color-8) !important; }
.has-theme-palette-color-8-background-color { background-color: var(--theme-palette-color-8) !important; }

/* Респонсивність з урахуванням налаштувань теми */
@media (max-width: 768px) {
    .faq-accordion .faq-question {
        font-size: var(--theme-mobile-font-size, 14px) !important;
    }
    
    .reviews-section .reviews-header h2 {
        font-size: var(--theme-mobile-heading-size, 24px) !important;
    }
}