/* Theme 2 — cool lagoon. No orange, no saffron, no photo hero. */

body.atelier {
    background: #eef8f7 !important;
    color: #07323a !important;
    font-family: Figtree, "Segoe UI", sans-serif !important;
}

body.atelier h1,
body.atelier h2,
body.atelier h3,
body.atelier h4,
body.atelier .logo-title,
body.atelier .menu-dish-title,
body.atelier .hero-restaurant-heading,
body.atelier .modal-title {
    font-family: Figtree, "Segoe UI", sans-serif !important;
    font-weight: 750 !important;
    letter-spacing: -0.03em;
}

body.atelier .ct-navbar-statictop {
    background: #06262c !important;
    border-bottom: 5px solid #14b8a6 !important;
    box-shadow: none !important;
    min-height: 78px;
}

body.atelier .logo-badge-icon {
    background: #14b8a6 !important;
    color: #06262c !important;
    border-radius: 50% !important;
    transform: none !important;
    box-shadow: none !important;
}

body.atelier .logo-title { color: #f4fffd !important; text-shadow: none !important; }
body.atelier .logo-accent { color: #5eead4 !important; font-style: normal !important; }
body.atelier .logo-subtitle { color: #99f6e4 !important; letter-spacing: 0.22em !important; }

body.atelier .nav.ct-list > li > a {
    color: #d8fffa !important;
    font-family: Figtree, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: none !important;
    text-shadow: none !important;
}

body.atelier .nav.ct-list > li > a:hover,
body.atelier .nav.ct-list > li.active > a {
    color: #5eead4 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.atelier .nav-phone-link {
    background: transparent !important;
    color: #5eead4 !important;
    border: 1.5px solid #5eead4 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

body.atelier .nav-wa-link,
body.atelier a.nav-wa-link {
    background: #14b8a6 !important;
    color: #06262c !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

@media (max-width: 767px) {
    body.atelier .navbar-collapse {
        background: #06262c !important;
        border-top: 1px solid #115e59 !important;
    }
    body.atelier .navbar-toggle { border-color: #5eead4 !important; }
    body.atelier .navbar-toggle .fa-bars { color: #5eead4 !important; }
}

body.atelier .cart-offer-banner {
    background: #ccfbf1 !important;
    color: #134e4a !important;
    border-bottom: 0 !important;
    font-weight: 700 !important;
}

body.atelier .restaurant-hero-section {
    background: linear-gradient(160deg, #e7fbf7 0%, #b7efe6 55%, #7eddd0 100%) !important;
    text-align: left !important;
    color: #06262c !important;
    padding: 78px 0 68px !important;
}

body.atelier .hero-restaurant-heading,
body.atelier .hero-lead-text,
body.atelier .gold-gradient-text {
    color: #06262c !important;
    background: none !important;
    -webkit-text-fill-color: #06262c !important;
    text-shadow: none !important;
}

body.atelier .gold-gradient-text { color: #0f766e !important; -webkit-text-fill-color: #0f766e !important; }

body.atelier .hero-lead-text {
    margin: 0 0 28px !important;
    max-width: 620px !important;
    color: #134e4a !important;
    font-weight: 500 !important;
}

body.atelier .hero-welcome-badge {
    background: #06262c !important;
    color: #99f6e4 !important;
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    letter-spacing: 0.14em !important;
}

body.atelier .hero-badges-strip { justify-content: flex-start !important; }

body.atelier .hero-strip-pill {
    background: rgba(255, 255, 255, 0.72) !important;
    color: #134e4a !important;
    border: 1px solid #99f6e4 !important;
    border-radius: 999px !important;
}

body.atelier .btn-hero-menu {
    background: #06262c !important;
    color: #ecfdf8 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

body.atelier .btn-hero-reserve {
    background: #fff !important;
    color: #06262c !important;
    border: 2px solid #06262c !important;
    border-radius: 999px !important;
}

body.atelier .btn-hero-wa {
    background: #0f766e !important;
    color: #fff !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

body.atelier div[style*="restaurant-hero.jpg"] {
    background: #06262c !important;
    color: #ecfdf8 !important;
    text-align: left !important;
    border-bottom: 0 !important;
    padding: 56px 0 42px !important;
}

body.atelier div[style*="restaurant-hero.jpg"] h1 { color: #5eead4 !important; font-weight: 750 !important; }
body.atelier div[style*="restaurant-hero.jpg"] p { color: #ccfbf1 !important; margin-left: 0 !important; }
body.atelier div[style*="restaurant-hero.jpg"] span { color: #99f6e4 !important; }

body.atelier .dish-item-col {
    width: 100% !important;
    float: none !important;
}

body.atelier .luxury-menu-card {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px dashed #99d5ce !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 18px 4px !important;
    height: auto !important;
}

body.atelier .luxury-menu-card:hover {
    transform: none !important;
    background: #f3fffc !important;
    box-shadow: none !important;
}

body.atelier .menu-top-row { border-bottom: 0 !important; }

body.atelier .menu-dish-title { color: #06262c !important; font-size: 22px !important; }

body.atelier .menu-dish-price {
    background: transparent !important;
    color: #0f766e !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
}

body.atelier .menu-dish-desc { color: #3d6460 !important; }

body.atelier .menu-dish-badge {
    background: #ccfbf1 !important;
    color: #115e59 !important;
    border-radius: 999px !important;
}

body.atelier .btn-add-to-cart {
    background: #06262c !important;
    color: #ecfdf8 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

body.atelier .menu-category-pills { justify-content: flex-start !important; }

body.atelier .menu-cat-pill {
    background: transparent !important;
    color: #3d6460 !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 12px !important;
}

body.atelier .menu-cat-pill:hover,
body.atelier .menu-cat-pill.active {
    background: transparent !important;
    color: #06262c !important;
    border-bottom-color: #14b8a6 !important;
    box-shadow: none !important;
    transform: none !important;
}

body.atelier .menu-live-search input {
    border-radius: 999px !important;
    border: 1.5px solid #99f6e4 !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.atelier .menu-live-search input:focus { border-color: #0f766e !important; }
body.atelier .menu-live-search .fa-search { color: #0f766e !important; }

body.atelier div[style*="fff8f5"],
body.atelier div[style*="f97316"] {
    background: #f3fffc !important;
    border: 1px solid #99f6e4 !important;
    border-radius: 20px !important;
    box-shadow: none !important;
}

body.atelier span[style*="ea580c"] {
    background: #0f766e !important;
    color: #fff !important;
    border-radius: 999px !important;
}

body.atelier p[style*="9a3412"],
body.atelier p[style*="7c2d12"],
body.atelier p[style*="c2410c"] { color: #134e4a !important; }

body.atelier span[style*="f75d34"],
body.atelier span[style*="color:#f75d34"],
body.atelier span[style*="color: #f75d34"] {
    color: #0f766e !important;
    background: transparent !important;
}

body.atelier a[style*="dc3432"],
body.atelier h2 a {
    color: #0f766e !important;
}

body.atelier i[style*="f75d34"] { color: #0f766e !important; }

body.atelier section img.img-responsive {
    border-radius: 16px !important;
    clip-path: inset(11% round 12px);
    box-shadow: 0 10px 24px rgba(6, 38, 44, 0.12) !important;
}

body.atelier div[style*="border-bottom: 2px solid #f75d34"],
body.atelier div[style*="border-bottom:2px solid #f75d34"] {
    border-bottom: 1px solid #99f6e4 !important;
}

body.atelier .contact-feature-card {
    background: #fff !important;
    border: 0 !important;
    border-radius: 22px !important;
    box-shadow: 0 12px 30px rgba(6, 38, 44, 0.08) !important;
}

body.atelier .contact-feature-card:hover {
    transform: none !important;
    box-shadow: 0 12px 30px rgba(6, 38, 44, 0.08) !important;
}

body.atelier .contact-icon-bubble {
    background: #ccfbf1 !important;
    color: #0f766e !important;
    border-radius: 50% !important;
    box-shadow: none !important;
}

body.atelier .kitchen-status-banner,
body.atelier .kitchen-status-banner.banner-open,
body.atelier .kitchen-status-banner.banner-closed {
    background: #06262c !important;
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    color: #ecfdf8 !important;
}

body.atelier .ksb-title,
body.atelier .ksb-desc,
body.atelier .ksb-desc a,
body.atelier .ksb-badge-time { color: #ecfdf8 !important; }

body.atelier .ct-footer {
    background: #06262c !important;
    color: #c7f7f1 !important;
    border-top: 0 !important;
}

body.atelier .ct-footer .logo-title { color: #f4fffd !important; }
body.atelier .ct-footer .logo-accent,
body.atelier .ct-footer .logo-subtitle { color: #5eead4 !important; }
body.atelier .ct-footer .logo-badge-icon { background: #14b8a6 !important; color: #06262c !important; }

body.atelier .ct-footer h4.footer-head {
    color: #5eead4 !important;
    font-family: Figtree, sans-serif !important;
    border-bottom: 2px solid #14b8a6 !important;
    text-transform: none !important;
}

body.atelier .ct-footer a { color: #99f6e4 !important; }
body.atelier .ct-footer a:hover { color: #fff !important; }

body.atelier .ct-subfoot {
    background: #04191d !important;
    color: #99f6e4 !important;
    border-top: 0 !important;
}

body.atelier a[style*="f75d34"],
body.atelier a[style*="ef233c"],
body.atelier button[style*="f75d34"],
body.atelier span[style*="background:linear-gradient(135deg, #f75d34"] {
    background: #06262c !important;
    background-image: none !important;
    color: #ecfdf8 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

body.atelier a[style*="25d366"],
body.atelier button[style*="25d366"] {
    background: #0f766e !important;
    background-image: none !important;
    color: #fff !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

body.atelier div[style*="18181b"],
body.atelier a[style*="18181b"] {
    background: #06262c !important;
    border-radius: 22px !important;
}

body.atelier div[style*="border-top: 5px solid #f75d34"] {
    border-top: 0 !important;
    border-radius: 22px !important;
    box-shadow: 0 12px 30px rgba(6, 38, 44, 0.08) !important;
}

body.atelier div[style*="border-radius: 18px"] {
    border-radius: 22px !important;
    box-shadow: 0 12px 30px rgba(6, 38, 44, 0.08) !important;
}

body.atelier .form-control {
    border-radius: 12px !important;
    border-color: #99f6e4 !important;
    box-shadow: none !important;
}

body.atelier .floating-order-bar {
    background: #06262c !important;
    border: 0 !important;
    border-radius: 999px !important;
}

body.atelier #bar-total-amount { color: #5eead4 !important; }

body.atelier #orderModal .modal-content { border-radius: 22px !important; }
body.atelier #orderModal .modal-header { background: #06262c !important; border-bottom: 0 !important; }
body.atelier #orderModal .modal-title { color: #5eead4 !important; }
body.atelier #orderModal .modal-body { background: #eef8f7 !important; }
body.atelier .btn-checkout-modal {
    background: #0f766e !important;
    border-radius: 999px !important;
}
body.atelier .btn-order-type.active {
    background: #ccfbf1 !important;
    border-color: #0f766e !important;
    color: #0f766e !important;
}

@media (max-width: 768px) {
    body.atelier .restaurant-hero-section { padding: 48px 0 40px !important; }
    body.atelier .hero-restaurant-heading { font-size: 32px !important; }
}