@import url("../resto-cart/style.css");
@import url("../estate-portal-prime/style.css");

/* Food Portal Spice: Spice-market style restaurant portal. (portal) */
body {
    background: #FEF2F2;
    color: #1f2937;
    font-family: "Manrope", "Segoe UI", sans-serif;
}

.ep-header {
    background: linear-gradient(90deg, #7F1D1D 0%, var(--theme-primary, #B91C1C) 55%, #991B1B 100%);
    box-shadow: 0 10px 28px rgba(127, 29, 29, .22);
}
.ep-header-inner {
    padding: 12px 20px;
    min-height: 76px;
    align-items: center;
}
.ep-brand {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    color: #fff;
}
.ep-brand-mark-wrap {
    display: grid;
    place-items: center;
    width: 58px;
    height: 58px;
    border-radius: 16px;
    background: rgba(255,255,255,.12);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 6px 16px rgba(0,0,0,.18);
}
.ep-brand-mark,
.ep-brand img.ep-brand-mark {
    max-height: 46px !important;
    width: auto;
    height: auto;
    display: block;
}
.ep-brand-copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    line-height: 1.05;
}
.ep-brand-name {
    font-family: "Fraunces", Georgia, serif;
    font-weight: 800;
    font-size: 1.75rem;
    letter-spacing: -.03em;
    color: #fff;
}
.ep-brand-food { color: #fff; }
.ep-brand-let { color: var(--theme-accent, #FBBF24); }
.ep-brand-tag {
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255,255,255,.72);
}
.ep-nav a { margin-left: 16px; font-size: 13px; font-weight: 600; }
.ep-nav-cta {
    background: var(--theme-accent, #FBBF24);
    color: #111827;
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 13px;
}

.ep-hero {
    background:
        radial-gradient(circle at 12% 20%, rgba(251,191,36,.22), transparent 34%),
        radial-gradient(circle at 88% 0%, rgba(0,0,0,.16), transparent 46%),
        linear-gradient(155deg, #7F1D1D 0%, var(--theme-primary, #B91C1C) 48%, #991B1B 100%);
    padding: 28px 24px 30px;
}
.ep-hero-inner { margin: 0 auto 18px; max-width: 720px; text-align: center; }
.ep-hero-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}
.ep-hero-mark {
    width: 96px;
    height: 96px;
    border-radius: 26px;
    box-shadow: 0 14px 30px rgba(0,0,0,.28);
}
.ep-hero-wordmark {
    margin: 0;
    font-family: "Fraunces", Georgia, serif;
    font-weight: 800;
    font-size: clamp(2.4rem, 7vw, 3.6rem);
    letter-spacing: -.04em;
    line-height: .95;
    color: #fff;
}
.ep-hero-lead {
    margin: 0 auto;
    max-width: 34rem;
    font-size: 1.05rem;
    line-height: 1.5;
    color: rgba(255,255,255,.9);
    font-weight: 500;
}
.ep-hero-actions {
    margin: 18px 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.ep-btn-ghost {
    background: transparent !important;
    border: 1.5px solid rgba(255,255,255,.55);
    color: #fff !important;
}
.ep-search-card {
    margin-top: 0 !important;
    margin-bottom: 0;
    padding: 12px;
    border-radius: 12px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .16);
    position: relative;
    z-index: 1;
}
.ep-search-input, .ep-btn { padding: 10px 12px; border-radius: 10px; }
.ep-btn { background: var(--theme-accent, #FBBF24); color: #111827; }
.ep-stats { padding: 10px 0; background: #FEE2E2; }
.ep-stats-grid strong { color: var(--theme-primary, #B91C1C); }
.ep-section { padding: 28px 24px; }
.ep-section h2 { margin: 0 0 14px; font-size: 22px; }
.ep-section-lead { margin: -6px auto 18px; }
.ep-section-alt { background: #FEE2E2; }

.ep-card { border-radius: 14px; box-shadow: 0 10px 28px rgba(15, 23, 42, .08); }
.ep-card:hover { box-shadow: 0 18px 40px rgba(15, 23, 42, .14); }
.ep-card-media { height: 200px; }
.ep-card-price { color: var(--theme-primary, #B91C1C); }
.ep-badge { background: var(--theme-accent, #FBBF24); color: #111827; border-radius: 6px; }

.ep-category-tile { border-radius: 14px; border: 1px solid #FEE2E2; box-shadow: none; background: #fff; }
.ep-category-tile:hover { border-color: var(--theme-accent, #FBBF24); }
.ep-category-tile h3 { color: var(--theme-primary, #B91C1C); margin: 0 0 8px; }

.ep-page-header { background: #FEE2E2; }
.ep-filters, .ep-key-facts { border-radius: 14px; }
.ep-gallery-main { border-radius: 14px; }