/* --- 1. KRĀSAS UN PAMATI --- */
:root {
    --primary-green: #88d8b0;
    --primary-dark: #2e7d32;
    --accent-red: #ff6f61;
    --accent-yellow: #ffcc5c;
    
    /* ŠEIT IR IZMAIŅA: */
    /* Nomainījām no gandrīz balta uz maigu, modernu pelēku toni */
    --bg-cream: #f4f6f9; 
    
    --text-dark: #37474f;
    --shadow-soft: 0 10px 30px rgba(136, 216, 176, 0.2);
}

body {
    font-family: 'Poppins', sans-serif;
    background-color: var(--bg-cream); /* Tagad fons būs tumšāks */
    color: var(--text-dark);
    display: flex; flex-direction: column; min-height: 100vh;
}

main { flex: 1; }
a { text-decoration: none; }

/* --- 2. NAVIGĀCIJA --- */
.navbar {
    padding: 5px 0;
    /* Navigācijai jābūt tīri baltai, lai izceltos uz fona */
    background: #ffffff !important; 
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
.navbar-brand { font-size: 1.3rem; font-weight: 800; letter-spacing: -0.5px; }
.nav-link-custom { color: var(--text-dark); font-weight: 500; margin: 0 15px; transition: 0.3s; font-size: 0.95rem; }
.nav-link-custom:hover, .nav-link-custom.active { color: var(--primary-green); transform: translateY(-2px); }

/* --- 3. HERO SEKCIJA --- */
.hero-section {
    background: linear-gradient(135deg, #a8e6cf, #dcedc1);
    padding: 30px 0 50px;
    border-radius: 0 0 30px 30px;
    margin-bottom: 25px;
    box-shadow: var(--shadow-soft);
}
.hero-title { font-size: 1.8rem; margin-bottom: 0; font-weight: 700; color: #2c584c; }
.live-clock { font-size: 2.5rem; font-weight: 700; color: var(--primary-dark); line-height: 1; margin-bottom: 0; }
.date-display { font-size: 0.9rem; font-weight: 600; opacity: 0.7; margin-top: -5px; }

/* Meklētāja kastei obligāti vajag baltu fonu */
.search-box { 
    background: #ffffff; 
    padding: 25px; 
    border-radius: 20px; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.08); 
    margin-top: 20px; 
}

/* --- 4. ANIMĀCIJAS --- */
.hover-animate { transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.hover-animate:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(136, 216, 176, 0.3) !important; }
.hover-zoom-img { transition: transform 0.6s ease; }
.hover-animate:hover .hover-zoom-img { transform: scale(1.08); }

@keyframes pulse-pastel {
    0% { box-shadow: 0 0 0 0 rgba(255, 111, 97, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(255, 111, 97, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 111, 97, 0); }
}

/* --- 5. KARTĪTES & ELEMENTI --- */
/* Svarīgi: Kartītēm jābūt baltām, lai tās "izlektu" no pelēkā fona */
.food-card, .daily-card, .daily-card-profile, .blog-card {
    border: none; 
    border-radius: 20px; 
    overflow: hidden; 
    background: #ffffff; /* Balts fons */
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); /* Maiga ēna */
}

/* Specifiskie stili */
.special-strip-card { border: 2px solid var(--accent-red); background: #fff5f5; }
.daily-card-profile { border: 2px solid var(--accent-red); background: #fff5f5; max-height: 300px; }

/* Bildes apstrāde */
.img-crop { width: 100%; height: 220px; overflow: hidden; position: relative; }
.img-crop img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.6s ease; }
.hover-animate:hover .img-crop img { transform: scale(1.1); }
.img-crop-large { height: 250px; }

/* Badge */
.daily-badge {
    position: absolute; top: 15px; left: 15px; z-index: 2;
    background: var(--accent-red); color: white;
    padding: 5px 15px; border-radius: 20px; font-weight: bold; font-size: 0.8rem;
    animation: pulse-pastel 2s infinite;
}
.price-badge {
    position: absolute; top: 15px; right: 15px; z-index: 2;
    background: rgba(255,255,255,0.9); color: var(--text-dark);
    padding: 5px 12px; border-radius: 15px; font-weight: bold;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Profila lapa */
.profile-header-custom { background-color: #ffffff; } /* Arī profilam balts pamats */
.logo-box { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 4px solid white; box-shadow: 0 5px 20px rgba(0,0,0,0.1); }

/* --- 6. KĀJENE (Elegantā Tumši Pelēkā versija) --- */
.footer { 
    /* Gaišs, caurspīdīgs gradients fonam */
    background: linear-gradient(to bottom, #f0f8ff 0%, rgba(240, 248, 255, 0.1) 100%);
    
    color: #444444; /* Pamatteksts - Tumši pelēks */
    padding: 50px 0 30px; 
    margin-top: auto; 
    border-top: 1px solid rgba(0,0,0,0.03);
}

/* Virsraksti (SAITES, KONTAKTI) - Tumši, bet ne melni */
.footer h5 { 
    color: #333333 !important; /* Šis ir tas "Dark Charcoal" tonis */
    font-weight: 800; 
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
}

/* Saites */
.footer a {
    color: var(--primary-green); /* Saglabājam zaļo akcentu saitēm */
    font-weight: 700; 
    text-decoration: none;
    transition: 0.3s;
}

.footer a:hover {
    color: var(--primary-dark); 
    text-decoration: underline; 
}

/* Mazais teksts */
.footer .text-muted, 
.footer .small,
.footer p.small {
    color: #555555 !important; /* Vidēji pelēks, viegli lasāms */
    font-weight: 500;
}
/* --- DIENAS PIEDĀVĀJUMU KARUSELIS --- */
.carousel-container {
    width: 100%;
    overflow: hidden; /* Noslēpj visu, kas ārpus rāmja */
    position: relative;
    padding: 10px 0;
}

.carousel-track {
    display: flex; /* Visi elementi vienā garā rindā */
    width: 100%;
    transition: transform 0.5s ease-in-out; /* Plūstoša kustība */
}

.carousel-item-custom {
    /* Pēc noklusējuma (datorā) rādām 3 gabalus (100% / 3 = 33.33%) */
    flex: 0 0 33.3333%; 
    max-width: 33.3333%;
    padding: 0 12px; /* Atstarpes starp kartītēm */
    box-sizing: border-box;
}

/* Mobilajiem telefoniem - rādām pa vienam (100%) */
@media (max-width: 768px) {
    .carousel-item-custom {
        flex: 0 0 100%;
        max-width: 100%;
    }
}