/* VS Smart Search v2.2.0 — FORCE LIGHT */

/* ── Reset & Force Light ──────────────────────────── */
.vsss-wrap,.vsss-wrap *{box-sizing:border-box}
.vsss-bar,.vsss-dropdown,.vsss-overlay-container,.vsss-result-item,.vsss-ai-bubble,
.vsss-quick-link,.vsss-sticky-btn,.vsss-idle-section,.vsss-related,.vsss-overlay-footer,.vsss-ac-list,
.vsss-overlay-header,.vsss-tab,.vsss-overlay-close{
    background:#fff!important;color:#2d2d2d!important;
}
/* Wrapper itself is transparent — background only on bar/dropdown */
.vsss-wrap{background:transparent!important;color:#2d2d2d!important}

/* ── Wrapper — fills parent container, no cap ─────── */
.vsss-wrap{
    position:relative;width:100%!important;max-width:none!important;margin:0 auto;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:15px;line-height:1.5;
    padding:0!important;
}

/* ── Homepage: full viewport width, centred, Google-style ── */
#vsss-home.vsss-wrap{
    width:100%!important;max-width:none!important;
    margin:0!important;padding:0!important;
    background:transparent!important;
}
#vsss-home .vsss-bar{
    border-radius:28px!important;
    box-shadow:0 2px 8px rgba(0,0,0,.08),0 0 0 1px #e5e5e0;
    border:none!important;
    background:#fff!important;
    height:52px;padding:0 20px;
    transition:box-shadow .2s;
}
#vsss-home .vsss-bar:focus-within{
    box-shadow:0 4px 20px rgba(241,195,73,.2),0 0 0 2px #F1C349!important;
}
#vsss-home .vsss-input{font-size:17px!important}
#vsss-home .vsss-quick-links{background:transparent!important;padding-top:10px}
#vsss-home .vsss-dropdown{
    border-radius:20px!important;
    box-shadow:0 8px 40px rgba(0,0,0,.12)!important;
    margin-top:4px;
}

/* ── Search Bar ───────────────────────────────────── */
.vsss-bar{
    display:flex;align-items:center;gap:8px;padding:0 14px;
    height:46px;border:2px solid #e5e5e0;border-radius:24px;
    transition:border-color .2s,box-shadow .2s;
}
.vsss-bar:focus-within{border-color:#F1C349;box-shadow:0 0 0 3px rgba(241,195,73,.15)}
.vsss-icon-search{flex-shrink:0;display:flex;align-items:center;color:#b5b5ad}
.vsss-input{
    flex:1;min-width:0;border:none!important;outline:none!important;
    background:transparent!important;font-size:16px;color:#2d2d2d!important;
    padding:0!important;margin:0!important;height:100%;
    box-shadow:none!important;-webkit-appearance:none;appearance:none;
}
.vsss-input::placeholder{color:#b5b5ad}.vsss-input:focus{outline:none!important;box-shadow:none!important}
.vsss-voice-btn,.vsss-clear-btn{
    flex-shrink:0;display:flex;align-items:center;justify-content:center;
    width:32px;height:32px;border:none;background:transparent!important;
    cursor:pointer;color:#b5b5ad;border-radius:50%;padding:0;transition:color .2s;
}
.vsss-voice-btn:hover,.vsss-clear-btn:hover{color:#F1C349}

/* ── Quick Links — same width as bar, no white box ── */
.vsss-quick-links{
    display:flex;flex-wrap:nowrap;gap:6px;padding:6px 0 0;
    overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    background:transparent!important;
}
.vsss-quick-links::-webkit-scrollbar{display:none}
.vsss-quick-links:empty{display:none;padding:0}
.vsss-quick-link{
    flex-shrink:0;padding:4px 12px;
    border:1px solid #e5e5e0!important;border-radius:16px;
    font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;
    background:#fafaf8!important;color:#777!important;white-space:nowrap;line-height:1.4;
}
.vsss-quick-link:hover{border-color:#F1C349!important;background:rgba(241,195,73,.06)!important;color:#b38a00!important}

/* ── Dropdown — rounded, flush with bar, NO white square ── */
.vsss-dropdown{
    position:absolute;top:calc(100% + 2px);left:0;right:0;
    max-height:70vh;overflow-y:auto;overflow-x:hidden;
    border:1px solid #e5e5e0;border-radius:16px;
    box-shadow:0 8px 32px rgba(0,0,0,.1);
    z-index:99999;display:none;
}
/* Kill any visible empty state */
.vsss-dropdown:empty{display:none!important;border:none!important;box-shadow:none!important}

/* ── Results ──────────────────────────────────────── */
.vsss-results-list{padding:4px}
.vsss-result-item{
    display:flex;align-items:center;gap:10px;padding:10px 12px;
    border-radius:10px;cursor:pointer;text-decoration:none!important;
    transition:background .15s;color:#2d2d2d!important;border:1px solid transparent;
}
.vsss-result-item:hover,.vsss-result-item.vsss-nav-active{background:#f8f8f5!important}
.vsss-result-product{border:1px solid rgba(241,195,73,.2);background:rgba(241,195,73,.015)!important}
.vsss-result-product:hover{border-color:#F1C349;background:rgba(241,195,73,.04)!important}

.vsss-result-thumb{flex-shrink:0;width:44px;height:44px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f5f5f0}
.vsss-result-product .vsss-result-thumb{width:52px;height:52px;border-radius:10px}
.vsss-thumb{width:100%;height:100%;object-fit:cover}
.vsss-thumb-icon{font-size:20px;line-height:1}

.vsss-result-body{flex:1;min-width:0}
.vsss-result-title{font-weight:600;font-size:14px;color:#1a1a1a!important;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vsss-result-excerpt{font-size:12.5px;color:#888!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}
.vsss-result-meta{display:flex;gap:5px;margin-top:3px;align-items:center;flex-wrap:wrap}
.vsss-price{font-weight:700;color:#2d7d46!important;font-size:13px}
.vsss-badge{font-size:10px;padding:1px 7px;border-radius:8px;background:rgba(241,195,73,.1)!important;color:#b38a00!important;font-weight:500}
.vsss-type-badge{font-size:10px;padding:1px 7px;border-radius:8px;font-weight:500;background:#f0f0ec!important;color:#999!important}
.vsss-type-product{background:rgba(241,195,73,.1)!important;color:#b38a00!important}
.vsss-type-article{background:rgba(59,130,246,.07)!important;color:#2563eb!important}
.vsss-type-policy{background:rgba(139,92,246,.07)!important;color:#7c3aed!important}
.vsss-type-account{background:rgba(16,185,129,.07)!important;color:#059669!important}
.vsss-result-actions{flex-shrink:0;display:flex;align-items:center;gap:6px}
.vsss-result-arrow{color:#d5d5cd;font-size:15px;transition:color .2s}
.vsss-result-item:hover .vsss-result-arrow{color:#F1C349}

/* ── Add to Cart — WHITE text ─────────────────────── */
.vsss-add-cart{
    padding:6px 14px;border:none;border-radius:8px;
    background:#F1C349!important;color:#fff!important;
    font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;
    transition:background .2s;letter-spacing:.3px;text-transform:uppercase;
}
.vsss-add-cart:hover{background:#ddb033!important;color:#fff!important}

mark.vsss-hl{background:rgba(241,195,73,.2);color:inherit;padding:0 2px;border-radius:2px}

/* ── AI Bubble ────────────────────────────────────── */
.vsss-ai-bubble{margin:6px;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,rgba(241,195,73,.06),rgba(241,195,73,.02))!important;border:1px solid rgba(241,195,73,.15)}
.vsss-ai-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;background:transparent!important}
.vsss-ai-icon{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#F1C349,#e6a800)!important;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.vsss-ai-icon svg{width:14px;height:14px;display:block}
.vsss-ai-label{font-weight:600;font-size:12px;color:#b38a00!important;letter-spacing:.3px}
.vsss-ai-dot{width:5px;height:5px;border-radius:50%;background:#4CAF50;animation:vsss-pulse 1.5s infinite}
@keyframes vsss-pulse{0%,100%{opacity:1}50%{opacity:.3}}
.vsss-ai-text{font-size:13.5px;line-height:1.55;color:#555!important}
.vsss-ai-text strong{color:#1a1a1a!important}
.vsss-ai-link{color:#b38a00!important;text-decoration:underline;word-break:break-all;font-size:12.5px}
.vsss-ai-feedback{display:flex;gap:6px;margin-top:8px}
.vsss-ai-fb-btn{padding:3px 10px;border:1px solid #e5e5e0;border-radius:6px;background:#fff!important;cursor:pointer;font-size:13px;transition:all .2s}
.vsss-ai-fb-btn:hover{border-color:#F1C349}
.vsss-ai-fb-btn.vsss-fb-selected{background:rgba(241,195,73,.1)!important;border-color:#F1C349}
.vsss-ai-loading{display:flex;align-items:center;gap:8px;font-size:12px;color:#aaa!important}
.vsss-loading,.vsss-no-results{padding:18px;text-align:center;color:#aaa!important;font-size:13px}
.vsss-spinner{display:inline-block;width:18px;height:18px;border:2px solid #e5e5e0;border-top-color:#F1C349;border-radius:50%;animation:vsss-spin .6s linear infinite;vertical-align:middle}
.vsss-spinner-sm{display:inline-block;width:13px;height:13px;border:2px solid #e5e5e0;border-top-color:#F1C349;border-radius:50%;animation:vsss-spin .6s linear infinite;vertical-align:middle}
@keyframes vsss-spin{to{transform:rotate(360deg)}}

/* ── Idle / Autocomplete ──────────────────────────── */
.vsss-idle-section{padding:8px 12px}
.vsss-idle-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#ccc!important;margin-bottom:2px}
.vsss-idle-item,.vsss-ac-item{padding:7px 10px;border-radius:8px;cursor:pointer;font-size:13px;transition:background .15s;color:#666!important}
.vsss-idle-item:hover,.vsss-idle-item.vsss-nav-active,.vsss-ac-item:hover,.vsss-ac-item.vsss-nav-active{background:#f7f7f4!important}
.vsss-ac-list{padding:4px 6px}
.vsss-related{padding:8px 12px;border-top:1px solid #f2f2ee;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.vsss-related-label{font-size:11px;font-weight:600;color:#ccc!important}
.vsss-related-btn{padding:3px 10px;border:1px solid #e5e5e0;border-radius:14px;font-size:11px;cursor:pointer;transition:all .15s;background:#fff!important;color:#999!important}
.vsss-related-btn:hover{border-color:#F1C349;color:#b38a00!important}

/* ── OVERLAY ──────────────────────────────────────── */
.vsss-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:flex-start;justify-content:center;padding-top:8vh}
.vsss-overlay-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.vsss-overlay-container{position:relative;width:95%;max-width:600px;max-height:72vh;border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,.12);display:flex;flex-direction:column;overflow:hidden}
.vsss-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #f2f2ee}
.vsss-overlay-tabs{display:flex;gap:3px}
.vsss-tab{padding:5px 14px;border:none;border-radius:8px;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s;background:transparent!important;color:#aaa!important}
.vsss-tab:hover{background:#f5f5f0!important}
.vsss-tab.active{background:rgba(241,195,73,.1)!important;color:#b38a00!important;font-weight:600}
.vsss-overlay-close{width:30px;height:30px;border:none;border-radius:8px;font-size:18px;cursor:pointer;background:transparent!important;color:#ccc!important;display:flex;align-items:center;justify-content:center}
.vsss-overlay-close:hover{background:#f5f5f0!important;color:#888!important}
.vsss-overlay-bar{margin:10px 14px;position:static}
.vsss-overlay-results{position:static!important;flex:1;overflow-y:auto;border:none!important;border-radius:0!important;box-shadow:none!important;display:block!important;max-height:none}
.vsss-overlay-footer{padding:7px 14px;border-top:1px solid #f2f2ee;display:flex;gap:14px;font-size:11px;color:#ccc!important}
.vsss-overlay-footer kbd{padding:1px 5px;border:1px solid #e5e5e0;border-radius:3px;font-size:10px;background:#f7f7f4;font-family:inherit}

/* ── STICKY ───────────────────────────────────────── */
.vsss-sticky-btn{position:fixed;bottom:24px;right:24px;width:50px;height:50px;border-radius:50%;border:none;background:#F1C349!important;color:#fff!important;box-shadow:0 3px 16px rgba(241,195,73,.35);cursor:pointer;z-index:99998;display:flex;align-items:center;justify-content:center;transition:all .3s}
.vsss-sticky-btn:hover{transform:scale(1.06);box-shadow:0 5px 22px rgba(241,195,73,.45)}
.vsss-sticky-btn.vsss-sticky-hidden{transform:translateY(80px);opacity:0;pointer-events:none}

/* ══════════════════════════════════════════════════════
   MOBILE — 100% width, compact, no gaps
   ══════════════════════════════════════════════════════ */
/* ══════════════════════════════════════════════════════
   MOBILE
   ══════════════════════════════════════════════════════ */
@media(max-width:768px){
    .vsss-wrap{padding:0!important;margin:0!important}
    .vsss-bar{height:42px;padding:0 10px;border-radius:22px}
    .vsss-input{font-size:16px}
    .vsss-quick-links{padding:4px 0 0;gap:5px}
    .vsss-quick-link{padding:3px 10px;font-size:11px;border-radius:14px}
    .vsss-dropdown{border-radius:14px;max-height:60vh}
    .vsss-result-item{padding:8px 10px;gap:8px}
    .vsss-result-thumb{width:38px;height:38px;border-radius:7px}
    .vsss-result-product .vsss-result-thumb{width:44px;height:44px}
    .vsss-result-title{font-size:13px}
    .vsss-result-excerpt{font-size:11.5px;-webkit-line-clamp:1}
    .vsss-ai-bubble{margin:4px;padding:10px 12px}
    .vsss-ai-text{font-size:12.5px}
    .vsss-add-cart{padding:5px 10px;font-size:10px}
    .vsss-overlay{padding-top:0}
    .vsss-overlay-container{width:100%;max-width:100%;max-height:100vh;border-radius:0;height:100%}
    .vsss-sticky-btn{bottom:16px;right:16px;width:44px;height:44px}
    .vsss-overlay-footer{display:none}
}
@media(max-width:380px){
    .vsss-bar{height:40px;gap:4px;padding:0 8px}
    .vsss-voice-btn,.vsss-clear-btn{width:28px;height:28px}
    .vsss-result-item{padding:7px 8px;gap:7px}
    .vsss-result-thumb{width:34px;height:34px}
}

/* ── Elementor compatibility ──────────────────────── */
.elementor-widget-shortcode .vsss-wrap,
.elementor-widget-text-editor .vsss-wrap,
.elementor-element .vsss-wrap{width:100%!important;max-width:none!important}
.elementor-element .vsss-input{border:none!important;box-shadow:none!important;background:transparent!important}
.elementor-element .vsss-bar{background:#fff!important}

/* ── FORCE NO DARK ────────────────────────────────── */
@media(prefers-color-scheme:dark){
    .vsss-wrap{background:transparent!important;color:#2d2d2d!important}
    .vsss-bar,.vsss-dropdown,.vsss-overlay-container,.vsss-result-item,.vsss-ai-bubble,.vsss-sticky-btn,.vsss-idle-section,.vsss-related,.vsss-overlay-footer,.vsss-quick-link,.vsss-tab{background:#fff!important;color:#2d2d2d!important;border-color:#e5e5e0!important}
    .vsss-input{background:transparent!important;color:#2d2d2d!important}
    .vsss-add-cart{color:#fff!important}
}
[data-theme="dark"] .vsss-wrap{background:transparent!important;color:#2d2d2d!important}
[data-theme="dark"] .vsss-bar,[data-theme="dark"] .vsss-dropdown,.dark .vsss-bar,.dark .vsss-dropdown{background:#fff!important;color:#2d2d2d!important;border-color:#e5e5e0!important}