/**
 * WTP Hooks Style
 * Дополнительные стили для системы хуков
 * Версия: 2.2.0
 */

/* Базовые стили для hook триггеров */
.wtp-hook-trigger {
    position: relative;
    display: inline-block;
    cursor: help;
}

.wtp-hook-trigger.wtp-click-trigger {
    cursor: pointer;
}

.wtp-hook-trigger.wtp-load-trigger {
    cursor: default;
}

/* Стили для автоматических подсказок */
.wtp-auto-tooltip {
    position: relative;
}

.wtp-auto-tooltip:hover {
    z-index: 1000;
}

/* Стили для selector подсказок */
.wtp-selector-tooltip {
    position: relative;
}

/* Индикатор загрузки для hook элементов */
.wtp-hook-loading {
    opacity: 0.6;
    pointer-events: none;
}

.wtp-hook-loading::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border: 2px solid #0073aa;
    border-radius: 50%;
    border-top-color: transparent;
    animation: wtpSpin 1s linear infinite;
}

@keyframes wtpSpin {
    to { transform: rotate(360deg); }
}

/* Стили для hook контейнеров */
.wtp-hook-container {
    position: relative;
}

.wtp-hook-wrapper {
    display: inline-block;
    position: relative;
}

/* Responsive стили */
@media (max-width: 768px) {
    .wtp-hook-trigger {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
}

/* Accessibility */
.wtp-hook-trigger:focus {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
}

/* RTL поддержка */
.rtl .wtp-hook-trigger {
    direction: rtl;
}

/* Print стили */
@media print {
    .wtp-hook-trigger,
    .wtp-auto-tooltip,
    .wtp-selector-tooltip {
        display: none !important;
    }
}