/* v58: lighter hero, SVG bottom bar, compact AI button, search icons, small a11y fixes */
.top12{background:linear-gradient(180deg,rgba(11,10,31,.55) 0,rgba(11,10,31,0) 22%,rgba(11,10,31,0) 70%,#0b0a1f 100%),url(/assets/shg/v58/hero58.webp) center 62%/cover no-repeat}
html:not([data-theme=dark]) .v12 .top12{background:linear-gradient(180deg,rgba(11,10,31,.55) 0,rgba(11,10,31,0) 22%,rgba(11,10,31,0) 70%,rgba(11,10,31,.35) 100%),url(/assets/shg/v58/hero58.webp) center 62%/cover no-repeat}
@media(max-width:820px){
 .top12{background-image:linear-gradient(180deg,rgba(11,10,31,.55) 0,rgba(11,10,31,0) 22%,rgba(11,10,31,0) 70%,#0b0a1f 100%),url(/assets/shg/v58/hero58-m.webp)}
 html:not([data-theme=dark]) .v12 .top12{background-image:linear-gradient(180deg,rgba(11,10,31,.55) 0,rgba(11,10,31,0) 22%,rgba(11,10,31,0) 70%,rgba(11,10,31,.35) 100%),url(/assets/shg/v58/hero58-m.webp)}
}
/* hero sub-line: keep the line break so words never run together */
.htx p br{display:inline!important}
/* bottom bar */
@media(max-width:800px){
 body{padding-bottom:96px}
 .bnav{gap:0!important;margin:0!important;padding-inline:4px!important}
 .bnav a{flex:1 1 0!important;min-width:0;padding:0 2px;font-size:12px;line-height:1.25;text-align:center;white-space:nowrap;gap:4px}
 .bnav a .bi{display:block;width:24px;height:24px;flex:none}
 .bnav a .bt{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}
 .bnav a.on .bi{stroke-width:2.4}
 /* AI button: small round button at the corner, never wide */
 .ai-fab{width:48px!important;height:48px!important;padding:0!important;border-radius:50%!important;justify-content:center!important;bottom:calc(100px + env(safe-area-inset-bottom))!important;left:auto!important;right:auto!important;inset-inline-start:12px!important;font-size:20px!important}
 .ai-fab span:not([aria-hidden]){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media(max-width:380px){.bnav a{font-size:11px}}
/* search fields: show the icon in the reserved start space (ar/en/ku) */
.srch11 .sbar:not(#_)>input,.srch11 .sbar:not(#_)>select{background-repeat:no-repeat!important;background-size:18px!important;background-position:right 12px center!important}
html[dir=ltr] .srch11 .sbar:not(#_)>input,html[dir=ltr] .srch11 .sbar:not(#_)>select{background-position:left 12px center!important}
.srch11 .sbar:not(#_)>input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a3df0' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")!important}
.srch11 .sbar:not(#_)>.fgov{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a3df0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E")!important}
.srch11 .sbar:not(#_)>.ftype{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a3df0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E")!important}
.srch11 .sbar:not(#_)>.fcat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a3df0' stroke-width='2' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1.5'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1.5'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1.5'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1.5'/%3E%3C/svg%3E")!important}

.bnav a span.bt{font-size:inherit;line-height:1.25}
.shead .kick{color:#b8215f!important}
#jgrid .card .cta a.btn[style*="1fa855"],#jgrid .card .cta a.btn{--wa:#13803f}
#jgrid .card .cta a.btn.wa,#jgrid .card .cta a.btn[href*="wa.me"]{background:#13803f!important}
html[dir=ltr] .rvbtn small{text-align:left!important}