diff --git a/cart.html b/cart.html index 7638139..947bbe8 100644 --- a/cart.html +++ b/cart.html @@ -263,16 +263,6 @@

Contact Us

window.cartManager.subscribe(renderCart); - - - - - - - - - - diff --git a/css/style.css b/css/style.css index 2402852..893c6f2 100644 --- a/css/style.css +++ b/css/style.css @@ -23,21 +23,11 @@ body { font-family: 'Poppins', sans-serif; background: #fff8f0; - color: var(--text-color, #3e3e3e); + color: #3e3e3e; line-height: 1.6; font-size: 16px; overflow-x: hidden; } - :root { - --primary: #bf360c; - --secondary: #fff3e0; - --accent: #ff5722; - --card-bg: #ffffff; - --section-bg: #fff3e0; - --text-color: #3e2723; - --button-bg: #ff7b54; - --button-hover: #e64a19; - } a { text-decoration: none; color: inherit; @@ -737,132 +727,18 @@ user-select: none; } - .festival-banner { - display: none; - padding: 2rem 0; - background: linear-gradient(135deg, var(--primary), var(--secondary)); - color: #ffffff; - overflow: hidden; - } - .festival-banner-inner { - display: flex; - align-items: center; - justify-content: space-between; - gap: 1.5rem; - padding: 1.5rem 0; - } - .festival-banner-copy { - max-width: 620px; - } - .festival-chip { - display: inline-block; - background: rgba(255,255,255,0.22); - color: #fff; - padding: 0.55rem 1rem; - border-radius: 999px; - font-weight: 700; - letter-spacing: 0.04em; - margin-bottom: 1rem; - } - .festival-banner-copy h2 { - font-size: clamp(2rem, 3vw, 3rem); - margin-bottom: 0.75rem; - color: #fff; - } - .festival-banner-copy p { - font-size: 1.05rem; - line-height: 1.8; - max-width: 620px; - color: rgba(255,255,255,0.92); - } - .festival-banner-image img { - width: min(100%, 320px); - border-radius: 24px; - box-shadow: 0 20px 45px rgba(0,0,0,0.18); - border: 4px solid rgba(255,255,255,0.18); - } - /* ===== Specials & Menu Section ===== */ section.specials, section.menu, - section.recently-viewed, - section.state-explorer { + section.recently-viewed { padding: 4rem 1rem 5rem; - background: var(--section-bg); - } - - .state-explorer { - background: linear-gradient(180deg, #fff7ed 0%, #fff3e0 100%); - } - - .state-scroll-wrapper { - display: grid; - grid-auto-flow: column; - grid-template-rows: repeat(3, auto); - grid-auto-columns: minmax(220px, 1fr); - gap: 1rem; - overflow-x: auto; - overflow-y: hidden; - scroll-behavior: smooth; - padding-bottom: 0.35rem; - scrollbar-width: none; - } - - .state-scroll-wrapper::-webkit-scrollbar { - display: none; - } - - .state-card { - display: flex; - flex-direction: column; - width: 220px; - min-height: 220px; - border: 1px solid #ffe0b2; - border-radius: 18px; - overflow: hidden; - background: #fff; - box-shadow: 0 10px 28px rgb(191 54 12 / 0.12); - cursor: pointer; - text-align: left; - transition: transform 0.25s ease, box-shadow 0.25s ease; - padding: 0; - color: inherit; - } - - .state-card:hover, - .state-card:focus-visible { - transform: translateY(-4px) scale(1.02); - box-shadow: 0 16px 32px rgb(191 54 12 / 0.18); - outline: none; - } - - .state-card img { - width: 100%; - height: 130px; - object-fit: cover; - border-radius: 0; - margin-bottom: 0; - } - - .state-card p { - padding: 0.9rem 1rem 1rem; - margin: 0; - font-weight: 700; - color: #3e2723; - line-height: 1.35; - } - - .state-card span { - display: block; - font-size: 0.92rem; - color: #795548; - padding: 0 1rem 1rem; + background: #fff3e0; } .section-title { text-align: center; font-size: 2.8rem; font-weight: 700; - color: var(--primary); + color: #bf360c; margin-bottom: 2.5rem; user-select: none; } @@ -882,7 +758,7 @@ margin-top: 2rem; } .card { - background: var(--card-bg); + background: white; border-radius: 20px; box-shadow: 0 8px 30px rgb(0 0 0 / 0.12); width: 260px; @@ -905,20 +781,6 @@ color: white; border: none; } - .card.festival-featured { - border: 2px solid var(--accent); - box-shadow: 0 18px 40px rgba(255,87,34,0.15); - } - .festival-badge { - display: inline-block; - background: rgba(255,255,255,0.95); - color: var(--accent); - border-radius: 999px; - font-weight: 700; - padding: 0.35rem 0.75rem; - font-size: 0.8rem; - margin-bottom: 0.75rem; - } .card img { border-radius: 15px; width: 250px; @@ -976,8 +838,8 @@ } .filter-btn { background: #fff3e0; - border: 2px solid var(--accent); - color: var(--accent); + border: 2px solid #ff5722; + color: #ff5722; padding: 0.6rem 1.8rem; border-radius: 50px; font-weight: 600; @@ -986,9 +848,9 @@ } .filter-btn.active, .filter-btn:hover { - background: var(--accent); + background: #ff5722; color: white; - box-shadow: 0 6px 20px rgba(255, 87, 34, 0.6); + box-shadow: 0 6px 20px rgb(255 87 34 / 0.6); } /* ===== Cart Sidebar ===== */ @@ -1775,12 +1637,6 @@ /*=====Team member layout Fix===*/ - @media (max-width: 980px) { - .state-scroll-wrapper { - grid-auto-columns: minmax(190px, 72vw); - } - } - @media (max-width: 768px) { .team-member { min-width: 100%; @@ -2755,8 +2611,8 @@ body.dark p{ /* Header & Navigation */ body.dark header { - background: #2c2c2c; - box-shadow: 0 3px 10px rgba(0, 0, 0, 0.6); + /* Keep orange brand background — only deepen the shadow for dark mode depth */ + box-shadow: 0 3px 14px rgba(0, 0, 0, 0.55); } body.dark nav a { color: #f5f5f5; @@ -3104,27 +2960,7 @@ select:focus-visible { } } -/* Dark mode support for better contrast */ -@media (prefers-color-scheme: light) { - body { - background: #1a1a1a; - color: #e0e0e0; - } - - .card { - background: #2d2d2d; - } - - .suggestion-item { - background: #2d2d2d; - color: #e0e0e0; - } - - .suggestion-item.focused { - background: #bf360c; - color: #fff; - } -} +/* Note: theme switching is handled via body.dark class (see auth.js setupThemeToggle) */ /* Improve contrast of disabled buttons */ @@ -3886,19 +3722,4 @@ body.dark .hero-content p { animation: none !important; transition: none !important; } -} -.menu-toggle-wrapper{ - grid-column:1/-1; - display:flex; - justify-content:flex-end; - margin-top:20px; -} - -.menu-toggle-btn{ - padding:12px 25px; - border:none; - border-radius:40px; - background:#ff6b35; - color:white; - cursor:pointer; } \ No newline at end of file diff --git a/orders.html b/orders.html index 932d146..ecff3cf 100644 --- a/orders.html +++ b/orders.html @@ -411,14 +411,6 @@

Have a promo cod - - - - - - - -