/* ============================================================
   Prompt Button Plugin — стили фронта
   Интегрирован с палитрой темы Community (main.css).
   Фиолетовый акцент #9932cc — визуальная метка «спойлер»,
   отличная от основной зелёной палитры темы.
   ============================================================ */

/* Контейнер */
.prompt-container {
    margin: 15px 0 30px;
    text-align: center;
    border-radius: 1rem !important;
}

/* ============================================================
   Кнопка «Показать промпт» — фиолетовый акцент
   ============================================================ */
.prompt-show-btn {
    width: 100%;
    color: inherit;
    border: 1px solid #9932cc;
    border-radius: 4px;
    font-size: 14px;
    font-family: inherit;
    transition: background-color 0.2s, opacity 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 0;
    gap: 8px;
    padding: 8px 12px;
    background-color: rgba(153, 50, 204, 0.12);
    cursor: pointer;
    min-height: 5rem;
    text-align: center;
}

.prompt-show-btn:hover {
    background-color: transparent;
    background-image: none;
    opacity: 0.5;
}

/* ============================================================
   Блок «Нет подписки» — красный акцент
   ============================================================ */
.block-private {
    margin: 15px 0 30px;
    width: 100%;
    color: inherit;
    border: 1px solid #f3374d;
    border-radius: 1rem !important;
    font-size: 14px;
    font-family: inherit;
    transition: background-color 0.2s, opacity 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 0;
    gap: 8px;
    padding: 8px 12px;
    background-color: rgba(255, 59, 59, 0.15);
    cursor: pointer;
    min-height: 5rem;
    text-align: center;
}

.block-private:hover {
    background-color: transparent;
    background-image: none;
    opacity: 0.5;
}

a.block-private__link {
    color: inherit;
    text-decoration: none;
}

/* ============================================================
   Раскрытый контент
   ============================================================ */
.prompt-content {
    border: 1px solid #9932cc;
    padding: 15px;
    margin-top: 10px;
    text-align: left;
    background-color: rgba(199, 227, 255, 0.07);
    opacity: 0;
    animation: ani 2.5s forwards;
}

@keyframes ani {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

.prompt-text {
    margin-bottom: 15px;
}

.prompt-actions {
    text-align: center;
}

/* ============================================================
   Кнопка «Копировать» — палитра темы Community
   ============================================================ */
.prompt-copy-btn {
    background-color: var(--primary-color, #007a45);
    color: var(--primary-btn-text, #ffffff);
    border: none;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    font-family: inherit;
    transition: background-color 0.2s, transform 0.1s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1.4;
}

.prompt-copy-btn:hover {
    background-color: var(--primary-hover, #005f35);
}

.prompt-copy-btn:active {
    transform: scale(0.98);
}

.prompt-copy-btn svg {
    flex-shrink: 0;
}

.prompt-copy-btn.copied {
    background-color: var(--success-color, #46b450);
}

/* ============================================================
   Иконки — SVG в data-URI
   ============================================================ */
.btn-icon {
    width: 1.2em;
    height: 1.2em;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M12 16q1.875 0 3.188-1.312T16.5 11.5q0-1.875-1.312-3.187T12 7q-1.875 0-3.187 1.313T7.5 11.5q0 1.875 1.313 3.188T12 16m0-1.8q-1.125 0-1.912-.788T9.3 11.5q0-1.125.788-1.912T12 8.8q1.125 0 1.913.788T14.7 11.5q0 1.125-.787 1.913T12 14.2m0 4.8q-3.65 0-6.65-2.037T1 11.5q1.35-3.425 4.35-5.462T12 4q3.65 0 6.65 2.038T23 11.5q-1.35 3.425-4.35 5.463T12 19m0-2q2.825 0 5.188-1.487T20.8 11.5q-1.25-2.525-3.613-4.012T12 6Q9.175 6 6.813 7.488T3.2 11.5q1.25 2.525 3.613 4.013T12 17'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.btn-icon__private {
    width: 1.2em;
    height: 1.2em;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' width='1em' height='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23f3374d' d='m16.1 13.3l-1.45-1.45q.225-1.175-.675-2.2t-2.325-.8L10.2 7.4q.425-.2.863-.3T12 7q1.875 0 3.188 1.313T16.5 11.5q0 .5-.1.938t-.3.862m3.2 3.15l-1.45-1.4q.95-.725 1.688-1.587T20.8 11.5q-1.25-2.525-3.588-4.012T12 6q-.725 0-1.425.1T9.2 6.4L7.65 4.85q1.025-.425 2.1-.638T12 4q3.775 0 6.725 2.087T23 11.5q-.575 1.475-1.513 2.738T19.3 16.45m.5 6.15l-4.2-4.15q-.875.275-1.762.413T12 19q-3.775 0-6.725-2.087T1 11.5q.525-1.325 1.325-2.463T4.15 7L1.4 4.2l1.4-1.4l18.4 18.4zM5.55 8.4q-.725.65-1.325 1.425T3.2 11.5q1.25 2.525 3.588 4.013T12 17q.5 0 .975-.062t.975-.138l-.9-.95q-.275.075-.525.113T12 16q-1.875 0-3.188-1.312T7.5 11.5q0-.275.038-.525t.112-.525zm4.2 4.2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* ============================================================
   Мобильные — переносы
   ============================================================ */
@media (max-width: 767.98px) {
    .block-private p {
        -webkit-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
    }
}