/* Global CSS Themes */

/* Default */
body.theme-default { }

/* Halloween */
body.theme-halloween { background-color: #21002e; background-image: radial-gradient(circle, #ff6a00 2px, transparent 3px); background-size: 40px 40px; color: #fff; }
body.theme-halloween .card, body.theme-halloween .nav, body.theme-halloween table, body.theme-halloween .admin-card, body.theme-halloween .auth-card { background: #1a0024; border-color: #ff6a00; color: #eee; }
body.theme-halloween th { background: #3d0052; color: #ff9d00; border-color: #5a007a;}
body.theme-halloween td, body.theme-halloween tr { border-color: #3d0052; }
body.theme-halloween h2, body.theme-halloween h3, body.theme-halloween label { color: #ff9d00 !important; }
body.theme-halloween input, body.theme-halloween select { background: #2b003a; color:#fff; border-color:#ff6a00; }
body.theme-halloween button[type="submit"], body.theme-halloween .btn-info { background-color: #ff6a00 !important; color: #000 !important; border:none;}
body.theme-halloween button[type="submit"]:hover, body.theme-halloween .btn-info:hover { background-color: #cc5500 !important; }
body.theme-halloween .code-box { background: #000; color: #ff9d00; border: 1px dashed #ff9d00;}

/* Thanksgiving */
body.theme-thanksgiving { background-color: #f4ebd8; background-image: radial-gradient(#d35400 3px, transparent 4px); background-size: 50px 50px; }
body.theme-thanksgiving .card, body.theme-thanksgiving .nav, body.theme-thanksgiving .admin-card, body.theme-thanksgiving .auth-card { border: 3px solid #c97a2e; }
body.theme-thanksgiving h2, body.theme-thanksgiving h3, body.theme-thanksgiving label { color: #8b4513 !important; }
body.theme-thanksgiving th { background: #e8d5b5; color: #8b4513; border-color: #c97a2e;}
body.theme-thanksgiving td, body.theme-thanksgiving tr { border-color: #e8d5b5; }
body.theme-thanksgiving button[type="submit"], body.theme-thanksgiving .btn-info { background-color: #d97828 !important; color: #fff !important; }
body.theme-thanksgiving button[type="submit"]:hover, body.theme-thanksgiving .btn-info:hover { background-color: #b5601d !important; }

/* Christmas */
body.theme-christmas { background-color: #c62828; background-image: radial-gradient(circle, #fff 4px, transparent 5px), radial-gradient(circle, #fff 3px, transparent 4px); background-size: 60px 60px, 40px 40px; background-position: 0 0, 20px 20px; }
body.theme-christmas .card, body.theme-christmas .nav, body.theme-christmas .admin-card, body.theme-christmas .auth-card { border-top: 5px solid #fff; border-bottom: 5px solid #388e3c; background: #fff8f8; }
body.theme-christmas h2, body.theme-christmas h3, body.theme-christmas label { color: #c62828 !important; }
body.theme-christmas th { background: #e8f5e9; color: #388e3c; }
body.theme-christmas button[type="submit"], body.theme-christmas .btn-info { background-color: #388e3c !important; color: #fff !important; border: 2px solid #fff;}
body.theme-christmas button[type="submit"]:hover, body.theme-christmas .btn-info:hover { background-color: #2e7d32 !important; }
body.theme-christmas .code-box { background: #ffebee; color: #d32f2f; border: 1px dashed #d32f2f;}

/* New Years */
body.theme-new_years { background-color: #0b0b0b; background-image: radial-gradient(#ffd700 1px, transparent 2px); color: #fff; background-size: 40px 40px; }
body.theme-new_years .card, body.theme-new_years .nav, body.theme-new_years table, body.theme-new_years .admin-card, body.theme-new_years .auth-card { background: #1a1a1a; border: 2px solid #ffd700; color: #eee; }
body.theme-new_years th { background: #333; color: #ffd700; border-color: #555; }
body.theme-new_years td, body.theme-new_years tr { border-color: #333; background: #1a1a1a; }
body.theme-new_years h2, body.theme-new_years h3, body.theme-new_years label { color: #ffd700 !important; }
body.theme-new_years input, body.theme-new_years select { background: #333; color:#fff; border-color:#555; }
body.theme-new_years button[type="submit"], body.theme-new_years .btn-info { background-color: #ffd700 !important; color: #000 !important; }
body.theme-new_years button[type="submit"]:hover, body.theme-new_years .btn-info:hover { background-color: #ccac00 !important; }
body.theme-new_years .code-box { background: #000; color: #ffd700; border: 1px solid #ffd700; }

/* Highway Road */
body.theme-highway { 
    background-color: #444; 
    background-image: url('images/highway_bg.jpg'); 
    background-size: cover; 
    background-position: center; 
    background-attachment: fixed; 
    color:#fff; 
}
body.theme-highway .card, body.theme-highway .nav, body.theme-highway table, body.theme-highway .admin-card, body.theme-highway .auth-card { 
    background: rgba(34, 34, 34, 0.92); 
    border: 3px solid #666; 
    color: #eee; 
    backdrop-filter: blur(4px);
}
body.theme-highway th { background: rgba(17, 17, 17, 0.95); color: #ffcc00; border-color:#444;}
body.theme-highway td, body.theme-highway tr { border-color: #444; background: rgba(34, 34, 34, 0.5); }
body.theme-highway h2, body.theme-highway h3, body.theme-highway label { color: #ffcc00 !important; }
body.theme-highway input, body.theme-highway select { background: #333; color:#fff; border-color:#555; }
body.theme-highway button[type="submit"], body.theme-highway .btn-info { background-color: #555 !important; color: #ffcc00 !important; border: 2px solid #ffcc00; }
body.theme-highway button[type="submit"]:hover, body.theme-highway .btn-info:hover { background-color: #444 !important; }
body.theme-highway .code-box { background: #000; color: #fff; border: 2px dashed #ffcc00; }

/* Enforce theme visibility on Mobile view tables */
@media (max-width: 800px) {
    body.theme-highway tr, body.theme-new_years tr, body.theme-halloween tr { background-color: transparent !important; }
}