/* Bhakti Bhavna visual polish. Loaded after existing section and counter styles.
   Scoped presentation only: no routes, account data, counters or transactions. */

/* Page illustrations support the title rather than filling the whole header. */
:is(#search,#collection,#saved,#more) .darbar-head {
  grid-template-columns:minmax(0,1fr) 92px;
  min-height:144px;
  padding:16px 18px;
  column-gap:14px;
  row-gap:4px;
}
:is(#search,#collection,#saved,#more) .darbar-head .header-darbar {
  width:92px;
  height:104px;
  object-fit:contain;
  filter:none;
}
:is(#search,#collection,#saved,#more) .darbar-head h1 {
  font-size:1.45rem;
  line-height:1.45;
  margin:0;
}
:is(#search,#collection,#saved,#more) .darbar-head p {
  font-size:.8rem;
  line-height:1.65;
  margin:0;
}
:is(#search,#collection,#saved,#more) .darbar-head .page-back {
  margin-bottom:2px;
}

/* Keep full devotional illustrations visible; do not crop faces or attributes. */
:is(#home,#collection) .hub-card {
  min-height:128px;
  padding:16px;
  border:1px solid #dcc4a5;
}
:is(#home,#collection) .hub-card img {
  width:88px;
  height:96px;
  flex:0 0 88px;
  object-fit:contain;
  border-radius:0;
  margin-left:12px;
}
#home .daily-card img {
  width:68px;
  height:76px;
  object-fit:contain;
  flex:0 0 68px;
}
#home .simple-link img {
  width:44px;
  height:48px;
  object-fit:contain;
  flex:0 0 44px;
}
#home .collection-card img {
  width:44px;
  height:48px;
  object-fit:contain;
  flex:0 0 44px;
}
#home .journey img:not(.mini-avatar) {
  object-fit:contain;
  border-radius:0;
}
#home .bb-deity-heading img,#profile .bb-deity-heading img {
  width:52px;
  height:64px;
  object-fit:contain;
}
#home .bb-deity-links .bb-material-icon,#profile .bb-deity-links .bb-material-icon {
  width:32px;
  height:32px;
  object-fit:contain;
}
#home .ai-card img {
  width:46px;
  height:50px;
  object-fit:contain;
  flex:0 0 46px;
}

/* The second Hanuman feature is a compact card, with text clear of the image. */
#home .hero-link {
  height:auto;
  min-height:150px;
  position:relative;
  align-items:center;
  background:linear-gradient(120deg,#6e2333,#842c36);
  border:1px solid #944454;
}
#home .hero-link img {
  position:absolute;
  right:10px;
  top:12px;
  width:96px;
  height:126px;
  object-fit:contain;
}
#home .hero-link>span {
  position:relative;
  inset:auto;
  width:100%;
  min-width:0;
  min-height:150px;
  padding:17px 124px 17px 17px;
  background:none;
}
#home .hero-link b {font-size:1.2rem;line-height:1.5}
#home .hero-link small {max-width:none;line-height:1.65}

/* Crisp section colors retain the existing devotional palette. */
:is(#home,#collection) .collection-card {
  border-left:3px solid #9c5422;
  background:linear-gradient(120deg,#fff0d4,#fffaf1);
  color:#713d20;
}
:is(#home,#collection) .collection-card:nth-child(4n+2) {
  border-left-color:#256b60;
  background:linear-gradient(120deg,#e4f2ed,#f7fcf8);
  color:#205449;
}
:is(#home,#collection) .collection-card:nth-child(4n+3) {
  border-left-color:#71508a;
  background:linear-gradient(120deg,#efe5f7,#fcf8ff);
  color:#5e387a;
}
:is(#home,#collection) .collection-card:nth-child(4n) {
  border-left-color:#963e58;
  background:linear-gradient(120deg,#f8e5eb,#fff8f7);
  color:#7c2f48;
}
:is(#home,#collection) .collection-card small {color:#554b53;line-height:1.6}
:is(#search,#saved) .result-item {
  background:#fffefa;
  border-color:#c8d8e0;
  border-left:3px solid #326c88;
  box-shadow:0 2px 7px #253d5010;
}
:is(#search,#saved) .result-item a {
  background:#e3eff6;
  color:#214e70;
  border:1px solid #b2cbdc;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
#more .more-grid .action-card {border-left-width:3px;min-height:80px}
#profile .profile-social-stat:nth-child(1) {background:#eee5f8;border-color:#c9b5dd;color:#5e387a}
#profile .profile-social-stat:nth-child(2) {background:#e0f1ed;border-color:#afcfc4;color:#205449}
#profile .profile-social-stat:nth-child(3) {background:#fff0d8;border-color:#d8bd8e;color:#713d20}

/* Small visual icons, generous touch targets. */
body .floating-ai {
  min-height:44px;
  padding:7px 11px;
  gap:6px;
  box-shadow:0 3px 10px #70371828;
}
body .floating-ai img {width:26px;height:26px;object-fit:contain;border-radius:0}
body .floating-ai span {font-size:.75rem}
.nav button {min-height:44px;padding:4px 2px}
.nav button b {font-size:1.15rem;line-height:1.25}
.nav button:not(.active) {color:#64504c}
.nav button.active {background:#7a243b;color:#fff}

@media(max-width:380px) {
  :is(#search,#collection,#saved,#more) .darbar-head {
    grid-template-columns:minmax(0,1fr) 70px;
    min-height:138px;
    padding:14px;
    column-gap:10px;
  }
  :is(#search,#collection,#saved,#more) .darbar-head .header-darbar {width:70px;height:90px}
  :is(#search,#collection,#saved,#more) .darbar-head h1 {font-size:1.3rem}
  :is(#home,#collection) .hub-card img {width:70px;height:86px;flex-basis:70px}
  :is(#home,#collection) .hub-card {padding:13px;min-height:116px}
  #home .hero-link img {width:76px;height:112px;right:8px}
  #home .hero-link>span {padding-right:96px;min-height:140px}
  #home .collection-card {gap:7px;padding:10px 8px}
  #home .collection-card img {width:36px;height:42px;flex-basis:36px}
  #home .collection-card b {font-size:.82rem}
  #home .collection-card small {font-size:.7rem}
}