/**
 * Phase 6 — Business Knowledge Engine styles.
 * Additive over theme.css tokens.
 */

/* Hero */
.seraj-biz-hero { position:relative; min-height:64vh; color:#fff; overflow:hidden; display:flex; align-items:flex-end; }
.seraj-biz-hero--compact { min-height:48vh; }
.seraj-biz-hero--split { min-height:56vh; }
.seraj-biz-hero__media { position:absolute; inset:0; }
.seraj-biz-hero__img { width:100%; height:100%; object-fit:cover; }
.seraj-biz-hero__scrim { position:absolute; inset:0; background:linear-gradient(180deg, transparent 30%, rgba(0,0,0,.7) 100%); }
.seraj-biz-hero__body { position:relative; padding:4rem 0 2.5rem; max-width:920px; }
.seraj-biz-hero__meta { display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1rem; }
.seraj-biz-hero__eyebrow { text-transform:uppercase; letter-spacing:.15em; font-size:.75rem; font-weight:600; opacity:.85; }
.seraj-biz-hero__title { font-family:Fraunces,serif; font-size:clamp(2rem,5vw,3.5rem); line-height:1.1; margin:.5rem 0 1rem; }
.seraj-biz-hero__lede { font-size:1.05rem; max-width:620px; opacity:.9; }
.seraj-biz-hero__actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.25rem; }
.seraj-chip--status { background:#e6f3ea; color:#1e5a2e; border:1px solid rgba(30,90,46,.2); }

/* Jump nav */
.seraj-biz-jump { position:sticky; top:0; z-index:40; background:#fff; border-bottom:1px solid rgba(0,0,0,.08); }
.seraj-biz-jump ul { display:flex; gap:1.25rem; overflow-x:auto; margin:0; padding:.75rem 0; list-style:none; scrollbar-width:none; }
.seraj-biz-jump ul::-webkit-scrollbar { display:none; }
.seraj-biz-jump a { color:#333; text-decoration:none; font-size:.9rem; font-weight:500; white-space:nowrap; padding:.25rem 0; border-bottom:2px solid transparent; }
.seraj-biz-jump a.is-active { border-color:#2f5d3a; color:#2f5d3a; }

/* About */
.seraj-biz-about { display:grid; grid-template-columns:1fr; gap:2rem; }
@media (min-width:900px) { .seraj-biz-about { grid-template-columns:2fr 1fr; } }
.seraj-biz-about__aside { background:#f6f4ef; border-radius:1rem; padding:1.5rem; }
.seraj-biz-about__aside h3 { margin-top:0; font-family:Fraunces,serif; }
.seraj-biz-about__aside ul { margin:0; padding-left:1rem; }
.seraj-biz-about__aside li { margin:.35rem 0; }

/* Services */
.seraj-biz-services { display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:1.5rem; }
.seraj-biz-services__group h3 { font-family:Fraunces,serif; margin:0 0 .75rem; }
.seraj-biz-services__group ul { list-style:none; padding:0; margin:0; display:grid; gap:.4rem; }
.seraj-biz-services__group li { font-size:.95rem; }
.seraj-biz-services__tags { display:flex; flex-wrap:wrap; gap:.4rem; }
.seraj-biz-services__tags li.seraj-chip { background:#eef1ec; color:#2f5d3a; }

/* Menu / offerings */
.seraj-biz-menu { display:grid; gap:2rem; }
.seraj-biz-menu__group-title { font-family:Fraunces,serif; margin:0 0 .75rem; padding-bottom:.5rem; border-bottom:1px solid rgba(0,0,0,.1); }
.seraj-biz-menu__list { list-style:none; padding:0; margin:0; display:grid; gap:1rem; }
.seraj-biz-menu__item-head { display:flex; justify-content:space-between; align-items:baseline; gap:1rem; }
.seraj-biz-menu__name { font-weight:600; color:#1a1a1a; }
.seraj-biz-menu__price { font-family:Fraunces,serif; color:#2f5d3a; font-weight:600; white-space:nowrap; }
.seraj-biz-menu__desc { margin:.25rem 0 0; color:#555; font-size:.9rem; }

/* Gallery */
.seraj-biz-gallery { display:grid; gap:.5rem; }
.seraj-biz-gallery--mosaic { grid-template-columns:repeat(4, 1fr); grid-auto-rows:180px; }
.seraj-biz-gallery--mosaic .seraj-biz-gallery__item:nth-child(1) { grid-column:span 2; grid-row:span 2; }
.seraj-biz-gallery--grid { grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); }
.seraj-biz-gallery--carousel { grid-auto-flow:column; grid-auto-columns:70%; overflow-x:auto; }
.seraj-biz-gallery__item { display:block; position:relative; overflow:hidden; border-radius:.75rem; }
.seraj-biz-gallery__item img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; display:block; min-height:180px; }
.seraj-biz-gallery__item:hover img { transform:scale(1.04); }

/* Hours */
.seraj-biz-hours__wrap { background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:.75rem; padding:.75rem 1rem; }
.seraj-biz-hours__wrap summary { display:flex; align-items:center; gap:.75rem; cursor:pointer; list-style:none; }
.seraj-biz-hours__wrap summary::-webkit-details-marker { display:none; }
.seraj-biz-hours__toggle { margin-left:auto; transition:transform .2s; }
.seraj-biz-hours__wrap[open] .seraj-biz-hours__toggle { transform:rotate(180deg); }
.seraj-biz-hours__table { width:100%; margin-top:.75rem; border-collapse:collapse; }
.seraj-biz-hours__table th, .seraj-biz-hours__table td { padding:.5rem .75rem; text-align:left; border-bottom:1px solid rgba(0,0,0,.06); font-size:.95rem; }
.seraj-biz-hours__table th { font-weight:500; color:#555; width:40%; }
.seraj-biz-hours__table tr.is-today { background:#f6f4ef; }
.seraj-biz-hours__table tr.is-today th, .seraj-biz-hours__table tr.is-today td { color:#2f5d3a; font-weight:600; }
.seraj-biz-hours__notes { margin-top:1rem; font-size:.9rem; color:#555; }

/* Location */
.seraj-biz-location { display:grid; grid-template-columns:1fr; gap:1.5rem; }
@media (min-width:900px) { .seraj-biz-location { grid-template-columns:1fr 1.2fr; } }
.seraj-biz-location__map { min-height:320px; border-radius:1rem; overflow:hidden; background:#eee; }
.seraj-biz-location__placeholder { display:flex; align-items:center; justify-content:center; height:100%; color:#777; }
.seraj-biz-location__landmarks { list-style:none; padding:0; margin:.5rem 0; }
.seraj-biz-location__landmarks li { padding:.25rem 0; }

/* Traveller */
.seraj-biz-traveller { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:1.5rem; }
.seraj-biz-traveller__group h3 { font-family:Fraunces,serif; margin:0 0 .5rem; }
.seraj-biz-traveller__group ul { list-style:none; padding:0; margin:0; display:grid; gap:.35rem; font-size:.92rem; }

/* Contact */
.seraj-biz-contact { display:flex; flex-wrap:wrap; gap:.75rem; }
.seraj-biz-contact__item { display:inline-flex; align-items:center; gap:.5rem; padding:.75rem 1.1rem; background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:999px; text-decoration:none; color:#1a1a1a; font-weight:500; transition:transform .15s ease, box-shadow .15s ease; }
.seraj-biz-contact__item:hover { transform:translateY(-2px); box-shadow:0 6px 16px rgba(0,0,0,.08); }
.seraj-biz-contact__item--urgent { background:#fdecec; color:#a3211c; border-color:rgba(163,33,28,.25); }

/* Enquiry */
.seraj-biz-enquiry { display:grid; grid-template-columns:1fr; gap:2rem; }
@media (min-width:900px) { .seraj-biz-enquiry { grid-template-columns:1fr 1.2fr; } }
.seraj-biz-enquiry__form { display:grid; gap:1rem; background:#fff; padding:1.5rem; border-radius:1rem; border:1px solid rgba(0,0,0,.06); }
.seraj-biz-enquiry__form label { display:grid; gap:.25rem; font-size:.9rem; font-weight:500; color:#333; }
.seraj-biz-enquiry__form input, .seraj-biz-enquiry__form textarea { padding:.65rem .75rem; border:1px solid rgba(0,0,0,.15); border-radius:.5rem; font-family:inherit; font-size:.95rem; }

/* Archive */
.seraj-biz-archive-hero { color:#fff; background:#2f5d3a; background-size:cover; background-position:center; padding:5rem 0; }
.seraj-biz-archive-hero h1 { font-family:Fraunces,serif; font-size:clamp(2rem,4.5vw,3.25rem); margin:.5rem 0 1rem; }
.seraj-biz-archive-hero .seraj-lede { max-width:680px; opacity:.92; }
.seraj-biz-search { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.5rem; background:rgba(255,255,255,.1); padding:.75rem; border-radius:1rem; backdrop-filter:blur(6px); }
.seraj-biz-search__field { flex:1 1 160px; }
.seraj-biz-search__field--wide { flex:2 1 260px; }
.seraj-biz-search input, .seraj-biz-search select { width:100%; padding:.65rem .85rem; border:0; border-radius:.6rem; background:#fff; color:#1a1a1a; font-family:inherit; }

.seraj-biz-chips__list { display:flex; flex-wrap:wrap; gap:.5rem; padding:0; margin:0; list-style:none; }
.seraj-biz-chips .seraj-chip { text-decoration:none; background:#f0eee9; color:#333; border:1px solid transparent; }
.seraj-biz-chips .seraj-chip.is-active, .seraj-biz-chips .seraj-chip:hover { background:#2f5d3a; color:#fff; }

.seraj-biz-featured .seraj-biz-feature { display:grid; grid-template-columns:1fr; gap:1.5rem; align-items:center; }
@media (min-width:900px) { .seraj-biz-featured .seraj-biz-feature { grid-template-columns:1.2fr 1fr; } }
.seraj-biz-feature__media img { width:100%; height:100%; object-fit:cover; border-radius:1rem; }

/* Card additions */
.seraj-card--business .seraj-card__partner-badge { position:absolute; top:.75rem; right:.75rem; background:#1e5a2e; color:#fff; padding:.25rem .55rem; font-size:.7rem; font-weight:600; border-radius:999px; letter-spacing:.05em; }
.seraj-card--business .seraj-card__meta { display:flex; justify-content:space-between; align-items:center; margin:.35rem 0 .5rem; font-size:.8rem; }
.seraj-card--business .seraj-card__rating { color:#c98a1d; letter-spacing:.05em; }
.seraj-card--business .seraj-card__status { padding:.15rem .5rem; background:#eef1ec; color:#2f5d3a; border-radius:999px; font-weight:600; font-size:.7rem; text-transform:uppercase; letter-spacing:.05em; }