/* =====================================================
   Pragma Theme 自定义 CSS
   页眉、导航栏、链接、按钮统一风格
   背景白/浅紫，文字黑色，悬停紫色，按钮透明
   ===================================================== */

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

/* ---------- 2. 导航栏字体黑色，悬停紫色 ---------- */
.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;
}

/* 鼠标悬停/聚焦时字体变为紫色 */
.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;
}

/* ---------- 3. 所有按钮背景透明 ---------- */
.navbar.main-menu .btn,
.navbar.main-menu .btn-primary,
.navbar.main-menu .btn-secondary,
.navbar.main-menu button {
    background-color: transparent !important; /* 背景透明 */
    border: none !important; /* 去掉边框 */
    box-shadow: none !important; /* 去掉阴影 */
    transition: background-color 0.2s ease;
}

/* 鼠标悬停/聚焦时按钮背景也保持透明 */
.navbar.main-menu .btn:hover,
.navbar.main-menu .btn:focus,
.navbar.main-menu .btn-primary:hover,
.navbar.main-menu .btn-primary:focus,
.navbar.main-menu .btn-secondary:hover,
.navbar.main-menu .btn-secondary:focus,
.navbar.main-menu button:hover,
.navbar.main-menu button:focus {
    background-color: transparent !important;
}