/*
 * Tempest Weather Widget — Structural CSS only.
 *
 * All visual styling (colors, fonts, backgrounds, shadows, sizing) has been
 * intentionally removed so you can apply your own theme styles.
 *
 * Available classes to target:
 *
 *   .tww-widget        — the outer card container
 *   .tww-location      — location / city name
 *   .tww-main          — row containing the icon + temperature
 *   .tww-icon          — the Font Awesome weather icon (<i> element)
 *   .tww-temp          — the numeric temperature value
 *   .tww-unit          — the degree symbol and unit (°F / °C) inside .tww-temp
 *   .tww-description   — the plain-text weather description
 *   .tww-error         — admin-only error message (only visible to admins)
 *
 * Example custom CSS:
 *
 *   .tww-widget        { background: #1e1e28; border-radius: 12px; padding: 20px; color: #fff; text-align: center; }
 *   .tww-location      { font-size: 14px; text-transform: uppercase; letter-spacing: .05em; }
 *   .tww-icon          { font-size: 48px; margin: 8px 0; }
 *   .tww-temp          { font-size: 56px; font-weight: 300; }
 *   .tww-unit          { font-size: 24px; vertical-align: super; }
 *   .tww-description   { font-size: 14px; opacity: .8; }
 */

.tww-widget {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.tww-main {
    display: flex;
    align-items: center;
}