/* Sipnelo luxury theme — Step 4: all menus and submenus
   Visual overrides only. Uses variables from luxury-theme-main.css. */

/* Generic menu / submenu surfaces created by static HTML or runtime helpers. */
html body [class*="tabs"] button:not(.red):not(.green),
html body [class*="filter"] button:not(.red):not(.green),
html body [class*="chips"] button:not(.red):not(.green),
html body [class*="menu"] button:not(.red):not(.green),
html body [class*="toolbar"] button:not(.red):not(.green),
html body [id*="Menu"] button:not(.red):not(.green):not(#logout){
  background:rgba(255,255,255,.96)!important;
  color:var(--sip-navy)!important;
  border:1px solid rgba(185,121,110,.34)!important;
  box-shadow:0 5px 14px rgba(11,31,51,.07)!important;
}

html body [class*="tabs"] button.active:not(.red):not(.green),
html body [class*="filter"] button.active:not(.red):not(.green),
html body [class*="chips"] button.active:not(.red):not(.green),
html body [class*="menu"] button.active:not(.red):not(.green),
html body [class*="toolbar"] button.active:not(.red):not(.green),
html body [id*="Menu"] button.active:not(.red):not(.green),
html body button[aria-selected="true"]:not(.red):not(.green){
  background:linear-gradient(135deg,var(--sip-navy),var(--sip-navy-2))!important;
  color:#f0c1b5!important;
  border-color:rgba(207,154,141,.62)!important;
  box-shadow:0 7px 18px rgba(11,31,51,.15)!important;
}

html body [class*="tabs"] button:not(.red):not(.green):hover,
html body [class*="filter"] button:not(.red):not(.green):hover,
html body [class*="chips"] button:not(.red):not(.green):hover,
html body [class*="menu"] button:not(.red):not(.green):hover{
  background:var(--sip-rose-soft)!important;
  color:var(--sip-navy)!important;
  border-color:var(--sip-rose)!important;
}

/* Otkrij main submenus. */
html body #v-discover .discover-tabs button{
  background:#fff!important;
  color:var(--sip-navy)!important;
  border:1px solid rgba(185,121,110,.34)!important;
  box-shadow:0 4px 12px rgba(11,31,51,.06)!important;
}
html body #v-discover .discover-tabs button.active{
  background:linear-gradient(135deg,var(--sip-navy),var(--sip-navy-2))!important;
  color:#f0c1b5!important;
  border-color:var(--sip-rose-2)!important;
}

/* Home list/map switch keeps the two brand colours instead of old blue/orange. */
html body #listView,
html body #offerListBtn{
  background:linear-gradient(135deg,var(--sip-navy),var(--sip-navy-3))!important;
  color:#fff!important;
  border:1px solid var(--sip-navy)!important;
}
html body #mapView,
html body #offerMapBtn{
  background:linear-gradient(135deg,var(--sip-rose),var(--sip-rose-2))!important;
  color:#fff!important;
  border:1px solid var(--sip-rose)!important;
}

/* Ponude category filter and toolbar. Runtime CSS uses !important, so these
   selectors intentionally have higher specificity. */
html body #v-offers #offerFilters.offer-filter button{
  background:#fff!important;
  color:var(--sip-navy)!important;
  border:1px solid rgba(185,121,110,.34)!important;
  box-shadow:0 4px 12px rgba(11,31,51,.06)!important;
}
html body #v-offers #offerFilters.offer-filter button.active{
  background:linear-gradient(135deg,var(--sip-navy),var(--sip-navy-2))!important;
  color:#f0c1b5!important;
  border-color:var(--sip-rose-2)!important;
}
html body #v-offers .offer-toolbar{
  padding:4px 0 2px;
}
html body #v-offers .offer-toolbar button{
  min-height:46px;
  border-radius:14px!important;
}
html body #v-offers .offer-location{
  background:linear-gradient(180deg,#fffdfb,#f8efeb)!important;
  color:var(--sip-navy)!important;
  border-color:rgba(185,121,110,.30)!important;
}

/* Chat mode/submenu controls. */
html body .chat-mode-tabs button{
  background:#fff!important;
  color:var(--sip-navy)!important;
  border:1px solid rgba(185,121,110,.34)!important;
  box-shadow:none!important;
}
html body .chat-mode-tabs button.active{
  background:linear-gradient(135deg,var(--sip-navy),var(--sip-navy-2))!important;
  color:#f0c1b5!important;
  border-color:var(--sip-rose-2)!important;
}

/* Business package / advertising menu. */
html body #businessCommerceMenu{
  background:linear-gradient(145deg,#fffdfb,#f7ebe6)!important;
  border-color:rgba(185,121,110,.38)!important;
  box-shadow:0 9px 24px rgba(11,31,51,.08)!important;
}
html body #businessCommerceMenu .bc-business{
  background:linear-gradient(135deg,var(--sip-navy),var(--sip-navy-3))!important;
  color:#fff!important;
  border:1px solid var(--sip-navy)!important;
}
html body #businessCommerceMenu .bc-ad{
  background:linear-gradient(135deg,var(--sip-rose),var(--sip-rose-2))!important;
  color:#fff!important;
  border:1px solid var(--sip-rose)!important;
}

/* Header language/menu controls and top-right utility buttons. */
html body .app>.head button:not(.red):not(.green),
html body .langbar button{
  background:rgba(255,255,255,.94)!important;
  color:var(--sip-navy)!important;
  border:1px solid rgba(185,121,110,.38)!important;
  box-shadow:0 4px 12px rgba(11,31,51,.06)!important;
}
html body .langbar button.active{
  background:var(--sip-navy)!important;
  color:#f0c1b5!important;
  border-color:var(--sip-rose-2)!important;
}

/* Bottom navigation remains dark luxury, with clearer active section. */
html body .nav button{
  color:#d9e0e7!important;
}
html body .nav button.active{
  color:#f1c4b8!important;
  background:rgba(255,255,255,.055)!important;
  border-radius:13px!important;
}
html body .nav button.active::after{
  left:27%!important;
  right:27%!important;
  height:3px!important;
  background:linear-gradient(90deg,var(--sip-rose),#e0a899)!important;
}

/* Accordion / folder submenus. */
html body details>summary,
html body .archive-folder summary,
html body .admin-chat-date-folder>summary,
html body .admin-chat-user-folder>summary{
  color:var(--sip-navy)!important;
  background:linear-gradient(180deg,#fffdfb,#f7ece7)!important;
  border-color:rgba(185,121,110,.22)!important;
}

/* Neutral grey controls become branded, while semantic green/red stay intact. */
html body button.gray:not(.red):not(.green),
html body .gray:not(.red):not(.green){
  background:#f4e6e1!important;
  color:var(--sip-navy)!important;
  border:1px solid rgba(185,121,110,.42)!important;
  box-shadow:0 4px 12px rgba(11,31,51,.06)!important;
}
html body button.dark:not(.red):not(.green),
html body button.blue:not(.red):not(.green){
  background:linear-gradient(135deg,var(--sip-navy),var(--sip-navy-3))!important;
  color:#fff!important;
  border:1px solid rgba(207,154,141,.36)!important;
}

/* Keep semantic meanings unmistakable. */
html body button.green{background:#2f7b67!important;color:#fff!important;border-color:#276a59!important}
html body button.red,
html body .msg-delete{background:#b94a55!important;color:#fff!important;border-color:#9e3d47!important}

@media(max-width:520px){
  html body [class*="tabs"] button,
  html body [class*="filter"] button,
  html body [class*="chips"] button,
  html body [class*="menu"] button{
    border-radius:13px!important;
  }
  html body .nav button.active{border-radius:11px!important}
}