/* Elemerce Product Search - Simplified & Responsive */
/* Root variables for easy theming */
:root {
        --elemerce-radius-full: 50px;
        --elemerce-radius-md: 16px;
        --elemerce-radius-sm: 6px;
        --elemerce-border: #e2e5e9;
        --elemerce-border-strong: #cfd4d9;
        --elemerce-bg: #ffffff;
        --elemerce-bg-soft: #f6f7f8;
        --elemerce-text: #2f3437;
        --elemerce-text-muted: #6c7075;
        --elemerce-accent: #ff4757;
        --elemerce-accent-hover: #e73d4c;
        --elemerce-shadow-sm: 0 1px 2px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.06);
        --elemerce-shadow-lg: 0 4px 16px rgba(0,0,0,.08);
        --elemerce-focus-ring: 0 0 0 3px rgba(255,71,87,.25);
        --elemerce-transition: 150ms cubic-bezier(.4,0,.2,1);
}

.elemerce-product-search {position:relative;display:block;width:100%;max-width:640px;margin:0 auto;font-family:inherit;}

/* Base Form */
.elemerce-search-form {position:relative;display:flex;align-items:center;gap:.5rem;padding:4px 6px;background:var(--elemerce-bg);border:1px solid var(--elemerce-border);border-radius:var(--elemerce-radius-full);box-shadow:var(--elemerce-shadow-sm);transition:var(--elemerce-transition);min-height:52px;}
.elemerce-search-form:focus-within {border-color:var(--elemerce-accent);box-shadow:var(--elemerce-focus-ring);} 

/* Wrapper maintains flex order for optional elements */
.elemerce-search-wrapper {display:flex;align-items:center;flex:1;gap:.5rem;min-width:0;}

/* Category Filter */
.elemerce-category-filter {flex:0 0 auto;max-width:45%;background:var(--elemerce-bg-soft);border:1px solid var(--elemerce-border);border-radius:var(--elemerce-radius-full);padding:.55rem 2.25rem .55rem 1rem;font-size:.85rem;line-height:1.2;color:var(--elemerce-text-muted);appearance:none;cursor:pointer;transition:var(--elemerce-transition);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%236c7075' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3e%3cpath d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.elemerce-category-filter:hover {background:var(--elemerce-bg);}
.elemerce-category-filter:focus {outline:none;border-color:var(--elemerce-accent);background:var(--elemerce-bg);}

/* Search Input */
.elemerce-search-input {flex:1 1 auto;border:none;background:transparent;font-size:.95rem;padding:.75rem 1rem;line-height:1.3;color:var(--elemerce-text);min-width:0;}
.elemerce-search-input::placeholder {color:var(--elemerce-text-muted);font-weight:400;}
.elemerce-search-input:focus {outline:none;}

/* Icon */
.elemerce-search-icon {display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--elemerce-text-muted);width:2.25rem;}
.elemerce-search-icon svg {width:1em;height:1em;}
.icon-left {order:0;}
.icon-right {order:2;}

/* Button */
.elemerce-search-button {flex:0 0 auto;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-size:.85rem;font-weight:600;letter-spacing:.25px;padding:.7rem 1.25rem;border-radius:var(--elemerce-radius-full);background:var(--elemerce-accent);color:#fff;cursor:pointer;line-height:1;transition:var(--elemerce-transition);box-shadow:var(--elemerce-shadow-sm);position:relative;}
.elemerce-search-button:hover {background:var(--elemerce-accent-hover);box-shadow:var(--elemerce-shadow-lg);}
.elemerce-search-button:focus {outline:none;box-shadow:var(--elemerce-focus-ring);}
.elemerce-search-button:active {transform:translateY(1px);}

/* Gradient variants (optional) */
.elemerce-search-button.gradient-blue {background:linear-gradient(135deg,#4f46e5,#6366f1);} 
.elemerce-search-button.gradient-green {background:linear-gradient(135deg,#059669,#10b981);} 
.elemerce-search-button.gradient-purple {background:linear-gradient(135deg,#8b5cf6,#a855f7);} 
.elemerce-search-button.gradient-blue:hover,.elemerce-search-button.gradient-green:hover,.elemerce-search-button.gradient-purple:hover {filter:brightness(.95);} 

/* Search Results */
 .elemerce-search-results {position:absolute;top:100%;left:0;right:0;z-index:20;margin-top:.5rem;background:var(--elemerce-bg);border:1px solid var(--elemerce-border);border-radius:var(--elemerce-radius-md);box-shadow:var(--elemerce-shadow-lg);max-height:420px;overflow-y:auto;display:none;padding:.25rem 0;}
.elemerce-search-results:empty {display:none!important;}
.elemerce-search-results::-webkit-scrollbar{width:6px}
.elemerce-search-results::-webkit-scrollbar-track{background:transparent}
.elemerce-search-results::-webkit-scrollbar-thumb{background:var(--elemerce-border-strong);border-radius:40px}
.elemerce-search-results::-webkit-scrollbar-thumb:hover{background:var(--elemerce-accent)}

/* Search Result Item */
 .elemerce-search-result-item {display:flex;align-items:center;gap:.85rem;padding:.65rem .95rem;text-decoration:none;color:var(--elemerce-text);line-height:1.2;font-size:.82rem;position:relative;transition:var(--elemerce-transition);border-bottom:1px solid rgba(0,0,0,.04);}
.elemerce-search-result-item:last-child{border-bottom:none}
.elemerce-search-result-item:hover,.elemerce-search-result-item:focus{background:var(--elemerce-bg-soft);outline:none;}
.elemerce-search-result-item.active{background:var(--elemerce-bg-soft);} 

/* Product Image in Results */
 .elemerce-search-result-image {width:46px;height:46px;border-radius:var(--elemerce-radius-sm);overflow:hidden;flex-shrink:0;background:var(--elemerce-bg-soft);display:block;}
.elemerce-search-result-image img {width:100%;height:100%;object-fit:cover;display:block;transition:var(--elemerce-transition);} 
.image-hover-zoom .elemerce-search-result-item:hover .elemerce-search-result-image img{transform:scale(1.08);} 
.image-hover-rotate .elemerce-search-result-item:hover .elemerce-search-result-image img{transform:scale(1.05) rotate(3deg);} 
.image-hover-fade .elemerce-search-result-item:hover .elemerce-search-result-image img{opacity:.75;} 

/* Product Info in Results */
 .elemerce-search-result-info {flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:.15rem;}
.elemerce-search-result-title {margin:0;font-size:.8rem;font-weight:600;color:var(--elemerce-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25;}
.elemerce-search-result-price {font-size:.75rem;font-weight:600;color:var(--elemerce-accent);}
.elemerce-search-result-sku {font-size:.65rem;color:var(--elemerce-text-muted);letter-spacing:.25px;}
.elemerce-search-result-title mark{background:var(--elemerce-accent);color:#fff;padding:0 .2em;border-radius:3px;font-weight:600;}

/* States */
.elemerce-search-loading,.elemerce-search-no-results,.elemerce-search-error {padding:1rem .75rem;text-align:center;font-size:.8rem;color:var(--elemerce-text-muted);} 
.elemerce-search-error{color:#d93025;}

/* Variants (keep minimal differences) */
.search-style-classic .elemerce-search-form {border-radius:var(--elemerce-radius-md);}
.search-style-minimal .elemerce-search-form {background:transparent;border:0;border-bottom:2px solid var(--elemerce-border);border-radius:0;box-shadow:none;padding:0;}
.search-style-minimal .elemerce-search-input {padding:.65rem 0;}
.search-style-minimal .elemerce-search-button {background:none;color:var(--elemerce-accent);box-shadow:none;padding:.55rem .9rem;}
.search-style-minimal .elemerce-search-button:hover {background:var(--elemerce-accent);color:#fff;}
.search-style-outlined .elemerce-search-form {border:2px solid var(--elemerce-accent);}

/* Responsive */
@media (max-width: 780px){
    .elemerce-search-form{min-height:48px;}
    .elemerce-search-input{font-size:.9rem;padding:.6rem .75rem;}
    .elemerce-search-button{padding:.6rem 1rem;font-size:.75rem;}
    .elemerce-category-filter{padding:.5rem 2rem .5rem .85rem;font-size:.75rem;}
    .elemerce-search-result-item{padding:.55rem .75rem;}
    .elemerce-search-result-image{width:42px;height:42px;}
}
@media (max-width:520px){
    .elemerce-search-form{flex-direction:column;align-items:stretch;gap:.65rem;padding:.75rem 1rem;border-radius:var(--elemerce-radius-md);}
    .elemerce-search-wrapper{flex-wrap:wrap;width:100%;gap:.65rem;}
    .elemerce-category-filter,.elemerce-search-input,.elemerce-search-button{width:100%;border-radius:var(--elemerce-radius-md);max-width:100%;}
    .elemerce-search-button{order:3;}
    .elemerce-search-results{position:static;max-height:340px;margin-top:.75rem;}
}

/* RTL */
.rtl .elemerce-search-result-item{direction:rtl;}
.rtl .elemerce-category-filter{padding:.55rem 1rem .55rem 2.25rem;background-position:left .75rem center;}

/* Dark Mode */
@media (prefers-color-scheme:dark){
    :root {--elemerce-bg:#1f2427;--elemerce-bg-soft:#2a3033;--elemerce-border:#3a4145;--elemerce-border-strong:#4a5358;--elemerce-text:#eef1f3;--elemerce-text-muted:#97a1a7;--elemerce-shadow-sm:0 1px 2px rgba(0,0,0,.6),0 2px 4px rgba(0,0,0,.5);--elemerce-shadow-lg:0 4px 16px rgba(0,0,0,.6);} 
    .elemerce-search-form{background:var(--elemerce-bg-soft);} 
    .elemerce-search-results{background:var(--elemerce-bg-soft);} 
    .elemerce-search-result-item{border-color:rgba(255,255,255,.05);} 
    .search-style-minimal .elemerce-search-form{border-bottom-color:var(--elemerce-border-strong);} 
}

/* High Contrast */
@media (prefers-contrast: more){
    .elemerce-search-form{border:2px solid currentColor;}
    .elemerce-search-button{outline:2px solid currentColor;}
}