/* Cyan theme — page shell tweaks (pehle layout.php mein inline <style> tha) */
.page-main { overflow-x: clip; }
.page-main > .row { margin-right: 0; margin-left: 0; padding-left: 25px; padding-right: 25px; }
@media (max-width: 768px) { .page-main > .row { padding-left: 0; padding-right: 0; } }

/* Page notes (admin: Pages -> Edit -> Top / Bottom). Summernote ka HTML. */
.page-note-top, .page-note-bottom{
  max-width:1100px; margin:20px auto 0; padding:14px 18px; background:#fff; border:1px solid #cbd5e1; box-shadow:0 1px 2px rgba(0,0,0,.04);
  border-radius:7px; font-size:14.5px; line-height:1.6; color:#4a5860; box-sizing:border-box;
}
.page-note-bottom{ margin:0 auto 28px; }
.page-note-top p:last-child, .page-note-bottom p:last-child{ margin-bottom:0; }
.page-note-top img, .page-note-bottom img{ max-width:100%; height:auto; }
@media (max-width:1140px){ .page-note-top, .page-note-bottom{ margin-left:16px; margin-right:16px; } }

/* Guest top bar menu (admin: Appearance -> Menu, visibility logged_out/all).
   Desktop: brand ke saath links. Mobile: ☰ button, links neeche dropdown mein. */
.usb-guest-nav{ display:flex; align-items:center; gap:4px; margin-left:18px; }
.usb-guest-nav a{
  display:inline-flex; align-items:center; gap:7px; height:36px; padding:0 12px; border-radius:6px;
  color:rgba(255,255,255,.88); font-weight:600; font-size:14px; text-decoration:none; transition:background .12s, color .12s;
}
.usb-guest-nav a i{ font-size:13px; opacity:.9; }
.usb-guest-nav a:hover{ background:rgba(255,255,255,.14); color:#fff; text-decoration:none; }
.usb-guest-nav a.active{ background:rgba(255,255,255,.2); color:#fff; }
.usb-guest-toggle{
  display:none; width:36px; height:36px; border:none; border-radius:6px; background:rgba(255,255,255,.14);
  color:#fff; font-size:16px; cursor:pointer; align-items:center; justify-content:center;
}
@media (max-width:768px){
  .usb-guest-toggle{ display:inline-flex; }
  .usb-guest-nav{
    display:none; position:absolute; top:100%; left:0; right:0; margin:0; padding:8px 14px 12px;
    flex-direction:column; align-items:stretch; gap:2px; background:var(--usb-primary);
    box-shadow:0 10px 18px rgba(var(--c-primary-rgb),.22);
  }
  .usb-guest-nav.is-open{ display:flex; }
  .usb-guest-nav a{ height:42px; }
}

/* Sidebar ke neeche: user card + Logout (hamesha bottom — .usb-nav flex:1 upar ki jagah leta) */
.usb-side-foot{ padding:12px; border-top:1px solid var(--usb-divider, #e7edef); background:#f8fbfc; display:flex; flex-direction:column; gap:8px; }
.usb-me{ display:flex; align-items:center; gap:10px; padding:6px; min-width:0; border-radius:6px; text-decoration:none; color:inherit; transition:background .15s; }
.usb-me:hover, .usb-me.active{ background:rgba(var(--c-primary-rgb),.08); text-decoration:none; }
.usb-me-go{ margin-left:auto; flex:0 0 auto; font-size:12px; color:#9aa9ae; transition:color .15s, transform .15s; }
.usb-me:hover .usb-me-go, .usb-me.active .usb-me-go{ color:var(--c-primary-dark); transform:translateX(2px); }
.usb-me-av{
  flex:0 0 38px; width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, var(--c-primary), var(--c-primary-dark)); color:#fff; font-weight:800; font-size:16px;
}
.usb-me-txt{ min-width:0; display:flex; flex-direction:column; line-height:1.25; }
.usb-me-txt b{ font-size:14px; color:#0f1e24; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.usb-me-txt small{ font-size:12px; color:#7c8b91; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.usb-foot-btn{
  display:flex; align-items:center; justify-content:center; gap:8px; height:40px; border-radius:6px;
  font-weight:700; font-size:14px; text-decoration:none; transition:background .15s, color .15s, border-color .15s;
}
.usb-foot-btn:hover{ text-decoration:none; }
.usb-foot-logout{ background:#fff; color:#e5484d; border:1px solid #f5c2c4; }
.usb-foot-logout:hover{ background:#e5484d; border-color:#e5484d; color:#fff; }
.usb-foot-admin{ background:#fff; color:var(--c-primary-dark); border:1px solid rgba(var(--c-primary-rgb),.35); }
.usb-foot-admin:hover{ background:var(--c-primary); border-color:var(--c-primary); color:#fff; }

/* Footer "Powered by" — cyan background pe grey text nazar nahi aata tha: safed (halka) + ek jaisa size */
.footer.app-footer .footer-powered{ color:rgba(255,255,255,.85); font-size:12.5px; }
.footer.app-footer .footer-powered a{ display:inline; color:#fff; font-size:12.5px; font-weight:700; text-decoration:none; }
.footer.app-footer .footer-powered a:hover{ color:#fff; text-decoration:underline; }

/* ===== Mobile: whole user side at 85% (compact look, like 85% browser zoom). Media queries still see the
   real width, so mobile layouts stay; browsers scale fixed layers (overlays, chat button) correctly on their own. */
@media (max-width:767.98px){
  body{ zoom:.85; }
}

/* ===== Emerald guest header — white, plain nav (theme-specific) ===== */
.usb-topbar-guest{ background:#fff; border-bottom:1px solid #e3ece9; }
.usb-topbar-guest .usb-brand-txt{ color:#102a24; }
.usb-topbar-guest .usb-brand-txt b{ color:var(--c-primary); }
.usb-topbar-guest .usb-guest-nav{ margin-left:auto; gap:2px; background:transparent; }
.usb-topbar-guest .usb-guest-nav a{ color:#53655f; height:36px; border-radius:6px; padding:0 12px; }
.usb-topbar-guest .usb-guest-nav a:hover{ background:#f1f6f4; color:var(--c-primary-dark); }
.usb-topbar-guest .usb-guest-nav a.active{ background:transparent; color:var(--c-primary-dark); box-shadow:inset 0 -2px 0 var(--c-primary); border-radius:0; }
.usb-guest-login{ display:inline-flex; align-items:center; height:38px; padding:0 14px; border-radius:7px; color:var(--c-primary-dark); font-weight:700; font-size:13.5px; text-decoration:none; }
.usb-guest-login:hover{ background:#f1f6f4; text-decoration:none; }
.usb-guest-signup{ display:inline-flex; align-items:center; height:38px; padding:0 17px; border-radius:7px; background:var(--c-primary); color:#fff; font-weight:700; font-size:13.5px; text-decoration:none; }
.usb-guest-signup:hover{ background:var(--c-primary-dark); color:#fff; text-decoration:none; }
.usb-topbar-guest .usb-guest-toggle{ background:#f1f6f4; color:var(--c-primary-dark); }
@media (max-width:768px){ .usb-topbar-guest .usb-guest-nav{ background:#fff; border:1px solid #e3ece9; border-radius:8px; } }

/* ===== Top navigation (logged-in; colored bar + horizontal nav. cyan uses sidebar) ===== */
.usb-topbar-app{ gap:10px; }
.usb-topnav{ display:flex; align-items:center; gap:2px; margin-left:16px; flex:1; min-width:0; }
.usb-topnav-item{ display:inline-flex; align-items:center; gap:7px; height:38px; padding:0 13px; border-radius:8px; color:rgba(255,255,255,.9); font-weight:600; font-size:14px; text-decoration:none; white-space:nowrap; }
.usb-topnav-item i{ font-size:13px; opacity:.9; }
.usb-topnav-item:hover{ background:rgba(255,255,255,.14); color:#fff; text-decoration:none; }
.usb-topnav-item.active{ background:rgba(255,255,255,.2); color:#fff; }
.usb-topnav-item .usb-count{ min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:#fff; color:var(--c-primary-dark); font-size:11px; font-weight:800; display:inline-flex; align-items:center; justify-content:center; }
.usb-topnav-item .usb-count.is-zero{ display:none; }
.usb-acct-trigger{ display:inline-flex; align-items:center; gap:6px; color:#fff; text-decoration:none; cursor:pointer; }
.usb-acct-av{ width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.2); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; }
.usb-acct-menu{ min-width:210px; padding:6px; }
.usb-acct-head{ padding:9px 12px 10px; border-bottom:1px solid #eef2f4; margin-bottom:4px; }
.usb-acct-head b{ display:block; font-size:14px; color:#0f1e24; }
.usb-acct-head small{ font-size:12px; color:#7c8b91; }
.usb-acct-menu .dropdown-item{ display:flex; align-items:center; gap:9px; border-radius:8px; padding:9px 12px; font-size:14px; color:#334047; }
.usb-acct-menu .dropdown-item i{ width:16px; color:var(--c-primary); }
.usb-acct-logout{ color:#e5484d; } .usb-acct-logout i{ color:#e5484d !important; }
.usb-topnav-toggle{ display:none; width:38px; height:38px; border:none; border-radius:8px; background:rgba(255,255,255,.16); color:#fff; font-size:16px; cursor:pointer; align-items:center; justify-content:center; }
@media (max-width:900px){
  .usb-topnav-toggle{ display:inline-flex; }
  .usb-topnav{ display:none; position:absolute; top:100%; left:0; right:0; margin:0; padding:8px 14px 12px; flex-direction:column; align-items:stretch; gap:2px; background:var(--c-primary); box-shadow:0 10px 18px rgba(var(--c-primary-rgb),.22); }
  .usb-topnav.is-open{ display:flex; }
  .usb-topnav-item{ height:42px; }
}

/* emerald display font (headings / brand / titles) */
h1, h2, h3, .usb-brand-txt, .lp-title, .lpv-title, .lpe-title, .lpc-title, .lp-head h2, .act-page-title{ font-family:'Inter','Source Sans Pro',sans-serif; }