/* HUNGA BUNGA / Brand system v2. Existing application behaviour is untouched.
   Restrained espresso + ivory + copper; turquoise is a small brand accent only. */
:root{--hb-espresso:#211a17;--hb-espresso-2:#33251d;--hb-copper:#bd7c32;--hb-turquoise:#167e85;--hb-ivory:#faf5ec;--hb-paper:#fffdf9;--hb-line:#e9dfd3}
body.hra-customer{
--hra-page-bg:#faf5ec!important;--hra-home-bg:#faf5ec!important;--hra-menu-bg:#faf5ec!important;
--hra-bg:#faf5ec!important;--hra-surface:#fffdf9!important;--hra-muted:#f4ece1!important;
--hra-text:#2b211b!important;--hra-ink:#2b211b!important;--hra-soft:#74685e!important;--hra-muted-text:#74685e!important;
--hra-border:#e9dfd3!important;--hra-header-bg:#fffdf9!important;--hra-header-icon:#2b211b!important;
--hra-sidebar-bg:#211a17!important;--hra-sidebar-text:#faf5ec!important;
--hra-category-bg:#473629!important;--hra-category-title:#fffaf4!important;--hra-category-overlay:#211a17!important;
--hra-section-text:#2b211b!important;--hra-banner-title:#fffaf4!important;--hra-banner-text:#f4e7d6!important;
--hra-menu-heading-bg:#2b211b!important;--hra-menu-heading-text:#fff8ed!important;
--hra-toolbar-bg:#fffdf9!important;--hra-toolbar-text:#42332a!important;--hra-toolbar-active-bg:#bd7c32!important;--hra-toolbar-active-text:#fffdf9!important;
--hra-product-bg:#fffdf9!important;--hra-product-title:#2b211b!important;--hra-product-description:#74685e!important;
--hra-product-price:#a86822!important;--hra-product-icon:#5f5147!important;--hra-product-favorite:#b97529!important;
--hra-product-badge-bg:#f4e8d7!important;--hra-product-badge-text:#6c4219!important;
--hra-product-grid-title:#2b211b!important;--hra-product-grid-price:#a86822!important;
--hra-button-bg:#bd7c32!important;--hra-button-text:#fffdf9!important;--hra-accent:#bd7c32!important;--hra-accent-light:#f0dec6!important;
--hra-field-bg:#fffdf9!important;--hra-field-text:#2b211b!important;
--hra-nav-bg:#211a17!important;--hra-nav-text:#e7d8c5!important;--hra-nav-active-bg:#bd7c32!important;--hra-nav-active-text:#fffdf9!important;
--hra-assistant-button-bg:#bd7c32!important;--hra-assistant-button-icon:#fffdf9!important;
--hra-chat-bg:#fffdf9!important;--hra-chat-header-bg:#2b211b!important;--hra-chat-text:#2b211b!important;--hra-chat-bubble-bg:#f4ece1!important;--hra-chat-user-bg:#bd7c32!important;--hra-chat-user-text:#fffdf9!important;
--hra-card-radius:16px!important;--hra-button-radius:12px!important;--hra-logo-height:70px!important;
background:#faf5ec!important;color:#2b211b!important;color-scheme:light!important;
}
body.hra-customer .hra-home-page,body.hra-customer .hra-menu-page{background:#faf5ec!important;color:#2b211b!important;min-width:0}
body.hra-customer .hra-public-header{background:#fffdf9!important;border-bottom:1px solid #e9dfd3!important;box-shadow:0 3px 24px rgba(37,26,19,.065)!important;min-height:90px}
body.hra-customer .hra-public-header img{object-fit:contain!important;object-position:center!important;width:auto!important;height:70px!important;max-height:74px!important;max-width:min(52vw,330px)!important;filter:none!important}
body.hra-customer .hra-public-header [style*="grid-template-columns"]{min-height:80px!important;height:auto!important}
body.hra-customer .hra-public-header button{border-radius:12px}
body.hra-customer .hra-home-page>*,body.hra-customer .hra-menu-page>*{min-width:0}
body.hra-customer .hra-section-title-text{color:#2b211b!important;font-weight:750!important;letter-spacing:-.035em!important}
body.hra-customer .hra-category-card{border:1px solid rgba(61,43,27,.12)!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(37,26,19,.08)!important;overflow:hidden!important;transform:none!important;transition:box-shadow .2s ease,transform .2s ease}
body.hra-customer .hra-category-card:hover{box-shadow:0 16px 34px rgba(37,26,19,.13)!important;transform:translateY(-2px)!important}
body.hra-customer .hra-category-overlay{background:linear-gradient(0deg,rgba(25,18,13,.9),rgba(25,18,13,.24) 58%,rgba(25,18,13,.05))!important}
body.hra-customer .hra-category-title{color:#fffaf4!important;font-weight:750!important;letter-spacing:-.01em!important;text-shadow:0 2px 8px rgba(0,0,0,.34)}
body.hra-customer .hra-product-card{background:#fffdf9!important;border:1px solid #e9dfd3!important;border-radius:16px!important;box-shadow:0 4px 16px rgba(37,26,19,.055)!important;overflow:hidden!important;min-width:0;transition:box-shadow .2s ease}
body.hra-customer .hra-product-card:hover{box-shadow:0 10px 24px rgba(37,26,19,.11)!important}
body.hra-customer .hra-product-title{color:#2b211b!important;font-weight:700!important;overflow-wrap:anywhere}
body.hra-customer .hra-product-description{color:#74685e!important}
body.hra-customer .hra-product-price{color:#a86822!important;font-weight:800!important;font-variant-numeric:tabular-nums}
body.hra-customer .hra-menu-heading{background:#2b211b!important;color:#fff8ed!important;border:1px solid #3a2b22!important;border-radius:18px!important;box-shadow:0 9px 24px rgba(37,26,19,.12)!important}
body.hra-customer .hra-menu-heading :is(h1,h2,h3,p,span,svg){color:#fff8ed!important}
body.hra-customer .hra-menu-toolbar{background:#fffdf9!important;border:1px solid #e9dfd3!important;border-radius:14px!important;box-shadow:0 3px 15px rgba(37,26,19,.04)!important}
body.hra-customer .hra-menu-toolbar [data-selected=true]{background:#bd7c32!important;color:#fffdf9!important;border-radius:10px!important}
body.hra-customer .hra-menu-toolbar [data-selected=true] :is(svg,span){color:#fffdf9!important}
body.hra-customer .hra-public-sidebar{background:#211a17!important;color:#faf5ec!important}
body.hra-customer .hra-bottom-nav{background:#211a17!important;border-top:1px solid #5b4535!important;box-shadow:0 -5px 20px rgba(33,26,23,.14)!important;backdrop-filter:none!important}
body.hra-customer .hra-bottom-nav :is(a,button){min-width:0}
body.hra-customer .hra-bottom-nav .hra-nav-item{color:#e7d8c5!important}
body.hra-customer .hra-bottom-nav .hra-nav-item[aria-current=page],body.hra-customer .hra-bottom-nav .hra-nav-item.active{color:#fffdf9!important}
body.hra-customer .hra-assistant-launch{background:#bd7c32!important;color:#fffdf9!important;border-color:#a76926!important}
body.hra-customer input:not([type=checkbox]):not([type=radio]),body.hra-customer textarea,body.hra-customer select{background:#fffdf9!important;color:#2b211b!important;border-color:#dcccba!important}
body.hra-customer :is(input,textarea)::placeholder{color:#8a7c6e!important;opacity:1}
body.hra-customer :focus-visible{outline:3px solid #167e85!important;outline-offset:3px}
body.hra-customer :is(button,a){-webkit-tap-highlight-color:transparent}
@media(max-width:767px){
body.hra-customer{--hra-logo-height:54px!important;--hra-card-radius:14px!important}
body.hra-customer .hra-public-header{min-height:70px!important}
body.hra-customer .hra-public-header img{height:52px!important;max-height:56px!important;max-width:min(48vw,220px)!important}
body.hra-customer .hra-public-header [style*="grid-template-columns"]{min-height:66px!important}
body.hra-customer .hra-category-card{border-radius:14px!important}
body.hra-customer .hra-product-card{border-radius:14px!important}
body.hra-customer .hra-menu-heading{border-radius:14px!important}
body.hra-customer .hra-menu-toolbar{border-radius:12px!important}
body.hra-customer .hra-section-title-text{letter-spacing:-.02em!important}
body.hra-customer .hra-product-title{line-height:1.35!important}
body.hra-customer .hra-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0px)!important}
}
@media(max-width:380px){body.hra-customer .hra-public-header img{max-width:44vw!important;height:48px!important}}
@media(prefers-reduced-motion:reduce){body.hra-customer .hra-category-card,body.hra-customer .hra-product-card{transition:none!important}}


/* --- HUNGA BUNGA V3 : sidebar contrast + header/search layout fixes --- */
body.hra-customer .hra-public-sidebar .border-t{border-top-color:#5b4535!important;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0))!important}
body.hra-customer .hra-public-sidebar .border-t>h3,body.hra-customer .hra-public-sidebar .border-t h3{color:#fff8ed!important;letter-spacing:.01em}
body.hra-customer .hra-public-sidebar .border-t .space-y-2>div[class*="bg-slate-50"],
body.hra-customer .hra-public-sidebar .border-t .space-y-2>.grid>div{background:#f6ede1!important;border:1px solid #ddc6aa!important;border-radius:18px!important;box-shadow:0 6px 16px rgba(0,0,0,.12)!important}
body.hra-customer .hra-public-sidebar .border-t .space-y-2>div[class*="bg-slate-50"] p,
body.hra-customer .hra-public-sidebar .border-t .space-y-2>.grid>div p{color:#3a2b22!important;opacity:1!important}
body.hra-customer .hra-public-sidebar .border-t .space-y-2>div[class*="bg-slate-50"] p:first-child,
body.hra-customer .hra-public-sidebar .border-t .space-y-2>.grid>div p:first-child{color:#72461b!important;font-weight:800!important}
body.hra-customer .hra-public-sidebar .border-t .space-y-2>div[class*="bg-slate-50"] p:last-child,
body.hra-customer .hra-public-sidebar .border-t .space-y-2>.grid>div p:last-child{color:#2f2118!important}
body.hra-customer .hra-public-sidebar .border-t .space-y-2>div[class*="bg-slate-50"] svg,
body.hra-customer .hra-public-sidebar .border-t .space-y-2>.grid>div svg{opacity:1!important}

body.hra-customer .hra-public-header{padding:14px 18px 18px!important;gap:12px!important}
body.hra-customer .hra-public-header [style*="grid-template-columns"]{grid-template-columns:56px minmax(0,1fr) 56px!important;align-items:center!important;column-gap:16px!important;row-gap:14px!important;min-height:auto!important}
body.hra-customer .hra-public-header button.hra-header-search,
body.hra-customer .hra-public-header button[aria-label*="Ara"],
body.hra-customer .hra-public-header button[aria-label*="Search"]{width:56px!important;height:56px!important;padding:0!important;background:#f1e6d5!important;border:1px solid #ddc6aa!important;color:#533c2d!important;box-shadow:0 6px 14px rgba(37,26,19,.08)!important;border-radius:18px!important}
body.hra-customer .hra-public-header button.hra-header-search svg,
body.hra-customer .hra-public-header button[aria-label*="Ara"] svg,
body.hra-customer .hra-public-header button[aria-label*="Search"] svg{width:24px!important;height:24px!important;color:inherit!important}
body.hra-customer .hra-public-header input[type="search"],
body.hra-customer .hra-public-header input[type="text"]{min-height:56px!important;border-radius:18px!important;border:1px solid #ddc6aa!important;background:#fffdf9!important;color:#2b211b!important;box-shadow:0 8px 20px rgba(37,26,19,.07)!important;padding-left:54px!important;padding-right:16px!important;font-size:15px!important}
body.hra-customer .hra-public-header input[type="search"]::placeholder,
body.hra-customer .hra-public-header input[type="text"]::placeholder{color:#7c6b5b!important;opacity:1!important}
body.hra-customer .hra-public-header .relative{min-width:0!important}
body.hra-customer .hra-public-header .w-full{min-width:0!important}
body.hra-customer .hra-public-header .absolute.left-3,
body.hra-customer .hra-public-header [class*="left-3 top-1/2"]{color:#5b4535!important}
body.hra-customer .hra-public-header .hra-header-search:hover{background:#ead8be!important;color:#4a3426!important}

@media(max-width:767px){
 body.hra-customer .hra-public-header{padding:12px 14px 14px!important}
 body.hra-customer .hra-public-header [style*="grid-template-columns"]{grid-template-columns:48px minmax(0,1fr) 48px!important;column-gap:10px!important;row-gap:12px!important}
 body.hra-customer .hra-public-header button.hra-header-search,
 body.hra-customer .hra-public-header button[aria-label*="Ara"],
 body.hra-customer .hra-public-header button[aria-label*="Search"]{width:48px!important;height:48px!important;border-radius:16px!important}
 body.hra-customer .hra-public-header input[type="search"],
 body.hra-customer .hra-public-header input[type="text"]{min-height:52px!important;border-radius:16px!important;font-size:14px!important;padding-left:50px!important}
 body.hra-customer .hra-public-header img{max-width:min(46vw,190px)!important}
 body.hra-customer .hra-public-sidebar .border-t .space-y-2>div[class*="bg-slate-50"],
 body.hra-customer .hra-public-sidebar .border-t .space-y-2>.grid>div{border-radius:16px!important}
}


/* --- HUNGA BUNGA V4 : sidebar icons + search layout hardening --- */
body.hra-customer .hra-public-sidebar .border-t .space-y-2 svg,
body.hra-customer .hra-public-sidebar .border-t .grid svg{color:#c08035!important;stroke:#c08035!important;opacity:1!important}
body.hra-customer .hra-public-sidebar .border-t .space-y-2 > div,
body.hra-customer .hra-public-sidebar .border-t .space-y-2 .grid > div{align-items:flex-start!important}

body.hra-customer .hra-public-header form,
body.hra-customer .hra-public-header form > div,
body.hra-customer .hra-public-header .relative.w-full,
body.hra-customer .hra-public-header .w-full > .relative,
body.hra-customer .hra-public-header .w-full{min-width:0!important;width:100%!important;max-width:100%!important}
body.hra-customer .hra-public-header form,
body.hra-customer .hra-public-header .relative.w-full,
body.hra-customer .hra-public-header .w-full > .relative{grid-column:1 / -1!important}
body.hra-customer .hra-public-header form{margin-top:4px!important}
body.hra-customer .hra-public-header .relative > .absolute{display:flex!important;align-items:center!important;justify-content:center!important}
body.hra-customer .hra-public-header .relative > .absolute svg,
body.hra-customer .hra-public-header [class*="left-3 top-1/2"] svg{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}
body.hra-customer .hra-public-header input[type="search"],
body.hra-customer .hra-public-header input[type="text"]{padding-left:52px!important;line-height:1.2!important}

body.hra-customer [role="dialog"]{width:min(94vw,560px)!important;max-width:min(94vw,560px)!important;box-sizing:border-box!important}
body.hra-customer [role="dialog"] form,
body.hra-customer [role="dialog"] .w-full,
body.hra-customer [role="dialog"] .relative{max-width:100%!important;min-width:0!important}
body.hra-customer [role="dialog"] input[type="search"],
body.hra-customer [role="dialog"] input[type="text"]{width:100%!important;max-width:100%!important;min-height:52px!important;padding-left:48px!important;border-radius:16px!important;box-sizing:border-box!important}
body.hra-customer [role="dialog"] .absolute svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important}

@media(max-width:767px){
 body.hra-customer .hra-public-header form{margin-top:2px!important}
 body.hra-customer .hra-public-header .relative > .absolute svg,
 body.hra-customer .hra-public-header [class*="left-3 top-1/2"] svg{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important}
 body.hra-customer .hra-public-header input[type="search"],
 body.hra-customer .hra-public-header input[type="text"]{padding-left:46px!important}
 body.hra-customer [role="dialog"]{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important}
}


/* --- HUNGA BUNGA V5 : search icon minimization + clipping fix --- */
body.hra-customer .hra-public-header form,
body.hra-customer .hra-public-header form > div,
body.hra-customer .hra-public-header form .relative,
body.hra-customer .hra-public-header .relative.w-full{overflow:visible!important}

body.hra-customer .hra-public-header button.hra-header-search,
body.hra-customer .hra-public-header button[aria-label*="Ara"],
body.hra-customer .hra-public-header button[aria-label*="Search"]{
  width:48px!important;height:48px!important;border-radius:16px!important;
}
body.hra-customer .hra-public-header button.hra-header-search svg,
body.hra-customer .hra-public-header button[aria-label*="Ara"] svg,
body.hra-customer .hra-public-header button[aria-label*="Search"] svg{
  width:20px!important;height:20px!important;
}

body.hra-customer .hra-public-header .relative > .absolute,
body.hra-customer .hra-public-header [class*="left-3 top-1/2"]{
  left:14px!important;
}
body.hra-customer .hra-public-header .relative > .absolute svg,
body.hra-customer .hra-public-header [class*="left-3 top-1/2"] svg{
  width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;
}
body.hra-customer .hra-public-header input[type="search"],
body.hra-customer .hra-public-header input[type="text"]{
  min-height:50px!important;
  padding-left:48px!important;
  padding-right:16px!important;
  border-radius:18px!important;
}
body.hra-customer .hra-public-header form{padding-inline:2px!important}

body.hra-customer [role="dialog"] form,
body.hra-customer [role="dialog"] .relative,
body.hra-customer [role="dialog"] .w-full{overflow:visible!important}
body.hra-customer [role="dialog"] .absolute{left:14px!important}
body.hra-customer [role="dialog"] .absolute svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important}
body.hra-customer [role="dialog"] input[type="search"],
body.hra-customer [role="dialog"] input[type="text"]{
  min-height:50px!important;padding-left:46px!important;padding-right:14px!important;border-radius:16px!important;
}

@media(max-width:767px){
  body.hra-customer .hra-public-header button.hra-header-search,
  body.hra-customer .hra-public-header button[aria-label*="Ara"],
  body.hra-customer .hra-public-header button[aria-label*="Search"]{width:44px!important;height:44px!important;border-radius:14px!important}
  body.hra-customer .hra-public-header button.hra-header-search svg,
  body.hra-customer .hra-public-header button[aria-label*="Ara"] svg,
  body.hra-customer .hra-public-header button[aria-label*="Search"] svg{width:18px!important;height:18px!important}
  body.hra-customer .hra-public-header .relative > .absolute,
  body.hra-customer .hra-public-header [class*="left-3 top-1/2"]{left:13px!important}
  body.hra-customer .hra-public-header .relative > .absolute svg,
  body.hra-customer .hra-public-header [class*="left-3 top-1/2"] svg{width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important}
  body.hra-customer .hra-public-header input[type="search"],
  body.hra-customer .hra-public-header input[type="text"]{min-height:46px!important;padding-left:42px!important;border-radius:16px!important}
  body.hra-customer [role="dialog"] input[type="search"],
  body.hra-customer [role="dialog"] input[type="text"]{min-height:46px!important;padding-left:42px!important}
}


/* HUNGA BUNGA V6 — Menü asistanı koyu başlık kontrastı.
   Yönetim panelini ve diğer pencereleri etkilemez. */
body.hra-customer .hra-assistant .hra-assistant-head {
  background: #2b211b !important;
  border-bottom: 1px solid #614b38 !important;
  color: #fffaf2 !important;
}
body.hra-customer .hra-assistant .hra-assistant-head > div {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  flex-direction: column !important;
  justify-content: center !important;
}
body.hra-customer .hra-assistant .hra-assistant-head h2,
body.hra-customer .hra-assistant .hra-assistant-head #hra-ai-title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-size: 18px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  color: #fffaf2 !important;
  -webkit-text-fill-color: #fffaf2 !important;
}
body.hra-customer .hra-assistant .hra-assistant-head small {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: 3px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #edd2ac !important;
  -webkit-text-fill-color: #edd2ac !important;
}
body.hra-customer .hra-assistant .hra-assistant-head > span {
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  background: #f4e9d8 !important;
  border-radius: 13px !important;
  color: #30231b !important;
}
body.hra-customer .hra-assistant .hra-assistant-head > span svg {
  display: block !important;
  width: 25px !important;
  height: 25px !important;
  color: #30231b !important;
  stroke: currentColor !important;
}
body.hra-customer .hra-assistant .hra-assistant-head > button {
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  margin-left: auto !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #f4e9d8 !important;
  color: #30231b !important;
  font-size: 26px !important;
  line-height: 1 !important;
}
@media (max-width: 640px) {
  body.hra-customer .hra-assistant .hra-assistant-head {
    padding: 14px 15px !important;
    gap: 12px !important;
  }
  body.hra-customer .hra-assistant .hra-assistant-head h2,
  body.hra-customer .hra-assistant .hra-assistant-head #hra-ai-title {
    font-size: 16px !important;
  }
}