/* ============================================================
   喜味 后台/售货机 皮肤系统（body[data-skin]）
   默认：支付宝蓝；可选：酒红 / 爱马仕橙 / 微信绿
   选择器将皮肤主色应用到 SmartAdmin 关键界面元素。
   ============================================================ */

:root {
    --skin: #1677ff;
    --skin-dark: #0e5fd8;
    --skin-soft: rgba(22, 119, 255, .12);
}

body[data-skin="wine"] {
    --skin: #8c2d3f;
    --skin-dark: #6e2030;
    --skin-soft: rgba(140, 45, 63, .12);
    --brand: #8c2d3f;
    --brand-dark: #6e2030;
    --brand-soft: rgba(140, 45, 63, .12);
}

body[data-skin="hermes"] {
    --skin: #ea5b0c;
    --skin-dark: #c74e00;
    --skin-soft: rgba(234, 91, 12, .12);
    --brand: #ea5b0c;
    --brand-dark: #c74e00;
    --brand-soft: rgba(234, 91, 12, .12);
}

body[data-skin="wechat"] {
    --skin: #07c160;
    --skin-dark: #05a54f;
    --skin-soft: rgba(7, 193, 96, .12);
    --brand: #07c160;
    --brand-dark: #05a54f;
    --brand-soft: rgba(7, 193, 96, .12);
}

/* 链接与文本 */
body[data-skin] a { color: var(--skin); }
body[data-skin] a:hover { color: var(--skin-dark); }
body[data-skin] .subheader-title,
body[data-skin] .subheader-icon { color: var(--skin); }

/* 主按钮 */
body[data-skin] .btn-primary,
body[data-skin] .btn-primary:not(:disabled):not(.disabled) {
    background: var(--skin);
    border-color: var(--skin);
}
body[data-skin] .btn-primary:hover,
body[data-skin] .btn-primary:not(:disabled):not(.disabled):hover,
body[data-skin] .btn-primary:focus {
    background: var(--skin-dark);
    border-color: var(--skin-dark);
}
body[data-skin] .btn-outline-primary { border-color: var(--skin); color: var(--skin); }
body[data-skin] .btn-outline-primary:hover { background: var(--skin); border-color: var(--skin); color: #fff; }

/* 侧边栏品牌信息卡 */
body[data-skin] .page-sidebar .info-card {
    background: linear-gradient(135deg, var(--skin) 0%, var(--skin-dark) 100%);
}

/* 侧边菜单激活项 / 悬停 */
body[data-skin] .nav-menu > li.active > a,
body[data-skin] .nav-menu > li.active > a i,
body[data-skin] .nav-menu > li > a:hover,
body[data-skin] .nav-menu > li > a:hover i {
    color: var(--skin);
}
body[data-skin] .nav-menu > li.active > a { background: var(--skin-soft); border-radius: 8px; }

/* 徽章 / 列表激活 / 分页 */
body[data-skin] .badge-primary { background: var(--skin); }
body[data-skin] .list-group-item.active { background: var(--skin); border-color: var(--skin); }
body[data-skin] .page-item.active .page-link { background: var(--skin); border-color: var(--skin); }
body[data-skin] .bg-primary { background: var(--skin) !important; }
body[data-skin] .text-primary { color: var(--skin) !important; }

/* 表单焦点 */
body[data-skin] .form-control:focus {
    border-color: var(--skin);
    box-shadow: 0 0 0 0.2rem var(--skin-soft);
}

/* 皮肤选择器 */
.skin-picker { display: flex; gap: 12px; }
.skin-dot {
    width: 34px; height: 34px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .14);
    cursor: pointer;
    transition: transform .15s, box-shadow .15s;
    padding: 0;
}
.skin-dot:hover { transform: scale(1.12); }
.skin-dot.active { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--skin); }