/*
 Theme Name:   AdaPro AutoService Child Theme
 Description:  AdaPro AutoService Child Theme
 Author:       AdaPro
 Author URI:   https://adapro.ru/
 Template:     woodmart
 Version:      2.0.0
 Text Domain:  woodmart
*/

/* Theme customization starts here */

/*
Theme Name:   AdaPro AutoService Child
Template:     woodmart
*/

.product-custom-fields {
    margin-top: 10px;
    font-size: 14px;
    color: #555;
}

.product-custom-fields p {
    margin: 5px 0;
}

.product-custom-fields strong {
    font-weight: bold;
    color: #333;
}

/* Стили для элемента с подсказкой */
.tooltip-element {
    position: relative;
    display: inline-block; /* Для корректного позиционирования подсказки */
    cursor: default; /* Стандартный курсор для некликабельных элементов */
}

/* Переопределяем курсор для ссылок */
.tooltip-element a,
a.tooltip-element {
    cursor: pointer; /* Курсор для ссылок */
}

/* Стили для самой подсказки */
.tooltip-element:after {
    content: attr(data-tooltip); /* Текст подсказки из атрибута data-tooltip */
    position: absolute;
    top: -40px; /* Положение над элементом */
    left: 50%;
    transform: translateX(-50%) translateY(-10px); /* Начальное смещение для анимации */
    background: rgba(0, 0, 0, 0.8); /* Полупрозрачный тёмный фон */
    backdrop-filter: blur(4px); /* Блюр фона */
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
    z-index: 1000;
    white-space: nowrap;
    opacity: 0; /* Начальная прозрачность */
    visibility: hidden; /* Скрываем до наведения */
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; /* Плавный переход */
}

/* Стили для стрелки */
.tooltip-element:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.8); /* Цвет стрелки совпадает с фоном */
    z-index: 1000;
    opacity: 0; /* Начальная прозрачность */
    visibility: hidden; /* Скрываем до наведения */
    transition: opacity 0.3s ease, visibility 0.3s ease; /* Плавный переход */
}

/* Стили при наведении */
.tooltip-element:hover:after {
    opacity: 1; /* Появление подсказки */
    visibility: visible; /* Показываем */
    transform: translateX(-50%) translateY(0); /* Плавное движение вверх */
}

.tooltip-element:hover:before {
    opacity: 1; /* Появление стрелки */
    visibility: visible; /* Показываем */
}

/* Блюр, фон и рамка попапа */
.wd-popup.popup-quick-view {
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    background-color: rgba(140, 0, 36, 0.30) !important; /* #8C00024A с прозрачностью ~18% */
    border: 1px solid #EE0004 !important; /* Красная рамка 3px */
    border-radius: 12px !important;
}

/* Затемнение подложки (не влияет на контент) */
.popup-quick-view .wd-popup-overlay {
    background-color: rgba(0, 0, 0, 0.5) !important;
}


/* Улучшенная пульсация без влияния на layout */
.e-font-icon-svg.e-fas-circle {
    animation: safe-pulse 1.5s infinite ease-in-out;
}

@keyframes safe-pulse {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.2; /* Более плавное затемнение */
    }
    100% {
        opacity: 1;
    }
}