
/* V11.03 compact devotional navigation */
:root{--bt-cream:#fffaf0;--bt-saffron:#ae4b16}
.topbar{gap:8px!important}.top-actions{gap:7px!important}
.bt-v1103-menu-btn{border:1px solid #eed9bd;background:#fff;border-radius:13px;min-width:43px;height:43px;color:#9d4619;font-size:23px;cursor:pointer}
.bt-v1103-menu[hidden],.bt-v1103-sheet[hidden]{display:none!important}
.bt-v1103-menu{position:fixed;right:12px;top:70px;z-index:1000;width:min(310px,calc(100vw - 24px));background:#fffdf7;border:1px solid #ecd6b5;border-radius:18px;box-shadow:0 14px 50px #43270c33;padding:10px;display:grid;gap:5px}
.bt-v1103-menu button,.bt-v1103-sheet button{padding:12px;border:0;background:transparent;color:#603519;border-radius:10px;text-align:left;font:inherit;cursor:pointer}
.bt-v1103-menu button:hover,.bt-v1103-sheet button:hover{background:#fff0d9}
.bt-v1103-sheet{position:fixed;inset:0;z-index:1001;background:#20140b88;display:flex;align-items:end;justify-content:center}
.bt-v1103-sheet-panel{background:#fffdf7;border-radius:22px 22px 0 0;width:min(600px,100%);padding:18px 18px calc(22px + env(safe-area-inset-bottom));display:grid;gap:5px;box-shadow:0 -12px 40px #0002}
.bt-v1103-sheet-panel h2{font-size:19px;margin:0 0 8px;color:#7a3915}.bt-v1103-sheet-panel button{font-size:16px}
.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;width:min(100%,620px)!important;height:calc(62px + env(safe-area-inset-bottom))!important}
.bottom-nav .nav-item{min-width:0!important}.bottom-nav .nav-item small{font-size:11px!important}
.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.category-card .thumb{height:auto;aspect-ratio:1.15/1}.category-card .body{padding:8px 6px 10px}.category-card h3{font-size:.83rem;line-height:1.35;margin:0;text-align:center}
@media(max-width:1000px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:720px){
 .topbar{min-height:64px!important;flex-wrap:nowrap!important;padding:7px 10px!important}
 .topbar #homeBtn,.topbar #searchBtn,.topbar #deekshaHeaderBtn,.topbar #submitSongBtn,.topbar #adminBtn,.topbar #logoutBtn,.topbar #themeBtn{display:none!important}
 .brand{min-width:0!important;flex:1}.brand-title{font-size:1.05rem!important}.brand-sub{font-size:.64rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
 .top-actions{flex:0 0 auto!important}.language-picker{width:78px!important;min-width:0!important;padding:8px 3px!important;font-size:12px!important}
 .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
 .main-content{padding:10px 9px 100px!important}
 .category-card{border-radius:12px!important;min-width:0!important;box-shadow:0 2px 7px #613a1110!important}
 .category-card .thumb{aspect-ratio:1/1!important;height:auto!important;min-height:0!important}
 .category-card img{object-fit:contain!important;padding:3px!important;background:#fff9ed}
 .category-card .body{padding:5px 2px 7px!important}
 .category-card h3{font-size:clamp(9px,2.5vw,12px)!important;line-height:1.4!important;overflow-wrap:anywhere;min-height:2.8em}
 .section-heading{margin:16px 2px 9px!important}
 .bottom-nav{border-radius:15px 15px 0 0!important}
}
@media(max-width:350px){.grid{gap:5px!important}.category-card h3{font-size:9px!important}.brand-sub{display:none!important}}
