/* City prayer times page styles - shared */
.city-hero{text-align:center;padding:1.5rem;border-radius:1rem;border:1px solid rgba(255,215,0,0.3);background:linear-gradient(135deg,rgba(255,215,0,0.1),rgba(255,215,0,0.02));margin-bottom:1.5rem;}
.city-hero .city-name{font-size:1.8rem;font-weight:900;background:linear-gradient(135deg,#FFD700,#FF6B35,#4ECDC4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.city-hero .city-country{font-size:0.85rem;color:rgba(255,255,255,0.6);margin-top:0.25rem;}
.prayer-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:0.75rem;overflow:hidden;border:1px solid rgba(34,197,94,0.15);margin:1rem 0;}
.prayer-table th{background:rgba(34,197,94,0.15);color:#4ade80;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;padding:0.75rem;text-align:left;}
.prayer-table td{padding:0.75rem;color:#d1d5db;font-size:0.85rem;border-top:1px solid rgba(255,255,255,0.05);}
.prayer-table tr:hover td{background:rgba(255,255,255,0.03);}
.prayer-table .prayer-name{color:#fff;font-weight:600;}
.prayer-table .prayer-time{color:#FFD700;font-weight:700;font-size:0.9rem;}
.prayer-table .next-prayer{background:rgba(34,197,94,0.1);}
.city-info{border-radius:1rem;border:1px solid rgba(34,197,94,0.15);background:linear-gradient(135deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));padding:1.25rem;margin:1.5rem 0;}
.city-info h2{font-size:1rem;font-weight:800;color:#FFD700;margin-bottom:0.75rem;padding-bottom:0.5rem;border-bottom:1px solid rgba(255,215,0,0.15);}
.city-info p{color:#d1d5db;font-size:0.85rem;line-height:1.8;margin-bottom:0.75rem;}
.city-info ul{color:#d1d5db;font-size:0.85rem;line-height:1.8;margin:0 0 0.75rem 1.5rem;}
.city-info li{margin-bottom:0.3rem;}
.city-info strong{color:#fff;}
.loading-msg{text-align:center;color:rgba(255,255,255,0.5);padding:2rem;font-size:0.85rem;}
.other-cities{margin:1.5rem 0;}
.other-cities h3{font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;color:#FFD700;margin-bottom:0.75rem;}
.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0.5rem;}
.city-link{display:block;padding:0.6rem 0.8rem;border-radius:0.5rem;border:1px solid rgba(34,197,94,0.15);background:rgba(255,255,255,0.03);color:#4ade80;font-size:0.8rem;font-weight:600;text-decoration:none;transition:all 0.2s;}
.city-link:hover{background:rgba(34,197,94,0.1);border-color:rgba(34,197,94,0.3);}
@media(max-width:480px){.cities-grid{grid-template-columns:repeat(2,1fr);}.city-hero .city-name{font-size:1.3rem;}}