/* ═══════════════════════════════════════════════════════════
   TEHIRU BRAND OVERRIDE — Applied on top of shared.css
   Brand guide: White #FFFFFF + Dark Grey #262626
   Fonts: Montserrat (titles+body) + Roboto Mono (technical)
   ═══════════════════════════════════════════════════════════ */

/* ── CSS Variables Override ─────────────────────────────── */
:root {
  --bg: #1A1A1A;
  --bg-alt: #262626;
  --white: #FFFFFF;
  --text: #FFFFFF;
  --text-muted: rgba(255,255,255,0.45);
  --blue: #FFFFFF;
  --green: #FFFFFF;
  --red: rgba(255,255,255,0.7);
  --border: rgba(255,255,255,0.15);
  --shadow: none;
  --shadow-lg: none;
  --font-head: 'Montserrat', 'Helvetica Neue', sans-serif;
  --font-body: 'Montserrat', 'Helvetica Neue', sans-serif;
  --font-mono: 'Roboto Mono', monospace;
}

/* ── Mesh Grid Background ───────────────────────────────── */
body::before {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: 
    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
  background-size: 66px 66px;
  z-index: 0;
  pointer-events: none;
}

body::after {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: 
    linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);
  background-size: 330px 330px;
  z-index: 0;
  pointer-events: none;
}

.slide {
  z-index: 1;
}

#nav, #comments-btn, #comments-panel, #progress-bar {
  z-index: 100;
}

/* ── Typography ─────────────────────────────────────────── */
.slide-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 42px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  text-transform: none !important;
}

/* Hide section-label — its content moves into act-label (top header) */
.section-label {
  display: none !important;
}

.slide-subtitle {
  color: rgba(255,255,255,0.4);
  font-family: 'Roboto Mono', monospace;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.section-label {
  font-family: 'Roboto Mono', monospace;
  color: rgba(255,255,255,0.5) !important;
  font-weight: 400;
}

/* ── Act Label → Full Top Bar (matching cover) ──────────── */
.act-label {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  display: flex !important;
  align-items: center;
  gap: 0.6rem;
  padding: 1rem 2.5rem !important;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  font-family: 'Roboto Mono', monospace !important;
  font-size: 0.55rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.4) !important;
  font-weight: 400 !important;
  z-index: 10;
}

.act-label::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  opacity: 0.5;
  background-image: url("data:image/svg+xml,%3Csvg width='550' height='550' viewBox='0 0 550 550' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M349.563 135.179C290.681 193.979 282.535 250.533 281.483 268.505H281.507C299.512 267.479 356.168 259.348 415.075 200.547L472.465 143.261L481.125 151.905L423.735 209.192C360.082 272.729 299.659 280.152 280.847 280.836C280.162 299.614 272.725 359.928 209.072 423.466L151.682 480.752L143.022 472.108L200.412 414.821C259.295 356.021 267.441 299.468 268.493 281.495C250.488 282.521 193.832 290.652 134.925 349.453L77.5347 406.739L68.8748 398.095L126.24 340.808C189.893 277.271 250.317 269.848 269.129 269.164C269.814 250.386 277.251 190.072 340.903 126.534L398.293 69.2482L406.953 77.8924L349.563 135.179ZM116.798 320.956C100.53 265.037 114.4 202.159 158.483 158.181C202.565 114.203 265.557 100.333 321.553 116.572L331.338 106.804C269.643 86.3169 198.92 100.553 149.823 149.561C100.726 198.545 86.4881 269.14 107.013 330.723L116.798 320.956ZM433.691 228.482C449.959 284.401 436.089 347.279 392.006 391.257C347.924 435.26 284.932 449.105 228.936 432.867L219.151 442.634C280.846 463.121 351.569 448.885 400.666 399.877C449.763 350.869 464.025 280.274 443.501 218.691L433.716 228.458L433.691 228.482ZM470.971 70.6971L319.285 222.108L327.934 230.741L479.62 79.3304L470.971 70.6971ZM70.3255 470.628L222.011 319.217L230.66 327.85L78.9744 479.261L70.3255 470.628Z' fill='white'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/* ── Cards → Clean Outlined Tiles (no corner markers) ──── */
/* Brand spec: uniform 1px grey outline, nothing else */
.card {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Kill any stray corner pseudo-elements from shared.css or previous versions */
.card::before,
.card::after {
  content: none !important;
  display: none !important;
}

/* ── Metric Cards ───────────────────────────────────────── */
.metric-card {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  border-radius: 0 !important;
  background-image: none !important;
}
.metric-card::before,
.metric-card::after {
  content: none !important;
  display: none !important;
}

.metric-value {
  color: #FFFFFF !important;
  font-family: 'Roboto Mono', monospace !important;
}

.metric-value.blue,
.metric-value.green {
  color: #FFFFFF !important;
}

.metric-label {
  color: rgba(255,255,255,0.45) !important;
  font-family: 'Montserrat', sans-serif !important;
}

/* ── Bullet Lists ───────────────────────────────────────── */
.bullet-list li::before {
  background: rgba(255,255,255,0.5) !important;
  border-radius: 0 !important;
  width: 4px !important;
  height: 4px !important;
}

.bullet-list li {
  color: rgba(255,255,255,0.8);
}

/* ── Progress Bar ───────────────────────────────────────── */
#progress-bar {
  background: rgba(255,255,255,0.6) !important;
  height: 2px !important;
}

/* ── Navigation ─────────────────────────────────────────── */
#nav {
  background: rgba(26,26,26,0.95);
  border: 1px solid rgba(255,255,255,0.15);
  backdrop-filter: blur(10px);
}

.nav-btn {
  color: #FFFFFF;
}

.nav-btn:hover {
  background: rgba(255,255,255,0.1);
}

#slide-counter {
  color: rgba(255,255,255,0.4);
}

/* ── Footer ─────────────────────────────────────────────── */
.conf-footer {
  color: rgba(255,255,255,0.2) !important;
}

/* ── Status Badges (Deployed/In Dev/Planned) ────────────── */
/* Make all status indicators monochrome outlined */
span[style*="background:#dcfce7"],
span[style*="background: #dcfce7"] {
  background: transparent !important;
  color: rgba(255,255,255,0.7) !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
}

span[style*="background:#2A2620"],
span[style*="background: #2A2620"] {
  background: transparent !important;
  color: rgba(255,255,255,0.5) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
}

/* ── Colored Left Borders → White ───────────────────────── */
.citadel-layer {
  border-left-color: rgba(255,255,255,0.3) !important;
}

div[style*="border-left:4px solid"] {
  border-left-color: rgba(255,255,255,0.3) !important;
}

div[style*="border-left: 4px solid"] {
  border-left-color: rgba(255,255,255,0.3) !important;
}

/* ── Colored Badges (ELBIT, RADA, CORE, etc.) → Outlined ── */
div[style*="background:#8B9A6B"],
div[style*="background:var(--blue)"],
div[style*="background:#3A3650"],
div[style*="background:#3A3020"],
div[style*="background:#2A3A50"] {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.4) !important;
  color: #FFFFFF !important;
}

/* ── Green/Gold/Red accent text → White tones ───────────── */
*[style*="color:#8B9A6B"] { color: rgba(255,255,255,0.8) !important; }
*[style*="color:#8B7A3A"] { color: rgba(255,255,255,0.5) !important; }
*[style*="color:var(--blue)"] { color: rgba(255,255,255,0.7) !important; }
*[style*="color:var(--red)"] { color: rgba(255,255,255,0.6) !important; }
*[style*="color:#d97706"] { color: rgba(255,255,255,0.6) !important; }
*[style*="color:#059669"] { color: rgba(255,255,255,0.7) !important; }
*[style*="color:#16a34a"] { color: rgba(255,255,255,0.7) !important; }

/* ── Colored Borders on Cards → Monochrome (uniform 1px) ── */
*[style*="border:1px solid"],
*[style*="border: 1px solid"] {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgba(255,255,255,0.25) !important;
}
*[style*="border:2px solid"],
*[style*="border: 2px solid"] {
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgba(255,255,255,0.25) !important;
}
/* Borders applied only on one side via inline style → normalize width */
*[style*="border-bottom:2px solid"],
*[style*="border-bottom: 2px solid"] {
  border-bottom-width: 1px !important;
  border-bottom-color: rgba(255,255,255,0.2) !important;
}
*[style*="border-bottom:1px solid"],
*[style*="border-bottom: 1px solid"] {
  border-bottom-color: rgba(255,255,255,0.12) !important;
}

/* ── Inner Cards / Sub-sections ─────────────────────────── */
div[style*="background:#1E1E1E"] {
  background: transparent !important;
}

div[style*="background:#2A1E1E"] {
  background: rgba(255,255,255,0.03) !important;
}

/* ── Status Dots → Monochrome ───────────────────────────── */
span[style*="background:#3A4836"] { background: rgba(255,255,255,0.5) !important; }
span[style*="background:#3A3620"] { background: rgba(255,255,255,0.3) !important; }
span[style*="background:#5A6A8A"] { background: rgba(255,255,255,0.15) !important; }

/* ── Bar Chart Progress Bars → Monochrome ───────────────── */
div[style*="background:#A85C5C"] { background: rgba(255,255,255,0.35) !important; }
div[style*="background:#3A3020"] { background: rgba(255,255,255,0.2) !important; }

/* ── Comments Panel ─────────────────────────────────────── */
#comments-btn {
  border-radius: 0 !important;
}

#comments-badge {
  background: rgba(255,255,255,0.6) !important;
  color: #1A1A1A !important;
  border-radius: 0 !important;
}

#comments-submit {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  border-radius: 0 !important;
  color: #FFFFFF !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-family: 'Roboto Mono', monospace !important;
}

#comments-form input,
#comments-form textarea {
  border-radius: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
}

.comment-author {
  color: rgba(255,255,255,0.7) !important;
}

.comment-item {
  border-radius: 0 !important;
}

/* ── Tables ─────────────────────────────────────────────── */
table th {
  color: rgba(255,255,255,0.5) !important;
}

/* ── Tehiru Logo Footer ─────────────────────────────────── */
.conf-footer::after {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: 8px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg width='550' height='550' viewBox='0 0 550 550' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M349.563 135.179C290.681 193.979 282.535 250.533 281.483 268.505H281.507C299.512 267.479 356.168 259.348 415.075 200.547L472.465 143.261L481.125 151.905L423.735 209.192C360.082 272.729 299.659 280.152 280.847 280.836C280.162 299.614 272.725 359.928 209.072 423.466L151.682 480.752L143.022 472.108L200.412 414.821C259.295 356.021 267.441 299.468 268.493 281.495C250.488 282.521 193.832 290.652 134.925 349.453L77.5347 406.739L68.8748 398.095L126.24 340.808C189.893 277.271 250.317 269.848 269.129 269.164C269.814 250.386 277.251 190.072 340.903 126.534L398.293 69.2482L406.953 77.8924L349.563 135.179ZM116.798 320.956C100.53 265.037 114.4 202.159 158.483 158.181C202.565 114.203 265.557 100.333 321.553 116.572L331.338 106.804C269.643 86.3169 198.92 100.553 149.823 149.561C100.726 198.545 86.4881 269.14 107.013 330.723L116.798 320.956ZM433.691 228.482C449.959 284.401 436.089 347.279 392.006 391.257C347.924 435.26 284.932 449.105 228.936 432.867L219.151 442.634C280.846 463.121 351.569 448.885 400.666 399.877C449.763 350.869 464.025 280.274 443.501 218.691L433.716 228.458L433.691 228.482ZM470.971 70.6971L319.285 222.108L327.934 230.741L479.62 79.3304L470.971 70.6971ZM70.3255 470.628L222.011 319.217L230.66 327.85L78.9744 479.261L70.3255 470.628Z' fill='rgba(255,255,255,0.3)'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/* ── Video Border Radius → Sharp ────────────────────────── */
video {
  border-radius: 0 !important;
}

/* ── Slides 2-21: Extra top padding for the topbar ─────── */
.slide:not(#slide-1) {
  padding-top: 3.8rem !important;
}

/* ── All slides background ─────────────────────────────── */
.slide { background: #262626 !important; }

/* ── Slide 1: Handled by slide-1.css ───────────────────── */

/* ── Partner Layout ─────────────────────────────────────── */
.partner-name {
  color: #FFFFFF !important;
}

.partner-type {
  color: rgba(255,255,255,0.4) !important;
}

/* ── Crisis / Quote Sections ────────────────────────────── */
.crisis-quote {
  border-color: rgba(255,255,255,0.2) !important;
  background: transparent !important;
}

.crisis-quote-text {
  color: rgba(255,255,255,0.85) !important;
}

.cost-val {
  color: #FFFFFF !important;
}

.cost-val.low {
  color: rgba(255,255,255,0.5) !important;
}

.vs-divider {
  color: rgba(255,255,255,0.3) !important;
}

.gap-statement {
  border-color: rgba(255,255,255,0.15) !important;
  background: transparent !important;
}

/* ── Cite ───────────────────────────────────────────────── */
.cite {
  color: rgba(255,255,255,0.25) !important;
}

/* ── TAM Numbers ────────────────────────────────────────── */
.tam-val, .tam-small-val {
  color: #FFFFFF !important;
}
