/* =====================================================
   Pragma Theme 自定义 CSS - 浅紫色页眉 + 紫色悬停 + 按钮透明
   保持原始布局和对齐方式
   ===================================================== */

/* ---------- 1. 页眉背景浅紫色 ---------- */
header.main-header,
.container-fluid.main-header,
.main-header {
    background-color: #e1b8f7 !important; /* 浅紫色背景 */
}

/* ---------- 2. 导航栏文字颜色 ---------- */
.main-header a,
.main-menu__nav-link,
.navbar.main-menu a,
.navbar.main-menu .nav-link,
.navbar.main-menu .navbar-brand,
.navbar.main-menu .dropdown-item {
    color: #000000 !important; /* 黑色文字 */
    transition: color 0.2s ease, background-color 0.2s ease;
    text-decoration: none;
}

/* ---------- 3. 悬停/聚焦文字变紫色 ---------- */
.main-header a:hover,
.main-header a:focus,
.main-menu__nav-link:hover,
.main-menu__nav-link:focus,
.navbar.main-menu a:hover,
.navbar.main-menu a:focus,
.navbar.main-menu .nav-link:hover,
.navbar.main-menu .nav-link:focus,
.navbar.main-menu .navbar-brand:hover,
.navbar.main-menu .navbar-brand:focus,
.navbar.main-menu .dropdown-item:hover,
.navbar.main-menu .dropdown-item:focus {
    color: #800080 !important; /* 紫色 */
    background-color: transparent !important; /* 保持透明背景 */
}

/* ---------- 4. 所有按钮背景透明 ---------- */
.main-header .btn,
.main-header button,
.navbar.main-menu .btn,
.navbar.main-menu button {
    background-color: transparent !important; /* 背景透明 */
    border: none !important; /* 无边框 */
    box-shadow: none !important;
    color: inherit !important;
}

/* ---------- 5. .btn-primary 特殊修改：字体黑色，背景透明 ---------- */
.btn-primary {
    background-color: transparent !important; /* 背景透明 */
    border: none !important; /* 无边框 */
    font-weight: 400;
    color: #000000 !important; /* 黑色文字 */
    text-decoration: none;
    box-shadow: none !important;
}

/* 悬停/聚焦/激活状态 */
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: transparent !important; /* 背景透明 */
    border: none !important; /* 无边框 */
    color: #800080 !important; /* 悬停文字紫色 */
}

/* ---------- 6. .btn-secondary 按钮保持透明 ---------- */
.btn-secondary,
button {
    background-color: transparent !important;
    border: 1px solid rgba(0,0,0,0.95) !important;
    color: rgba(0,0,0,0.95) !important;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus {
    background-color: rgba(0,0,0,0.95) !important;
    border-color: rgba(0,0,0,0.95) !important;
    color: #efceff !important;
}

/* ---------- 7. 下拉菜单背景 ---------- */
.dropdown-menu {
    background-color: #e1b8f7 !important; /* 浅紫色背景 */
    border: 1px solid rgba(0,0,0,0.1);
}

.dropdown-menu .dropdown-item a {
    color: #000000 !important;
}

.dropdown-menu .dropdown-item a:hover,
.dropdown-menu .dropdown-item a:focus,
.dropdown-menu .dropdown-item a:active {
    color: #800080 !important;
    background-color: transparent !important;
}

/* ---------- 8. 移动端汉堡菜单图标颜色 ---------- */
.hamburger__icon,
.hamburger__icon:before,
.hamburger__icon:after {
    background-color: #000000 !important; /* 黑色图标 */
}