/* ── Live Search ─────────────────────────────────────────────────────────── */
.gratis-search-wrap{position:relative;display:inline-block;width:100%}
.gratis-search-input{width:100%;padding:10px 16px;border:1px solid var(--wp--preset--color--border);border-radius:var(--wp--custom--radius--full);font-size:var(--wp--preset--font-size--sm);background:var(--wp--preset--color--base);outline:none;transition:border-color 200ms}
.gratis-search-input:focus{border-color:var(--wp--preset--color--primary);box-shadow:0 0 0 3px var(--wp--preset--color--primary-light)}
.gratis-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--border);border-radius:var(--wp--custom--radius--lg);box-shadow:var(--wp--preset--shadow--xl);z-index:1000;overflow:hidden;max-height:400px;overflow-y:auto}
.gratis-search-item{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:var(--wp--preset--color--contrast);border-bottom:1px solid var(--wp--preset--color--border);transition:background 150ms}
.gratis-search-item:last-child{border-bottom:none}
.gratis-search-item:hover{background:var(--wp--preset--color--base-2)}
.gratis-search-type{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--wp--preset--color--primary);background:var(--wp--preset--color--primary-light);padding:2px 8px;border-radius:var(--wp--custom--radius--full);white-space:nowrap}
.gratis-search-title{font-size:var(--wp--preset--font-size--sm);font-weight:500}
.gratis-search-loading,.gratis-search-empty{padding:16px;text-align:center;color:var(--wp--preset--color--contrast-3);font-size:var(--wp--preset--font-size--sm)}

/* ── Toast Notifications ─────────────────────────────────────────────────── */
#gratis-toasts{position:fixed;bottom:24px;left:24px;z-index:99999;display:flex;flex-direction:column;gap:12px;pointer-events:none}
.gratis-toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--wp--custom--radius--lg);box-shadow:var(--wp--preset--shadow--xl);font-size:var(--wp--preset--font-size--sm);font-weight:500;max-width:360px;pointer-events:all;transform:translateY(120%);opacity:0;transition:transform 300ms cubic-bezier(0.34,1.56,0.64,1),opacity 200ms ease;background:#1e2028;color:#fff;border:1px solid rgba(255,255,255,0.1)}
.gratis-toast--visible{transform:translateY(0)!important;opacity:1!important}




.gratis-toast-icon{font-size:16px;flex-shrink:0}
.gratis-toast-msg{flex:1}
.gratis-toast-close{background:none;border:none;color:rgba(255,255,255,0.5);cursor:pointer;font-size:18px;padding:0;line-height:1;flex-shrink:0}
.gratis-toast-close:hover{color:#fff}

/* ── Bell Notification ───────────────────────────────────────────────────── */
.gratis-bell{position:relative;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--wp--custom--radius--full);background:rgba(255,255,255,0.1);transition:background 200ms}
.gratis-bell:hover{background:rgba(255,255,255,0.2)}
.gratis-bell-icon{font-size:18px}
.gratis-bell-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:9px;background:var(--wp--preset--color--danger);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;opacity:0;transform:scale(0);transition:all 200ms}
.gratis-bell-badge--active{opacity:1;transform:scale(1)}
.gratis-bell-panel{position:absolute;top:calc(100% + 12px);right:0;width:320px;background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--border);border-radius:var(--wp--custom--radius--xl);box-shadow:var(--wp--preset--shadow--xl);z-index:1000;display:none}
.gratis-bell-panel--open{display:block}
.gratis-bell-panel-header{padding:16px;border-bottom:1px solid var(--wp--preset--color--border);font-weight:700;font-size:var(--wp--preset--font-size--sm)}
.gratis-bell-list{max-height:300px;overflow-y:auto}
.gratis-bell-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;text-decoration:none;color:var(--wp--preset--color--contrast);border-bottom:1px solid var(--wp--preset--color--border);font-size:var(--wp--preset--font-size--sm);transition:background 150ms}
.gratis-bell-item:hover{background:var(--wp--preset--color--base-2)}
.gratis-bell-item time{margin-left:auto;font-size:11px;color:var(--wp--preset--color--contrast-3);white-space:nowrap}
.gratis-bell-dot{width:8px;height:8px;border-radius:50%;background:var(--wp--preset--color--primary);flex-shrink:0;margin-top:4px}
.gratis-bell-empty{padding:24px;text-align:center;color:var(--wp--preset--color--contrast-3);font-size:var(--wp--preset--font-size--sm)}