/* Скасовує чорно-білий ефект на всіх елементах */
* {
    mix-blend-mode: normal !important;
}

/* Посилання */
a {
    color: black;
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #ff7a00;
}

/* Кнопки (усі типи, включно з Bootstrap) */
button,
.wp-block-button__link,
.btn-primary {
    --bs-btn-bg: #fff !important;
    --bs-btn-border-color: #ff7a00 !important;
    --bs-btn-color: #ff7a00 !important;
    --bs-btn-hover-bg: #000 !important;
    --bs-btn-hover-border-color: #000 !important;
    --bs-btn-hover-color: #ff7a00 !important;
    --bs-btn-active-bg: #000 !important;
    --bs-btn-active-border-color: #000 !important;
    --bs-btn-disabled-bg: #fff !important;
    --bs-btn-disabled-border-color: #ff7a00 !important;

    background-color: #fff !important;  /* Білий фон */
    color: #ff7a00 !important;          /* Помаранчевий текст */
    border: 2px solid #ff7a00 !important;
    border-radius: 6px;
    padding: 10px 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Ефект наведення: чорне тло + помаранчевий текст */
button:hover,
.wp-block-button__link:hover,
.btn-primary:hover {
    background-color: #000 !important;
    color: #ff7a00 !important;
    border-color: #000 !important;
}