/* Plain Black & White Theme */
/* Activated when data-theme="plain" on body element */
/* Uses high specificity selectors to override Matrix theme */

/* Smooth Transitions for Theme Switching */
* {
  transition: all 0.3s ease;
}

/* ========================================
   GLOBAL OVERRIDES - CSS VARIABLES
   ======================================== */
body[data-theme="plain"] {
  --eoyr-neon-green: #000 !important;
  --eoyr-neon-green-dim: #000 !important;
  --eoyr-neon-green-glow: transparent !important;
  --eoyr-neon-green-bg: transparent !important;
  --eoyr-black: #FFF !important;
  --eoyr-dark-green: #FFF !important;
}

/* ========================================
   BACKGROUNDS - Force WHITE
   ======================================== */
body[data-theme="plain"],
body[data-theme="plain"] .page-wrapper,
body[data-theme="plain"] .main-wrapper-2,
body[data-theme="plain"] .modeling-wrapper,
body[data-theme="plain"] .analytics-wrapper,
body[data-theme="plain"] .ideas-wrapper,
body[data-theme="plain"] .navbar,
body[data-theme="plain"] .navbar-menu,
body[data-theme="plain"] .navbar-left,
body[data-theme="plain"] .navbar-right,
body[data-theme="plain"] .navbar-open,
body[data-theme="plain"] .navbar-content-wrapper,
body[data-theme="plain"] .page-padding,
body[data-theme="plain"] .opening-block,
body[data-theme="plain"] .block {
  background: #FFF !important;
  background-color: #FFF !important;
  background-image: none !important;
}

/* ========================================
   FONTS - Force Helvetica
   ======================================== */
body[data-theme="plain"],
body[data-theme="plain"] * {
  font-family: Helvetica, Arial, sans-serif !important;
}

/* ========================================
   TEXT COLORS - Force BLACK
   ======================================== */
body[data-theme="plain"],
body[data-theme="plain"] h1,
body[data-theme="plain"] h2,
body[data-theme="plain"] h3,
body[data-theme="plain"] h4,
body[data-theme="plain"] h5,
body[data-theme="plain"] h6,
body[data-theme="plain"] p,
body[data-theme="plain"] span,
body[data-theme="plain"] div,
body[data-theme="plain"] li,
body[data-theme="plain"] a,
body[data-theme="plain"] label,
body[data-theme="plain"] .block-title,
body[data-theme="plain"] .modeling-title,
body[data-theme="plain"] .analytics-title,
body[data-theme="plain"] .ideas-title,
body[data-theme="plain"] .section-title,
body[data-theme="plain"] .nav-link-text,
body[data-theme="plain"] .navbar-right-text,
body[data-theme="plain"] .week-row-title,
body[data-theme="plain"] .work_title,
body[data-theme="plain"] .work_description,
body[data-theme="plain"] .work_date-text,
body[data-theme="plain"] .work_date-wrap,
body[data-theme="plain"] .airtable-card-title {
  color: #000 !important;
}

/* ========================================
   HIDE SPLINE LOGOS - Multiple Methods
   ======================================== */
body[data-theme="plain"] canvas,
body[data-theme="plain"] .spline-logo,
body[data-theme="plain"] #spline-logo-canvas,
body[data-theme="plain"] #spline-menu-logo,
body[data-theme="plain"] .menu-spline-logo-container,
body[data-theme="plain"] .spline-logo-menu,
body[data-theme="plain"] spline-viewer {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  min-height: 1px !important;
  max-width: 1px !important;
  max-height: 1px !important;
  position: absolute !important;
  pointer-events: none !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

/* Show "CORE HOME™" Text Logo */
body[data-theme="plain"] .brand-wrapper {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 1.5rem !important;
  font-weight: bold !important;
  color: #000 !important;
  text-decoration: none !important;
  display: inline-block !important;
  cursor: pointer !important;
  transition: color 0.3s ease !important;
}

body[data-theme="plain"] .brand-wrapper:hover {
  color: #333 !important;
}

body[data-theme="plain"] .brand-wrapper::before {
  content: "CORE HOME™" !important;
  display: inline-block !important;
}

/* ========================================
   REMOVE ALL EFFECTS
   ======================================== */
body[data-theme="plain"] * {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  -webkit-filter: none !important;
  background-image: none !important;
  background-blend-mode: normal !important;
}

/* Force no gradients on all elements */
body[data-theme="plain"] *[style*="background"],
body[data-theme="plain"] *[style*="gradient"],
body[data-theme="plain"] *[class*="gradient"] {
  background-image: none !important;
  background: #FFF !important;
}

/* Grayscale Images Only */
body[data-theme="plain"] img {
  filter: grayscale(100%) !important;
  -webkit-filter: grayscale(100%) !important;
  opacity: 0.9 !important;
}

/* ========================================
   BORDERS - Simple BLACK 1px (selective)
   ======================================== */
body[data-theme="plain"] .analytics-card,
body[data-theme="plain"] .work_item,
body[data-theme="plain"] .airtable-card,
body[data-theme="plain"] .week-row {
  border-color: #000 !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 0 !important;
}

/* NO borders on navbar items and project cards */
body[data-theme="plain"] .navbar-right-item,
body[data-theme="plain"] .project-card,
body[data-theme="plain"] .project-preview-wrapper,
body[data-theme="plain"] .navbar-right-content {
  border: none !important;
  border-radius: 0 !important;
}

/* Remove Border Radius Globally */
body[data-theme="plain"] * {
  border-radius: 0 !important;
}

/* ========================================
   BUTTONS & LINKS
   ======================================== */
body[data-theme="plain"] button,
body[data-theme="plain"] input[type="submit"] {
  background: transparent !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
}

/* Navigation links - NO borders */
body[data-theme="plain"] .nav-link-desktop,
body[data-theme="plain"] .nav-link-item,
body[data-theme="plain"] .nav-link-text {
  background: transparent !important;
  color: #000 !important;
  border: none !important;
  border-radius: 0 !important;
  text-decoration: none !important;
}

/* Hover states - BLACK background, WHITE text */
body[data-theme="plain"] button:hover,
body[data-theme="plain"] input[type="submit"]:hover {
  background: #000 !important;
  color: #FFF !important;
}

body[data-theme="plain"] .nav-link-desktop:hover,
body[data-theme="plain"] .nav-link-item:hover,
body[data-theme="plain"] .nav-link-desktop:hover *,
body[data-theme="plain"] .nav-link-item:hover * {
  background: #000 !important;
  background-color: #000 !important;
  color: #FFF !important;
  text-shadow: none !important;
}

body[data-theme="plain"] .nav-link-desktop:hover div,
body[data-theme="plain"] .nav-link-desktop:hover .nav-link-text {
  color: #FFF !important;
}

/* Menu button - WHITE text on BLACK bg */
body[data-theme="plain"] .nav-toggle-inner {
  background: #000 !important;
  background-color: #000 !important;
  color: #FFF !important;
  border: 1px solid #000 !important;
  font-weight: bold !important;
}

/* Force white color on all children */
body[data-theme="plain"] .nav-toggle-inner * {
  color: #FFF !important;
}

body[data-theme="plain"] a {
  color: #000 !important;
  text-decoration: none !important;
}

body[data-theme="plain"] a:hover {
  background: #000 !important;
  color: #FFF !important;
}

/* ========================================
   INPUT FIELDS
   ======================================== */
body[data-theme="plain"] input,
body[data-theme="plain"] select,
body[data-theme="plain"] textarea {
  background: #FFF !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
}

body[data-theme="plain"] input::placeholder {
  color: #666 !important;
}

/* ========================================
   REMOVE HOVER EFFECTS
   ======================================== */
body[data-theme="plain"] .scale-on-hover:hover,
body[data-theme="plain"] .work_item:hover,
body[data-theme="plain"] .analytics-card:hover,
body[data-theme="plain"] .airtable-card:hover {
  transform: none !important;
}

/* ========================================
   REMOVE GRADIENTS & OVERLAYS
   ======================================== */
body[data-theme="plain"] .work_item::before,
body[data-theme="plain"] .work_item::after {
  display: none !important;
  opacity: 0 !important;
}

body[data-theme="plain"] .project-preview-wrapper {
  background: #FFF !important;
  background-image: none !important;
  border: 1px solid #000 !important;
}

/* ========================================
   HIGHLIGHT BOXES & SPECIAL ELEMENTS
   ======================================== */
body[data-theme="plain"] .block-disclaimer,
body[data-theme="plain"] .highlight-box {
  background: transparent !important;
  background-color: transparent !important;
  border-left: 2px solid #000 !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  color: #000 !important;
}

body[data-theme="plain"] .highlight-box p,
body[data-theme="plain"] .block-disclaimer {
  color: #000 !important;
}

/* ========================================
   NAVIGATION MENU
   ======================================== */
body[data-theme="plain"] .nav-color-picker-button {
  display: none !important;
}

/* ========================================
   FEATURE LISTS
   ======================================== */
body[data-theme="plain"] .feature-list li:before {
  content: "•" !important;
  color: #000 !important;
}

/* ========================================
   TOGGLE SWITCH ANIMATION
   ======================================== */
body[data-theme="plain"] #theme-toggle {
  background: transparent !important;
  color: #000 !important;
}

body[data-theme="plain"] #theme-toggle:hover {
  background: #000 !important;
  color: #FFF !important;
}

body[data-theme="plain"] #theme-toggle .toggle-status {
  color: #000 !important;
}

body[data-theme="plain"] #theme-toggle:hover .toggle-status {
  color: #FFF !important;
}

body[data-theme="plain"] #theme-toggle .toggle-slider {
  left: 22px !important;
  background: #000 !important;
  transition: left 0.3s ease !important;
}

body[data-theme="plain"] #theme-toggle:hover .toggle-slider {
  background: #FFF !important;
}

body[data-theme="plain"] #theme-toggle .toggle-switch {
  background: rgba(0, 0, 0, 0.1) !important;
  border-color: #000 !important;
  transition: none !important;
}

body[data-theme="plain"] #theme-toggle:hover .toggle-switch {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: #FFF !important;
}

body[data-theme="matrix"] #theme-toggle .toggle-slider {
  left: 2px !important;
}

/* ========================================
   PROJECT FILTERS & TAGS
   ======================================== */

/* Project Checkboxes - Default State */
body[data-theme="plain"] .eoyr-project-checkbox,
body[data-theme="plain"] .project-name {
  background: #FFF !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  transition: all 0.3s ease !important;
}

/* Project Checkboxes - Hover State */
body[data-theme="plain"] .eoyr-project-checkbox:hover,
body[data-theme="plain"] .project-name:hover {
  background: #000 !important;
  background-color: #000 !important;
  color: #FFF !important;
  border: 1px solid #000 !important;
}

/* Project Checkboxes - Active/Selected State */
body[data-theme="plain"] .eoyr-project-checkbox.active,
body[data-theme="plain"] .project-name.active {
  background: #000 !important;
  background-color: #000 !important;
  color: #FFF !important;
  border: 1px solid #000 !important;
}

/* Project Tags - Default State */
body[data-theme="plain"] .eoyr-project-tag {
  background: #FFF !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  transition: all 0.3s ease !important;
}

/* Project Tags - Hover State */
body[data-theme="plain"] .eoyr-project-tag:hover {
  background: #000 !important;
  background-color: #000 !important;
  color: #FFF !important;
  border: 1px solid #000 !important;
}

/* ========================================
   CARDS & CONTAINERS
   ======================================== */
body[data-theme="plain"] .airtable-card,
body[data-theme="plain"] .analytics-card,
body[data-theme="plain"] .work_item {
  background: transparent !important;
  background-color: transparent !important;
}

/* ========================================
   PROJECT CARDS (Website Blocks)
   ======================================== */
body[data-theme="plain"] .project-card,
body[data-theme="plain"] .navbar-right-item {
  background: #FFF !important;
  background-color: #FFF !important;
  color: #000 !important;
  border: none !important;
  transition: all 0.3s ease !important;
}

body[data-theme="plain"] .project-card:hover,
body[data-theme="plain"] .navbar-right-item:hover {
  background: #000 !important;
  background-color: #000 !important;
  color: #FFF !important;
}

body[data-theme="plain"] .project-card:hover *,
body[data-theme="plain"] .navbar-right-item:hover * {
  color: #FFF !important;
}

body[data-theme="plain"] .project-card h3,
body[data-theme="plain"] .project-card h4,
body[data-theme="plain"] .project-card p,
body[data-theme="plain"] .navbar-right-item h3,
body[data-theme="plain"] .navbar-right-item h4,
body[data-theme="plain"] .navbar-right-item p {
  color: #000 !important;
}

body[data-theme="plain"] .project-card:hover h3,
body[data-theme="plain"] .project-card:hover h4,
body[data-theme="plain"] .project-card:hover p,
body[data-theme="plain"] .navbar-right-item:hover h3,
body[data-theme="plain"] .navbar-right-item:hover h4,
body[data-theme="plain"] .navbar-right-item:hover p {
  color: #FFF !important;
}

/* Flash animation for website cards */
@keyframes flashBorder {
  0%, 100% { border: 2px solid transparent; }
  50% { border: 2px solid #000; }
}

body[data-theme="plain"] .navbar-right-item.flash-highlight {
  animation: flashBorder 0.3s ease 4 !important;
}

/* ========================================
   IFRAMES & EMBEDS - Keep Visible
   ======================================== */
body[data-theme="plain"] iframe {
  border: 1px solid #000 !important;
}

/* ========================================
   REPORTS/LOGS BLOCKS (Commit Blocks)
   ======================================== */
body[data-theme="plain"] .static-block,
body[data-theme="plain"] .block-content,
body[data-theme="plain"] .commit-content,
body[data-theme="plain"] .commits-container,
body[data-theme="plain"] .week-row {
  background: #FFF !important;
  background-color: #FFF !important;
  color: #000 !important;
  border: none !important;
  transition: all 0.3s ease !important;
}

body[data-theme="plain"] .static-block:hover,
body[data-theme="plain"] .commit-content:hover,
body[data-theme="plain"] .commits-container:hover,
body[data-theme="plain"] .week-row:hover {
  background: #000 !important;
  background-color: #000 !important;
  color: #FFF !important;
  border: 1px solid #000 !important;
}

body[data-theme="plain"] .static-block:hover *,
body[data-theme="plain"] .commit-content:hover *,
body[data-theme="plain"] .commits-container:hover *,
body[data-theme="plain"] .week-row:hover * {
  color: #FFF !important;
}

/* Don't apply hover to block-content (contains title and disclaimer) */
body[data-theme="plain"] .block-content {
  pointer-events: none !important;
}

body[data-theme="plain"] .block-content * {
  pointer-events: auto !important;
}

/* Hover for title wrapper and floating block */
body[data-theme="plain"] .block-title-wrapper,
body[data-theme="plain"] .floating-block {
  background: #FFF !important;
  color: #000 !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

body[data-theme="plain"] .block-title-wrapper:hover,
body[data-theme="plain"] .floating-block:hover {
  background: #000 !important;
  background-color: #000 !important;
  color: #FFF !important;
}

body[data-theme="plain"] .block-title-wrapper:hover *,
body[data-theme="plain"] .floating-block:hover * {
  color: #FFF !important;
  background: transparent !important;
}

/* ========================================
   OVERRIDE INLINE STYLES
   ======================================== */
/* For elements with inline styles, !important is required */
body[data-theme="plain"] div[style],
body[data-theme="plain"] span[style],
body[data-theme="plain"] a[style] {
  background: none !important;
}

/* ========================================
   HIDE SVG ICONS IN REPORTS
   ======================================== */
body[data-theme="plain"] svg,
body[data-theme="plain"] .week-row-icon,
body[data-theme="plain"] .commit-icon {
  display: none !important;
}

/* ========================================
   ANALYTICS PAGE - SIMPLE LIST
   ======================================== */
body[data-theme="plain"] .analytics-grid {
  display: block !important;
  grid-template-columns: 1fr !important;
}

body[data-theme="plain"] .analytics-card {
  display: flex !important;
  flex-direction: column !important;
  padding: 1rem !important;
  margin-bottom: 1rem !important;
  background: #FFF !important;
  color: #000 !important;
  border: none !important;
  transition: all 0.3s ease !important;
}

body[data-theme="plain"] .analytics-card:hover {
  background: #000 !important;
  color: #FFF !important;
}

body[data-theme="plain"] .analytics-card-title,
body[data-theme="plain"] .analytics-card-description,
body[data-theme="plain"] .analytics-card-url,
body[data-theme="plain"] .analytics-button {
  color: #000 !important;
}

body[data-theme="plain"] .analytics-card:hover .analytics-card-title,
body[data-theme="plain"] .analytics-card:hover .analytics-card-description,
body[data-theme="plain"] .analytics-card:hover .analytics-card-url,
body[data-theme="plain"] .analytics-card:hover .analytics-button {
  color: #FFF !important;
}

body[data-theme="plain"] .analytics-card h3 {
  font-size: 1.25rem !important;
  margin-bottom: 0.5rem !important;
}

body[data-theme="plain"] .analytics-card p {
  font-size: 1rem !important;
  margin-bottom: 0.5rem !important;
}

body[data-theme="plain"] .analytics-card button {
  width: fit-content !important;
  padding: 0.5rem 1rem !important;
  margin-top: 0.5rem !important;
}

/* ========================================
   CONTENT PAGE - SIMPLE RESPONSIVE GRID
   ======================================== */
body[data-theme="plain"] .work_list {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1rem !important;
  grid-auto-flow: dense !important;
}

@media (max-width: 1200px) {
  body[data-theme="plain"] .work_list {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 768px) {
  body[data-theme="plain"] .work_list {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 480px) {
  body[data-theme="plain"] .work_list {
    grid-template-columns: 1fr !important;
  }
}

body[data-theme="plain"] .work_item {
  grid-column: span 1 !important;
  grid-row: span 1 !important;
  aspect-ratio: 1 / 1 !important;
}

/* ========================================
   LIGHTBOX - MINIMALISTIC STYLE
   ======================================== */
body[data-theme="plain"] .lightbox-overlay {
  background: rgba(255, 255, 255, 0.95) !important;
}

body[data-theme="plain"] .lightbox-content {
  background: #FFF !important;
  border: 2px solid #000 !important;
}

body[data-theme="plain"] .lightbox-close,
body[data-theme="plain"] .lightbox-prev,
body[data-theme="plain"] .lightbox-next {
  background: transparent !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  font-size: 2rem !important;
}

body[data-theme="plain"] .lightbox-close:hover,
body[data-theme="plain"] .lightbox-prev:hover,
body[data-theme="plain"] .lightbox-next:hover {
  background: #000 !important;
  color: #FFF !important;
}

body[data-theme="plain"] .lightbox-counter {
  color: #000 !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid #000 !important;
}

/* ========================================
   COMMIT SUMMARY SECTION - MINIMAL STYLE
   ======================================== */
body[data-theme="plain"] .summary-button {
  background: transparent !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 0.85rem !important;
  padding: 0.35rem 0.75rem !important;
  cursor: pointer !important;
}

body[data-theme="plain"] .summary-button:hover {
  background: #000 !important;
  color: #FFF !important;
}

body[data-theme="plain"] .commit-summary-section {
  background: #F5F5F5 !important;
  border: 1px solid #CCC !important;
  border-radius: 0 !important;
  padding: 1.5rem !important;
  margin-top: 1rem !important;
}

body[data-theme="plain"] .commit-summary {
  color: #000 !important;
}

body[data-theme="plain"] .summary-title {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: bold !important;
  color: #000 !important;
  text-transform: none !important;
  margin-bottom: 0.75rem !important;
}

body[data-theme="plain"] .summary-divider {
  background: #CCC !important;
  background-image: none !important;
  height: 1px !important;
  margin-bottom: 1rem !important;
}

body[data-theme="plain"] .summary-category {
  margin-bottom: 1.5rem !important;
}

body[data-theme="plain"] .summary-category-title {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #000 !important;
  margin-bottom: 0.5rem !important;
}

body[data-theme="plain"] .summary-list {
  list-style: none !important;
  padding-left: 0 !important;
  margin-left: 1rem !important;
}

body[data-theme="plain"] .summary-list li {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 0.9rem !important;
  color: #333 !important;
  margin-bottom: 0.4rem !important;
  padding-left: 1.2rem !important;
  line-height: 1.5 !important;
}

body[data-theme="plain"] .summary-list li::before {
  content: "•" !important;
  color: #000 !important;
}

/* View Detailed Commits Button - Minimal Style */
body[data-theme="plain"] .view-logs-button {
  font-family: Helvetica, Arial, sans-serif !important;
  background: transparent !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
}

body[data-theme="plain"] .view-logs-button:hover {
  background: #000 !important;
  color: #FFF !important;
  box-shadow: none !important;
  transform: none !important;
}

body[data-theme="plain"] .summary-actions {
  border-top: 1px solid #CCC !important;
}