/* assets/style.css */

:root { 
    --red: #E11D48; 
    --red-hover: #BE123C; 
    --dark: #0F172A; 
    --bg: #F8FAFC; 
    --border: #E2E8F0; 
    --muted: #64748B;
    --green: #10B981;
    --r1: #EF4444; 
    --r2: #F97316; 
    --r3: #EAB308; 
    --r4: #A3E635; 
    --r5: #22C55E; 
}

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

body { 
    font-family: 'Inter', sans-serif; 
    background: var(--bg); 
    color: var(--dark); 
    line-height: 1.6; 
    display: flex; 
    flex-direction: column; 
    min-height: 100vh; 
}

/* --- KOPĪGĀ NAVIGĀCIJA --- */
nav { 
    background: rgba(255, 255, 255, 0.95); 
    backdrop-filter: blur(10px); 
    padding: 0 5%; 
    min-height: 76px; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    border-bottom: 1px solid var(--border); 
    position: sticky; 
    top: 0; 
    z-index: 100; 
}

.logo-premium { display: flex; align-items: center; flex-direction: row; font-size: 24px; font-weight: 900; letter-spacing: -0.5px; color: var(--dark); text-decoration: none; }
.logo-box { background: var(--red); color: white; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 8px; margin-right: 10px; font-size: 20px; box-shadow: 0 4px 10px rgba(225, 29, 72, 0.2); flex-shrink: 0; }

.nav-right { display: flex; align-items: center; gap: 24px; }
.lang-switch { font-weight: 800; font-size: 14px; display: flex; gap: 4px; user-select: none; }
.lang-btn { cursor: pointer; color: var(--muted); transition: 0.2s; }
.lang-btn.active { color: var(--dark); }
.lang-btn:hover:not(.active) { color: var(--red); }

.user-circle { background: #F1F5F9; border: 1px solid var(--border); color: var(--dark); width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: 800; font-size: 13px; text-transform: uppercase; flex-shrink: 0; }
.auth-link { font-size: 14px; font-weight: 700; color: var(--dark); text-decoration: none; transition: 0.2s; cursor: pointer; white-space: nowrap; }
.auth-link:hover { color: var(--red); }
.add-review-btn { background: var(--dark); color: white; padding: 10px 20px; border-radius: 8px; text-decoration: none; font-weight: 700; transition: 0.2s; font-size: 14px; cursor: pointer; white-space: nowrap; border: none; }
.add-review-btn:hover { background: var(--red); transform: translateY(-1px); }

/* --- KOPĪGĀ KĀJENE --- */
.main-footer { background: white; border-top: 1px solid var(--border); padding: 60px 5% 40px 5%; margin-top: auto; }
.footer-grid { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; }
.footer-col h4 { font-size: 15px; font-weight: 800; color: var(--dark); margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0.5px; }
.footer-col a { display: block; color: var(--muted); text-decoration: none; font-size: 14px; font-weight: 500; margin-bottom: 12px; transition: 0.2s; }
.footer-col a:hover { color: var(--red); }
.footer-bottom { max-width: 1400px; margin: 40px auto 0 auto; padding-top: 20px; border-top: 1px solid var(--border); text-align: center; font-size: 13px; color: #94A3B8; font-weight: 500; }
.footer-col a.footer-logo-wrap { display: flex; align-items: center; font-size: 20px; font-weight: 900; color: var(--dark); text-decoration: none; margin-bottom: 15px; }
.footer-logo-box { background: var(--red); color: white; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; margin-right: 8px; font-size: 16px; }

/* KOPĪGIE MEDIA QUERIES (Mobilajām ierīcēm) */
@media (max-width: 768px) {
    nav { padding: 15px 20px; flex-direction: row; align-items: center; height: auto; }
    .logo-premium { font-size: 20px; margin: 0; }
    .logo-box { width: 30px; height: 30px; font-size: 16px; margin-right: 8px; }
    .nav-right { width: auto; justify-content: flex-end; gap: 15px; }
    .lang-switch { font-size: 13px; background: #F1F5F9; padding: 4px 8px; border-radius: 8px; }
    .auth-link { font-size: 13px; }
    .footer-grid { text-align: center; }
    .footer-col a.footer-logo-wrap { justify-content: center; }
}