/* =========================================
 * WORLD ACTIVITIES GROUP — ERPNext Dark Theme
 * Phase 2 · 2026-07-10
 * ========================================= */

:root {
  /* OTOV7 · Palette canonique Michel Roy · HELIOS RD */
  --wa-bg: #0a0a12;           /* fond global · noir profond */
  --wa-card: #14141d;         /* cartes / panels */
  --wa-card-alt: #1c1c28;     /* cartes en hover / secondaires */
  --wa-border: #24242f;       /* bordures fines */
  --wa-gold: #f0b429;         /* accent doré principal */
  --wa-gold-hi: #f5c14a;      /* doré hover / high-emphasis */
  --wa-text: #e0e0eb;         /* texte principal */
  --wa-text-2: #a0a0b0;       /* texte secondaire */
  --wa-text-3: #8a8aa0;       /* texte dim / muted */
  --wa-success: #4ade80;
  --wa-warn: #fbbf24;
  --wa-error: #ef4444;
  --wa-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
  --wa-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --wa-serif: 'Playfair Display', 'Inter', serif;
}

/* Global body */
body, html {
  background: var(--wa-bg) !important;
  color: var(--wa-text) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Desk main area */
.desk-page, .layout-main, .container, .page-container, .page-body, .page-content {
  background: var(--wa-bg) !important;
}

/* Sidebar */
.desk-sidebar, .layout-side-section, .sidebar {
  background: var(--wa-bg) !important;
  border-right: 1px solid var(--wa-border) !important;
}
.desk-sidebar .sidebar-label,
.desk-sidebar a,
.desk-sidebar span {
  color: var(--wa-text) !important;
}
.desk-sidebar .selected,
.desk-sidebar a:hover {
  background: var(--wa-card-alt) !important;
  color: var(--wa-gold) !important;
  border-left: 3px solid var(--wa-gold) !important;
}

/* Navbar */
.navbar, .navbar-default, header, .navbar-fixed-top {
  background: var(--wa-bg) !important;
  border-bottom: 1px solid var(--wa-border) !important;
}
.navbar .navbar-brand,
.navbar-brand,
.navbar-title {
  color: var(--wa-gold) !important;
  font-weight: 700 !important;
  font-family: 'Playfair Display', 'Inter', serif !important;
  letter-spacing: 2px !important;
}

/* Buttons */
.btn-primary, .btn-primary:hover, .btn-primary:focus {
  background: var(--wa-gold) !important;
  border-color: var(--wa-gold) !important;
  color: var(--wa-bg) !important;
  font-weight: 600 !important;
}
.btn-primary:hover {
  background: var(--wa-gold-hi) !important;
}
.btn-default, .btn-secondary {
  background: var(--wa-card-alt) !important;
  border: 1px solid var(--wa-border) !important;
  color: var(--wa-text) !important;
}
.btn-default:hover {
  border-color: var(--wa-gold) !important;
  color: var(--wa-gold) !important;
}

/* Cards / widgets */
.widget, .form-section, .frappe-card, .dashboard-widget-box,
.workspace-shortcut-item, .link-list-item, .quick-list-item {
  background: var(--wa-card) !important;
  border: 1px solid var(--wa-border) !important;
  border-radius: 8px !important;
  color: var(--wa-text) !important;
}

/* Text colors */
.text-muted, .text-secondary {
  color: var(--wa-text-2) !important;
}
h1, h2, h3, h4, h5, h6,
.page-title, .page-title h1 {
  color: var(--wa-gold) !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 700 !important;
}

/* Form fields */
input, textarea, select,
.frappe-control input,
.frappe-control textarea,
.select-input {
  background: var(--wa-bg) !important;
  color: var(--wa-text) !important;
  border: 1px solid var(--wa-border) !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--wa-gold) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(245,166,35,0.15) !important;
}

/* Tables */
table, .table {
  background: var(--wa-card) !important;
  color: var(--wa-text) !important;
}
table th, .table th {
  background: var(--wa-card-alt) !important;
  color: var(--wa-text-3) !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  border-bottom: 1px solid var(--wa-border) !important;
}
table td, .table td {
  border-color: var(--wa-border) !important;
  color: var(--wa-text) !important;
}
table tr:hover, .table tr:hover {
  background: var(--wa-card-alt) !important;
}

/* Modals */
.modal-content, .modal-body, .modal-header, .modal-footer {
  background: var(--wa-card) !important;
  color: var(--wa-text) !important;
  border-color: var(--wa-border) !important;
}

/* Login page */
.for-login, .login-content, .page-card {
  background: var(--wa-bg) !important;
  color: var(--wa-text) !important;
}
.page-card {
  background: var(--wa-card) !important;
  border: 1px solid var(--wa-gold) !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5) !important;
}
.for-login .btn-primary {
  background: var(--wa-gold) !important;
  color: var(--wa-bg) !important;
  border: none !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
}
.for-login .indicator-pill {
  color: var(--wa-text-2) !important;
}

/* Awesomebar */
.awesomplete input {
  background: var(--wa-card) !important;
  color: var(--wa-text) !important;
}

/* Badge */
.indicator-pill, .badge {
  background: var(--wa-card-alt) !important;
  color: var(--wa-gold) !important;
  border: 1px solid var(--wa-border) !important;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: var(--wa-bg);
}
::-webkit-scrollbar-thumb {
  background: var(--wa-border);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--wa-gold);
}

/* Font imports (Inter + JetBrains Mono + Playfair Display) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Playfair+Display:wght@600;700&display=swap');

/* Brand override */
.navbar-brand::before {
  content: 'WORLD ACTIVITIES GROUP · ';
  color: var(--wa-gold);
  font-family: 'Playfair Display', serif;
  font-size: 14px;
  letter-spacing: 3px;
  font-weight: 700;
  margin-right: 4px;
}

/* ============================================================
 * FIX HEADER OVERLAP DOCTYPE LIST v3 · 2026-07-27
 * ============================================================ */

body.desk .page-head,
body.desk .page-container .page-head,
.desk-body .page-head,
div.page-head {
    position: sticky !important;
    top: 60px !important;
    z-index: 1015 !important;
    background: rgba(10, 10, 18, 0.98) !important;
    backdrop-filter: blur(8px) !important;
    padding: 12px 24px !important;
    margin-top: 0 !important;
    border-bottom: 1px solid rgba(240, 180, 41, 0.2) !important;
    min-height: 60px !important;
}

body.desk .main-section,
body.desk main.main,
body.desk .desk-main,
body.desk .container.page-container,
body.desk .page-container {
    padding-top: 60px !important;
    margin-top: 0 !important;
}

body.desk .page-head .page-actions,
body.desk .page-head .primary-action,
body.desk .page-head .btn-primary,
body.desk .page-head .btn-default,
body.desk .page-head .menu-btn-group,
body.desk .page-head button {
    z-index: 1016 !important;
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.desk .page-head .title-area,
body.desk .page-head .title-text,
body.desk .page-head .page-title,
body.desk .page-head .breadcrumb,
body.desk .page-head h1,
body.desk .page-head h2 {
    z-index: 1016 !important;
    position: relative !important;
    color: #f5f2ea !important;
}

body.desk .page-body,
body.desk .layout-main-section-wrapper,
body.desk .layout-main-section {
    padding-top: 20px !important;
    margin-top: 0 !important;
    z-index: 1 !important;
}

body.desk .layout-side-section,
body.desk .desk-sidebar {
    padding-top: 60px !important;
    z-index: 5 !important;
}