/**
 * Базовые стили публичного профиля
 * Не редактировать без необходимости!
 */

/* Импорт переменных (относительный путь для работы с asset()) */
@import url('./_variables.css');

/* Базовые стили body */
body {
    min-height: 100vh;
    transition: background 0.6s ease;
}

/* Canvas для частиц */
#particles-js {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: var(--particles-opacity, 0.7);
    transition: opacity 0.5s ease;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.12);
    border-radius: 999px;
}
::-webkit-scrollbar-track {
    background: rgba(255,255,255,.04);
}

/* Значок верификации */
.verified-badge {
    width: calc(1.5rem * var(--verified-badge-size) / 100);
    height: calc(1.5rem * var(--verified-badge-size) / 100);
    transform: translate(var(--verified-badge-x), var(--verified-badge-y));
    align-self: flex-start;
}
.verified-badge svg {
    width: calc(0.875rem * var(--verified-badge-size) / 100);
    height: calc(0.875rem * var(--verified-badge-size) / 100);
}

/* Контактные ссылки */
.contact-link {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.contact-link-tel {
    font-size: 0.75rem;
    line-height: 1rem;
}

/* Мобильная плашка */
#mobileFloatingBar {
    padding-top: env(safe-area-inset-top, 0);
}

/* Анимация значков достижений */
.achievement-badge {
    transition: transform 0.2s, box-shadow 0.2s;
}
.achievement-badge:hover {
    transform: translateY(-2px) scale(1.05);
}

/* Сетка фотографий */
.photo-grid {
    display: grid;
    gap: 4px;
}
.photo-grid.photos-1 { grid-template-columns: 1fr; }
.photo-grid.photos-2 { grid-template-columns: repeat(2, 1fr); }
.photo-grid.photos-3 { grid-template-columns: repeat(3, 1fr); }
.photo-grid.photos-4 { grid-template-columns: repeat(2, 1fr); }
.photo-grid img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    cursor: pointer;
    transition: opacity 0.2s;
}
.photo-grid img:hover { opacity: 0.9; }
.photo-grid.photos-1 img { height: 400px; }

/* Кнопка лайка */
.like-btn.liked { color: #ef4444; }
.like-btn.liked svg { fill: currentColor; }

/* Скрытый текст (спойлер) */
.spoiler { user-select: none; }
.spoiler.revealed {
    background: transparent !important;
    color: inherit !important;
}

/* Контент постов */
.post-content p { margin-bottom: 0.75rem; }
.post-content p:last-child { margin-bottom: 0; }

/* Кнопки редактора */
.editor-btn {
    padding: 0.375rem 0.5rem;
    border-radius: 0.375rem;
    transition: background 0.15s;
}
.editor-btn:hover {
    background: rgba(255,255,255,0.1);
}

/* Чекбоксы в блоке «Открыто для сообщества» */
.community-checkbox {
    accent-color: rgb(52 211 153);
}

/* Плавная анимация названия темы */
#currentThemeName {
    transition: opacity 0.15s ease;
}