/* Brutalist "Old Design" Overrides */

.old-design .card {
  border: 4px solid #2C3E50 !important;
  border-radius: 0 !important;
  box-shadow: 6px 6px 0px #2C3E50 !important;
}

.old-design h2 {
  font-family: 'Arial Black', Impact, sans-serif !important;
  border-bottom: 4px solid #2C3E50 !important;
  text-shadow: 2px 2px 0px #2C3E50 !important;
  border-radius: 0 !important;
  margin: -20px -20px 20px -20px !important;
  padding: 15px !important;
}

.old-design input,
.old-design select,
.old-design button {
  border-radius: 0 !important;
  border: 4px solid #2C3E50 !important;
}

.old-design button {
  box-shadow: 4px 4px 0px #2C3E50 !important;
  transition: all 0.1s !important;
}

.old-design button:active {
  transform: translate(4px, 4px) !important;
  box-shadow: 0px 0px 0px #2C3E50 !important;
}

.old-design .main-nav {
  border: 4px solid #2C3E50 !important;
  box-shadow: 4px 4px 0px #2C3E50 !important;
  border-radius: 0 !important;
}

.old-design .main-nav a {
  border-right: 4px solid #2C3E50 !important;
}
.old-design .main-nav a:last-child {
  border-right: none !important;
}

.old-design .logger-tile-grid {
  border: 4px solid #2C3E50 !important;
  box-shadow: 4px 4px 0px #2C3E50 !important;
  border-radius: 0 !important;
}

.old-design .logger-tile {
  border: 4px solid #2C3E50 !important;
  box-shadow: 4px 4px 0px #2C3E50 !important;
  border-radius: 0 !important;
}

.old-design .logger-tile:active {
  transform: translate(4px, 4px) !important;
  box-shadow: 0px 0px 0px #2C3E50 !important;
}

.old-design .logger-list {
  border: 4px solid #2C3E50 !important;
  box-shadow: 4px 4px 0px #2C3E50 !important;
  border-radius: 0 !important;
}

.old-design .logger-list-item {
  border-bottom: 4px solid #D1EAFE !important;
}

.old-design .modal-content {
  border: 6px solid #2C3E50 !important;
  box-shadow: 8px 8px 0px #2C3E50 !important;
  border-radius: 0 !important;
}

.old-design .toast {
  border: 4px solid #2C3E50 !important;
  box-shadow: 6px 6px 0px #2C3E50 !important;
  border-radius: 0 !important;
}

.old-design .stat-pill,
.old-design .rank-box {
  border: 2px solid #2C3E50 !important;
  box-shadow: 2px 2px 0px #2C3E50 !important;
  border-radius: 0 !important;
}

.old-design button.danger-action {
  box-shadow: 3px 3px 0px #2C3E50 !important;
  border: 3px solid #2C3E50 !important;
}

.old-design .quick-add-bubble {
  border: 4px solid #2C3E50 !important;
  box-shadow: 4px 4px 0px #2C3E50 !important;
}

/* Compatibility for dark mode white borders in old design */
body.dark-mode.old-design .card,
body.dark-mode.old-design input,
body.dark-mode.old-design select,
body.dark-mode.old-design button,
body.dark-mode.old-design .main-nav,
body.dark-mode.old-design .logger-tile-grid,
body.dark-mode.old-design .logger-tile,
body.dark-mode.old-design .logger-list,
body.dark-mode.old-design .modal-content,
body.dark-mode.old-design .toast {
  border-color: #bdc3c7 !important;
}

body.dark-mode.old-design .card,
body.dark-mode.old-design button,
body.dark-mode.old-design .main-nav,
body.dark-mode.old-design .logger-tile-grid,
body.dark-mode.old-design .logger-tile,
body.dark-mode.old-design .logger-list,
body.dark-mode.old-design .modal-content,
body.dark-mode.old-design .toast,
body.dark-mode.old-design .quick-add-bubble {
  box-shadow: 4px 4px 0px #bdc3c7 !important;
}
body.dark-mode.old-design .card { box-shadow: 6px 6px 0px #bdc3c7 !important; }
body.dark-mode.old-design .modal-content { box-shadow: 8px 8px 0px #bdc3c7 !important; }
body.dark-mode.old-design .toast { box-shadow: 6px 6px 0px #bdc3c7 !important; }
body.dark-mode.old-design h2 { border-bottom-color: #bdc3c7 !important; text-shadow: 2px 2px 0px #bdc3c7 !important; }

/* Preserve round edges for popup buttons */
.old-design .modal button {
  border-radius: 12px !important;
}
.old-design .close-modal {
  border-radius: 50% !important;
}

/* Disable PWA transitions in old design */
.old-design.pwa-transitions > :not(.main-nav):not(.mobile-bottom-menu):not(.toast), .old-design .pwa-transitions > :not(.main-nav):not(.mobile-bottom-menu):not(.toast) {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.old-design .modal-content h2 {
  margin: 0 !important;
}
.old-design a[href*="schemalaggare"], .old-design .back-link {
  border-radius: 0 !important;
  border: 4px solid #2C3E50 !important;
  box-shadow: 4px 4px 0px #2C3E50 !important;
  transition: all 0.1s !important;
}
.old-design a[href*="schemalaggare"]:active, .old-design .back-link:active {
  transform: translate(4px, 4px) !important;
  box-shadow: 0px 0px 0px #2C3E50 !important;
}
.old-design .qr-canvas-wrap, .old-design #picPreview, .old-design video {
  border-radius: 0 !important;
  border: 4px solid #2C3E50 !important;
  box-shadow: 4px 4px 0px #2C3E50 !important;
}

.old-design .settings-gear-btn, .old-design .qr-popup-btn {
  border-radius: 50% !important;
  border: 4px solid #2C3E50 !important;
  box-shadow: 4px 4px 0px #2C3E50 !important;
}