/**
 * Priortech WHMCS Custom CSS Theme Override
 * Designed to align WHMCS client area with the WordPress landing page aesthetics.
 * Features: Rich dark violet scheme, pill-shaped UI components, glassmorphism, 
 * layered shadows, high-legibility contrast ratios, and interactive animations.
 */

:root {
  /* Color Palette (Extracted from Priortech landing page) */
  --priortech-bg-dark: #0f0926;       /* Deep rich dark violet */
  --priortech-bg-darker: #070415;     /* Near-black violet for depth sections/footer */
  --priortech-card-dark: #190f38;     /* Slightly lighter dark violet for dark cards */
  --priortech-card-light: #ffffff;    /* High contrast white card as seen in the landing page */
  
  /* Brand Accents */
  --priortech-primary: #633df2;       /* Tanzanite Purple / Main Accent */
  --priortech-primary-hover: #7b57ff; /* Hover states for interactive elements */
  --priortech-primary-rgb: 99, 61, 242;
  --priortech-secondary: #251654;     /* Secondary button / focus outlines */
  --priortech-accent-purple: #c3b4ff; /* Light pastel purple for subtitles & highlights */
  
  /* Status Colors */
  --priortech-success: #10b981;       /* Safe green for active status, online servers */
  --priortech-info: #3b82f6;          /* Information messages */
  --priortech-warning: #f59e0b;       /* Warning alerts */
  --priortech-danger: #ef4444;        /* Errors & unpaid invoices */

  /* Text Contrast - Dark Backgrounds */
  --text-primary-light: #ffffff;      
  --text-muted-light: #a8a2bc;         
  --text-accent-light: #c3b4ff;

  /* Text Contrast - Light Cards */
  --text-primary-dark: #110a27;       
  --text-muted-dark: #6b6678;         

  /* Borders & Shadows */
  --priortech-border-color: rgba(255, 255, 255, 0.08);
  --priortech-border-focus: rgba(99, 61, 242, 0.4);
  --priortech-border-dark-theme: rgba(99, 61, 242, 0.15);
  --priortech-card-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
  
  /* Layered offset shadow matching the landing page hosting plan cards */
  --priortech-card-shadow-offset: 8px 8px 0px 0px rgba(99, 61, 242, 0.2); 

  /* Shape & Spacings */
  --border-radius-lg: 20px;           /* Large border radius for cards */
  --border-radius-md: 12px;           /* Medium border radius for inputs */
  --border-radius-sm: 8px;            /* Small border radius for badges */
  --border-radius-pill: 9999px;       /* Pill shape for main buttons and tags */
  
  /* Transition timings */
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==========================================
   1. GLOBAL STYLES & RESET OVERRIDES
   ========================================== */
body {
  background-color: var(--priortech-bg-dark) !important;
  color: var(--text-primary-light) !important;
  font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
  background-image: radial-gradient(circle at 10% 20%, rgba(99, 61, 242, 0.08) 0%, transparent 40%),
                    radial-gradient(circle at 90% 80%, rgba(123, 87, 255, 0.05) 0%, transparent 50%) !important;
  background-attachment: fixed !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Link treatments */
a {
  color: var(--priortech-accent-purple);
  transition: var(--transition-smooth);
}
a:hover, a:focus {
  color: var(--text-primary-light);
  text-decoration: none;
}

/* Page Header Titles Override */
h1, h2, h3, h4, h5, h6,
.page-header h1,
.page-header h2,
.page-header h3,
#main-body h1,
#main-body h2 {
  color: var(--text-primary-light) !important;
  font-weight: 700;
}

/* ==========================================
   2. LAYOUT WRAPPERS (ELIMINATING WHITE PANELS)
   ========================================== */
#main-body,
.main-body,
#main-content,
.main-content,
#content,
.content-area,
.app-main,
.container-main,
.body-container,
#wrapper,
.wrapper,
.container,
.row {
  background-color: transparent !important;
  background: transparent !important;
}

/* Top bar / Logo background override */
#header,
.topbar,
.logo-container,
.header-container {
  background-color: var(--priortech-bg-darker) !important;
  border-bottom: 1px solid var(--priortech-border-color) !important;
}

/* Header buttons & text colors */
#header a,
#header .dropdown-toggle {
  color: var(--text-primary-light) !important;
}

#header a:hover {
  color: var(--priortech-accent-purple) !important;
}

#header .btn,
#header a.btn {
  background-color: var(--priortech-primary) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: var(--border-radius-pill) !important;
  font-weight: 600 !important;
}

#header .btn:hover,
#header a.btn:hover {
  background-color: var(--priortech-primary-hover) !important;
  box-shadow: 0 4px 12px rgba(99, 61, 242, 0.4) !important;
}

/* Style Breadcrumbs */
.breadcrumb {
  background-color: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid var(--priortech-border-color) !important;
  border-radius: var(--border-radius-pill) !important;
  padding: 8px 24px !important;
  margin-bottom: 24px !important;
}

.breadcrumb > li {
  color: var(--text-muted-light) !important;
}

.breadcrumb > li a {
  color: var(--priortech-accent-purple) !important;
}

.breadcrumb > li a:hover {
  color: var(--text-primary-light) !important;
}

.breadcrumb > li + li:before {
  color: var(--text-muted-light) !important;
}

/* ==========================================
   3. Z-INDEX & POSITIONING HIERARCHY
   ========================================== */
.navbar-fixed-top, 
.header, 
.app-header {
  z-index: 1020 !important;
}

.dropdown-menu {
  z-index: 1030 !important;
}

.modal {
  z-index: 1050 !important;
}

.tooltip, 
.popover {
  z-index: 1070 !important;
}

/* ==========================================
   4. NAVIGATION & NAVIGATION BAR
   ========================================== */
.navbar-main,
.navigation,
.navbar-custom,
.navbar-default,
#nav {
  background: var(--priortech-card-dark) !important;
  border: 1px solid var(--priortech-border-dark-theme) !important;
  border-radius: var(--border-radius-pill) !important;
  margin: 15px auto !important;
  padding: 4px 20px !important;
  box-shadow: var(--priortech-card-shadow) !important;
  width: 100% !important;
}

.navbar-nav > li > a {
  color: var(--text-primary-light) !important;
  border-radius: var(--border-radius-pill);
  padding: 8px 16px !important;
  transition: var(--transition-smooth);
}

.navbar-nav > li > a:hover,
.navbar-nav > li.active > a,
.navbar-nav > li.open > a {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--priortech-accent-purple) !important;
}

/* Dropdown menus styling & contrast fix */
.dropdown-menu {
  background: var(--priortech-card-dark) !important;
  border: 1px solid var(--priortech-border-dark-theme) !important;
  border-radius: var(--border-radius-md) !important;
  box-shadow: var(--priortech-card-shadow) !important;
  padding: 8px !important;
}

.dropdown-menu li,
.dropdown-menu li a,
.dropdown-menu > li > a,
.dropdown-menu .dropdown-item,
.dropdown-menu a {
  color: var(--text-primary-light) !important;
  background: transparent !important;
  border-radius: var(--border-radius-sm);
  padding: 10px 18px !important;
  transition: var(--transition-smooth);
  display: block;
}

.dropdown-menu li a:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu .dropdown-item:hover,
.dropdown-menu a:hover {
  background: var(--priortech-primary) !important;
  color: #ffffff !important;
}

/* Divider colors */
.dropdown-menu .divider {
  background-color: var(--priortech-border-color) !important;
  margin: 6px 0 !important;
}

/* ==========================================
   5. CARDS & PANELS (FIXING WHITE SIDEBARS)
   ========================================== */
.card, 
.panel, 
.well,
.thumbnail {
  background-color: var(--priortech-card-dark) !important;
  border: 1px solid var(--priortech-border-dark-theme) !important;
  border-radius: var(--border-radius-lg) !important;
  box-shadow: var(--priortech-card-shadow) !important;
  margin-bottom: 24px !important;
  overflow: hidden;
  transition: var(--transition-smooth);
}

/* Sidebar panel bodies - force dark backgrounds with white text */
.panel-body,
.card-body,
.well-lg,
.well-sm,
.well {
  background-color: var(--priortech-card-dark) !important;
  color: var(--text-primary-light) !important;
  border: none !important;
}

/* Panel headers */
.panel-heading,
.card-header {
  background-color: rgba(99, 61, 242, 0.1) !important;
  border-bottom: 1px solid var(--priortech-border-dark-theme) !important;
  padding: 15px 20px !important;
  font-weight: 600;
  color: var(--text-primary-light) !important;
}

.panel-title,
.card-title {
  color: var(--text-primary-light) !important;
  font-weight: 600;
}

/* Panel footers */
.panel-footer,
.card-footer {
  background-color: rgba(99, 61, 242, 0.05) !important;
  border-top: 1px solid var(--priortech-border-dark-theme) !important;
  padding: 12px 20px !important;
}

/* Left sidebar panel links styling */
.list-group-navigation, 
.sidebar .list-group,
.list-group {
  background: var(--priortech-card-dark) !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

.list-group-item {
  background-color: var(--priortech-card-dark) !important;
  border: none !important;
  border-bottom: 1px solid var(--priortech-border-color) !important;
  color: var(--text-muted-light) !important;
  padding: 12px 20px !important;
  transition: var(--transition-smooth);
}

.list-group-item:last-child {
  border-bottom: none !important;
}

.list-group-item:hover {
  background-color: rgba(255, 255, 255, 0.03) !important;
  color: var(--text-primary-light) !important;
  padding-left: 24px !important;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: var(--priortech-primary) !important;
  color: var(--text-primary-light) !important;
  box-shadow: 0 4px 12px rgba(99, 61, 242, 0.3) !important;
}

.list-group-item .badge {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--text-accent-light) !important;
}

/* ==========================================
   6. FORMS & INPUTS
   ========================================== */
.form-control, 
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="search"], 
select, 
textarea {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--priortech-border-dark-theme) !important;
  border-radius: var(--border-radius-md) !important;
  color: var(--text-primary-light) !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-right: 16px !important;
  padding-left: 48px !important; /* Spacious left padding to accommodate inline left icons */
  height: auto !important;
  font-size: 0.95rem !important;
  box-shadow: none !important;
  transition: var(--transition-smooth);
}

textarea.form-control,
textarea {
  padding-left: 16px !important; /* Restore normal left padding for multi-line inputs */
}

.form-control:focus, 
input:focus, 
select:focus, 
textarea:focus {
  background-color: rgba(255, 255, 255, 0.07) !important;
  border-color: var(--priortech-primary) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px var(--priortech-border-focus) !important;
}

/* KB Search / Domain Checker Input Styling */
.home-search input,
.home-search .form-control,
input.kb-search-input,
.kb-search-input {
  border-radius: var(--border-radius-pill) !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--priortech-border-dark-theme) !important;
  color: var(--text-primary-light) !important;
  padding: 14px 28px !important;
}

/* ==========================================
   7. BUTTONS & ACTIONS (PILL DESIGN)
   ========================================== */
.btn {
  border-radius: var(--border-radius-pill) !important; 
  font-weight: 600 !important;
  letter-spacing: 0.3px;
  padding: 10px 24px !important;
  transition: var(--transition-smooth) !important;
  border: none !important;
  text-transform: none;
}

/* Primary Action Buttons */
.btn-primary, 
.btn-checkout, 
.btn-order-now,
.btn-success {
  background-color: var(--priortech-primary) !important;
  color: var(--text-primary-light) !important;
  box-shadow: 0 4px 14px rgba(99, 61, 242, 0.3) !important;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active,
.btn-checkout:hover,
.btn-order-now:hover,
.btn-success:hover {
  background-color: var(--priortech-primary-hover) !important;
  color: var(--text-primary-light) !important;
  box-shadow: 0 6px 20px rgba(99, 61, 242, 0.5) !important;
  transform: translateY(-1px);
}

/* Secondary Action Buttons */
.btn-secondary, 
.btn-default {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: var(--text-primary-light) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.btn-secondary:hover, 
.btn-default:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: var(--text-primary-light) !important;
}

/* Side Update button overrides to maintain pill shape */
.panel-body .btn-update,
.card-body .btn {
  border-radius: var(--border-radius-pill) !important;
}

/* ==========================================
   8. DASHBOARD STATISTICS TILES
   ========================================== */
.tile {
  border-radius: var(--border-radius-lg) !important;
  background-color: var(--priortech-card-dark) !important;
  border: 1px solid var(--priortech-border-dark-theme) !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
  box-shadow: var(--priortech-card-shadow) !important;
  transition: var(--transition-smooth) !important;
  display: block;
}

.tile:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(99, 61, 242, 0.5) !important;
  box-shadow: 0 15px 30px rgba(99, 61, 242, 0.15) !important;
}

/* Tile stats text visibility overrides */
.tile .stat,
.tile .heading,
.tile .title {
  color: var(--text-primary-light) !important;
}

/* Tile Color Accents on bottom borders */
.tile {
  border-bottom: 4px solid var(--priortech-primary) !important;
}
.tile.tile-blue, .tile.tile-services {
  border-bottom-color: var(--priortech-primary) !important;
}
.tile.tile-green, .tile.tile-domains {
  border-bottom-color: var(--priortech-success) !important;
}
.tile.tile-red, .tile.tile-tickets {
  border-bottom-color: var(--priortech-danger) !important;
}
.tile.tile-gold, .tile.tile-invoices {
  border-bottom-color: var(--priortech-warning) !important;
}

/* ==========================================
   9. PROMO BANNERS & NOTIFICATIONS (ACCORDION & site builder)
   ========================================== */
.home-promo-banner,
.promo-container,
.site-builder-banner,
.product-promo,
.promo-banner {
  background-color: var(--priortech-card-dark) !important;
  border: 1px solid var(--priortech-border-dark-theme) !important;
  border-radius: var(--border-radius-lg) !important;
  color: var(--text-primary-light) !important;
  padding: 24px !important;
  box-shadow: var(--priortech-card-shadow) !important;
  border-top: 1px solid var(--priortech-border-dark-theme) !important; /* overrides standard colored top-borders */
  margin-bottom: 24px !important;
}

.promo-banner a, 
.promo-container a,
.home-promo-banner a {
  color: var(--priortech-accent-purple) !important;
  font-weight: 600 !important;
}

.promo-banner a:hover,
.promo-container a:hover {
  color: #ffffff !important;
}

/* ==========================================
   10. TABLES & DATA LISTS
   ========================================== */
.table {
  background-color: transparent !important;
  color: var(--text-primary-light) !important;
  border-collapse: separate;
  border-spacing: 0 8px;
}

.table th {
  background-color: rgba(99, 61, 242, 0.1) !important;
  color: var(--text-accent-light) !important;
  border: none !important;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 1px;
  padding: 12px 16px !important;
}

.table td {
  background-color: rgba(255, 255, 255, 0.02) !important;
  border: none !important;
  border-top: 1px solid var(--priortech-border-color) !important;
  border-bottom: 1px solid var(--priortech-border-color) !important;
  padding: 16px !important;
  vertical-align: middle !important;
}

.table tr td:first-child {
  border-left: 1px solid var(--priortech-border-color) !important;
  border-top-left-radius: var(--border-radius-md);
  border-bottom-left-radius: var(--border-radius-md);
}
.table tr td:last-child {
  border-right: 1px solid var(--priortech-border-color) !important;
  border-top-right-radius: var(--border-radius-md);
  border-bottom-right-radius: var(--border-radius-md);
}

.table-hover tbody tr:hover td {
  background-color: rgba(99, 61, 242, 0.06) !important;
  border-color: rgba(99, 61, 242, 0.3) !important;
  color: var(--text-primary-light) !important;
}

/* ==========================================
   11. ALERTS & BADGES
   ========================================== */
.alert {
  border-radius: var(--border-radius-md) !important;
  border: none !important;
  font-weight: 500;
  padding: 15px 20px !important;
}

.alert-info {
  background-color: rgba(59, 130, 246, 0.15) !important;
  color: #93c5fd !important;
  border-left: 4px solid var(--priortech-info) !important;
}

.alert-success {
  background-color: rgba(16, 185, 129, 0.15) !important;
  color: #a7f3d0 !important;
  border-left: 4px solid var(--priortech-success) !important;
}

.alert-danger {
  background-color: rgba(239, 68, 68, 0.15) !important;
  color: #fca5a5 !important;
  border-left: 4px solid var(--priortech-danger) !important;
}

.alert-warning {
  background-color: rgba(245, 158, 11, 0.15) !important;
  color: #fde047 !important;
  border-left: 4px solid var(--priortech-warning) !important;
}

.badge {
  border-radius: var(--border-radius-pill) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  padding: 5px 12px !important;
  text-transform: uppercase;
}

.badge-success, 
.badge-active {
  background-color: rgba(16, 185, 129, 0.2) !important;
  color: var(--priortech-success) !important;
  border: 1px solid rgba(16, 185, 129, 0.3);
}

.badge-info, 
.badge-pending {
  background-color: rgba(59, 130, 246, 0.2) !important;
  color: var(--priortech-info) !important;
  border: 1px solid rgba(59, 130, 246, 0.3);
}

.badge-danger, 
.badge-unpaid, 
.badge-overdue {
  background-color: rgba(239, 68, 68, 0.2) !important;
  color: var(--priortech-danger) !important;
  border: 1px solid rgba(239, 68, 68, 0.3);
}

/* ==========================================
   12. FOOTER AREA
   ========================================== */
footer, 
#footer, 
.app-footer {
  background-color: var(--priortech-bg-darker) !important;
  border-top: 1px solid var(--priortech-border-color) !important;
  padding: 40px 0 !important;
  color: var(--text-muted-light) !important;
}

footer a, 
#footer a {
  color: var(--text-muted-light);
}

footer a:hover, 
#footer a:hover {
  color: var(--text-primary-light);
}

/* ==========================================
   13. SPECIFIC TEMPLATE & BUGS PATCHING
   ========================================== */

/* Fix Register/Form Fieldset Titles (jarring white blocks in register forms) */
#main-body legend,
#main-body .fieldset-title,
#main-body .section-title,
#main-body .sub-heading,
.fieldset-title,
legend,
.field-title,
.section-title,
.sub-heading {
  background-color: transparent !important;
  background: transparent !important;
  color: var(--priortech-accent-purple) !important;
  border: none !important;
  border-bottom: 1px solid var(--priortech-border-dark-theme) !important;
  padding: 10px 0 !important;
  margin-bottom: 24px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 0.85rem !important;
  letter-spacing: 1.5px !important;
  width: auto !important;
  display: inline-block !important;
  box-shadow: none !important;
}

/* Fix text and input contrasts in register forms */
#main-body .form-group input,
#main-body .form-group select,
#main-body .form-group textarea,
#main-body .form-control {
  color: var(--text-primary-light) !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--priortech-border-dark-theme) !important;
}

#main-body .form-group input,
#main-body .form-group select {
  padding-left: 52px !important; /* Forces inputs with absolute icons to clear text overlapping */
}

#main-body .form-group textarea {
  padding-left: 16px !important; /* Keep textarea padding clean */
}

#main-body .form-group label,
#main-body .control-label,
#main-body label {
  color: var(--text-muted-light) !important;
  font-weight: 500;
}

/* Fix standard_cart product split white/dark blocks */
.product,
.product-block,
.product-info,
.product-desc,
.product-pricing,
.product-price,
.product-header,
.product-status {
  background-color: var(--priortech-card-dark) !important;
  background: var(--priortech-card-dark) !important;
  color: var(--text-primary-light) !important;
  border: none !important;
}

/* Fix product pricing internal elements */
.product-pricing .price,
.product-pricing .pricing,
.product-desc ul,
.product-desc li {
  color: var(--text-muted-light) !important;
}

/* Fix Currency / Country / Form Dropdown Options (Bootstrap-Select, Nice-Select, Select2 & Native Options) */
select option,
select.form-control option,
.form-control select option,
.bootstrap-select .dropdown-menu,
.bootstrap-select .dropdown-menu.inner,
.bootstrap-select .dropdown-menu li,
.bootstrap-select .dropdown-menu li a,
.select2-container--default .select2-selection--single,
.select2-dropdown,
.select2-results__option,
.select2-search--dropdown,
.nice-select,
.nice-select .list,
.nice-select .option {
  background-color: var(--priortech-card-dark) !important;
  background: var(--priortech-card-dark) !important;
  color: var(--text-primary-light) !important;
  border-color: var(--priortech-border-dark-theme) !important;
}

.bootstrap-select .dropdown-menu li a:hover,
.bootstrap-select .dropdown-menu li.selected a,
.select2-results__option--highlighted[aria-selected],
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: var(--priortech-primary) !important;
  color: #ffffff !important;
}

.bootstrap-select button.dropdown-toggle {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--priortech-border-dark-theme) !important;
  color: var(--text-primary-light) !important;
  border-radius: var(--border-radius-md) !important;
}

/* Fix Domain Pricing Table Header visibility */
thead th,
thead,
.table thead th,
.table > thead > tr > th,
.cart-table-header,
.table-container thead {
  background-color: rgba(99, 61, 242, 0.15) !important;
  background: rgba(99, 61, 242, 0.15) !important;
  color: var(--text-accent-light) !important;
  border-bottom: 2px solid var(--priortech-border-dark-theme) !important;
  font-weight: 600 !important;
}

/* Fix Add Web Hosting / Domain Transfer promo boxes at the bottom */
.cart-promo-box,
.promo-box,
.promo-card,
.domain-promo-box {
  background-color: var(--priortech-card-dark) !important;
  border: 1px solid var(--priortech-border-dark-theme) !important;
  border-radius: var(--border-radius-lg) !important;
  color: var(--text-primary-light) !important;
  box-shadow: var(--priortech-card-shadow) !important;
  padding: 24px !important;
}

.cart-promo-box h3,
.cart-promo-box h4,
.cart-promo-box p,
.promo-box h3,
.promo-box p,
.domain-promo-box h3,
.domain-promo-box p {
  color: var(--text-primary-light) !important;
}

.cart-promo-box .btn,
.promo-box .btn {
  border-radius: var(--border-radius-pill) !important;
}

/* Fix Yellow Domain Search Hero Banner background */
.domain-search-bg,
.domain-intro-container,
.domain-search-container,
.domain-search-header,
.domain-search-banner {
  background: linear-gradient(135deg, var(--priortech-bg-dark) 0%, var(--priortech-card-dark) 100%) !important;
  border: 1px solid var(--priortech-border-dark-theme) !important;
  border-radius: var(--border-radius-lg) !important;
  box-shadow: var(--priortech-card-shadow) !important;
  color: var(--text-primary-light) !important;
  padding: 40px !important;
}

.domain-search-bg p,
.domain-intro-container p,
.domain-search-container p {
  color: var(--text-muted-light) !important;
}

/* Fix Mailing List/Opt-In Option Legibility (Screenshot 5) */
#main-body .marketing-emails-opt-in,
#main-body .marketing-email-optin,
#main-body .email-optin,
#main-body .opt-in,
#main-body .marketing-opt-in,
#main-body .optin,
#main-body .email-marketing-opt-in,
.marketing-emails-opt-in,
.marketing-email-optin,
.email-optin,
.opt-in,
.marketing-opt-in,
.optin,
.email-marketing-opt-in {
  background: var(--priortech-card-dark) !important; /* Force override any theme-level white backgrounds */
  background-color: var(--priortech-card-dark) !important;
  color: var(--text-primary-light) !important;
  border: 1px solid var(--priortech-border-dark-theme) !important;
  border-radius: var(--border-radius-lg) !important;
  padding: 24px !important;
  margin-top: 24px !important;
  box-shadow: var(--priortech-card-shadow) !important;
}

#main-body .marketing-emails-opt-in h1,
#main-body .marketing-emails-opt-in h2,
#main-body .marketing-emails-opt-in h3,
#main-body .marketing-emails-opt-in h4,
#main-body .marketing-emails-opt-in p,
#main-body .marketing-emails-opt-in label,
.marketing-emails-opt-in h2,
.marketing-emails-opt-in h3,
.marketing-emails-opt-in p,
.marketing-emails-opt-in label,
#main-body label[for="inputDefaultMarketingOptIn"] {
  color: var(--text-primary-light) !important;
}

#main-body .marketing-emails-opt-in p,
.marketing-emails-opt-in p {
  color: var(--text-muted-light) !important;
  font-size: 0.95rem !important;
  margin-bottom: 15px !important;
}

/* Fix Blue Backgrounds & Borders in Navigation Menu Bar (Screenshot 2) */
#main-menu,
#main-menu-container,
#main-nav,
.navbar-main,
.navigation,
.navbar-custom,
.navbar-default,
.navbar-inverse,
#primary-nav,
#secondary-nav {
  background-color: var(--priortech-card-dark) !important;
  background-image: none !important;
  border: none !important;
  border-bottom: 1px solid var(--priortech-border-dark-theme) !important;
}

.navbar-nav > li > a:hover,
.navbar-nav > li.active > a,
.navbar-nav > li.open > a,
.navbar-nav .open > a,
.navbar-nav .open > a:hover,
.navbar-nav .open > a:focus {
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: var(--priortech-accent-purple) !important;
  border-top-color: transparent !important;
}