/*===========================================
   Stylesheet: alt-styles.css
   Author: Charles Head
   Date: 2 August 2026
   Purpose: Alternative design theme
===========================================*/

/*---------- Global Reset ----------*/
* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

/*---------- Page Layout ----------*/
body {
   font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   background-color: #fafafa;
   color: #222;
   line-height: 1.6;
}

header {
   background: linear-gradient(90deg, #0066cc, #004080);
   color: #fff;
   padding: 20px;
   text-align: center;
   font-size: 26px;
   font-weight: bold;
   text-transform: uppercase;
}

section {
   width: 85%;
   max-width: 1000px;
   margin: 40px auto;
   padding: 20px;
   background-color: #ffffff;
   border-radius: 8px;
   box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/*---------- File Input Styling ----------*/
#getFile {
   display: inline-block;
   margin: 15px 0;
   padding: 12px 18px;
   font-size: 16px;
   border: 2px solid #0066cc;
   border-radius: 5px;
   background-color: #f9f9f9;
   transition: all 0.3s ease;
   cursor: pointer;
}

#getFile:hover {
   background-color: #e6f0ff;
   border-color: #004080;
}

/*---------- Container Box ----------*/
#container {
   margin-top: 25px;
   padding: 15px;
}

/*---------- City Table Styling ----------*/
.cityTable {
   width: 100%;
   border-collapse: collapse;
   margin-top: 20px;
   font-size: 16px;
}

.cityTable th, .cityTable td {
   border: 1px solid #ccc;
   padding: 10px;
   text-align: center;
}

.cityTable th {
   background-color: #0066cc;
   color: #fff;
   text-transform: uppercase;
}

.cityTable tr:nth-child(even) {
   background-color: #f2f2f2;
}

.cityTable tr:hover {
   background-color: #e6f0ff;
}