/* =RNEWS.PL Logo Styles
-------------------------------------------------------------- */
.rnews-logo {
    display: flex;
    align-items: center;
    width: 320px; 
    height: 80px;
    position: relative;
    text-decoration: none !important;
}

.rnews-logo svg {
    width: 100%;
    height: 100%;
    display: block;
    overflow: visible;
}

/* Базові центри для трансформацій */
.rnews-fill-anim {
    transform-box: fill-box;
    transform-origin: bottom left;
}

.rnews-diamond-anim {
    transform-box: fill-box;
    transform-origin: center center;
}

.rnews-hover-diamond {
    transform-origin: 300px 49px; 
}

/* Плавність для ховер-ефектів */
.rnews-hover-cube, 
.rnews-text-anim, 
.rnews-hover-diamond {
    transition: all 0.3s ease;
}

/* =========================================================
   ХОВЕР-ЕФЕКТИ (ПРАЦЮЮТЬ НА ВСІХ СТОРІНКАХ)
========================================================= */
.rnews-logo:hover .rnews-hover-cube {
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.4)) brightness(1.15);
}

.rnews-logo:hover .rnews-text-anim {
    fill: #BE191E !important;
}

/* ДОДАНО: Ефект припіднімання (translateY) та обертання діаманта */
.rnews-logo:hover .rnews-hover-diamond {
    transform: translateY(-5px) rotate(90deg) scale(1.25) !important;
    filter: brightness(1.2);
}

/* =========================================================
   МОБІЛЬНА ВЕРСІЯ 
========================================================= */
@media (max-width: 1024px) {
    .rnews-logo {
        width: 250px; 
        height: 60px;
    }
    
    .rnews-logo:active {
        transform: scale(0.97);
    }
    
    /* ОСЬ ЦЕЙ ПАРАМЕТР РУХАЄ ДІАМАНТ НА МОБІЛЬНОМУ */
    .rnews-hover-diamond {
        /* Збільшуй цифру (наприклад -20px, -25px), щоб посунути ближче до тексту */
        transform: translateX(-18px) !important;
    }
    
    /* Зберігаємо ефект підняття при тапі на мобільному, враховуючи зсув */
    .rnews-logo:hover .rnews-hover-diamond,
    .rnews-logo:active .rnews-hover-diamond {
        transform: translateX(-18px) translateY(-5px) rotate(90deg) scale(1.25) !important;
    }
}