.aurora-forecast-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
} .aurora-header {
text-align: center;
margin-bottom: 30px;
}
.aurora-header h2 {
margin: 0 0 10px 0;
color: #2c3e50;
}
.aurora-subtitle {
color: #7f8c8d;
margin: 10px 0;
}
.aurora-upgrade-notice {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 15px;
border-radius: 8px;
margin-top: 15px;
}
.aurora-upgrade-notice a {
color: white;
text-decoration: underline;
font-weight: bold;
} .aurora-forecast-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
margin-bottom: 40px;
} .aurora-day-card {
background: white;
border: 2px solid #e0e0e0;
border-radius: 12px;
padding: 20px;
transition: transform 0.2s, box-shadow 0.2s;
}
.aurora-day-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.aurora-day-card.today {
border-color: #667eea;
background: #f8f9ff;
}
.aurora-day-card.exceptional {
border-color: #27ae60;
}
.aurora-day-card.excellent {
border-color: #2ecc71;
}
.aurora-day-card.good {
border-color: #f39c12;
}
.aurora-day-card.fair {
border-color: #e67e22;
}
.aurora-day-card.poor {
border-color: #95a5a6;
}
.day-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 2px solid #ecf0f1;
}
.day-date strong {
display: block;
font-size: 18px;
color: #2c3e50;
}
.date-small {
color: #7f8c8d;
font-size: 14px;
}
.day-score {
text-align: right;
}
.score-large {
font-size: 48px;
font-weight: bold;
line-height: 1;
color: #667eea;
}
.score-max {
font-size: 18px;
color: #95a5a6;
}
.day-rating {
margin-bottom: 20px;
}
.day-rating strong {
display: block;
font-size: 20px;
color: #2c3e50;
margin-bottom: 5px;
}
.day-rating p {
color: #7f8c8d;
margin: 0;
} .day-details {
border-top: 1px solid #ecf0f1;
padding-top: 15px;
}
.detail-row {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
border-bottom: 1px solid #f8f9fa;
}
.detail-row:last-child {
border-bottom: none;
}
.detail-label {
color: #7f8c8d;
font-size: 14px;
}
.detail-value {
font-weight: 600;
color: #2c3e50;
}
.score-component {
display: inline-block;
background: #ecf0f1;
padding: 2px 8px;
border-radius: 4px;
font-size: 12px;
margin-left: 5px;
color: #7f8c8d;
} .aurora-best-nights-section {
background: #f8f9fa;
padding: 30px;
border-radius: 12px;
margin-bottom: 30px;
}
.aurora-best-nights-section h3 {
margin-top: 0;
color: #2c3e50;
}
.best-nights-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 15px;
}
.best-night-card {
background: white;
padding: 20px;
border-radius: 8px;
border-left: 4px solid #667eea;
display: flex;
align-items: center;
gap: 15px;
}
.best-night-rank {
font-size: 32px;
font-weight: bold;
color: #667eea;
min-width: 50px;
}
.best-night-info strong {
display: block;
color: #2c3e50;
margin-bottom: 5px;
}
.best-night-score {
font-size: 14px;
color: #7f8c8d;
}
.rating-badge {
display: inline-block;
background: #667eea;
color: white;
padding: 2px 8px;
border-radius: 4px;
font-size: 12px;
margin-left: 5px;
} .aurora-legend {
background: white;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 20px;
margin-bottom: 30px;
}
.aurora-legend h4 {
margin-top: 0;
color: #2c3e50;
}
.legend-items {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 10px;
}
.legend-item {
display: flex;
align-items: center;
gap: 10px;
}
.legend-color {
width: 30px;
height: 30px;
border-radius: 4px;
}
.legend-color.exceptional {
background: #27ae60;
}
.legend-color.excellent {
background: #2ecc71;
}
.legend-color.good {
background: #f39c12;
}
.legend-color.fair {
background: #e67e22;
}
.legend-color.poor {
background: #95a5a6;
} .aurora-tips {
background: #fff9e6;
border: 1px solid #f39c12;
border-radius: 8px;
padding: 20px;
margin-bottom: 30px;
}
.aurora-tips h4 {
margin-top: 0;
color: #f39c12;
}
.aurora-tips ul {
margin: 0;
padding-left: 20px;
}
.aurora-tips li {
margin-bottom: 10px;
color: #7f8c8d;
} .aurora-footer {
text-align: center;
padding-top: 20px;
border-top: 2px solid #ecf0f1;
}
.aurora-disclaimer {
color: #95a5a6;
font-size: 13px;
margin-top: 15px;
} .button, .button-primary {
background: #667eea;
color: white;
padding: 12px 24px;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
text-decoration: none;
display: inline-block;
transition: background 0.2s;
}
.button:hover, .button-primary:hover {
background: #5568d3;
}
.button-secondary {
background: #ecf0f1;
color: #2c3e50;
padding: 12px 24px;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
text-decoration: none;
display: inline-block;
transition: background 0.2s;
}
.button-secondary:hover {
background: #d5dbdb;
} .aurora-score-widget {
display: flex;
align-items: center;
gap: 20px;
padding: 20px;
background: white;
border: 2px solid #e0e0e0;
border-radius: 12px;
}
.aurora-score-circle {
min-width: 120px;
height: 120px;
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 4px solid;
}
.aurora-score-circle .score {
font-size: 48px;
font-weight: bold;
line-height: 1;
}
.aurora-score-circle .max {
font-size: 16px;
color: #95a5a6;
}
.aurora-score-circle.exceptional {
border-color: #27ae60;
color: #27ae60;
}
.aurora-score-circle.excellent {
border-color: #2ecc71;
color: #2ecc71;
}
.aurora-score-circle.good {
border-color: #f39c12;
color: #f39c12;
}
.aurora-score-circle.fair {
border-color: #e67e22;
color: #e67e22;
}
.aurora-score-circle.poor {
border-color: #95a5a6;
color: #95a5a6;
}
.aurora-score-details strong {
display: block;
font-size: 24px;
color: #2c3e50;
margin-bottom: 5px;
}
.aurora-score-meta {
color: #7f8c8d;
font-size: 14px;
margin: 10px 0 0 0;
} .aurora-location-form {
max-width: 600px;
margin: 0 auto;
padding: 30px;
background: white;
border: 1px solid #e0e0e0;
border-radius: 12px;
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: block;
margin-bottom: 5px;
font-weight: 600;
color: #2c3e50;
}
.form-group input[type="text"],
.form-group input[type="email"] {
width: 100%;
padding: 10px;
border: 1px solid #e0e0e0;
border-radius: 6px;
font-size: 14px;
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}
.form-actions {
margin-top: 25px;
}
#location-message {
margin-top: 15px;
padding: 10px;
border-radius: 6px;
}
#location-message.success {
background: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
#location-message.error {
background: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
} .aurora-login-message,
.aurora-setup-message,
.aurora-error {
padding: 20px;
border-radius: 8px;
text-align: center;
}
.aurora-login-message {
background: #e3f2fd;
border: 1px solid #2196f3;
color: #1565c0;
}
.aurora-setup-message {
background: #fff3e0;
border: 1px solid #ff9800;
color: #e65100;
}
.aurora-error {
background: #ffebee;
border: 1px solid #f44336;
color: #c62828;
} @media (max-width: 768px) {
.aurora-forecast-grid {
grid-template-columns: 1fr;
}
.best-nights-grid {
grid-template-columns: 1fr;
}
.legend-items {
grid-template-columns: 1fr;
}
.form-row {
grid-template-columns: 1fr;
}
.aurora-score-widget {
flex-direction: column;
text-align: center;
}
}.reg_error {
color: #F4484A;  
font-weight: 500;
width:100%;
padding:6px;
border-left:4px solid #F4484A;
margin:10px 0px;
background-color:#FFE1E2;
display:inline-block;
}
.reg_success {
color: #336600;  
font-weight: 500;
width:100%;
padding:6px;
border-left:4px solid #336600;
margin:10px 0px;
background-color:#E2F4DB;
display:inline-block;
}
.reg-form-group{
margin: 5px;
padding:10px 0;
}  
.reg-form-group > input[type=text],
input[type=email],
input[type=password],
input[type=url],
input[type=tel]
{
width:100% !important;
padding: 5px !important;
border:1px solid #CCCCCC;
margin-top:5px !important;
}
.reg-form-group > textarea{
width:100%;
border:1px solid #CCCCCC;
}
.reg-form-group > select{
width:100%;
padding: 5px !important;
border:1px solid #CCCCCC;
margin-top:5px;
}
.reg-form-group > input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=url]:focus,
input[type=tel]:focus,
textarea:focus {
border:1px solid #00A0D5;
}
.reg-form-group > label{
margin-left:0;
}
.reg-form-group > input[type=submit]{
width: auto;
margin-right:1%
}
.rw-error{ color:#ff0000; } 
input.rw-error{ border:1px solid #ff0000 !important; }
textarea.rw-error{ border:1px solid #ff0000 !important; }.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}.wp-block-quote{box-sizing:border-box;overflow-wrap:break-word}.wp-block-quote.is-large:where(:not(.is-style-plain)),.wp-block-quote.is-style-large:where(:not(.is-style-plain)){margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large:where(:not(.is-style-plain)) p,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-large:where(:not(.is-style-plain)) footer,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) cite,.wp-block-quote.is-style-large:where(:not(.is-style-plain)) footer{font-size:1.125em;text-align:right}.wp-block-quote>cite{display:block}