/* Orchid v487: restored immersive Reels, compact billing and location discovery. */

/* Restore the established immersive Reels presentation. The fast media path
   remains unchanged; this layer only neutralises the later pill/outline
   overrides and makes the app navigation match the v461 layout again. */
html body .orchid-video-viewer[data-orchid-video-ui="v461"] .orchid-video-appbar > a {
  display:block!important;box-sizing:border-box!important;width:100%!important;padding:12px 16px!important;
  border:1px solid rgba(255,255,255,.08)!important;border-radius:8px!important;
  color:rgba(255,255,255,.68)!important;-webkit-text-fill-color:rgba(255,255,255,.68)!important;
  background:rgba(255,255,255,.06)!important;text-decoration:none!important;font:500 13px/1.2 Arial,sans-serif!important;
}
html body .orchid-video-viewer[data-orchid-video-ui="v461"] .orchid-video-sidebar > :is(a,b,button) {
  display:block!important;box-sizing:border-box!important;width:100%!important;margin:2px 0!important;padding:14px 17px!important;
  border:0!important;border-radius:10px!important;color:#ddd!important;-webkit-text-fill-color:#ddd!important;
  background:transparent!important;box-shadow:none!important;text-align:left!important;text-decoration:none!important;
  font:500 13px/1 Arial,sans-serif!important;cursor:pointer!important;
}
html body .orchid-video-viewer[data-orchid-video-ui="v461"] .orchid-video-sidebar > b {color:#fff!important;-webkit-text-fill-color:#fff!important;background:rgba(255,255,255,.13)!important;}
html body .orchid-video-viewer[data-orchid-video-ui="v461"] .orchid-video-brand {width:auto!important;margin:0 8px 32px 2px!important;padding:0!important;background:transparent!important;}
html body .orchid-video-viewer[data-orchid-video-ui="v461"] .orchid-video-brand img {display:block!important;width:116px!important;height:auto!important;filter:brightness(0) invert(1)!important;}
html body .orchid-video-viewer[data-orchid-video-ui="v461"] .orchid-video-viewer__actions :is(button,.orchid-video-viewer__metric) {
  display:grid!important;visibility:visible!important;opacity:1!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;text-shadow:0 2px 8px #000!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))!important;
}
html body .orchid-video-viewer[data-orchid-video-ui="v461"] .orchid-video-viewer__actions svg,
html body .orchid-video-viewer[data-orchid-video-ui="v461"] .orchid-video-viewer__actions svg * {display:block!important;visibility:visible!important;color:#fff!important;stroke:currentColor!important;fill:none!important;opacity:1!important;}
html body .orchid-video-viewer[data-orchid-video-ui="v461"] .orchid-video-viewer__actions button.is-active,
html body .orchid-video-viewer[data-orchid-video-ui="v461"] .orchid-video-viewer__actions button.is-active svg * {color:#61efac!important;stroke:#61efac!important;}
html body .orchid-video-viewer[data-orchid-video-ui="v461"] .orchid-video-viewer__vertical-nav {
  position:absolute!important;z-index:14!important;left:-62px!important;top:50%!important;display:grid!important;
  visibility:visible!important;opacity:1!important;gap:8px!important;width:42px!important;transform:translateY(-50%)!important;pointer-events:auto!important;
}
html body .orchid-video-viewer[data-orchid-video-ui="v461"] .orchid-video-viewer__vertical-nav button {
  display:grid!important;place-items:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;
  border:0!important;border-radius:50%!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  background:rgba(0,0,0,.38)!important;box-shadow:none!important;cursor:pointer!important;
}
html body .orchid-video-viewer[data-orchid-video-ui="v461"] .orchid-video-viewer__vertical-nav svg {width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;}
html body .orchid-video-viewer[data-orchid-video-ui="v461"] .orchid-video-viewer__vertical-nav button:disabled {opacity:.28!important;cursor:not-allowed!important;}

/* Billing opens as a focused account card and then hands purchases to the
   existing cart. */
.brand-billing-dialog {position:fixed;z-index:2147480900;inset:0;display:grid;place-items:center;padding:20px;background:rgba(8,12,10,.62);backdrop-filter:blur(12px);}
.brand-billing-dialog__card {box-sizing:border-box;width:min(920px,100%);max-height:min(90dvh,820px);overflow:auto;padding:clamp(18px,3vw,32px);border:1px solid rgba(0,0,0,.14);border-radius:24px;color:#111;background:#fff;box-shadow:0 28px 100px rgba(0,0,0,.34);font-family:"Source Sans Pro",Arial,sans-serif;}
.brand-billing-dialog__head {display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 20px;padding:0 0 18px;border-bottom:1px solid #ddd;background:transparent!important;}
.brand-billing-dialog__head span,.brand-billing-dialog__head small {font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#006b4f;}
.brand-billing-dialog__head h2 {margin:4px 0 0;font:500 clamp(30px,4vw,46px)/1 Georgia,serif;}
.brand-billing-dialog__head button {display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #ccc;border-radius:50%;background:#f3f3f1;color:#111;font-size:27px;cursor:pointer;}
.brand-billing-dialog__summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;}
.brand-billing-dialog__summary>div {display:grid;gap:6px;min-width:0;padding:14px;border-radius:14px;background:#f3f4f2;}
.brand-billing-dialog__summary small {font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.08em;}
.brand-billing-dialog__summary strong {overflow-wrap:anywhere;font-size:15px;}
.brand-billing-dialog__waiver {margin:0 0 14px;padding:12px 14px;border:1px solid #9fcbbc;border-radius:12px;background:#edf8f4;color:#064c39;}
.brand-billing-dialog__plans {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.brand-billing-plan {display:grid;grid-template-rows:1fr auto auto;gap:14px;min-width:0;padding:18px;border:1px solid #d7d7d4;border-radius:18px;background:#fff;}
.brand-billing-plan.is-current {border-color:#007b5c;box-shadow:inset 0 0 0 1px #007b5c;}
.brand-billing-plan span {color:#007b5c;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;}
.brand-billing-plan h3 {margin:5px 0;font:500 25px/1.1 Georgia,serif;}
.brand-billing-plan p {margin:0;color:#555;font-size:13px;line-height:1.45;}
.brand-billing-plan>strong {font-size:21px;}.brand-billing-plan>strong small {font-size:11px;color:#666;}
.brand-billing-plan button {width:100%;}
.brand-billing-dialog__history {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:16px 0;border-block:1px solid #ddd;}
.brand-billing-dialog__history h3,.brand-billing-dialog__history p {margin:0;}.brand-billing-dialog__history p {margin-top:3px;color:#666;font-size:12px;}
.brand-billing-dialog__history>span {padding:7px 10px;border-radius:999px;background:#f0f1ef;font-size:11px;font-weight:700;white-space:nowrap;}
.brand-billing-dialog__card>footer {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:18px 0 0;border:0;background:transparent!important;}
.brand-billing-dialog__card>footer small {color:#666;}

/* City rails use the existing curator-card visual language while keeping the
   county and later East Africa layers explicitly separated. */
.discover-location-card {position:relative;display:grid!important;grid-template-rows:minmax(190px,1fr) auto;min-width:clamp(220px,23vw,330px);padding:0!important;overflow:hidden;border:1px solid var(--line,#d9d9d5)!important;border-radius:22px!important;background:var(--surface,#fff)!important;color:var(--ink,#111)!important;text-align:left;cursor:pointer;}
.discover-location-card__media {display:block;min-height:190px;overflow:hidden;background:linear-gradient(145deg,#082a21,#00876a);}
.discover-location-card__media img {display:block;width:100%;height:100%;min-height:190px;object-fit:cover;transition:transform .35s ease;}
.discover-location-card:hover .discover-location-card__media img {transform:scale(1.025);}
.discover-location-card__placeholder {display:grid;min-height:190px;place-items:center;color:rgba(255,255,255,.92);font:500 clamp(54px,8vw,96px)/1 Georgia,serif;background:radial-gradient(circle at 75% 15%,#0b775d 0,transparent 42%),linear-gradient(145deg,#041914,#073f32);}
.discover-location-card__copy {display:grid;gap:4px;min-width:0;padding:16px 17px 18px;}
.discover-location-card__copy small,.discover-location-card__copy em {font:600 11px/1.3 "Source Sans Pro",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#666);}
.discover-location-card__copy strong {font:500 27px/1.06 Georgia,serif;overflow-wrap:anywhere;}
.discover-location-card__copy em {font-style:normal;letter-spacing:0;text-transform:none;}
.discover-location-profile__header {display:grid;justify-items:center;gap:7px;margin:10px auto 28px;text-align:center;}
.discover-location-profile__header>img,.discover-location-profile__header>span {display:grid;width:132px;height:132px;place-items:center;object-fit:cover;border:3px solid #00a77f;border-radius:50%;background:#063d30;color:#fff;font:500 56px/1 Georgia,serif;}
.discover-location-profile__header :is(p,h1,strong) {margin:0;}.discover-location-profile__header h1 {font:500 clamp(34px,5vw,62px)/1 Georgia,serif;}.discover-location-profile__header p {color:#007b5c;letter-spacing:.12em;text-transform:uppercase;}
.discover-country-rail-shell {padding-top:12px;border-top:1px solid var(--line,#ddd);}
.discover-location-region-label {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding-top:8px;border-top:1px solid var(--line,#ddd);}
.discover-location-region-label small {color:var(--muted,#666);text-transform:uppercase;letter-spacing:.1em;}
.discover-city-search {display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 16px;}
.discover-city-search label {display:grid;gap:6px;width:min(440px,100%);font:700 11px/1.2 "Source Sans Pro",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;}
.discover-city-search input {box-sizing:border-box;width:100%;min-height:46px;padding:10px 14px;border:1px solid var(--line,#ccc);border-radius:999px;color:var(--ink,#111);background:var(--surface,#fff);font:500 16px/1.2 "Source Sans Pro",Arial,sans-serif;letter-spacing:0;text-transform:none;outline:0;}
.discover-city-search input:focus {border-color:#007b5c;box-shadow:0 0 0 3px rgba(0,123,92,.14);}
.discover-city-search output {padding-bottom:12px;color:var(--muted,#666);font:700 12px/1 "Source Sans Pro",Arial,sans-serif;white-space:nowrap;}
.discover-cities-block .orchid-reactive-rail-list.is-single-rail {display:block!important;}
.discover-cities-block .discover-city-single-rail-shell {width:100%;}
.discover-cities-block .discover-city-single-rail {display:grid!important;grid-auto-flow:column!important;grid-template-rows:1fr!important;grid-auto-columns:max-content!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;}
.discover-cities-block .discover-city-single-rail > .discover-location-card {grid-row:1!important;scroll-snap-align:start;}
.discover-cities-block .discover-city-single-rail > .discover-location-card[hidden] {display:none!important;}
.discover-location-directory .discover-location-card[hidden] {display:none!important;}

/* Brand pages keep an intentional content gutter. Dark mode is black-led;
   Orchid green is reserved for status, focus and selected actions. */
html body.page-brands #brands .brand-public {box-sizing:border-box!important;margin-inline:auto!important;padding-inline:clamp(12px,2vw,32px)!important;}
html body.page-brands #brands :is(.brand-directory,.brand-featured-section,.brand-insights,.brand-intro-statement) {box-sizing:border-box!important;}
html body.page-brands #brands :is(.brand-directory-heading,.brand-intro-section-head,.brand-category-tabs) {min-width:0!important;}
html body.page-brands #brands :is(h1,h2,h3,p) {overflow-wrap:anywhere;}
html body.page-brands.dark-mode #brands,
html body.page-brands.dark-mode #brands :is(.brand-public,.brand-directory,.brand-dashboard,.brand-dashboard-panel,.brand-commerce-card,.brand-commerce-kpi,.registered-brand-card,.brand-storefront-route,.os-panel,.os-product-card,.os-content-grid article,.os-creator-grid article,.os-about) {
  background-color:#050505!important;background-image:none!important;color:#f7f7f5!important;border-color:#2b2b2b!important;
}
html body.page-brands.dark-mode #brands :is(.brand-learning,.brand-learning-row,.brand-learning-copy) {background:#000!important;background-image:none!important;}
html body.page-brands.dark-mode #brands :is(.button-dark,.is-active,.brand-commerce-status.is-good,.os-verified) {background:#006b4f!important;color:#fff!important;}
html[data-orchid-theme="dark"] body.page-brands.dark-mode main#top #brands,
html[data-orchid-theme="dark"] body.page-brands.dark-mode main#top #brands > .brand-public,
html[data-orchid-theme="dark"] body.page-brands.dark-mode main#top #brands > .brand-public > :is(section,div,article) {
  background-color:#050505!important;
  background-image:none!important;
}

/* The shared footer is always present in normal document flow. */
html body.page-creators footer.site-footer,
html body.page-brands footer.site-footer,
html body.page-discover footer.site-footer,
html body.page-home footer.site-footer {display:block!important;visibility:visible!important;pointer-events:auto!important;}
html body footer.site-footer[data-footer-revealed="true"] {display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}

/* A cart is a bounded utility drawer, not a second page painted over the
   current one. Keep clear of the sticky header and persistent Tali launcher. */
html body .cart-drawer {
  position:fixed!important;top:calc(var(--orchid-sticky-header-height,76px) + 10px)!important;
  right:10px!important;bottom:calc(86px + env(safe-area-inset-bottom))!important;left:auto!important;
  box-sizing:border-box!important;width:min(440px,calc(100vw - 20px))!important;height:auto!important;max-height:none!important;
  border:1px solid var(--line,#ddd)!important;border-radius:20px!important;overflow:hidden!important;
  box-shadow:0 24px 70px rgba(0,0,0,.32)!important;
  z-index:2147480800!important;
}
html body .cart-drawer .cart-items {min-height:0!important;overflow:auto!important;}
html body .cart-drawer .mpesa-box {max-height:min(42dvh,430px)!important;}
html body .drawer-backdrop.is-open {z-index:2147480700!important;background:rgba(0,0,0,.28)!important;backdrop-filter:blur(2px)!important;}
html body.no-scroll [data-orchid-chat-widget] {right:min(470px,calc(100vw - 86px))!important;}

/* Introduction sections are part of the page, not floating grey cards. */
html body:not(.dark-mode).page-creators #creators :is(.creator-public-intro,.creator-public-learning,.creator-public-tools,.creator-learning,.creator-learning-row,.creator-learning-copy,.creator-introduction-section) {background:#fff!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;}

/* Restore the Garden's intended responsive crop and native-quality scaling. */
.orchid-home-garden iframe,.orchid-garden-frame,[data-home-garden] iframe {width:100%!important;image-rendering:auto!important;}
@media(min-width:761px) {.orchid-home-garden,.orchid-garden-host,[data-home-garden] {min-height:clamp(520px,62vw,780px)!important;}}

@media(max-width:700px) {
  html body .orchid-video-viewer[data-orchid-video-ui="v461"] .orchid-video-viewer__vertical-nav {left:8px!important;width:36px!important;gap:6px!important;}
  html body .orchid-video-viewer[data-orchid-video-ui="v461"] .orchid-video-viewer__vertical-nav button {width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;background:rgba(0,0,0,.3)!important;}
  .brand-billing-dialog {padding:8px;place-items:end center;}
  .brand-billing-dialog__card {width:100%;max-height:88dvh;padding:16px;border-radius:22px 22px 14px 14px;}
  .brand-billing-dialog__summary {grid-template-columns:repeat(2,minmax(0,1fr));}
  .brand-billing-dialog__plans {grid-template-columns:1fr;}
  .brand-billing-plan {grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;padding:15px;}
  .brand-billing-plan>button {grid-column:1/-1;}
  .brand-billing-dialog__card>footer {align-items:stretch;flex-direction:column;}
  html body.page-brands #brands .brand-public {padding-inline:10px!important;}
  html body .cart-drawer {top:calc(var(--orchid-sticky-header-height,76px) + 6px)!important;right:6px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important;width:calc(100vw - 12px)!important;border-radius:17px!important;}
  html body .cart-drawer .mpesa-box {max-height:34dvh!important;}
  html body.no-scroll [data-orchid-chat-widget] {right:12px!important;bottom:12px!important;}
  .discover-location-card {min-width:min(78vw,300px);grid-template-rows:minmax(160px,1fr) auto;}
  .discover-location-card__media,.discover-location-card__media img,.discover-location-card__placeholder {min-height:160px;}
  .discover-city-search {align-items:stretch;flex-direction:column;gap:5px;}
  .discover-city-search output {padding:0;}
  html body .tali-recommendation-popover {
    inset:auto 8px max(86px,calc(78px + env(safe-area-inset-bottom))) 8px!important;
    width:auto!important;max-width:none!important;max-height:min(46dvh,350px)!important;
    padding:11px!important;overflow:auto!important;overscroll-behavior:contain!important;
    border-radius:16px!important;scrollbar-width:thin!important;
  }
  html body .tali-recommendation-popover__close {top:7px!important;right:7px!important;width:29px!important;height:29px!important;z-index:3!important;}
  html body .tali-recommendation-head {grid-template-columns:46px minmax(0,1fr)!important;gap:9px!important;padding-right:31px!important;}
  html body .tali-recommendation-head img {width:46px!important;height:46px!important;border-radius:11px!important;}
  html body .tali-recommendation-head strong {font-size:14px!important;line-height:1.18!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  html body .tali-recommendation-head b {font-size:12px!important;}
  html body .tali-recommendation-facts {gap:2px!important;margin:8px 0!important;}
  html body .tali-recommendation-facts>div {grid-template-columns:78px minmax(0,1fr)!important;gap:6px!important;padding-top:5px!important;}
  html body .tali-recommendation-facts>div:nth-child(3),
  html body .tali-recommendation-facts>div:nth-child(4),
  html body .tali-recommendation-facts>div:nth-child(6) {display:none!important;}
  html body .tali-recommendation-facts :is(dt,dd) {font-size:10.5px!important;line-height:1.25!important;}
  html body .tali-recommendation-action {position:sticky!important;z-index:2!important;bottom:-1px!important;width:100%!important;min-height:38px!important;margin-top:3px!important;background:#00876a!important;box-shadow:0 -8px 18px var(--surface-panel,var(--panel,#fff))!important;}
  html body .tali-recommendation-popover>small {display:none!important;}
  .orchid-home-garden,.orchid-garden-host,[data-home-garden] {min-height:clamp(260px,54vw,340px)!important;}
}