/* ============================================
   Дополнительные стили для landing page
   (основные стили — Tailwind utility classes)
   ============================================ */

html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ---------- Плавная прокрутка с учётом шапки ---------- */
section[id] {
    scroll-margin-top: 80px;
}

/* ---------- Фото-плейсхолдеры ---------- */
/* Когда файл фото не найден, img скрывается через onerror,
   а родительский .photo-slot получает класс .photo-placeholder
   и показывает контент-плейсхолдер */
.photo-slot {
    background-color: #f1f8f3;
    background-image:
        linear-gradient(135deg, #dceee1 25%, transparent 25%),
        linear-gradient(225deg, #dceee1 25%, transparent 25%),
        linear-gradient(45deg, #dceee1 25%, transparent 25%),
        linear-gradient(315deg, #dceee1 25%, #f1f8f3 25%);
    background-position: 10px 0, 10px 0, 0 0, 0 0;
    background-size: 20px 20px;
    background-repeat: repeat;
}

.photo-slot.photo-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1.5rem;
}

.photo-placeholder-content {
    color: #2d6a4a;
}

.photo-placeholder-content svg {
    opacity: 0.7;
}

/* Если фото загрузилось — скрываем плейсхолдер */
.photo-slot:not(.photo-placeholder) .photo-placeholder-content {
    display: none;
}

/* ---------- Анимация плавающего бейджа ---------- */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

.floating-badge {
    animation: float 4s ease-in-out infinite;
}

/* ---------- Улучшения фокуса для доступности ---------- */
*:focus-visible {
    outline: 2px solid #c9a961;
    outline-offset: 2px;
}

/* ---------- Селекция текста в фирменных цветах ---------- */
::selection {
    background-color: #2d6a4a;
    color: #ffffff;
}

/* ---------- Печать: убираем лишнее ---------- */
@media print {
    header, footer, #contact form, .no-print {
        display: none !important;
    }
}