/* 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 #e7edef;
  border-radius:14px; 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:4px 4px 6px; min-width:0; }
.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:10px;
  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; }