/**
 * Styles for JBZoo Item Module "Show All" overlay
 */

/* Родительский контейнер для последнего элемента */
[id^="jbmodule-uikit3-"] .uk-grid > .tm-product-card.is-last-item {
    position: relative;
}

/* Ссылка-оверлей, которая видна по умолчанию */
[id^="jbmodule-uikit3-"] .uk-grid > .tm-product-card.is-last-item .show-all-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 1); /* Полупрозрачный белый фон */
    z-index: 2; /* Поверх контента карточки */
    text-decoration: none;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Стили текста и иконки внутри оверлея */
[id^="jbmodule-uikit3-"] .uk-grid > .tm-product-card.is-last-item .show-all-overlay-content {
    color: var(--primary-color, #036070);
    font-weight: 600; /* SemiBold */
    font-size: 1.125rem; /* 18px */
    display: flex;
    align-items: center;
    gap: 0.5em;
}

/* Иконка */
[id^="jbmodule-uikit3-"] .uk-grid > .tm-product-card.is-last-item .show-all-overlay-content span[uk-icon] {
    transition: transform 0.3s ease;
}

/* Эффект при наведении на оверлей */
[id^="jbmodule-uikit3-"] .uk-grid > .tm-product-card.is-last-item .show-all-overlay:hover {
    background-color: rgba(255, 255, 255, 0.98);
}

[id^="jbmodule-uikit3-"] .uk-grid > .tm-product-card.is-last-item .show-all-overlay:hover .show-all-overlay-content {
    color: var(--secondary-color, #ff5900);
}

[id^="jbmodule-uikit3-"] .uk-grid > .tm-product-card.is-last-item .show-all-overlay:hover .show-all-overlay-content span[uk-icon] {
    transform: translateX(4px);
}