/* ThemeDokan UI v15 (separate file: main JS/CSS bundles are over 1 MB)
   Button shape from the reference: border-radius 5px -5px 5px -5px  ->  top-left 5px, top-right square,
   bottom-right 5px, bottom-left square (a negative radius is not possible in CSS, so it is 0). Border 1px.
   To change the rounding of every button edit --bt (rounded corners). */
:root{--bt:5px}

/* ---- 1) all buttons: same shape + 1px border ---- */
button:not(.rounded-full):not([role=switch]):not([role=checkbox]):not([role=radio]):not([role=tab]):not([role=combobox]),
a[class*="justify-center"]:not(.rounded-full),
.td-btn-p,.td-btn-o,.td-demo,.td-drawer-foot a,.td-drawer-foot button,.td-ai-fab,.td-seg button,.td-search-go,.td-dn a,.td-dn button,
.td-hero-chips a,.td-ai-chips button,.td-banner>a,.td-help a,.td-addnote,.td-buy-fav,.td-drawer-x,.td-ai-x,.td-ai-form button,.td-co-pay,.td-buy-btns>button,.td-mnav-ico{
  border-radius:var(--bt) 0 var(--bt) 0!important;
  border-style:solid;
  border-width:1px;
  box-shadow:none!important;
  -webkit-mask:none;mask:none;
}
/* default border colour = the site border (#e0e5ed style); filled buttons use their own colour */
[class*="bg-primary"]:not([class*="bg-primary/"]):not([class*="border-primary"]),
[class*="bg-destructive"]:not([class*="bg-destructive/"]),
.td-btn-p,.td-buy-go,.td-drawer-foot .pri,.td-co-pay,.td-ai-fab,.td-search-go,.td-dn .on,.td-seg button.on,.td-ai-form button,.td-ai-head .td-ai-x,.td-mnav-ico{border-color:transparent}
.td-buy-links a,.td-buy-links button{border-color:transparent}

/* bottom menu items: no box, no border (high specificity so the rule above cannot win) */
nav.td-mnav button:not(.rounded-full):not([role=switch]):not([role=checkbox]):not([role=radio]):not([role=tab]):not([role=combobox]),
nav.td-mnav a{border:0!important;border-radius:0!important;background:none;box-shadow:none!important}
nav.td-mnav .td-mnav-ico{border:0!important;border-radius:var(--bt) 0 var(--bt) 0!important}
.td-msheet-head button{border-color:hsl(var(--border))}

/* ---- 2) slimmer buttons ---- */
button.h-12,a.h-12{height:44px!important}
button.h-11,a.h-11{height:40px!important}
button.h-10,a.h-10{height:36px!important}
.td-buy-btns>button{height:42px!important;font-size:14px!important;font-weight:600}
.td-buy-btns{margin-top:14px;gap:8px}
.td-co-pay{min-height:46px!important;padding-top:.45rem!important;padding-bottom:.45rem!important;font-size:15px!important}
.td-demo{min-height:40px;font-size:14px}
.td-btn-o,.td-btn-p{padding:7px 12px;font-size:13px}
.td-buy-links a,.td-buy-links button{font-size:13.5px;border-color:transparent}
.td-buy-fav{width:34px;height:34px}
.td-drawer-foot a,.td-drawer-foot button{min-height:42px;font-size:14px}
.td-hero-chips a{padding:6px 13px;font-size:13px}
.td-search-go{width:44px}

/* ---- 3) mobile menu (hamburger drawer): smaller ---- */
.td-drawer-panel{width:min(82vw,350px)}
.td-drawer-head{padding:10px 12px}
.td-drawer-logo img{height:30px;max-width:170px}
.td-drawer-x{width:34px;height:34px}
.td-drawer-x svg{width:17px;height:17px}
.td-drawer-body{padding:12px}
.td-hero-cur.light{padding:7px 8px 7px 12px;font-size:14px}
.td-hero-cur.light .td-hero-cur-l svg{width:17px;height:17px}
.td-hero-cur.light .td-seg button{padding:6px 11px;font-size:12.5px}
.td-drawer-search{margin-top:10px}
.td-drawer-search input{height:40px;font-size:14px}
.td-dlabel{margin:14px 0 8px 3px;font-size:11.5px}
.td-dcats a{gap:11px;padding:8px 11px}
.td-dcat-i{width:34px;height:34px;border-radius:5px 0 5px 0}
.td-dcat-i svg{width:17px;height:17px}
.td-dcat-t b{font-size:14.5px;font-weight:600}
.td-dcat-t small{font-size:12px}
.td-dcats a>svg{width:15px;height:15px}
.td-dpages{gap:8px}
.td-dpages a{gap:8px;padding:9px 11px;font-size:14px}
.td-dpages svg{width:17px;height:17px}
.td-drawer-foot{gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))}
.td-drawer-foot svg{width:17px;height:17px}