/* HALLOWEEN DESIGN - CSS Kiegészítés */
/* Minden méret és forma megmarad, csak a színek és témaváltás történik */

/* Halloween body háttér */
body.halloween-theme {
  background: 
    radial-gradient(circle at 20% 30%, rgba(255, 215, 0, 0.08) 0%, transparent 30%),
    radial-gradient(circle at 80% 70%, rgba(255, 140, 0, 0.1) 0%, transparent 30%),
    linear-gradient(135deg, #0c0612 0%, #1a0f1f 100%) !important;
}


/* Halloween header */
body.halloween-theme .header-with-image {
  background: linear-gradient(135deg, #3d1a1a 0%, #5d2a2a 100%) !important;
  position: relative;
  overflow: hidden;
}

body.halloween-theme .header-with-image::before {
  background: url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80') center/cover !important;
  opacity: 0.15 !important;
}

body.halloween-theme .header-with-image::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    radial-gradient(circle at 20% 30%, rgba(255, 140, 0, 0.2) 0%, transparent 25%),
    radial-gradient(circle at 80% 70%, rgba(139, 0, 0, 0.2) 0%, transparent 25%);
  z-index: 1;
}

body.halloween-theme .header-content {
  position: relative;
  z-index: 2;
}

body.halloween-theme .logo-main {
  color: #ff8c00 !important;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7) !important;
}

body.halloween-theme .logo-subtitle {
  color: #ffd700 !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) !important;
}

body.halloween-theme .logo-years {
  color: #daa520 !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) !important;
}

/* Halloween navigációs gombok */
body.halloween-theme .nav-btn {
  border: 2px solid #ff8c00 !important;
  background: #2d1a1f !important;
  color: #ff8c00 !important;
}

body.halloween-theme .nav-btn.active {
  background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
  color: #1a0f1f !important;
  border-color: #ff8c00 !important;
  box-shadow: 0 6px 20px rgba(255, 140, 0, 0.4) !important;
}

body.halloween-theme .nav-btn:hover {
  background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
  color: #1a0f1f !important;
  box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .nav-btn.active:hover {
  background: linear-gradient(135deg, #ff4500 0%, #e63e00 100%) !important;
  color: #1a0f1f !important;
  box-shadow: 0 8px 25px rgba(255, 140, 0, 0.5) !important;
}

/* Halloween form kártyák */
body.halloween-theme .modern-form-card {
  background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
  border: 1px solid rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .modern-form-card::before {
  background: linear-gradient(90deg, #ff8c00, #ff4500, #8b0000, #daa520) !important;
}

body.halloween-theme .modern-form-header h3 {
  color: #ff8c00 !important;
}

body.halloween-theme .modern-form-group label {
  color: #ffd700 !important;
}

body.halloween-theme .modern-input {
  border: 2px solid #5d2a2a !important;
  background: #2d1a1f !important;
  color: #ffd700 !important;
}

body.halloween-theme .modern-input:focus {
  border-color: #ff8c00 !important;
  background: #3d1a1a !important;
  box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.1) !important;
}

body.halloween-theme .modern-input::placeholder {
  color: #daa520 !important;
}

/* Halloween táblázatok */

body.halloween-theme .modern-table-container::before {
  background: linear-gradient(90deg, #ff8c00, #ff4500, #8b0000, #daa520) !important;
}

body.halloween-theme .modern-table {
  background: #2d1a1f !important;
}

body.halloween-theme .modern-table thead {
  background: linear-gradient(135deg, #5d2a2a 0%, #8b0000 100%) !important;
}

body.halloween-theme .modern-table th {
  color: #ffd700 !important;
}

body.halloween-theme .modern-table tbody tr {
  border-bottom: 1px solid #5d2a2a !important;
}

body.halloween-theme .modern-table tbody tr:hover {
  background: linear-gradient(135deg, #3d1a1a 0%, #5d2a2a 100%) !important;
}

body.halloween-theme .modern-table td {
  color: #ffd700 !important;
}

body.halloween-theme .modern-table td:not(:last-child)::after {
  background: #5d2a2a !important;
}

/* Halloween gombok */
body.halloween-theme .modern-btn-primary {
  background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
  box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .modern-btn-primary:hover {
  box-shadow: 0 8px 25px rgba(255, 140, 0, 0.4) !important;
}

body.halloween-theme .modern-btn-secondary {
  background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
  box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .modern-btn-secondary:hover {
  box-shadow: 0 8px 25px rgba(255, 140, 0, 0.4) !important;
}

body.halloween-theme .modern-btn-sold {
  background: linear-gradient(135deg, #8b0000 0%, #5d2a2a 100%) !important;
  box-shadow: 0 2px 8px rgba(139, 0, 0, 0.3) !important;
}

body.halloween-theme .modern-btn-sold:hover {
  box-shadow: 0 4px 15px rgba(139, 0, 0, 0.4) !important;
}
body.halloween-theme .modern-btn-delete {
  background: linear-gradient(135deg, #8b0000 0%, #5d2a2a 100%) !important;
  box-shadow: 0 2px 8px rgba(139, 0, 0, 0.3) !important;
}
body.halloween-theme .modern-btn-delete:hover {
  box-shadow: 0 4px 15px rgba(139, 0, 0, 0.4) !important;
}

body.halloween-theme .modern-btn-kick {
  background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
  box-shadow: 0 2px 8px rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .modern-btn-kick:hover {
  box-shadow: 0 4px 15px rgba(255, 140, 0, 0.4) !important;
}

body.halloween-theme .modern-btn-refresh {
  background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
  box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .modern-btn-refresh:hover {
  box-shadow: 0 8px 25px rgba(255, 140, 0, 0.4) !important;
}

/* Halloween ár stílusok */
body.halloween-theme .price-purchase {
  color: #ff8c00 !important;
}

body.halloween-theme .price-desired {
  color: #ff4500 !important;
}

body.halloween-theme .price-sale {
  color: #8b0000 !important;
}

body.halloween-theme .price-keszpenz {
  color: #daa520 !important;
}

body.halloween-theme .price-hidden {
  color: #5d2a2a !important;
}

/* Halloween statisztika kártyák */
body.halloween-theme .stat-card {
  background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
  border: 1px solid rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .stat-number {
  color: #ff8c00 !important;
}

/* Halloween login panel */
body.halloween-theme .modern-login-card {
  background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
  border: 1px solid rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .modern-login-card::before {
  background: linear-gradient(90deg, #ff8c00, #ff4500, #8b0000, #daa520) !important;
}

body.halloween-theme .modern-login-header h3 {
  color: #ff8c00 !important;
}

body.halloween-theme .modern-login-header p {
  color: #daa520 !important;
}

body.halloween-theme .modern-login-input {
  border: 2px solid #5d2a2a !important;
  background: #2d1a1f !important;
  color: #ffd700 !important;
}

body.halloween-theme .modern-login-input:focus {
  border-color: #ff8c00 !important;
  background: #3d1a1a !important;
  box-shadow: 0 0 0 4px rgba(255, 140, 0, 0.1) !important;
}

body.halloween-theme .modern-login-input::placeholder {
  color: #daa520 !important;
}

body.halloween-theme .modern-login-btn {
  background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
  box-shadow: 0 6px 20px rgba(255, 140, 0, 0.4) !important;
}

body.halloween-theme .modern-login-btn:hover {
  box-shadow: 0 10px 30px rgba(255, 140, 0, 0.5) !important;
}

body.halloween-theme .modern-back-btn {
  background: linear-gradient(135deg, #5d2a2a 0%, #8b0000 100%) !important;
  box-shadow: 0 4px 15px rgba(139, 0, 0, 0.3) !important;
}

body.halloween-theme .modern-back-btn:hover {
  box-shadow: 0 6px 20px rgba(139, 0, 0, 0.4) !important;
}

/* Halloween modalok */
body.halloween-theme .edit-modal-content {
  background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
  border: 1px solid rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .edit-modal-header {
  background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
}

body.halloween-theme .car-info-card,
body.halloween-theme .sale-form {
  background: #2d1a1f !important;
  border: 1px solid rgba(255, 140, 0, 0.1) !important;
}

body.halloween-theme .car-details h4 {
  color: #ff8c00 !important;
}

body.halloween-theme .price-label {
  color: #daa520 !important;
}

body.halloween-theme .price-value {
  color: #ffd700 !important;
}

body.halloween-theme .form-group label {
  color: #ffd700 !important;
}

body.halloween-theme .form-group input {
  border: 2px solid #5d2a2a !important;
  background: #2d1a1f !important;
  color: #ffd700 !important;
}

body.halloween-theme .form-group input:focus {
  border-color: #ff8c00 !important;
  background: #3d1a1a !important;
  box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.1) !important;
}

body.halloween-theme .profit-calc {
  background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
}

body.halloween-theme .edit-modal-footer {
  background: rgba(45, 26, 31, 0.8) !important;
}

body.halloween-theme .btn-cancel {
  background: linear-gradient(135deg, #5d2a2a 0%, #8b0000 100%) !important;
}

body.halloween-theme .btn-confirm-sale {
  background: linear-gradient(135deg, #8b0000 0%, #5d2a2a 100%) !important;
}

/* Halloween badge kártyák */
body.halloween-theme .badge-card {
  background: #2d1a1f !important;
  border: 1px solid rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .badge-rank-name {
  color: #ff8c00 !important;
}

body.halloween-theme .badge-members-count {
  color: #daa520 !important;
}

body.halloween-theme .badge-note-section {
  background: #3d1a1a !important;
  border-left: 4px solid #ff8c00 !important;
}

body.halloween-theme .badge-note-label {
  color: #ffd700 !important;
}

body.halloween-theme .badge-note-content {
  color: #ffd700 !important;
}

/* Halloween tag admin kártyák */
body.halloween-theme .tag-admin-card {
  background: #2d1a1f !important;
  border: 1px solid rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .tag-admin-name {
  color: #ff8c00 !important;
}

body.halloween-theme .tag-admin-rank {
  color: #daa520 !important;
}

body.halloween-theme .tag-phone {
  color: #ffd700 !important;
}

body.halloween-theme .tag-admin-date {
  color: #daa520 !important;
}

/* Halloween üzenetek */
body.halloween-theme .message.success {
  background: #1a3d1a !important;
  color: #8bff8b !important;
  border: 1px solid #2a5d2a !important;
}

body.halloween-theme .message.error {
  background: #3d1a1a !important;
  color: #ff8b8b !important;
  border: 1px solid #5d2a2a !important;
}

body.halloween-theme .message.warning {
  background: #3d3d1a !important;
  color: #ffff8b !important;
  border: 1px solid #5d5d2a !important;
}

/* Halloween ikonok és dekorációk */
body.halloween-theme .modern-form-header h3::before,
body.halloween-theme .modern-login-header h3::before {
  content: "🎃" !important;
}

body.halloween-theme .empty-table-message::before {
  content: "👻" !important;
}

body.halloween-theme .history-empty::before {
  content: "🦇" !important;
}

/* Halloween ár jelzők */
body.halloween-theme .modern-input-container.price::before {
  color: #ff8c00 !important;
}

body.halloween-theme .modern-input-container.price::before,
body.halloween-theme .modern-input-container:not(.price)::before {
  content: '';
  position: absolute;
  left: 18px;
  top: 50%;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #bd1212b7;
  box-shadow: 0 0 0 6px rgba(247, 2, 2, 0.12);
  opacity: 0.85;
}

/* Halloween státusz badge-ek */
body.halloween-theme .status-available {
  background: linear-gradient(135deg, #8b0000 0%, #5d2a2a 100%) !important;
  box-shadow: 0 2px 8px rgba(139, 0, 0, 0.3) !important;
}

body.halloween-theme .status-sold {
  background: linear-gradient(135deg, #5d2a2a 0%, #3d1a1a 100%) !important;
  box-shadow: 0 2px 8px rgba(93, 42, 42, 0.3) !important;
}

/* Halloween eladás típus választó */
body.halloween-theme .sale-type-card.kp {
  border-color: #8b0000 !important;
  background: #3d1a1a !important;
}

body.halloween-theme .sale-type-card.normal {
  border-color: #ff8c00 !important;
  background: #3d1a1a !important;
}

body.halloween-theme .sale-type-option input[type="radio"]:checked + .sale-type-card.kp {
  border-color: #8b0000 !important;
  background: #5d2a2a !important;
}

body.halloween-theme .sale-type-option input[type="radio"]:checked + .sale-type-card.normal {
  border-color: #ff8c00 !important;
  background: #5d2a2a !important;
}

/* Halloween tuning container */

body.halloween-theme .modern-tuning-option {
  background: #3d1a1a !important;
  border: 2px solid #5d2a2a !important;
  color: #daa520 !important;
}

body.halloween-theme .modern-tuning-option:hover {
  border-color: #ff8c00 !important;
  box-shadow: 0 4px 12px rgba(255, 140, 0, 0.2) !important;
}

body.halloween-theme .modern-tuning-option.selected {
  background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
  border-color: #ff8c00 !important;
  box-shadow: 0 6px 20px rgba(255, 140, 0, 0.3) !important;
}

/* Halloween kép feltöltés */


body.halloween-theme .modern-image-section h4 {
  color: #ff8c00 !important;
}

body.halloween-theme .modern-image-file-name {
  color: #daa520 !important;
  background: #3d1a1a !important;
  border: 1px solid #5d2a2a !important;
}

/* Halloween model kereső */
body.halloween-theme .model-dropdown.modern {
  background: #2d1a1f !important;
  border: 2px solid #5d2a2a !important;
}

body.halloween-theme .model-option.modern {
  color: #daa520 !important;
  border-bottom: 1px solid #3d1a1a !important;
}

body.halloween-theme .model-option.modern:hover {
  background: #ff8c00 !important;
  color: #1a0f1f !important;
}
/* HALLOWEEN THEME JAVÍTÁSOK - Tagok, Eladott Autók, Statisztika */

/* === TAGOK TÁBLÁZAT JAVÍTÁS === */
body.halloween-theme .modern-tags-table {
    background: #2d1a1f !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

body.halloween-theme .modern-tags-table th {
    background: linear-gradient(135deg, #5d2a2a 0%, #8b0000 100%) !important;
    color: #ffd700 !important;
    border: none !important;
}

body.halloween-theme .modern-tags-table td {
    background: #2d1a1f !important;
    color: #ffd700 !important;
    border-bottom: 1px solid #5d2a2a !important;
}

body.halloween-theme .modern-tags-table tr:hover td {
    background: linear-gradient(135deg, #3d1a1a 0%, #5d2a2a 100%) !important;
}

/* Tag Admin kártyák */
body.halloween-theme .tag-admin-grid {
    background: transparent !important;
}

body.halloween-theme .tag-admin-card {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 1px solid rgba(255, 140, 0, 0.3) !important;
    box-shadow: 0 4px 20px rgba(255, 140, 0, 0.2) !important;
}

body.halloween-theme .tag-admin-card:hover {
    box-shadow: 0 8px 30px rgba(255, 140, 0, 0.4) !important;
}

body.halloween-theme .tag-admin-name {
    color: #ff8c00 !important;
}

body.halloween-theme .tag-admin-rank {
    color: #ffd700 !important;
}

body.halloween-theme .tag-phone {
    color: #daa520 !important;
}

body.halloween-theme .tag-admin-date {
    color: #b8860b !important;
}

/* Tag Admin form */
body.halloween-theme .tag-admin-form {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 1px solid rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .password-option {
    background: #3d1a1a !important;
    border: 2px solid #5d2a2a !important;
    color: #ffd700 !important;
}

body.halloween-theme .password-option:hover {
    border-color: #ff8c00 !important;
    background: #5d2a2a !important;
}

body.halloween-theme .custom-password-input {
    background: #3d1a1a !important;
    border: 2px solid #5d2a2a !important;
    color: #ffd700 !important;
}

/* === ELADOTT AUTÓK TÁBLÁZAT JAVÍTÁS === */
body.halloween-theme #soldCarsTable {
    background: #2d1a1f !important;
}

body.halloween-theme #soldCarsTable th {
    background: linear-gradient(135deg, #5d2a2a 0%, #8b0000 100%) !important;
    color: #ffd700 !important;
}

body.halloween-theme #soldCarsTable td {
    background: #2d1a1f !important;
    color: #ffd700 !important;
    border-bottom: 1px solid #5d2a2a !important;
}

body.halloween-theme #soldCarsTable tr:hover td {
    background: linear-gradient(135deg, #3d1a1a 0%, #5d2a2a 100%) !important;
}

body.halloween-theme .sold-row {
    background: linear-gradient(135deg, #3d1a1a 0%, #2d1a1f 100%) !important;
    opacity: 0.9 !important;
}

body.halloween-theme .sold-row:hover {
    background: linear-gradient(135deg, #5d2a2a 0%, #3d1a1a 100%) !important;
    opacity: 1 !important;
}

/* === STATISZTIKA OLDAL JAVÍTÁS === */
body.halloween-theme .stats-container {
    background: transparent !important;
}

body.halloween-theme .stat-card {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 1px solid rgba(255, 140, 0, 0.3) !important;
    box-shadow: 0 4px 20px rgba(255, 140, 0, 0.2) !important;
}

body.halloween-theme .stat-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 30px rgba(255, 140, 0, 0.4) !important;
}

body.halloween-theme .stat-card h3 {
    color: #ff8c00 !important;
}

body.halloween-theme .stat-card p {
    color: #ffd700 !important;
}

body.halloween-theme .stat-number {
    color: #ff8c00 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}

/* === ÁLTALÁNOS JAVÍTÁSOK === */

/* Üres táblázat üzenet */
body.halloween-theme .empty-table-message {
    color: #daa520 !important;
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 1px solid rgba(255, 140, 0, 0.3) !important;
    border-radius: 16px !important;
}

/* Kompakt form elemek */
body.halloween-theme .compact-add-tag {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 1px solid rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .compact-add-tag input {
    background: #3d1a1a !important;
    border: 2px solid #5d2a2a !important;
    color: #ffd700 !important;
}

body.halloween-theme .compact-add-tag input:focus {
    border-color: #ff8c00 !important;
    background: #5d2a2a !important;
}
body.halloween-theme .header-logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
}


body.halloween-theme .main-nav {
  background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
  border: 1px solid rgba(255, 140, 0, 0.3) !important;
  backdrop-filter: blur(14px);
  border-radius: 22px;
  padding: 14px;
  box-shadow: 0 22px 45px rgba(15, 23, 42, 0.1);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-bottom: 30px;
}


body.halloween-theme .modern-image-file-name {
    background: #3d1a1a !important;
    border: 1px solid #5d2a2a !important;
    color: #daa520 !important;
}

/* Tuning container */
body.halloween-theme .modern-tuning-option {
    background: #2d1a1f !important;
    border: 2px solid #5d2a2a !important;
    color: #daa520 !important;
}

body.halloween-theme .modern-tuning-option:hover {
    border-color: #ff8c00 !important;
    background: #3d1a1a !important;
}

body.halloween-theme .modern-tuning-option.selected {
    background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
    color: #1a0f1f !important;
    border-color: #ff8c00 !important;
}

/* Model kereső dropdown */
body.halloween-theme .model-dropdown.modern {
    background: #2d1a1f !important;
    border: 2px solid #5d2a2a !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

body.halloween-theme .model-option.modern {
    background: #2d1a1f !important;
    color: #ffd700 !important;
    border-bottom: 1px solid #3d1a1a !important;
}

body.halloween-theme .model-option.modern:hover {
    background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
    color: #1a0f1f !important;
}

/* === SPECIÁLIS HALLOWEEN EFFEKTEK === */

/* Glow effect a fontos elemekre */
body.halloween-theme .stat-card,
body.halloween-theme .tag-admin-card,
body.halloween-theme .modern-form-card {
    position: relative;
}

body.halloween-theme .stat-card::before,
body.halloween-theme .tag-admin-card::before,
body.halloween-theme .modern-form-card::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, #ff8c00, #ff4500, #8b0000, #daa520);
    border-radius: 18px;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
}

body.halloween-theme .stat-card:hover::before,
body.halloween-theme .tag-admin-card:hover::before,
body.halloween-theme .modern-form-card:hover::before {
    opacity: 0.3;
}

/* Reszponzív javítások */
@media (max-width: 768px) {
    body.halloween-theme .tag-admin-grid {
        grid-template-columns: 1fr !important;
    }
    
    body.halloween-theme .stat-card {
        margin: 10px 0 !important;
    }
    
    body.halloween-theme .modern-tags-table {
        font-size: 0.9em !important;
    }
}

/* Vízszintes vonalak eltávolítása a táblázatokból */
body.halloween-theme .modern-tags-table th:not(:last-child)::after,
body.halloween-theme .modern-tags-table td:not(:last-child)::after {
    background: #5d2a2a !important;
}

/* Művelet gombok a táblázatokban */
body.halloween-theme #tuningTableBody .modern-btn-sold,
body.halloween-theme #tuningTableBody .modern-btn-sold:hover,
body.halloween-theme .modern-action-buttons .modern-btn-sold,
body.halloween-theme .modern-action-buttons .modern-btn-delete,
body.halloween-theme #tuningTableBody .modern-btn-delete,
body.halloween-theme .modern-action-buttons .modern-btn-kick {
    background: linear-gradient(135deg, #5d2a2a 0%, #8b0000 100%) !important;
    color: #ffd700 !important;
    border: 1px solid #ff8c00 !important;
}
body.halloween-theme #tuningTableBody .modern-btn-delete:hover,
body.halloween-theme .modern-action-buttons .modern-btn-sold:hover,
body.halloween-theme .modern-action-buttons .modern-btn-delete:hover,
body.halloween-theme .modern-action-buttons .modern-btn-kick:hover {
    background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
    color: #1a0f1f !important;
}

/* HALLOWEEN THEME PONTOS JAVÍTÁSOK */

/* === TAGOK TÁBLÁZAT FEJLÉC JAVÍTÁS === */
body.halloween-theme #tagsTable thead tr {
    background: linear-gradient(135deg, #5d2a2a 0%, #8b0000 100%) !important;
}

body.halloween-theme #tagsTable th {
    background: transparent !important;
    border: none !important;
    color: #ffd700 !important;
}

body.halloween-theme #tagsTable th:not(:last-child)::after {
    background: rgba(255, 215, 0, 0.3) !important;
}

/* === ELADÁSI TÍPUS VÁLASZTÓ JAVÍTÁS === */
body.halloween-theme .sale-type-selector {
    background: transparent !important;
}

body.halloween-theme .sale-type-card {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 2px solid #5d2a2a !important;
    color: #ffd700 !important;
}

body.halloween-theme .sale-type-card.kp {
    border-color: #8b0000 !important;
}

body.halloween-theme .sale-type-card.normal {
    border-color: #ff8c00 !important;
}

body.halloween-theme .sale-type-option input[type="radio"]:checked + .sale-type-card.kp {
    background: linear-gradient(135deg, #8b0000 0%, #5d2a2a 100%) !important;
    border-color: #ff8c00 !important;
    color: #ffd700 !important;
}

body.halloween-theme .sale-type-option input[type="radio"]:checked + .sale-type-card.normal {
    background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
    border-color: #ff8c00 !important;
    color: #1a0f1f !important;
}

/* === TAG TÖRTÉNET BELSŐ DOBOZ JAVÍTÁS === */
body.halloween-theme .history-container {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 1px solid rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .history-item {
    background: transparent !important;
    border-bottom: 1px solid #5d2a2a !important;
    color: #ffd700 !important;
}

body.halloween-theme .history-item:hover {
    background: linear-gradient(135deg, #3d1a1a 0%, #5d2a2a 100%) !important;
}

body.halloween-theme .history-member-name {
    color: #ff8c00 !important;
}

body.halloween-theme .history-date {
    background: #5d2a2a !important;
    color: #daa520 !important;
    border: 1px solid #8b0000 !important;
}

body.halloween-theme .history-reason {
    background: #3d1a1a !important;
    color: #ffd700 !important;
    border-left: 4px solid #ff8c00 !important;
}

body.halloween-theme .history-kicked-by {
    color: #ff4500 !important;
}

body.halloween-theme .history-meta {
    color: #daa520 !important;
}

/* === FEJLÉC GOMBOK SZÍNEZÉSE === */
body.halloween-theme #historyButton,
body.halloween-theme #badgeButton,
body.halloween-theme #tagAdminButton {
    background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
    color: #1a0f1f !important;
    border: 1px solid #ffd700 !important;
    box-shadow: 0 4px 12px rgba(255, 140, 0, 0.4) !important;
}

body.halloween-theme #historyButton:hover,
body.halloween-theme #badgeButton:hover,
body.halloween-theme #tagAdminButton:hover {
    background: linear-gradient(135deg, #ff4500 0%, #e63e00 100%) !important;
    box-shadow: 0 6px 20px rgba(255, 140, 0, 0.6) !important;
    transform: translateY(-2px) !important;
}

/* === KITŰZŐK MODAL JAVÍTÁS === */
body.halloween-theme .badge-container {
    background: transparent !important;
}

body.halloween-theme .badge-card {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 1px solid rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .badge-rank-header {
    border-bottom: 2px solid #5d2a2a !important;
}

body.halloween-theme .badge-rank-name {
    color: #ff8c00 !important;
}

body.halloween-theme .badge-members-count {
    color: #daa520 !important;
}

body.halloween-theme .badge-note-section {
    background: #3d1a1a !important;
    border-left: 4px solid #ff8c00 !important;
}

body.halloween-theme .badge-note-label {
    color: #ffd700 !important;
}

body.halloween-theme .badge-note-content {
    color: #ffd700 !important;
}

body.halloween-theme .badge-edit-btn {
    background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
    color: #1a0f1f !important;
    border: 1px solid #ffd700 !important;
}

body.halloween-theme .badge-delete-btn {
    background: linear-gradient(135deg, #8b0000 0%, #5d2a2a 100%) !important;
    color: #ffd700 !important;
    border: 1px solid #ff8c00 !important;
}

/* === TAG ADMIN GOMBOK JAVÍTÁSA === */
body.halloween-theme .tag-admin-actions .badge-edit-btn {
    background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
    color: #1a0f1f !important;
    border: 1px solid #ffd700 !important;
    margin-bottom: 8px !important;
}

body.halloween-theme .tag-admin-actions .badge-edit-btn:hover {
    background: linear-gradient(135deg, #ff4500 0%, #e63e00 100%) !important;
}

/* === KOMPAKT FORM ELEMEK JAVÍTÁSA === */
body.halloween-theme .compact-filters-row {
    background: transparent !important;
}

/* === FORM HEADER JAVÍTÁS === */
body.halloween-theme .form-header-with-filters {
    background: transparent !important;
}

body.halloween-theme .form-title h2 {
    color: #ff8c00 !important;
}

/* === SPECIÁLIS JAVÍTÁSOK KONKRÉT ELEMEKRE === */

/* Biztosítjuk, hogy minden fehér háttér átváltson */
body.halloween-theme .page {
    background: transparent !important;
}

/* Üzenet dobozok */
body.halloween-theme .message {
    border-radius: 12px !important;
    border: 1px solid !important;
}

/* Modal footer */
body.halloween-theme .edit-modal-footer {
    background: rgba(45, 26, 31, 0.9) !important;
    border-top: 1px solid #5d2a2a !important;
}

/* Profit kalkulátor */
body.halloween-theme .profit-calc {
    background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
    color: #1a0f1f !important;
}

body.halloween-theme .profit-row {
    border-bottom: 1px solid rgba(26, 15, 31, 0.3) !important;
}

body.halloween-theme .profit-row.total {
    border-top: 2px solid rgba(26, 15, 31, 0.5) !important;
}

/* Reszponzív javítások */
@media (max-width: 768px) {
    body.halloween-theme .sale-type-selector {
        flex-direction: column !important;
    }
    
    body.halloween-theme .sale-type-card {
        margin-bottom: 10px !important;
    }
    
    body.halloween-theme .form-header-with-filters {
        flex-direction: column !important;
        align-items: center !important;
    }
    
    body.halloween-theme #historyButton,
    body.halloween-theme #badgeButton,
    body.halloween-theme #tagAdminButton {
        margin-top: 10px !important;
        width: 100% !important;
    }
}
/* === FIX: FEHÉR HÁTTÉREK ELTÁVOLÍTÁSA === */
body.halloween-theme div[style*="background-color: white"],
body.halloween-theme div[style*="background: white"],
body.halloween-theme div[style*="background-color: #fff"],
body.halloween-theme div[style*="background: #fff"],
body.halloween-theme div[style*="background-color: #ffffff"],
body.halloween-theme div[style*="background: #ffffff"] {
    background: transparent !important;
    background-color: transparent !important;
}

/* HALLOWEEN THEME STYLES - CSS Kiegészítés */

/* Halloween toggle gomb */
.halloween-toggle {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff8c00, #ff4500);
    border: 2px solid #ffd700;
    color: #1a0f1f;
    font-size: 1.5em;
    cursor: pointer;
    z-index: 10000;
    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.4);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.halloween-toggle:hover {
    transform: scale(1.1) rotate(15deg);
    box-shadow: 0 6px 20px rgba(255, 140, 0, 0.6);
}

/* Halloween dekorációk */
.halloween-decoration {
    position: fixed;
    pointer-events: none;
    z-index: 9999;
    user-select: none;
    animation: float 8s ease-in-out infinite;
}

.halloween-float {
    animation: float 8s ease-in-out infinite;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    33% {
        transform: translateY(-20px) rotate(5deg);
    }
    66% {
        transform: translateY(10px) rotate(-5deg);
    }
}


/* Header Halloween stílus */
body.halloween-theme .header-with-image {
    background: linear-gradient(135deg, #3d1a1a 0%, #5d2a2a 100%) !important;
    position: relative;
    overflow: hidden;
}

body.halloween-theme .header-with-image::before {
    background: url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80') center/cover !important;
    opacity: 0.15 !important;
}

body.halloween-theme .header-with-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 30%, rgba(255, 140, 0, 0.2) 0%, transparent 25%),
        radial-gradient(circle at 80% 70%, rgba(139, 0, 0, 0.2) 0%, transparent 25%);
    z-index: 1;
}

body.halloween-theme .header-content {
    position: relative;
    z-index: 2;
}

body.halloween-theme .logo-main {
    color: #ff8c00 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7) !important;
}

body.halloween-theme .logo-subtitle {
    color: #ffd700 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) !important;
}

body.halloween-theme .logo-years {
    color: #daa520 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) !important;
}

/* Navigációs gombok */
body.halloween-theme .nav-btn {
    border: 2px solid #ff8c00 !important;
    background: #2d1a1f !important;
    color: #ff8c00 !important;
}

body.halloween-theme .nav-btn.active {
    background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
    color: #1a0f1f !important;
    border-color: #ff8c00 !important;
    box-shadow: 0 6px 20px rgba(255, 140, 0, 0.4) !important;
}

body.halloween-theme .nav-btn:hover {
    background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
    color: #1a0f1f !important;
    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3) !important;
}

/* Form kártyák */
body.halloween-theme .modern-form-card {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 1px solid rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .modern-form-card::before {
    background: linear-gradient(90deg, #ff8c00, #ff4500, #8b0000, #daa520) !important;
}

body.halloween-theme .modern-form-header h3 {
    color: #ff8c00 !important;
}

/* Input mezők */
body.halloween-theme .modern-input,
body.halloween-theme .modern-login-input {
    border: 2px solid #5d2a2a !important;
    background: #2d1a1f !important;
    color: #ffd700 !important;
}

body.halloween-theme .modern-input:focus,
body.halloween-theme .modern-login-input:focus {
    border-color: #ff8c00 !important;
    background: #3d1a1a !important;
    box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.1) !important;
}

body.halloween-theme .modern-input::placeholder,
body.halloween-theme .modern-login-input::placeholder {
    color: #daa520 !important;
}

/* Gombok */
body.halloween-theme .modern-btn-primary {
    background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3) !important;
}


body.halloween-theme .modern-btn-secondary {
    background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .modern-btn-sold {
    background: linear-gradient(135deg, #8b0000 0%, #5d2a2a 100%) !important;
}

body.halloween-theme .modern-btn-delete {
    background: linear-gradient(135deg, #8b0000 0%, #5d2a2a 100%) !important;
}

/* Táblázatok */


body.halloween-theme .modern-table-container::before {
    background: linear-gradient(90deg, #ff8c00, #ff4500, #8b0000, #daa520) !important;
}

body.halloween-theme .modern-table {
    background: #2d1a1f !important;
}

body.halloween-theme .modern-table thead {
    background: linear-gradient(135deg, #5d2a2a 0%, #8b0000 100%) !important;
}

body.halloween-theme .modern-table th {
    color: #ffd700 !important;
}

body.halloween-theme .modern-table td {
    color: #ffd700 !important;
    border-bottom: 1px solid #5d2a2a !important;
}

/* Modalok */
body.halloween-theme .edit-modal-content {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 1px solid rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .edit-modal-header {
    background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
}

/* Statisztika kártyák */
body.halloween-theme .stat-card {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 1px solid rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .stat-number {
    color: #ff8c00 !important;
}

/* Ár stílusok */
body.halloween-theme .price-purchase {
    color: #ff8c00 !important;
}

body.halloween-theme .price-desired {
    color: #ff4500 !important;
}

body.halloween-theme .price-sale {
    color: #8b0000 !important;
}

body.halloween-theme .price-keszpenz {
    color: #daa520 !important;
}

/* Státusz badge-ek */
body.halloween-theme .status-available {
    background: linear-gradient(135deg, #8b0000 0%, #5d2a2a 100%) !important;
}

body.halloween-theme .status-sold {
    background: linear-gradient(135deg, #5d2a2a 0%, #3d1a1a 100%) !important;
}

/* Login panel */
body.halloween-theme .modern-login-card {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 1px solid rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .modern-login-card::before {
    background: linear-gradient(90deg, #ff8c00, #ff4500, #8b0000, #daa520) !important;
}

/* Reszponzív design */
@media (max-width: 768px) {
    .halloween-toggle {
        bottom: 10px;
        right: 10px;
        width: 50px;
        height: 50px;
        font-size: 1.2em;
    }
    
    .halloween-decoration {
        font-size: 0.8em !important;
    }
}

/* Animációk a smooth átmenetekhez */
body.halloween-theme * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Speciális Halloween effektek */
@keyframes spookyGlow {
    0%, 100% {
        box-shadow: 0 0 5px rgba(255, 140, 0, 0.5);
    }
    50% {
        box-shadow: 0 0 20px rgba(255, 140, 0, 0.8), 0 0 30px rgba(255, 69, 0, 0.6);
    }
}

body.halloween-theme .nav-btn.active {
    animation: spookyGlow 2s ease-in-out infinite;
}

/* További árnyék effektek */
body.halloween-theme {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* HALLOWEEN THEME JAVÍTÁSOK - KÉP VÁLASZTÓ ÉS NINCS KÉP */

/* === NINCS KÉP PLACEHOLDER JAVÍTÁS === */
body.halloween-theme .no-image-placeholder {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 2px dashed #ff8c00 !important;
    color: #daa520 !important;
}

body.halloween-theme .gallery-no-image-small {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 2px dashed #ff8c00 !important;
    color: #daa520 !important;
}

/* === KÉP FELTÖLTÉS GOMB ÉS KONTÉNER JAVÍTÁS === */
body.halloween-theme .modern-image-upload-btn {
    background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
    color: #1a0f1f !important;
    border: 1px solid #ffd700 !important;
    box-shadow: 0 4px 12px rgba(255, 140, 0, 0.4) !important;
}

body.halloween-theme .modern-image-upload-btn:hover {
    background: linear-gradient(135deg, #ff4500 0%, #e63e00 100%) !important;
    box-shadow: 0 6px 20px rgba(255, 140, 0, 0.6) !important;
    transform: translateY(-2px) !important;
}

/* === KÉP ELŐNÉZET JAVÍTÁS === */
body.halloween-theme .modern-car-image {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 2px solid #ff8c00 !important;
    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .modern-car-image:hover {
    border-color: #ffd700 !important;
    box-shadow: 0 6px 20px rgba(255, 140, 0, 0.5) !important;
}

body.halloween-theme .gallery-table-image {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 2px solid #ff8c00 !important;
    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3) !important;
}

body.halloween-theme .gallery-table-image:hover {
    border-color: #ffd700 !important;
    box-shadow: 0 6px 20px rgba(255, 140, 0, 0.5) !important;
}

/* === KÉP FELTÖLTÉS SZEKCIÓ JAVÍTÁS === */
body.halloween-theme .modern-image-upload-container {
    background: transparent !important;
}



/* === FILE INPUT STYLING (ha van ilyen) === */
body.halloween-theme input[type="file"] {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 2px solid #5d2a2a !important;
    color: #ffd700 !important;
    border-radius: 8px !important;
    padding: 10px !important;
}

body.halloween-theme input[type="file"]::file-selector-button {
    background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
    color: #1a0f1f !important;
    border: 1px solid #ffd700 !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    margin-right: 10px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

body.halloween-theme input[type="file"]::file-selector-button:hover {
    background: linear-gradient(135deg, #ff4500 0%, #e63e00 100%) !important;
}

/* === KÉP FELTÖLTÉS MODAL JAVÍTÁS === */
body.halloween-theme .car-image-preview img {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
    border: 3px solid #ff8c00 !important;
    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3) !important;
}

/* === IMAGE OPTIONAL TEXT JAVÍTÁS === */
body.halloween-theme .image-optional {
    color: #daa520 !important;
}

/* === GALÉRIA KÉPEK JAVÍTÁSA === */
body.halloween-theme .gallery-table-image {
    background: linear-gradient(135deg, #2d1a1f 0%, #3d1a1a 100%) !important;
}

/* === KÉP MODAL (nagy kép megjelenítés) JAVÍTÁS === */
body.halloween-theme .image-modal {
    background: rgba(26, 15, 31, 0.95) !important;
    backdrop-filter: blur(10px) !important;
}

body.halloween-theme .modal-content {
    border: 3px solid #ff8c00 !important;
    box-shadow: 0 10px 30px rgba(255, 140, 0, 0.5) !important;
}

body.halloween-theme .close-modal {
    background: rgba(255, 140, 0, 0.8) !important;
    color: #1a0f1f !important;
}

body.halloween-theme .close-modal:hover {
    background: rgba(255, 69, 0, 0.9) !important;
}

/* === KOMPAKT KÉP FELTÖLTÉS SOR JAVÍTÁS === */
body.halloween-theme .compact-image-upload-row {
    background: transparent !important;
}

body.halloween-theme .compact-image-controls {
    background: transparent !important;
}

/* === SPECIÁLIS HALLOWEEN KÉP EFFEKTEK === */
body.halloween-theme .modern-car-image,
body.halloween-theme .gallery-table-image,
body.halloween-theme .modern-image-preview img {
    position: relative;
    transition: all 0.3s ease !important;
}

body.halloween-theme .modern-car-image::after,
body.halloween-theme .gallery-table-image::after,
body.halloween-theme .modern-image-preview img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, transparent, rgba(255, 140, 0, 0.1), transparent);
    opacity: 0;
    transition: opacity 0.3s ease;
    border-radius: inherit;
}

body.halloween-theme .modern-car-image:hover::after,
body.halloween-theme .gallery-table-image:hover::after,
body.halloween-theme .modern-image-preview img:hover::after {
    opacity: 1;
}

/* === FIX: MINDEN KÉPRELÁTÓ ELEM === */
body.halloween-theme .car-image-preview,
body.halloween-theme .image-preview-container,
body.halloween-theme .upload-preview,
body.halloween-theme .image-container {
    background: transparent !important;
}

/* === RESZPONZÍV JAVÍTÁSOK === */
@media (max-width: 768px) {
    body.halloween-theme .no-image-placeholder,
    body.halloween-theme .gallery-no-image-small {
        width: 60px !important;
        height: 45px !important;
        font-size: 0.6em !important;
    }
    
    body.halloween-theme .modern-car-image {
        width: 60px !important;
        height: 45px !important;
    }
    
    body.halloween-theme .gallery-table-image {
        width: 100px !important;
        height: 70px !important;
    }
}

@media (max-width: 768px) {
    body.halloween-theme .no-image-placeholder,
    body.halloween-theme .gallery-no-image-small {
        width: 60px !important;
        height: 45px !important;
        font-size: 0.6em !important;
    }

    body.halloween-theme .modern-car-image {
        width: 60px !important;
        height: 45px !important;
    }

    body.halloween-theme .gallery-table-image {
        width: 100px !important;
        height: 70px !important;
    }
}

/* === HALLOWEEN FOOTER === */
body.halloween-theme .site-footer {
    position: relative;
    margin: 72px auto 0 !important;
    padding: 0 20px 40px !important;
    color: #fef3c7 !important;
    z-index: 1;
}

body.halloween-theme .site-footer::before {
    content: '';
    position: absolute;
    inset: 0 0 12px;
    background:
        radial-gradient(circle at 15% -10%, rgba(255, 140, 0, 0.18), transparent 55%),
        radial-gradient(circle at 85% 0%, rgba(255, 69, 0, 0.2), transparent 60%),
        radial-gradient(circle at 50% 120%, rgba(139, 0, 0, 0.15), transparent 65%);
    opacity: 0.85;
    pointer-events: none;
    filter: blur(28px);
}

body.halloween-theme .footer-inner {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    padding: 36px !important;
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(45, 26, 31, 0.96) 0%, rgba(24, 12, 21, 0.94) 100%) !important;
    border: 1px solid rgba(255, 140, 0, 0.25) !important;
    box-shadow: 0 32px 68px rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(12px);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 28px;
    overflow: hidden;
}

body.halloween-theme .footer-inner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 140, 0, 0.1) 0%, rgba(139, 0, 0, 0.12) 40%, transparent 90%);
    pointer-events: none;
    z-index: 0;
}

body.halloween-theme .footer-brand,
body.halloween-theme .footer-links,
body.halloween-theme .footer-contact,
body.halloween-theme .footer-community {
    position: relative;
    z-index: 1;
}

body.halloween-theme .footer-logo-mark {
    width: 64px;
    height: 64px;

    color: #1a0f1f !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.3rem;
    letter-spacing: 0.08em;
}

body.halloween-theme .footer-title {
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #fde68a !important;
    text-transform: uppercase;
}

body.halloween-theme .footer-subtitle {
    color: rgba(254, 243, 199, 0.75) !important;
    letter-spacing: 0.14em;
    font-size: 0.78rem;
    text-transform: uppercase;
}

body.halloween-theme .footer-description,
body.halloween-theme .footer-contact-list li {
    color: rgba(255, 236, 179, 0.78) !important;
}

body.halloween-theme .footer-links h4,
body.halloween-theme .footer-contact h4,
body.halloween-theme .footer-community h4 {
    color: #fcd34d !important;
}

body.halloween-theme .footer-link-list,
body.halloween-theme .footer-contact-list {
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
    display: grid;
    gap: 12px;
}

body.halloween-theme .footer-link-protected {
    display: none;
}

body.halloween-theme.logged-in .footer-link-protected {
    display: block;
}

body.halloween-theme .footer-link {
    color: rgba(255, 237, 213, 0.75) !important;
    text-decoration: none;
    display: inline-flex;
    gap: 8px;
    font-weight: 500;
    transition: color 0.25s ease, transform 0.25s ease;
}

body.halloween-theme .footer-link:hover,
body.halloween-theme .footer-link:focus-visible {
    color: #ffb347 !important;
    transform: translateX(4px);
}

body.halloween-theme .footer-social {
    display: flex;
    gap: 12px;
    margin-top: 18px;
}

body.halloween-theme .footer-social-btn {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(255, 140, 0, 0.16) !important;
    color: #ffb347 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 1.2rem;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease;
}

body.halloween-theme .footer-social-btn:hover,
body.halloween-theme .footer-social-btn:focus-visible {
    transform: translateY(-3px);
    background: linear-gradient(135deg, #ff8c00 0%, #ff4500 100%) !important;
    color: #1a0f1f !important;
    box-shadow: 0 18px 32px rgba(255, 140, 0, 0.45);
}

body.halloween-theme .footer-bottom {
    max-width: 1100px;
    margin: 28px auto 0;
    padding: 18px 24px 0 !important;
    border-top: 1px solid rgba(255, 140, 0, 0.25) !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    color: rgba(255, 236, 179, 0.78) !important;
    font-size: 0.9rem;
}

body.halloween-theme .footer-bottom-links {
    display: inline-flex;
    gap: 12px;
    align-items: center;
}

body.halloween-theme .footer-bottom-link {
    color: rgba(255, 237, 213, 0.75) !important;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.25s ease;
}

body.halloween-theme .footer-bottom-link:hover,
body.halloween-theme .footer-bottom-link:focus-visible {
    color: #ffb347 !important;
}

body.halloween-theme .footer-separator {
    color: rgba(255, 140, 0, 0.35) !important;
}

@media (max-width: 768px) {
    body.halloween-theme .footer-inner {
        padding: 28px !important;
    }

    body.halloween-theme .footer-bottom {
        text-align: center;
    }
}

@media (max-width: 520px) {
    body.halloween-theme .footer-inner {
        padding: 24px !important;
    }

    body.halloween-theme .footer-social {
        justify-content: flex-start;
    }
}

/* Section headers */

body.halloween-theme .modern-form-header h2::after,
body.halloween-theme .modern-form-header h3::after,
body.halloween-theme .modern-login-header h3::after,
body.halloween-theme .edit-modal-header h3::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  border-radius: 3px;
  background:  linear-gradient(90deg, var(--ui-accent), transparent);
}