/*
 * Diamond MicroCredit — Branding CSS v1.1
 * Theme: Golden Yellow #F59E0B + Rich Golden Black #1C1507
 * Domain: lend.diamondmicrocredit.com
 */

html {
  --mat-form-field-filled-caret-color:                       #D97706 !important;
  --mat-form-field-filled-focus-active-indicator-color:      #D97706 !important;
  --mat-form-field-filled-focus-label-text-color:            rgba(217,119,6,.87) !important;
  --mat-form-field-outlined-caret-color:                     #D97706 !important;
  --mat-form-field-outlined-focus-outline-color:             #F59E0B !important;
  --mat-form-field-outlined-focus-label-text-color:          rgba(217,119,6,.87) !important;
  --mat-form-field-focus-select-arrow-color:                 rgba(217,119,6,.87) !important;
  --mat-select-focused-arrow-color:                          #D97706 !important;
  --mat-option-selected-state-label-text-color:              #D97706 !important;
  --mat-progress-spinner-active-indicator-color:             #F59E0B !important;
  --mat-badge-background-color:                              #D97706 !important;
  --mat-stepper-header-selected-state-icon-background-color: #F59E0B !important;
  --mat-stepper-header-done-state-icon-background-color:     #F59E0B !important;
  --mat-stepper-header-edit-state-icon-background-color:     #F59E0B !important;
  --mat-slide-toggle-selected-handle-color:                  #F59E0B !important;
  --mat-datepicker-calendar-date-selected-state-background-color: #F59E0B !important;
  --mat-pseudo-checkbox-full-selected-icon-color:            #F59E0B !important;
  --mat-checkbox-selected-icon-color:                        #F59E0B !important;
}

md-filled-button, md-outlined-button, md-elevated-button,
md-text-button, md-filled-tonal-button {
  --md-sys-color-primary:                #F59E0B !important;
  --md-filled-button-container-color:    #F59E0B !important;
  --md-outlined-button-label-text-color: #D97706 !important;
  --md-outlined-button-outline-color:    #F59E0B !important;
  --md-text-button-label-text-color:     #D97706 !important;
}

#mifosx-toolbar,
mat-toolbar.mat-primary,
.mat-toolbar.mat-primary {
  background: linear-gradient(135deg,#1C1507 0%,#2D1B00 60%,#3D2400 100%) !important;
  color: #F59E0B !important;
  border-bottom: 2px solid #F59E0B !important;
}
#mifosx-toolbar { --md-icon-prefix-label-text-color: #F59E0B !important; }
#mifosx-toolbar mat-icon,
#mifosx-toolbar .mat-icon,
#mifosx-toolbar mifosx-m3-icon span,
#mifosx-toolbar .material-symbols-outlined,
#mifosx-toolbar .m3-icon span,
#mifosx-toolbar .mdc-icon-button,
#mifosx-toolbar .mat-mdc-icon-button { color: #F59E0B !important; }
#mifosx-toolbar .ng-fa-icon svg { fill: #F59E0B !important; }
#mifosx-toolbar .mat-mdc-icon-button:hover { background-color: rgba(245,158,11,.15) !important; }
#mifosx-toolbar a,
#mifosx-toolbar .tab-link { color: #FDE68A !important; }
#mifosx-toolbar a:hover   { color: #F59E0B !important; }

.mat-mdc-raised-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary {
  background-color: #F59E0B !important;
  color: #1C1507 !important;
  font-weight: 600 !important;
}
.mat-mdc-raised-button.mat-primary:hover,
.mat-mdc-unelevated-button.mat-primary:hover { background-color: #D97706 !important; }

.breadcrumb-title { border-left-color: #F59E0B !important; }
.breadcrumb-link  { color: #D97706 !important; }
.breadcrumb-link:hover { color: #92400E !important; background-color: rgba(245,158,11,.08) !important; }

.mat-mdc-nav-list .mat-mdc-list-item.mdc-list-item--activated {
  background-color: rgba(245,158,11,.12) !important;
}

.linked, .fa-question { color: #D97706 !important; }
.status-approved      { color: #D97706 !important; }
.loading { background: linear-gradient(125deg,#1C1507,#F59E0B,#1C1507) !important; }

body, html, .mat-body, .mat-typography {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
               Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

.dark-theme #mifosx-toolbar,
.dark-theme mat-toolbar.mat-primary {
  background: linear-gradient(135deg,#0F0A00 0%,#1C1507 100%) !important;
  border-bottom: 2px solid #D97706 !important;
}
.dark-theme .breadcrumb-title { border-left-color: #FDE68A !important; }
.dark-theme .breadcrumb-link  { color: #FDE68A !important; }
.dark-theme .mat-mdc-raised-button.mat-primary { background-color: #D97706 !important; }

/* Hero panel with dark overlay for readability */
.hero-panel {
  background-image: url('/assets/images/custom/background.jpg') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #1C1507 !important;
  position: relative !important;
}
.hero-panel::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(15,8,0,.58) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
.hero-content, .hero-text, .hero-features,
.hero-links, h1.hero-title, p.hero-subtitle, .feature-item {
  position: relative !important;
  z-index: 1 !important;
}

h1.hero-title {
  visibility: hidden !important;
  position: relative !important;
  display: block !important;
  min-height: 1.2em !important;
}
h1.hero-title::after {
  content: 'Diamond MicroCredit' !important;
  visibility: visible !important;
  position: absolute !important;
  left: 0 !important; top: 0 !important;
  color: #F59E0B !important;
  font-size: 3.2rem !important;
  font-weight: 700 !important;
  font-family: Roboto, sans-serif !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.75), 0 0 30px rgba(245,158,11,.3) !important;
  letter-spacing: -0.01em !important;
}

p.hero-subtitle {
  color: rgba(255,255,255,.97) !important;
  font-size: 1.05rem !important;
  line-height: 1.65 !important;
  text-shadow: 0 1px 4px rgba(0,0,0,.7), 0 2px 8px rgba(0,0,0,.4) !important;
  font-weight: 400 !important;
}

.feature-text {
  color: rgba(255,255,255,.97) !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.6) !important;
}
.feature-icon {
  color: #FBBF24 !important;
  filter: drop-shadow(0 0 4px rgba(245,158,11,.4)) !important;
}
.hero-links .hero-link {
  border-color: rgba(245,158,11,.7) !important;
  color: #FDE68A !important;
  background: rgba(28,21,7,.45) !important;
  font-weight: 600 !important;
}
.hero-links .hero-link:hover {
  background: rgba(245,158,11,.25) !important;
  border-color: #F59E0B !important;
  color: #ffffff !important;
}

.dark-theme h1.hero-title::after { color: #FDE68A !important; }
.dark-theme .hero-subtitle { color: rgba(255,255,255,.95) !important; }
.dark-theme .feature-text  { color: rgba(255,255,255,.95) !important; }
.dark-theme .feature-icon  { color: #FDE68A !important; }

img.logo-image {
  content: url('/assets/images/custom/logo.png') !important;
  max-height: 80px !important;
  max-width: 85% !important;
  width: auto !important; height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 8px auto !important;
}

mifosx-server-selector { display: none !important; }
.resource-button { cursor: default !important; pointer-events: none !important; }
.resources-branding { display: none !important; }

.impeleo-branding a {
  color: #D97706 !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}
.dark-theme .impeleo-branding a { color: #FDE68A !important; }

img.app-logo {
  content: url('/assets/images/custom/logo.png') !important;
  max-height: 48px !important; max-width: 140px !important;
  width: auto !important; height: auto !important;
  object-fit: contain !important;
}
span.app-logo-text { display: none !important; }

mifosx-home img[mat-card-image],
mifosx-home .mat-mdc-card-image {
  content: url('/assets/images/custom/logo.png') !important;
  max-height: 160px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 16px auto !important;
}

p.footer-content { visibility: hidden !important; position: relative !important; }
p.footer-content::after {
  content: 'Diamond MicroCredit — Powered by Mifos' !important;
  visibility: visible !important;
  position: absolute !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  white-space: nowrap !important;
  color: inherit !important;
}

lottie-player, .lottie-spinner {
  display: none !important; visibility: hidden !important; opacity: 0 !important;
}
.loader-wrapper { background: #1C1507 !important; position: relative !important; }
.dark-theme .loader-wrapper { background: #0F0A00 !important; }
.loader-wrapper::after {
  content: '' !important;
  position: absolute !important;
  top: 50% !important; left: 50% !important;
  transform: translate(-50%,-50%) !important;
  width: 130px !important; height: 130px !important;
  background: url('/assets/images/custom/preloader.png') no-repeat center / contain !important;
  animation: brandPulse 1.6s ease-in-out infinite !important;
}
@keyframes brandPulse {
  0%,100% { opacity:1; transform:translate(-50%,-50%) scale(1); }
  50%      { opacity:.7; transform:translate(-50%,-50%) scale(1.06); }
}