/* Prostafin - DOOM Eternal Style */

:root {
  --doom-bg: #0a0a0a;
  --doom-panel: #141414;
  --doom-metal: #1a1a1a;
  --doom-red: #c41e3a;
  --doom-red-dark: #8b0000;
  --doom-orange: #ff6b00;
  --doom-amber: #ff8c00;
  --doom-text: #f5f5f5;
  --doom-text-dim: #b8b8b8;
  --doom-border: #2a2a2a;
  --doom-glow: rgba(196, 30, 58, 0.4);
}

/* Logo - text brand */
.u-logo.u-logo-text {
  display: inline-block !important;
  font-family: 'Bebas Neue', 'Orbitron', sans-serif !important;
  font-size: 2rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--doom-red) !important;
  text-decoration: none !important;
  text-shadow: 0 0 25px var(--doom-glow), 0 0 50px rgba(196, 30, 58, 0.3);
  -webkit-font-smoothing: antialiased;
  transition: color 0.2s, text-shadow 0.2s;
  padding: 0.5em 0 !important;
  min-height: auto !important;
  width: auto !important;
}
.u-logo.u-logo-text:hover {
  color: var(--doom-orange) !important;
  text-shadow: 0 0 30px rgba(255, 107, 0, 0.6);
}

/* Body & base */
.u-body {
  font-family: 'Rajdhani', 'Share Tech', sans-serif !important;
  color: var(--doom-text) !important;
  background-color: var(--doom-bg) !important;
  -webkit-font-smoothing: antialiased;
}

.u-body h1, .u-body h2, .u-body h3, .u-body h4, .u-body h5, .u-body h6 {
  font-family: 'Bebas Neue', 'Orbitron', sans-serif !important;
  color: var(--doom-text) !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-shadow: 0 0 20px var(--doom-glow);
}

.u-body h1 {
  color: var(--doom-red) !important;
  text-shadow: 0 0 30px var(--doom-glow), 0 0 60px rgba(196, 30, 58, 0.2);
}

.u-body p, .u-body .u-text-1, .u-body .u-text-2, .u-body .u-text-variant {
  color: var(--doom-text) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.u-body a:not(.u-btn):not(.u-button-style) {
  color: var(--doom-orange) !important;
  text-shadow: 0 0 10px rgba(255, 107, 0, 0.3);
}

/* Header */
.u-header.u-palette-4-light-3,
.u-palette-4-light-3,
section.u-palette-4-light-3,
.u-palette-4-light-3 > .u-container-layout,
.u-palette-4-light-3 > .u-inner-container-layout {
  background-color: var(--doom-metal) !important;
  color: var(--doom-text) !important;
  border-bottom: 2px solid var(--doom-red);
  box-shadow: 0 0 20px var(--doom-glow);
}

.u-palette-4-light-3 .u-nav-link,
.u-palette-4-light-3 .u-text-grey-90,
.u-palette-4-light-3 .u-text-palette-1-base {
  color: #fff !important;
  font-weight: 600 !important;
}

.u-palette-4-light-3 .u-nav-link:hover,
.u-palette-4-light-3 .u-text-hover-grey-90:hover,
.u-palette-4-light-3 .u-text-hover-palette-2-base:hover {
  color: var(--doom-red) !important;
  text-shadow: 0 0 10px var(--doom-glow);
}

/* White sections -> dark panels */
.u-white,
section.u-white,
.u-white > .u-container-layout,
.u-layout-cell.u-white {
  background-color: var(--doom-panel) !important;
  color: var(--doom-text) !important;
  border: 1px solid var(--doom-border);
}

.u-white .u-text-1, .u-white .u-text-2, .u-white .u-text-3,
.u-white .u-text-4, .u-white .u-text-5, .u-white .u-text-6,
.u-white .u-text-7, .u-white .u-text-8, .u-white p {
  color: var(--doom-text) !important;
}

.u-white h3 {
  color: var(--doom-red) !important;
  text-shadow: 0 0 15px var(--doom-glow);
}

/* Alternating sections */
.u-section-2, .u-section-4, .u-section-6, .u-section-8 {
  background-color: var(--doom-metal) !important;
  border-top: 1px solid var(--doom-border);
  border-bottom: 1px solid var(--doom-border);
}

.u-section-2 .u-text-1, .u-section-4 .u-text-1, .u-section-6 .u-text-1,
.u-section-2 h3, .u-section-4 h3, .u-section-6 h3 {
  color: var(--doom-red) !important;
  text-shadow: 0 0 15px var(--doom-glow);
}

/* Footer */
.u-footer.u-grey-90,
.u-grey-90 {
  background-color: var(--doom-metal) !important;
  color: var(--doom-text) !important;
  border-top: 2px solid var(--doom-red);
  box-shadow: 0 -5px 30px rgba(0,0,0,0.5);
}

.u-footer .u-text-1,
.u-footer .u-text-2,
.u-footer .u-text-legal,
.u-grey-90 .u-text-variant {
  color: var(--doom-text) !important;
}

.u-footer a,
.u-grey-90 a,
.u-text-palette-1-light-3 {
  color: var(--doom-orange) !important;
  text-shadow: 0 0 8px rgba(255, 107, 0, 0.3);
}

.u-footer a:hover,
.u-grey-90 a:hover {
  color: var(--doom-red) !important;
}

/* Buttons - DOOM style */
.u-btn-submit,
.u-button-style.u-palette-1-dark-3,
.u-active-palette-1-dark-3,
.u-hover-palette-1-dark-1 {
  background: linear-gradient(180deg, var(--doom-red) 0%, var(--doom-red-dark) 100%) !important;
  color: #fff !important;
  border: 1px solid var(--doom-orange) !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-weight: 700 !important;
  box-shadow: 0 0 20px var(--doom-glow), inset 0 1px 0 rgba(255,255,255,0.1);
}

.u-btn-submit:hover,
.u-button-style.u-palette-1-dark-3:hover {
  background: linear-gradient(180deg, var(--doom-orange) 0%, var(--doom-red) 100%) !important;
  border-color: var(--doom-amber) !important;
  box-shadow: 0 0 30px rgba(255, 107, 0, 0.5);
}

/* Form inputs */
.u-input, .u-input-rectangle,
.u-form-group input, .u-form-group textarea {
  background-color: var(--doom-metal) !important;
  color: var(--doom-text) !important;
  border: 1px solid var(--doom-border) !important;
  border-radius: 0 !important;
}

.u-input:focus,
.u-form-group input:focus,
.u-form-group textarea:focus {
  border-color: var(--doom-red) !important;
  box-shadow: 0 0 10px var(--doom-glow);
}

.u-input::placeholder,
.u-input-rectangle::placeholder {
  color: var(--doom-text-dim);
}

/* Section text - ensure visibility */
.u-section-1 .u-text-1, .u-section-1 p,
.u-section-2 .u-text-2, .u-section-2 .u-text-4, .u-section-2 .u-text-6, .u-section-2 .u-text-8,
.u-section-2 .u-text-default, .u-section-2 .u-custom-font,
.u-section-3 .u-text-1, .u-section-3 .u-text-2,
.u-section-4 .u-text-2, .u-section-5 .u-text-2, .u-section-6 .u-text-2, .u-section-7 .u-text-2,
.u-section-8 .u-text-1, .u-section-8 .u-text-2 {
  color: var(--doom-text) !important;
}

/* Dividers */
.u-line-horizontal,
.u-border-grey-dark-1 {
  border-color: var(--doom-red) !important;
  box-shadow: 0 0 10px var(--doom-glow);
}

/* Images - subtle hellish tint */
.u-image img {
  filter: contrast(1.08) saturate(0.95);
}

/* Mobile menu */
.u-sidenav,
.u-menu-overlay {
  background-color: var(--doom-metal) !important;
  border-left: 2px solid var(--doom-red);
}

.u-sidenav .u-nav-link {
  color: #fff !important;
  font-weight: 600 !important;
}

/* Overlap header */
.u-overlap:not(.u-sticky-scroll) .u-header {
  background-color: var(--doom-metal) !important;
}