/**
 * 地址选择器暗黑模式适配
 * 适配zibll主题的暗黑模式
 */

/* ========== 主输入框和显示框 ========== */

/* 地址显示框 - 暗黑模式 */
body.dark-theme .address-display {
    background-color: var(--main-bg-color, #323335) !important;
    color: var(--main-color, #e5eef7) !important;
    border: 1px solid rgba(184, 184, 184, 0.3) !important;
}

/* 地址显示框聚焦状态 - 暗黑模式 */
body.dark-theme .address-display:focus {
    border-color: var(--focus-color, var(--theme-color, #f04494)) !important;
    background-color: var(--main-bg-color, #323335) !important;
    color: var(--main-color, #e5eef7) !important;
}

/* 地址显示框占位符 - 暗黑模式 */
body.dark-theme .address-display::placeholder {
    color: var(--muted-color, #b4b6bb) !important;
    opacity: 0.8;
}

/* 下拉图标 - 暗黑模式 */
body.dark-theme .address-picker-icon {
    color: var(--muted-color, #b4b6bb) !important;
}

/* 详细地址输入框 - 暗黑模式 */
body.dark-theme .address-detail-input {
    background-color: var(--main-bg-color, #323335) !important;
    color: var(--main-color, #e5eef7) !important;
    border: 1px solid rgba(184, 184, 184, 0.3) !important;
}

/* 详细地址输入框聚焦 - 暗黑模式 */
body.dark-theme .address-detail-input:focus {
    border-color: var(--focus-color, var(--theme-color, #f04494)) !important;
    background-color: var(--main-bg-color, #323335) !important;
    color: var(--main-color, #e5eef7) !important;
}

/* 详细地址占位符 - 暗黑模式 */
body.dark-theme .address-detail-input::placeholder {
    color: var(--muted-color, #b4b6bb) !important;
    opacity: 0.8;
}

/* ========== 模态框样式 ========== */

/* 模态框背景遮罩 - 暗黑模式 */
body.dark-theme .address-modal-backdrop {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* 模态框主体 - 暗黑模式 */
body.dark-theme .address-modal-dialog {
    background-color: var(--main-bg-color, #323335) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 10px 10px -5px rgba(0, 0, 0, 0.2) !important;
}

/* 模态框头部 - 暗黑模式 */
body.dark-theme .address-modal-header {
    border-bottom: 1px solid rgba(184, 184, 184, 0.2) !important;
}

/* 模态框标题 - 暗黑模式 */
body.dark-theme .address-modal-title {
    color: var(--main-color, #e5eef7) !important;
}

/* 关闭按钮 - 暗黑模式 */
body.dark-theme .address-modal-close {
    color: var(--muted-color, #b4b6bb) !important;
}

body.dark-theme .address-modal-close:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--main-color, #e5eef7) !important;
}

/* 模态框底部 - 暗黑模式 */
body.dark-theme .address-modal-footer {
    border-top: 1px solid rgba(184, 184, 184, 0.2) !important;
}

/* ========== 地址选择Tab ========== */

/* Tab容器 - 暗黑模式 */
body.dark-theme .address-tabs {
    border-bottom: 1px solid rgba(184, 184, 184, 0.2) !important;
}

/* Tab项 - 暗黑模式 */
body.dark-theme .address-tab {
    color: var(--muted-color, #b4b6bb) !important;
}

body.dark-theme .address-tab:hover {
    color: var(--main-color, #e5eef7) !important;
}

/* 激活的Tab - 暗黑模式 */
body.dark-theme .address-tab.active {
    color: var(--focus-color, var(--theme-color, #f04494)) !important;
}

body.dark-theme .address-tab.active::after {
    background-color: var(--focus-color, var(--theme-color, #f04494)) !important;
}

/* ========== 地址列表项 ========== */

/* 地址选项 - 暗黑模式 */
body.dark-theme .address-item {
    background-color: var(--muted-bg-color, #2d2e31) !important;
    color: var(--main-color, #e5eef7) !important;
    border: 1px solid rgba(184, 184, 184, 0.2) !important;
}

/* 地址选项悬停 - 暗黑模式 */
body.dark-theme .address-item:hover {
    background-color: rgba(240, 68, 148, 0.1) !important;
    border-color: rgba(240, 68, 148, 0.3) !important;
}

/* 选中的地址项 - 暗黑模式 */
body.dark-theme .address-item.selected {
    background-color: var(--focus-color, var(--theme-color, #f04494)) !important;
    color: #fff !important;
    border-color: var(--focus-color, var(--theme-color, #f04494)) !important;
}

/* ========== 按钮样式 ========== */

/* 确认按钮 - 暗黑模式 */
body.dark-theme .address-btn-primary {
    background-color: var(--focus-color, var(--theme-color, #f04494)) !important;
    color: #fff !important;
    border: none !important;
}

body.dark-theme .address-btn-primary:hover {
    opacity: 0.85;
}

/* 取消按钮 - 暗黑模式 */
body.dark-theme .address-btn-secondary {
    background-color: rgba(184, 184, 184, 0.2) !important;
    color: var(--main-color, #e5eef7) !important;
    border: 1px solid rgba(184, 184, 184, 0.3) !important;
}

body.dark-theme .address-btn-secondary:hover {
    background-color: rgba(184, 184, 184, 0.3) !important;
    border-color: rgba(184, 184, 184, 0.4) !important;
}

/* ========== 滚动条美化 ========== */

/* 暗黑模式滚动条 */
body.dark-theme .address-list::-webkit-scrollbar,
body.dark-theme .address-modal-body::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

body.dark-theme .address-list::-webkit-scrollbar-track,
body.dark-theme .address-modal-body::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
}

body.dark-theme .address-list::-webkit-scrollbar-thumb,
body.dark-theme .address-modal-body::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
}

body.dark-theme .address-list::-webkit-scrollbar-thumb:hover,
body.dark-theme .address-modal-body::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* ========== 加载状态 ========== */

/* 加载中文字 - 暗黑模式 */
body.dark-theme .address-loading {
    color: var(--muted-color, #b4b6bb) !important;
}

/* 无数据提示 - 暗黑模式 */
body.dark-theme .address-empty {
    color: var(--muted-color, #b4b6bb) !important;
}

/* ========== 字段标签和帮助文本 ========== */

/* 字段标签 - 暗黑模式 */
body.dark-theme .field-label {
    color: var(--main-color, #e5eef7) !important;
}

/* 帮助文本 - 暗黑模式 */
body.dark-theme .field-help-text {
    color: var(--muted-color, #b4b6bb) !important;
}

/* ========== 特殊处理移动端 ========== */

/* 移动端模态框背景 - 暗黑模式 */
@media (max-width: 767px) {
    body.dark-theme .address-modal-dialog {
        background-color: var(--main-bg-color, #323335) !important;
    }
}

/* ========== 过渡动画优化 ========== */

/* 确保暗黑模式切换时有平滑过渡 */
body.dark-theme .address-display,
body.dark-theme .address-detail-input,
body.dark-theme .address-modal-dialog,
body.dark-theme .address-item,
body.dark-theme .address-tab,
body.dark-theme .address-btn-primary,
body.dark-theme .address-btn-secondary {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}