* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: 'Inter', sans-serif;
    color: #1e2a1c;
    min-height: 100vh;
    position: relative;
}
.hero-background {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: -2;
    background-image: url('https://images.unsplash.com/photo-1556911220-bff31c812dba?q=80&w=2070&auto=format');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (max-width: 768px) {
    .hero-background { background-position: 40% center; }
}
.bg-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: -1;
    background: radial-gradient(circle at 20% 40%, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.1) 100%);
}
.container { max-width: 1200px; margin: 0 auto; padding: 30px 28px 60px; position: relative; z-index: 2; }

/* BANNER */
.banner-slot { width: 100%; max-width: 600px; margin: 0 auto 20px auto; text-align: center; }
.banner-link {
    display: block;
    background: linear-gradient(135deg, #ff8c00, #ff5e00);
    border-radius: 60px; padding: 12px 20px;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 6px 14px rgba(0,0,0,0.1);
}
.banner-link:hover { transform: translateY(-2px); box-shadow: 0 12px 22px rgba(0,0,0,0.15); }
.banner-text {
    font-size: 22px; font-weight: 800; letter-spacing: 1px;
    color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); display: inline-block;
}
.banner-text i { margin-right: 8px; font-size: 20px; }
@media (max-width: 550px) {
    .banner-text { font-size: 16px; }
    .banner-link { padding: 8px 16px; }
}

/* HEADER */
header {
    text-align: center; margin-bottom: 30px;
    background: rgba(255,255,255,0.7);
    backdrop-filter: blur(12px);
    border-radius: 100px; padding: 28px 32px;
    box-shadow: 0 20px 40px -15px rgba(0,0,0,0.1);
    border: 1px solid rgba(255,245,225,0.6);
    position: relative;
}
.google-translate-container { display: flex; justify-content: flex-end; margin-bottom: 15px; }
.title-section {
    display: flex; align-items: center; justify-content: center;
    gap: 15px; flex-wrap: wrap; margin-bottom: 15px;
}
.chef-icon svg { width: 65px; height: 65px; }
h1 {
    font-size: 56px; font-weight: 800;
    background: linear-gradient(135deg, #3b5e3b, #cf8e3a);
    background-clip: text; -webkit-background-clip: text; color: transparent;
    letter-spacing: -1px;
}
.tagline {
    font-size: 18px; color: #8b6946; margin: 10px 0;
    background: rgba(255,250,240,0.7); display: inline-block;
    padding: 5px 20px; border-radius: 40px;
}
.stats {
    font-size: 13px; color: #b48c5c;
    background: rgba(255,250,240,0.9); display: inline-block;
    padding: 5px 20px; border-radius: 40px;
}

/* BUTTONS */
.button-group { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin: 30px 0; }
.btn {
    border: none; background: white; padding: 12px 24px;
    font-size: 15px; font-weight: 600; border-radius: 60px; cursor: pointer;
    display: inline-flex; align-items: center; gap: 10px;
    transition: all 0.2s ease; font-family: inherit;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.btn:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.btn.active { transform: translateY(-2px); box-shadow: 0 6px 12px rgba(0,0,0,0.1); }
.btn-veg { background: #eef5ea; color: #2f6b2f; border-bottom: 3px solid #b7da9e; }
.btn-veg.active { background: #c9e8cb; border-bottom-color: #2f6b2f; }
.btn-meat { background: #fef0e6; color: #b45a2b; border-bottom: 3px solid #f0cdb0; }
.btn-meat.active { background: #fde0ca; border-bottom-color: #b45a2b; }
.btn-egg { background: #fff8e7; color: #c4802c; border-bottom: 3px solid #f7e0b0; }
.btn-egg.active { background: #ffe8c0; border-bottom-color: #c4802c; }
.btn-pre { background: #e8f0fe; color: #2c6b8f; border-bottom: 3px solid #b8d4e8; }
.btn-pre.active { background: #cfe2fa; border-bottom-color: #2c6b8f; }
.btn-post { background: #e6f4ea; color: #2d6a4f; border-bottom: 3px solid #b7dfc5; }
.btn-post.active { background: #c8e6d5; border-bottom-color: #2d6a4f; }

/* RECIPE CARD */
.recipe-card {
    background: rgba(255,255,255,0.92); backdrop-filter: blur(6px);
    border-radius: 44px; padding: 35px;
    box-shadow: 0 25px 45px -18px rgba(0,0,0,0.2);
    transition: opacity 0.25s ease; margin-top: 20px;
}
.fade-out { opacity: 0; }
.recipe-name {
    font-size: 32px; font-weight: 800; color: #3a5a3a;
    border-left: 5px solid #cf8e3a; padding-left: 20px; margin-bottom: 15px;
}
.time-badge {
    background: #f4ede3; display: inline-flex; align-items: center; gap: 8px;
    padding: 6px 18px; border-radius: 60px; font-size: 14px; font-weight: 600;
    margin-bottom: 25px; color: #9b6f42;
}
.recipe-description {
    background: #fefaf5; padding: 20px; border-radius: 28px; margin-bottom: 25px;
    border-left: 3px solid #cf8e3a; line-height: 1.6;
}
h3 { font-size: 22px; margin: 28px 0 15px 0; display: flex; align-items: center; gap: 12px; color: #3a5a3a; }
h3 i { color: #cf8e3a; }
ul, ol { margin-left: 25px; margin-bottom: 20px; line-height: 1.7; }
li { margin: 10px 0; }

/* FOOTER NAV */
nav.footer-nav {
    display: flex; justify-content: center; gap: 25px; flex-wrap: wrap;
    margin: 30px 0 20px; padding-top: 20px; border-top: 1px solid #e0d5c5;
}
nav.footer-nav a { color: #8b6946; text-decoration: none; font-weight: 500; }
nav.footer-nav a:hover { color: #cf8e3a; }
nav.footer-nav a.active-link { color: #cf8e3a; font-weight: 700; }

.counter {
    display: inline-flex; align-items: center; gap: 10px;
    background: white; padding: 8px 20px; border-radius: 60px; margin-bottom: 15px;
}
.copyright { font-size: 12px; color: #b48c5c; }

/* PAGE CONTENT (despre, contact, etc.) */
.page-content {
    max-width: 900px; margin: 0 auto;
    background: rgba(255,255,255,0.95);
    padding: 50px; border-radius: 44px;
    box-shadow: 0 25px 45px -18px rgba(0,0,0,0.2);
}
.page-content h2 { font-size: 36px; margin-bottom: 25px; color: #3a5a3a; }
.page-content h3 { font-size: 22px; margin: 30px 0 15px; color: #5a7a5a; }
.page-content p { line-height: 1.8; margin-bottom: 15px; color: #2a3a28; font-size: 16px; }
.page-content ul { margin-left: 25px; margin-bottom: 20px; }
.page-content li { margin: 10px 0; line-height: 1.7; color: #2a3a28; }
.page-content strong { color: #3a5a3a; }
.info-box {
    background: #fefaf5; border-left: 4px solid #cf8e3a;
    padding: 20px 25px; border-radius: 16px; margin: 20px 0;
}
.contact-card {
    background: #fefaf5; padding: 25px; border-radius: 24px;
    text-align: center; margin: 20px 0; font-size: 18px;
}
.contact-card a { color: #cf8e3a; text-decoration: none; font-weight: 700; }
.contact-card a:hover { text-decoration: underline; }

/* ADSENSE SLOT */
.adsense-slot { margin: 30px auto; text-align: center; max-width: 728px; }

@media (max-width: 768px) {
    h1 { font-size: 38px; }
    .btn { padding: 8px 16px; font-size: 13px; }
    .recipe-name { font-size: 24px; }
    .recipe-card { padding: 25px; }
    .page-content { padding: 30px 20px; }
    .google-translate-container { justify-content: center; margin-bottom: 10px; }
}

@keyframes blink { 0%,90%,100% { stroke: #FDD7A4; } 95% { stroke: #333; } }
@keyframes panMove { 0% { transform: translate(0,0) rotate(0deg); } 50% { transform: translate(2px,-2px) rotate(3deg); } 100% { transform: translate(0,0) rotate(0deg); } }
.blink { animation: blink 3.5s infinite; }
.pan-move { animation: panMove 1.2s ease-in-out infinite; transform-origin: 69px 66px; }