/* ============================================================
 * header-actions.css
 * Иконки в .p2-actions (Поиск / Избранное / Сравнение / Корзина):
 *  - при hover пробегает световой блик;
 *  - элемент НЕ приподнимается, transform не меняется.
 * ============================================================ */

.p2-actions .p2-ic {
    position: relative;
    overflow: visible;
    transition: none !important;
    transform: none !important;
}

.p2-actions .p2-ic:hover,
.p2-actions .p2-ic:focus-visible {
    transform: none !important;
}

.p2-actions .p2-ic::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    z-index: 1;
    background-image: linear-gradient(
        115deg,
        transparent 30%,
        rgba(255, 255, 255, 0.55) 50%,
        transparent 70%
    );
    background-size: 250% 100%;
    background-repeat: no-repeat;
    background-position: 130% 0;
    transition: background-position .6s ease;
}

.p2-actions .p2-ic:hover::before,
.p2-actions .p2-ic:focus-visible::before {
    background-position: -130% 0;
}

.p2-actions .p2-ic > .p2-badge {
    z-index: 3;
}

@media (prefers-reduced-motion: reduce) {
    .p2-actions .p2-ic::before {
        transition: none;
        background-position: 130% 0;
    }
    .p2-actions .p2-ic:hover::before,
    .p2-actions .p2-ic:focus-visible::before {
        background-position: 130% 0;
    }
}

@media (hover: none) {
    .p2-actions .p2-ic::before {
        display: none;
    }
}