/* ==========================================================================
   Кнопка "Boss Crystal" для редактора WordPress
   - Gutenberg: блок "Кнопка" → стиль "Boss Crystal"
   - Класичний редактор: посилання з класом .bc-btn
   Однакова на ПК та мобільних. Розрахована на темний фон.
   ========================================================================== */

body a.bc-btn,
body button.bc-btn,
.wp-block-button.is-style-bc-outline .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 220px;
    min-height: 52px;
    padding: 12.79px 19.18px;
    background: transparent;
    border: 0.6px solid #929292;
    border-radius: 3.2px;
    box-shadow: none;
    opacity: 1;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 14px;
    line-height: 15.99px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    transition: border-color .2s ease, color .2s ease;
}

body a.bc-btn:hover,
body a.bc-btn:focus,
body button.bc-btn:hover,
body button.bc-btn:focus,
.wp-block-button.is-style-bc-outline .wp-block-button__link:hover,
.wp-block-button.is-style-bc-outline .wp-block-button__link:focus {
    border-color: #000;
    color: #000;
    text-decoration: none;
}

body a.bc-btn:focus-visible,
body button.bc-btn:focus-visible,
.wp-block-button.is-style-bc-outline .wp-block-button__link:focus-visible {
    outline: 2px solid #DBD8D8;
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    body a.bc-btn,
    body button.bc-btn,
    .wp-block-button.is-style-bc-outline .wp-block-button__link {
        transition: none;
    }
}


/* ==========================================================================
   Шорткод [bc_more]...[/bc_more] — кнопка, що показує / ховає текст
   ========================================================================== */

.bc-more__content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .4s ease;
}
.bc-more__inner {
    min-height: 0;
    overflow: hidden;
    visibility: hidden; /* у згорнутому стані посилання всередині не фокусуються */
    transition: visibility 0s linear .4s;
}
.bc-more__inner > :last-child {
    margin-bottom: 0;
}
.bc-more.is-open .bc-more__content {
    grid-template-rows: 1fr;
}
.bc-more.is-open .bc-more__inner {
    visibility: visible;
    transition-delay: 0s;
}

.bc-more .bc-more__btn {
    margin: 2px 0 0;
}
.bc-more_left   { text-align: left; }
.bc-more_center { text-align: center; }
.bc-more_right  { text-align: right; }

@media (prefers-reduced-motion: reduce) {
    .bc-more__content,
    .bc-more__inner {
        transition: none;
    }
}

@media (min-width: 768px) {
body a.bc-btn,
body button.bc-btn,
.wp-block-button.is-style-bc-outline .wp-block-button__link {
    font-size: 18px;
    min-width: 274px;
    min-height: 64px;
	}
	body button.bc-btn:hover:hover {
	    background-color: #000;
	    color: #fff;
	}
		body button.bc-btn:hover:focus {
	    background-color: #000;
	    color: #fff;
	}
}