/* ============================================================
   RIDER HEADER + LOGO
   ============================================================ */

.header.container-header {
    background: #D7CCC8;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.navbar-brand img {
    height: 100px;
    max-height: 120px;
    width: auto !important;
    object-fit: contain;
}

/* Контейнер для логотипа */
.navbar-brand .brand-logo {
    position: relative;
    display: inline-block;
}

/* Сам логотип с 3D вращением */
.navbar-brand .brand-logo img {
    display: inline-block;
    animation: riderCoin3D 6s ease-in-out infinite;
    transform-origin: center center;
}

/* Блеск по краю монеты */
.navbar-brand .brand-logo::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.25), rgba(255,255,255,0) 60%);
    opacity: 0;
    transition: opacity .4s ease, transform .4s ease;
    pointer-events: none;
}

/* Блеск появляется и слегка смещается при наведении */
.navbar-brand .brand-logo:hover::after {
    opacity: 1;
    transform: rotate(20deg) scale(1.05);
}

/* 3D вращение монеты */
@keyframes riderCoin3D {
    0%   { transform: rotateY(0deg); }
    8%   { transform: rotateY(360deg); }
    100% { transform: rotateY(360deg); }
}