/* ── SaudiLifeGuide Live Data Widget Styles ── */

.slg-widget {
    margin: 20px 0;
    font-family: inherit;
}

/* Tables */
.slg-table {
    width: 100%;
    border-collapse: collapse;
    margin: 12px 0;
    font-size: 15px;
}
.slg-table th {
    background: #f5f5f5;
    padding: 10px 14px;
    text-align: left;
    font-weight: 600;
    border-bottom: 2px solid #e0e0e0;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
.slg-table td {
    padding: 10px 14px;
    border-bottom: 1px solid #f0f0f0;
}
.slg-table tbody tr:hover {
    background: #fafafa;
}
.slg-table tbody tr:last-child td {
    border-bottom: none;
}

/* Gold header */
.slg-gold-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    background: #fffbf0;
    border: 1px solid #f0e0a0;
    border-radius: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
    gap: 8px;
}
.slg-spot {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.slg-spot-sar {
    font-size: 20px;
    font-weight: 700;
    color: #b8860b;
}
.slg-spot-usd {
    font-size: 13px;
    color: #888;
}
.slg-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #999;
    margin-bottom: 2px;
}

/* Price change */
.slg-change {
    font-size: 16px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 6px;
}
.slg-up    { color: #1a7a1a; background: #e8f5e8; }
.slg-down  { color: #c0392b; background: #fdecea; }
.slg-flat  { color: #666;    background: #f5f5f5; }
.slg-change-usd { font-size: 12px; font-weight: 400; margin-left: 4px; }

/* Day range */
.slg-day-range {
    font-size: 13px;
    color: #666;
    margin-bottom: 8px;
    padding: 6px 0;
}

/* Rate cells */
.slg-rate-sar { color: #b8860b; font-weight: 600; }
.slg-rate-usd { color: #555; }
.slg-rate     { font-weight: 700; font-size: 16px; }

/* Prayer widget */
.slg-prayer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    background: #f0f4ff;
    border: 1px solid #c8d8f0;
    border-radius: 8px;
    margin-bottom: 8px;
}
.slg-city { font-weight: 700; font-size: 16px; color: #1a3a6b; }
.slg-date { font-size: 13px; color: #666; }
.slg-prayer-name { font-weight: 600; color: #1a3a6b; }
.slg-prayer-time { font-size: 17px; font-weight: 700; text-align: right; color: #1a3a6b; }
.slg-prayer-row:hover { background: #f5f8ff; }

/* Fajr highlight */
.slg-prayer-fajr .slg-prayer-time { color: #2e6da4; }
.slg-prayer-maghrib .slg-prayer-time { color: #c0392b; }

/* Forex header */
.slg-forex-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 2px solid #e0e0e0;
    margin-bottom: 4px;
    flex-wrap: wrap;
    gap: 6px;
}
.slg-updated-inline { font-size: 12px; color: #999; }

/* Single rate widget */
.slg-forex-single-widget {
    text-align: center;
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
}
.slg-single-label    { font-size: 13px; color: #999; margin-bottom: 4px; }
.slg-single-rate     { font-size: 36px; font-weight: 800; color: #1a3a6b; line-height: 1; }
.slg-single-currency { font-size: 14px; color: #555; margin-top: 6px; }

/* Footer / meta */
.slg-updated {
    font-size: 11px;
    color: #aaa;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #f0f0f0;
}

/* Error / stale */
.slg-error {
    padding: 12px 16px;
    background: #fff8f8;
    border: 1px solid #f5c6c6;
    border-radius: 6px;
    color: #c0392b;
    font-size: 14px;
}
.slg-stale-notice {
    padding: 8px 12px;
    background: #fffbf0;
    border: 1px solid #f0d060;
    border-radius: 6px;
    color: #856404;
    font-size: 13px;
    margin-bottom: 10px;
}

/* Mobile responsive */
@media (max-width: 600px) {
    .slg-gold-header { flex-direction: column; align-items: flex-start; }
    .slg-spot-sar    { font-size: 17px; }
    .slg-table th,
    .slg-table td    { padding: 8px 10px; font-size: 13px; }
    .slg-single-rate { font-size: 28px; }
}