/* Folanja 1.22.93.15 — compact desktop search + premium notification popover */
@media (min-width:1051px){
  .site-header .ajax-poet-search{width:190px!important;max-width:190px!important;flex:0 0 190px!important}
  .site-header .header-search{width:190px!important;max-width:190px!important;height:40px!important;border-radius:14px!important}
  .site-header .header-search input{font-size:10.8px!important;font-weight:500!important;padding-inline:9px 5px!important;letter-spacing:-.15px}
  .site-header .header-search input::placeholder{font-size:10.8px!important;opacity:.8}
  .site-header .header-search button{width:36px!important;min-width:36px!important;flex-basis:36px!important}
}
.fol-header-notifications{position:relative;display:flex;align-items:center;z-index:120}
.fol-global-notification{appearance:none;-webkit-appearance:none;cursor:pointer;font-family:inherit}
.fol-global-notification .fol-notif-bell{font-size:16px;line-height:1;transition:transform .2s ease,color .2s ease}
.fol-global-notification:hover .fol-notif-bell,.fol-header-notifications.is-open .fol-notif-bell{transform:rotate(-10deg) scale(1.08);color:#8750df}
.fol-header-notif-popover{position:absolute;direction:rtl;top:calc(100% + 12px);inset-inline-end:-8px;width:min(368px,calc(100vw - 24px));padding:10px;border:1px solid rgba(110,73,155,.15);border-radius:22px;background:color-mix(in srgb,var(--surface,#fff) 94%,transparent);box-shadow:0 24px 70px rgba(43,22,72,.2);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform-origin:top left;animation:folNotifIn .18s ease both;z-index:250}
@keyframes folNotifIn{from{opacity:0;transform:translateY(-7px) scale(.975)}to{opacity:1;transform:none}}
.fol-header-notif-popover[hidden]{display:none!important}
.fol-header-notif-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 8px 10px;border-bottom:1px solid rgba(110,73,155,.1)}
.fol-header-notif-head>div{display:grid;gap:2px}.fol-header-notif-head span{font-size:13px;font-weight:900;color:var(--text,#241d2c)}.fol-header-notif-head small{font-size:9.5px;color:var(--muted,#81788a)}.fol-header-notif-head a{font-size:9.5px;font-weight:800;color:#8050d4;text-decoration:none;padding:7px 9px;border-radius:10px;background:rgba(126,77,219,.07)}
.fol-header-notif-list{display:grid;gap:5px;padding-top:7px;max-height:390px;overflow:auto;overscroll-behavior:contain}
.fol-header-notif-item{position:relative;display:grid;grid-template-columns:38px 1fr 6px;align-items:center;gap:9px;padding:10px;border-radius:15px;text-decoration:none!important;color:inherit;background:transparent;border:1px solid transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.fol-header-notif-item:hover{transform:translateX(-2px);background:rgba(126,77,219,.055);border-color:rgba(126,77,219,.11)}
.fol-header-notif-item.is-unread{background:linear-gradient(135deg,rgba(128,75,221,.09),rgba(225,117,156,.045));border-color:rgba(126,77,219,.13)}
.fol-header-notif-item>i{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-style:normal;font-size:16px;color:#8150db;background:linear-gradient(145deg,rgba(131,77,220,.13),rgba(239,139,92,.1))}
.fol-header-notif-item>span{min-width:0;display:grid;gap:3px}.fol-header-notif-item>span>b{font-size:10.8px;font-weight:850;color:var(--text,#241d2c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fol-header-notif-item>span>small{font-size:9.2px;line-height:1.65;color:var(--muted,#81788a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fol-header-notif-item>em{width:6px;height:6px;border-radius:50%;background:#ef607a;box-shadow:0 0 0 4px rgba(239,96,122,.09)}
.fol-header-notif-empty{min-height:130px;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;color:var(--muted,#81788a)}.fol-header-notif-empty>span{font-size:24px;color:#8750df}.fol-header-notif-empty>b{font-size:12px;color:var(--text,#241d2c)}.fol-header-notif-empty>small{font-size:9.5px}
.fol-header-notif-readall{width:100%;margin-top:7px;min-height:38px;border:0;border-radius:13px;cursor:pointer;font:800 10px inherit;color:#7243c6;background:linear-gradient(135deg,rgba(126,77,219,.09),rgba(229,123,151,.07));transition:.18s}.fol-header-notif-readall:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(126,77,219,.14),rgba(229,123,151,.1))}
html[data-theme="dark"] .fol-header-notif-popover{background:color-mix(in srgb,#1d1627 94%,transparent);border-color:rgba(190,157,233,.16);box-shadow:0 26px 72px rgba(0,0,0,.45)}
@media(max-width:680px){.fol-header-notif-popover{position:fixed;top:74px;left:12px;right:12px;width:auto;border-radius:20px}.fol-header-notif-list{max-height:min(54vh,390px)}}

/* Keep wheel and touch gestures inside the notification panel. */
.fol-global-notification .fol-notif-bell{width:23px;height:23px;display:block;transform-origin:50% 12%;color:#9861de;filter:drop-shadow(0 2px 3px rgba(126,77,219,.2));animation:folBellRing 7s ease-in-out infinite}
@keyframes folBellRing{0%,18%,100%{transform:rotate(0)}3%,9%{transform:rotate(15deg)}6%,12%{transform:rotate(-12deg)}15%{transform:rotate(5deg)}}
.fol-header-notif-popover{max-height:calc(100dvh - 100px);display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none}
.fol-header-notif-list{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;scrollbar-width:thin}
.fol-header-notif-head,.fol-header-notif-readall{flex-shrink:0}
@media(prefers-reduced-motion:reduce){.fol-global-notification .fol-notif-bell,.fol-header-notif-popover{animation:none}}

/* Viewport-anchored notification surface: no shrink-to-fit logical inset reset. */
.fol-header-notif-popover{z-index:12000;box-sizing:border-box;inset-inline-end:auto;transform-origin:top center}
.fol-header-notif-head>div{min-width:0}.fol-header-notif-head span{white-space:nowrap;font-size:15px}
.fol-header-notif-head a{white-space:nowrap;font-size:11px}.fol-header-notif-item{min-height:70px}
.fol-header-notif-item>span>b{font-size:12px}.fol-header-notif-item>span>small{font-size:11px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media(max-width:680px){.fol-header-notif-popover{padding:12px;border-radius:24px}.fol-header-notif-list{max-height:none}.fol-header-notif-item{padding:12px;gap:12px}.fol-header-notif-head{padding:9px 8px 13px}}