/* ============================================================
   AURUM RESTAURANT — Premium Restaurant Styles
   Theme: Deep burgundy / aged gold / ivory — award-winning
   ============================================================ */

body { font-family:'EB Garamond','Georgia',serif;background:#0d0608;color:#e8ddd0; }

/* Nav */
.site-nav { position:fixed;top:0;left:0;right:0;z-index:100;padding:1.4rem 0;transition:all 0.4s ease; }
.site-nav.scrolled { background:rgba(13,6,8,0.96);backdrop-filter:blur(12px);box-shadow:0 2px 30px rgba(0,0,0,0.6);padding:0.9rem 0; }
.nav-logo { font-size:1.5rem;font-weight:400;color:#d4a84b;letter-spacing:4px;text-transform:uppercase; }
.nav-logo span { color:#fff; }
.nav-links { display:flex;gap:2.5rem;list-style:none; }
.nav-links a { font-size:0.75rem;letter-spacing:3px;text-transform:uppercase;color:rgba(232,221,208,0.7);position:relative;padding-bottom:3px;transition:color 0.3s; }
.nav-links a::after { content:'';position:absolute;bottom:-1px;left:0;width:0;height:1px;background:#d4a84b;transition:width 0.3s; }
.nav-links a:hover,.nav-links a.active { color:#d4a84b; }
.nav-links a:hover::after,.nav-links a.active::after { width:100%; }
.nav-cta { font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;border:1px solid #d4a84b;color:#d4a84b !important;padding:0.6rem 1.5rem;border-radius:2px;transition:all 0.3s; }
.nav-cta:hover { background:#d4a84b;color:#0d0608 !important; }
.hamburger { background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:4px; }
.hamburger span { width:24px;height:1.5px;background:#d4a84b;display:block;transition:all 0.3s; }
.mobile-nav { list-style:none;max-height:0;overflow:hidden;background:rgba(13,6,8,0.98);transition:max-height 0.4s ease; }
.mobile-nav.open { max-height:300px;padding:1rem 0; }
.mobile-nav li a { display:block;padding:0.9rem 1.5rem;font-size:0.8rem;letter-spacing:2px;text-transform:uppercase;color:rgba(232,221,208,0.7);border-bottom:1px solid rgba(255,255,255,0.05);transition:color 0.3s; }
.mobile-nav li a:hover { color:#d4a84b; }

/* Hero */
.hero-section { position:relative;min-height:100vh;background:radial-gradient(ellipse at center,#1a0810 0%,#0d0608 70%);display:flex;align-items:center;overflow:hidden; }
.hero-content { position:relative;z-index:2;padding-top:100px; }
.hero-tagline { font-size:0.7rem;letter-spacing:5px;text-transform:uppercase;color:#d4a84b;margin-bottom:1.5rem;display:block; }
.hero-title { font-size:clamp(3rem,7vw,6rem);color:#fff;line-height:0.95;font-weight:400;margin-bottom:2rem; }
.hero-title em { font-style:italic;color:#d4a84b; }
.hero-subtitle { font-size:1rem;color:rgba(232,221,208,0.6);max-width:420px;line-height:1.9;margin-bottom:3rem; }
.hero-cta { display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center; }
.btn-prem-primary { background:linear-gradient(135deg,#d4a84b,#b8872a);color:#0d0608;padding:1rem 2.5rem;font-size:0.72rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;border:none;cursor:pointer;border-radius:2px;transition:opacity 0.3s,transform 0.3s; }
.btn-prem-primary:hover { opacity:0.85;transform:translateY(-2px); }
.btn-prem-outline { border:1px solid rgba(212,168,75,0.4);color:#d4a84b;padding:1rem 2.5rem;font-size:0.72rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;cursor:pointer;background:transparent;border-radius:2px;transition:all 0.3s; }
.btn-prem-outline:hover { border-color:#d4a84b; }

/* Stats */
.stats-bar { background:linear-gradient(90deg,#1a0810,#2d0f1a);padding:2.5rem 0;border-top:1px solid rgba(212,168,75,0.2);border-bottom:1px solid rgba(212,168,75,0.2); }
.stats-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;text-align:center; }
.stat-item { color:#e8ddd0; }
.stat-num { display:block;font-size:2.8rem;font-weight:400;color:#d4a84b; }
.stat-label { font-size:0.7rem;letter-spacing:2px;text-transform:uppercase;opacity:0.6; }

/* Section */
.section-label { font-size:0.68rem;letter-spacing:4px;text-transform:uppercase;color:#d4a84b;font-weight:400;margin-bottom:1rem;display:block; }
.section-title { font-size:clamp(2rem,4vw,3.2rem);color:#fff;line-height:1.15;margin-bottom:1.5rem;font-weight:400; }
.section-body { color:rgba(232,221,208,0.65);line-height:1.9;margin-bottom:1rem;max-width:480px;font-size:0.95rem; }
.section-header { text-align:center;margin-bottom:4rem; }
.section-cta { text-align:center;margin-top:3rem; }

/* Menu Cards */
.menu-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem; }
.menu-card { background:rgba(255,255,255,0.04);border:1px solid rgba(212,168,75,0.15);border-radius:4px;overflow:hidden;transition:border-color 0.3s,transform 0.4s,box-shadow 0.4s;cursor:pointer; }
.menu-card:hover { border-color:rgba(212,168,75,0.4);transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,0.4); }
.menu-img { height:200px;display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative; }
.menu-info { padding:1.5rem; }
.menu-category { font-size:0.65rem;letter-spacing:3px;text-transform:uppercase;color:#d4a84b; }
.menu-name { font-size:1.3rem;color:#fff;margin:0.5rem 0 0.6rem;font-weight:400; }
.menu-desc { font-size:0.82rem;color:rgba(232,221,208,0.5);line-height:1.5; }
.menu-footer { display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(212,168,75,0.15); }
.menu-price { font-size:1.2rem;color:#d4a84b;font-weight:600; }
.menu-badge { font-size:0.65rem;letter-spacing:1px;text-transform:uppercase;border:1px solid rgba(212,168,75,0.4);color:#d4a84b;padding:0.2rem 0.6rem;border-radius:2px; }

/* Gallery */
.gallery-grid { display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,200px);gap:1rem; }
.gallery-item { border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;cursor:pointer; }
.gallery-item:first-child { grid-row:span 2; }
.gallery-item:hover::after { opacity:1; }
.gallery-item::after { content:'';position:absolute;inset:0;background:rgba(212,168,75,0.15);opacity:0;transition:opacity 0.3s; }

/* Pricing */
.pricing-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:2rem; }
.pricing-card { background:rgba(255,255,255,0.04);border:1px solid rgba(212,168,75,0.15);border-radius:4px;padding:2.5rem;text-align:center;transition:border-color 0.3s,transform 0.3s; }
.pricing-card.featured { border-color:#d4a84b;background:rgba(212,168,75,0.06); }
.pricing-card:hover { border-color:rgba(212,168,75,0.4);transform:translateY(-4px); }
.pricing-tier { font-size:0.68rem;letter-spacing:3px;text-transform:uppercase;color:#d4a84b;margin-bottom:1rem; }
.pricing-price { font-size:3rem;color:#fff;font-weight:400;margin-bottom:0.5rem; }
.pricing-price span { font-size:1rem;color:rgba(232,221,208,0.5);vertical-align:super; }
.pricing-desc { font-size:0.85rem;color:rgba(232,221,208,0.5);margin-bottom:1.5rem; }
.pricing-features { list-style:none;text-align:left;margin-bottom:2rem; }
.pricing-features li { font-size:0.85rem;color:rgba(232,221,208,0.65);padding:0.4rem 0;border-bottom:1px solid rgba(255,255,255,0.05); }
.pricing-features li::before { content:'✓  ';color:#d4a84b; }

/* Testimonials */
.testimonials-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:3rem; }
.t-card { background:rgba(255,255,255,0.04);border:1px solid rgba(212,168,75,0.12);border-radius:4px;padding:2rem;transition:border-color 0.3s; }
.t-card:hover { border-color:rgba(212,168,75,0.3); }
.t-card p { font-style:italic;font-size:0.95rem;color:rgba(232,221,208,0.7);line-height:1.8;margin:1rem 0; }
.reviewer { font-size:0.72rem;letter-spacing:2px;text-transform:uppercase;color:#d4a84b; }
.stars { color:#d4a84b;letter-spacing:2px; }

/* CTA Banner */
.cta-banner { background:linear-gradient(135deg,#1a0810,#0d0608);padding:5rem 0;text-align:center;border-top:1px solid rgba(212,168,75,0.2); }
.cta-banner h2 { font-size:clamp(2rem,4vw,3rem);color:#fff;margin-bottom:1rem;font-weight:400; }
.cta-banner p { color:rgba(232,221,208,0.55);margin-bottom:2.5rem;font-size:0.9rem;letter-spacing:1px; }

/* Footer */
.site-footer { background:#060204;color:rgba(232,221,208,0.55);padding:4rem 0 2rem;border-top:1px solid rgba(212,168,75,0.15); }
.footer-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:3rem;margin-bottom:3rem; }
.footer-grid h4 { color:#d4a84b;font-size:0.68rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:1.2rem;font-weight:400; }
.footer-grid ul { list-style:none; }
.footer-grid ul li,.footer-grid p { font-size:0.82rem;line-height:2.2; }
.footer-grid ul li a { color:rgba(232,221,208,0.5);transition:color 0.3s; }
.footer-grid ul li a:hover { color:#d4a84b; }
.footer-bottom { border-top:1px solid rgba(255,255,255,0.06);padding-top:1.5rem;text-align:center;font-size:0.78rem;opacity:0.4; }

@media(max-width:640px) { .hero-title{font-size:2.8rem} .hero-cta{flex-direction:column} .gallery-grid{grid-template-columns:1fr;grid-template-rows:auto} .gallery-item:first-child{grid-row:span 1} }
    padding: 0;
    box-sizing: border-box;
}

/* Body styles */
body {
    font-family: 'Arial', sans-serif;
    line-height: 1.6;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(240, 240, 240, 0.8));
    color: #333;
}

/* Container for sections */
.container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
}

/* Hero section */
.hero {
    position: relative;
    height: 100vh;
    background: url('../assets/images/hero-bg.jpg') no-repeat center center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
}

.hero h1 {
    font-size: 3rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

/* About section */
.about {
    padding: 50px 0;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.about h2 {
    font-size: 2.5rem;
    margin-bottom: 20px;
}

.about p {
    margin-bottom: 20px;
}

/* Services section */
.services {
    padding: 50px 0;
}

.service-card {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    padding: 20px;
    margin: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
}

.service-card:hover {
    transform: translateY(-5px);
}

/* Contact section */
.contact {
    padding: 50px 0;
    background: rgba(240, 240, 240, 0.9);
}

.contact form {
    display: flex;
    flex-direction: column;
}

.contact input, .contact textarea {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/* Responsive styles */
@media (max-width: 768px) {
    .hero h1 {
        font-size: 2rem;
    }

    .about h2 {
        font-size: 2rem;
    }

    .service-card {
        margin: 5px;
    }
}