/**
 * Базовые стили плагина для фронтенда
 *
 * CSS-переменные задаются динамически через wp_add_inline_style.
 * Этот файл содержит минимальные структурные стили.
 * Стили навигации для Woodmart вынесены в class-wac-woodmart.php
 * чтобы не конфликтовать с flex-макетом темы.
 */

/* === Иконки === */
.wac-tab-icon {
    color: var(--wac-icon-color, #666666);
    font-size: var(--wac-icon-size, 18px);
    width: var(--wac-icon-size, 18px);
    height: var(--wac-icon-size, 18px);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.wac-tab-icon-svg svg {
    width: var(--wac-icon-size, 18px);
    height: var(--wac-icon-size, 18px);
    fill: currentColor;
}

.wac-tab-label {
    flex: 1;
}

/* === Мобильная кнопка-тоггл === */
.wac-mobile-toggle {
    display: none;
    width: 100%;
    padding: 12px 16px;
    background: var(--wac-menu-bg, #ffffff);
    color: var(--wac-menu-text, #333);
    border: 1px solid var(--wac-border-color, #e0e0e0);
    border-radius: var(--wac-border-radius, 4px);
    cursor: pointer;
    font-size: 14px;
    text-align: left;
    align-items: center;
    gap: 8px;
}

.wac-mobile-toggle .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

/* === Приветственный блок дашборда === */
.wac-dashboard-welcome {
    margin-bottom: 24px;
    padding: 20px;
    background: var(--wac-content-bg, #ffffff);
    border-radius: var(--wac-content-radius, 4px);
    border: 1px solid #e0e0e0;
}

.wac-dashboard-welcome:empty {
    display: none;
}

/* === Кастомный контент вкладки === */
.wac-custom-tab-content {
    min-height: 100px;
}

/* === Состояния для предпросмотра (postMessage) === */
.wac-preview-state-hover .woocommerce-MyAccount-navigation ul li:first-child a {
    background-color: var(--wac-menu-bg-hover, #f5f5f5);
    color: var(--wac-menu-text-hover, #111111);
}

.wac-preview-state-active .woocommerce-MyAccount-navigation ul li:first-child a {
    background-color: var(--wac-menu-bg-active, #eeeeee);
    color: var(--wac-menu-text-active, #000000);
}

/* === Режим предпросмотра === */
.wac-preview-mode {
    padding-top: 0;
}

.wac-preview-mode #wpadminbar {
    display: none;
}