/* ==========================================================================
   БАЗОВЫЕ СТИЛИ — сброс и глобальные элементы
   ========================================================================== */

html {
    scrollbar-width: none;
}

html::-webkit-scrollbar {
    display: none;
}

body {
    margin: 0;
    font-family: var(--trds-font-primary);
    font-size: var(--trds-fs-base);
    line-height: var(--trds-lh-normal);
    color: var(--trds-text-primary);
    overflow-y: visible !important;
}

button,
input,
select,
textarea {
    font-family: var(--trds-font-primary);
}

p {
    margin-bottom: 0;
}

.col {
    padding: 0 !important;
}

/* ==========================================================================
   УТИЛИТЫ
   ========================================================================== */

.element-with-scrollbar {
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.element-with-scrollbar::-webkit-scrollbar {
    display: none;
}

.grecaptcha-badge {
    visibility: hidden;
}

/* ==========================================================================
   ВЫРАВНИВАНИЕ ИЗОБРАЖЕНИЙ (WordPress core alignright/alignleft)
   ========================================================================== */

/*
   Ограничиваем ширину плавающих figure внутри колонки контента,
   чтобы они не выходили за пределы grid-колонки и не смещались
   визуально при прокрутке рядом с липким сайдбаром.
*/
.site-main figure.alignright,
.site-main figure.alignleft {
    max-width: 50%;
}

.site-main figure.alignright {
    float: right;
    margin: 0 0 var(--trds-space-md) var(--trds-space-lg);
}

.site-main figure.alignleft {
    float: left;
    margin: 0 var(--trds-space-lg) var(--trds-space-md) 0;
}

.site-main figure.alignright img,
.site-main figure.alignleft img {
    max-width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 480px) {
    .site-main figure.alignright,
    .site-main figure.alignleft {
        float: none;
        max-width: 100%;
        margin: 0 0 var(--trds-space-md) 0;
    }
}

/* ==========================================================================
   АНИМАЦИИ
   ========================================================================== */

@keyframes slideDown {
    from {
        transform: translateY(-10%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}