/*
 * Roham bar headers: bar-dropdown, bar-mega, centered and compact.
 * The frame (one row, two rows, centred, slim), the bar menu and its
 * dropdowns. Colours come from --chrome-h-* (Themes > header) with the
 * theme's own as fallback, so every scheme works without overrides.
 */
.roham-theme .chrome-h-bar{
    --hb-bg:var(--chrome-h-bg,var(--ds-color-surface,#fff));
    --hb-text:var(--chrome-h-text,#424750);
    --hb-nav-bg:var(--chrome-h-nav-bg,var(--hb-bg));
    --hb-nav-text:var(--chrome-h-nav-text,#4b4f57);
    --hb-accent:var(--chrome-h-accent,var(--ds-color-primary,#ef394e));
    --hb-border:var(--chrome-h-border,#f0f0f1);
    --hb-panel-bg:#fff;
    --hb-panel-text:#424750;
    --hb-panel-title:#23254e;
    background:var(--hb-bg);
    color:var(--hb-text);
}
.roham-theme .chrome-h-bar .top-header-wrapper{background:var(--hb-bg);padding:10px 0 !important}
.roham-theme .chrome-h-bar.is-compact .top-header-wrapper{padding:6px 0 !important}
.roham-theme .chrome-h-bar .chrome-bar-top{display:flex;align-items:center;gap:20px;min-height:52px;justify-content:flex-start}
.roham-theme .chrome-h-bar .chrome-bar-brand{flex:0 0 auto;display:flex;align-items:center;min-width:0}
.roham-theme .chrome-h-bar .chrome-bar-brand .site-brand{margin:0;display:flex;align-items:center}
.roham-theme .chrome-h-bar .chrome-bar-brand .site-brand img{display:block}
.roham-theme .chrome-h-bar .chrome-bar-nav{flex:1 1 auto;min-width:0;align-self:stretch;display:flex;align-items:center}
.roham-theme .chrome-h-bar .chrome-bar-search{flex:1 1 360px;min-width:180px;max-width:560px}
.roham-theme .chrome-h-bar .chrome-bar-search .search-box{max-width:none;width:100%}
.roham-theme .chrome-h-bar .chrome-bar-tools{flex:0 0 auto;display:flex;align-items:center;gap:6px;margin-inline-start:auto}
.roham-theme .chrome-h-bar .chrome-bar-tools .user-items{margin:0}
.roham-theme .chrome-h-bar .chrome-bar-delivery{display:flex;align-items:center;max-width:210px;min-width:0}
.roham-theme .chrome-h-bar .chrome-bar-delivery .roham-delivery-trigger{max-width:100%;font-size:12px;color:var(--hb-text)}
.roham-theme .chrome-h-bar .chrome-bar-delivery .roham-delivery-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* One row: the menu takes the room between the logo and the icons. */
.roham-theme .chrome-bar--one-row .chrome-bar-search{flex:0 1 260px;min-width:160px}

/* Two rows: search in the top row, the bar below. */
.roham-theme .chrome-bar--two-rows .chrome-bar-search{flex:1 1 auto;max-width:600px}
.roham-theme .chrome-h-bar .chrome-bar-row{background:var(--hb-nav-bg);border-top:1px solid var(--hb-border)}
.roham-theme .chrome-h-bar .chrome-bar-row-inner{align-items:center;gap:16px}
.roham-theme .chrome-h-bar .chrome-bar-row .chrome-bar-menu{flex:1 1 auto;min-width:0;height:100%}

/* Centred: logo in the middle. */
.roham-theme .chrome-bar--centered .chrome-bar-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px}
.roham-theme .chrome-bar--centered .chrome-bar-side{display:flex;align-items:center;gap:10px;min-width:0}
.roham-theme .chrome-bar--centered .chrome-bar-side .search-box{flex:0 1 300px;min-width:0}
.roham-theme .chrome-bar--centered .chrome-bar-brand{justify-content:center}
.roham-theme .chrome-bar--centered .chrome-bar-tools{justify-self:end}
.roham-theme .chrome-bar--centered .chrome-bar-row .chrome-bar-menu{justify-content:center}

/* Slim: everything on one line, the mega menu opens under it. */
.roham-theme .chrome-bar--compact .chrome-bar-top{position:relative;gap:14px;min-height:48px}
.roham-theme .chrome-bar--compact .chrome-bar-nav{flex:0 1 auto;position:static}
.roham-theme .chrome-bar--compact .chrome-bar-nav nav.main-menu{flex:0 1 auto}
.roham-theme .chrome-bar--compact .chrome-bar-nav nav.main-menu>ul{height:48px}
.roham-theme .chrome-bar--compact .chrome-bar-search{flex:1 1 auto;max-width:520px}
.roham-theme .chrome-bar--compact .roham-mega{top:calc(100% + 8px)}

/* ------------------------------------------------------------------
   The bar menu
   ------------------------------------------------------------------ */
.roham-theme .chrome-bar-menu{display:flex;align-items:stretch;min-width:0;flex:1 1 auto;align-self:stretch}
.roham-theme .chrome-bar-menu[data-align="center"]{justify-content:center}
.roham-theme .chrome-bar-list{display:flex;align-items:center;flex-wrap:nowrap;gap:2px;list-style:none;margin:0;padding:0;min-width:0;max-width:100%}
.roham-theme .chrome-bar-item{position:relative;display:flex;align-items:center;flex:0 0 auto;align-self:stretch}
.roham-theme .chrome-bar-item[hidden]{display:none}
.roham-theme .chrome-bar-link{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border-radius:10px;font-size:13px;font-weight:500;line-height:1.2;color:var(--hb-nav-text)!important;white-space:nowrap;text-decoration:none!important;transition:color .15s ease,background .15s ease}
.roham-theme .chrome-bar-link i{font-size:17px;line-height:1}
.roham-theme .chrome-bar-link:hover,
.roham-theme .chrome-bar-link:focus-visible,
.roham-theme .chrome-bar-item.is-open>.chrome-bar-link,
.roham-theme .chrome-bar-link.is-active{color:var(--hb-accent)!important;background:color-mix(in srgb,var(--hb-accent) 9%,transparent)}
.roham-theme .chrome-bar-caret{font-size:16px!important;opacity:.65;transition:transform .2s ease}
.roham-theme .chrome-bar-item.is-open>.chrome-bar-link .chrome-bar-caret{transform:rotate(180deg)}
.roham-theme .chrome-bar-item--amazing .chrome-bar-link{color:var(--hb-accent)!important;font-weight:700}
.roham-theme .chrome-bar-thumb{width:22px;height:22px;border-radius:50%;object-fit:cover}
.roham-theme .chrome-bar-row .chrome-bar-link{min-height:36px}

/* Dropdown panels */
.roham-theme .chrome-bar-panel{position:absolute;top:calc(100% + 4px);inset-inline-start:0;z-index:1300;min-width:220px;max-width:min(860px,92vw);padding:8px;background:var(--hb-panel-bg);color:var(--hb-panel-text);border:1px solid #ececee;border-radius:14px;box-shadow:0 18px 40px rgba(17,24,39,.12);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}
.roham-theme .chrome-bar-panel::before{content:"";position:absolute;inset-inline:0;top:-10px;height:10px}
.roham-theme .chrome-bar-panel.is-flip{inset-inline-start:auto;inset-inline-end:0}
.roham-theme .chrome-bar-item.is-open>.chrome-bar-panel,
.roham-theme .chrome-bar-item:hover>.chrome-bar-panel,
.roham-theme .chrome-bar-item:focus-within>.chrome-bar-panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.roham-theme .chrome-bar-sub{list-style:none;margin:0;padding:0;display:grid;gap:1px}
.roham-theme .chrome-bar-sub a{display:block;padding:9px 12px;border-radius:9px;font-size:13px;color:var(--hb-panel-text)!important;text-decoration:none!important;white-space:nowrap}
.roham-theme .chrome-bar-sub a:hover,.roham-theme .chrome-bar-sub a:focus-visible{background:#f5f5f7;color:var(--hb-accent)!important}
.roham-theme .chrome-bar-panel.is-wide{padding:16px 18px 10px}
.roham-theme .chrome-bar-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px 24px;width:min(760px,80vw)}
.roham-theme .chrome-bar-col{min-width:0}
.roham-theme .chrome-bar-col-title{display:block;margin-bottom:6px;padding-bottom:7px;border-bottom:1px solid #f0f0f1;font-size:13px;font-weight:700;color:var(--hb-panel-title)!important;text-decoration:none!important}
.roham-theme .chrome-bar-col-title:hover{color:var(--hb-accent)!important}
.roham-theme .chrome-bar-col ul{list-style:none;margin:0;padding:0}
.roham-theme .chrome-bar-col li a{display:block;padding:5px 0;font-size:12.5px;color:#62666d!important;text-decoration:none!important}
.roham-theme .chrome-bar-col li a:hover{color:var(--hb-accent)!important}
.roham-theme .chrome-bar-col-more{display:inline-block;margin-top:2px;font-size:12px;font-weight:600;color:var(--ds-color-link,#19bfd3)!important}
.roham-theme .chrome-bar-all{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px;padding:10px 12px 6px;border-top:1px solid #f0f0f1;font-size:12px;font-weight:700;color:var(--hb-accent)!important;text-decoration:none!important}
.roham-theme .chrome-bar-panel--more{min-width:200px}

@media (max-width:1199.98px){
    .roham-theme .chrome-h-bar .chrome-bar-top{gap:12px}
    .roham-theme .chrome-bar-link{padding:0 9px;font-size:12.5px}
    .roham-theme .chrome-bar--centered .chrome-bar-side .search-box{flex-basis:220px}
}
@media (prefers-reduced-motion:reduce){
    .roham-theme .chrome-bar-panel,.roham-theme .chrome-bar-caret{transition:none}
}