/* Majd Search – ready-made search form / icon designs (v1.6.3) */
.mjs-sf{position:relative;display:flex;align-items:center;gap:0;max-width:100%;margin:0;box-sizing:border-box}
.mjs-sf *{box-sizing:border-box}
.mjs-sf input[type=search]{flex:1;min-width:0;width:100%;margin:0;border:0;outline:0;background:transparent;font:inherit;font-size:15px;color:inherit;-webkit-appearance:none;appearance:none;box-shadow:none}
.mjs-sf button{flex:none;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;cursor:pointer;background:transparent;color:inherit;line-height:1}
.mjs-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin:0;border:0;cursor:pointer;line-height:1;background:transparent;color:inherit}

form.mjs-sf input[type=search]{border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;height:100%!important;padding:0 4px!important;margin:0!important;border-radius:0!important;color:inherit!important;min-height:0!important}
form.mjs-sf button[type=submit]{margin:0!important;padding:0!important;box-shadow:none!important;text-transform:none!important;min-height:0!important}
button.mjs-ic{padding:0!important;margin:0!important;min-height:0!important;text-transform:none!important}

/* 1 – capsule */
.mjs-sf-1{background:#f1f5f9!important;border-radius:999px!important;padding:0 6px 0 18px!important;height:46px!important;color:#0f172a!important}
html[dir=rtl] .mjs-sf-1,body.rtl .mjs-sf-1{padding:0 18px 0 6px!important}
.mjs-sf-1 button{width:36px!important;height:36px!important;border-radius:50%!important;background:#0f172a!important;color:#fff!important}
.mjs-ic-1{border-radius:50%!important;background:#f1f5f9!important;color:#0f172a!important}
/* 2 – underline */
.mjs-sf-2{border-bottom:2px solid #0f172a!important;height:44px!important;color:#0f172a!important;padding:0 2px!important}
.mjs-sf-2 button{width:36px!important;height:36px!important}
.mjs-ic-2{border-bottom:2px solid #0f172a!important;border-radius:0!important;color:#0f172a!important}
/* 3 – box with colored button */
.mjs-sf-3{border:2px solid #2563eb!important;border-radius:10px!important;height:48px!important;background:#fff!important;color:#0f172a!important;padding:0 0 0 14px!important;overflow:hidden!important}
html[dir=rtl] .mjs-sf-3,body.rtl .mjs-sf-3{padding:0 14px 0 0!important}
.mjs-sf-3 button{width:54px!important;height:100%!important;background:#2563eb!important;color:#fff!important;border-radius:0!important}
.mjs-ic-3{border-radius:10px!important;background:#2563eb!important;color:#fff!important}
/* 4 – dark */
.mjs-sf-4{background:#0f172a!important;border-radius:12px!important;height:48px!important;color:#fff!important;padding:0 6px 0 16px!important}
html[dir=rtl] .mjs-sf-4,body.rtl .mjs-sf-4{padding:0 16px 0 6px!important}
.mjs-sf-4 input[type=search]::placeholder{color:#94a3b8}
.mjs-sf-4 button{width:38px!important;height:38px!important;border-radius:9px!important;background:#facc15!important;color:#0f172a!important}
.mjs-ic-4{border-radius:12px!important;background:#0f172a!important;color:#facc15!important}
/* 5 – floating shadow */
.mjs-sf-5{background:#fff!important;border-radius:14px!important;height:52px!important;color:#0f172a!important;padding:0 8px 0 18px!important;box-shadow:0 8px 24px rgba(15,23,42,.14)!important}
html[dir=rtl] .mjs-sf-5,body.rtl .mjs-sf-5{padding:0 18px 0 8px!important}
.mjs-sf-5 button{width:40px!important;height:40px!important;border-radius:12px!important;background:linear-gradient(135deg,#7c3aed,#2563eb)!important;color:#fff!important}
.mjs-ic-5{border-radius:14px!important;background:#fff!important;color:#2563eb!important;box-shadow:0 6px 18px rgba(15,23,42,.16)!important}
/* 6 – small round */
.mjs-sf-6{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:999px!important;height:38px!important;color:#0f172a!important;padding:0 4px 0 12px!important;max-width:260px}
html[dir=rtl] .mjs-sf-6,body.rtl .mjs-sf-6{padding:0 12px 0 4px!important}
.mjs-sf-6 input[type=search]{font-size:13px}
.mjs-sf-6 button{width:30px!important;height:30px!important;border-radius:50%!important;background:#e2e8f0!important;color:#0f172a!important}
.mjs-ic-6{width:36px!important;height:36px!important;border-radius:50%!important;border:1px solid #cbd5e1!important;background:#fff!important;color:#0f172a!important}

/* v1.6.3 – "apply design to the theme's own search forms" (desktop + mobile) */
body.mjs-skin-1{--sk-ic:#0f172a;--sk-bg:#f1f5f9;--sk-bd:0 none;--sk-bb:0 none;--sk-r:999px;--sk-c:#0f172a;--sk-h:46px;--sk-sh:none;--sk-btn:#0f172a;--sk-btnc:#fff}
body.mjs-skin-2{--sk-ic:#0f172a;--sk-bg:transparent;--sk-bd:0 none;--sk-bb:2px solid #0f172a;--sk-r:0;--sk-c:#0f172a;--sk-h:44px;--sk-sh:none;--sk-btn:transparent;--sk-btnc:#0f172a}
body.mjs-skin-3{--sk-ic:#2563eb;--sk-bg:#fff;--sk-bd:2px solid #2563eb;--sk-bb:2px solid #2563eb;--sk-r:10px;--sk-c:#0f172a;--sk-h:48px;--sk-sh:none;--sk-btn:#2563eb;--sk-btnc:#fff}
body.mjs-skin-4{--sk-ic:#fff;--sk-bg:#0f172a;--sk-bd:0 none;--sk-bb:0 none;--sk-r:12px;--sk-c:#fff;--sk-h:48px;--sk-sh:none;--sk-btn:#facc15;--sk-btnc:#0f172a}
body.mjs-skin-5{--sk-ic:#2563eb;--sk-bg:#fff;--sk-bd:0 none;--sk-bb:0 none;--sk-r:14px;--sk-c:#0f172a;--sk-h:52px;--sk-sh:0 8px 24px rgba(15,23,42,.14);--sk-btn:#2563eb;--sk-btnc:#fff}
body.mjs-skin-6{--sk-ic:#0f172a;--sk-bg:#fff;--sk-bd:1px solid #cbd5e1;--sk-bb:1px solid #cbd5e1;--sk-r:999px;--sk-c:#0f172a;--sk-h:38px;--sk-sh:none;--sk-btn:#e2e8f0;--sk-btnc:#0f172a}
body.mjs-skin :is(form[role=search],form.search-form,form.searchform,form.woocommerce-product-search):not(.mjs-sf):not(.mjs-form){display:flex!important;align-items:center!important;height:var(--sk-h)!important;margin:0;padding:0 6px!important;overflow:hidden;box-sizing:border-box;background:var(--sk-bg)!important;border:var(--sk-bd)!important;border-bottom:var(--sk-bb)!important;border-radius:var(--sk-r)!important;box-shadow:var(--sk-sh)!important;color:var(--sk-c)!important}
body.mjs-skin :is(form[role=search],form.search-form,form.searchform,form.woocommerce-product-search):not(.mjs-sf):not(.mjs-form) :is(input[type=search],input[type=text],input.search-field,input[name=s]){flex:1!important;min-width:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0 10px!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--sk-c)!important;border-radius:0!important;font-size:15px!important}
body.mjs-skin :is(form[role=search],form.search-form,form.searchform,form.woocommerce-product-search):not(.mjs-sf):not(.mjs-form) :is(button,input[type=submit]){flex:none!important;display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:36px;height:calc(100% - 10px)!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:calc(var(--sk-r) - 4px)!important;background:transparent!important;color:var(--sk-ic)!important;justify-content:center!important;text-align:center;box-shadow:none!important;text-transform:none!important;cursor:pointer}
body.mjs-skin-1 :is(form[role=search],form.search-form,form.searchform):not(.mjs-sf):not(.mjs-form) :is(button,input[type=submit]),body.mjs-skin-6 :is(form[role=search],form.search-form,form.searchform):not(.mjs-sf):not(.mjs-form) :is(button,input[type=submit]){border-radius:999px!important}

/* ===== v1.6.6 – five more designs (7–11) ===== */
/* 7 – gradient */
.mjs-sf-7{background:linear-gradient(135deg,#7c3aed,#2563eb)!important;border-radius:999px!important;height:48px!important;color:#fff!important;padding:0 6px 0 18px!important;box-shadow:0 8px 22px rgba(79,70,229,.35)!important}
html[dir=rtl] .mjs-sf-7,body.rtl .mjs-sf-7{padding:0 18px 0 6px!important}
.mjs-sf-7 input[type=search]::placeholder{color:rgba(255,255,255,.78)}
.mjs-sf-7 button{width:38px!important;height:38px!important;border-radius:50%!important;background:#fff!important;color:#6d28d9!important}
.mjs-ic-7{border-radius:50%!important;background:linear-gradient(135deg,#7c3aed,#2563eb)!important;color:#fff!important;box-shadow:0 6px 16px rgba(79,70,229,.35)!important}
/* 8 – dark glass */
.mjs-sf-8{background:rgba(15,23,42,.9)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:16px!important;height:50px!important;color:#fff!important;padding:0 8px 0 18px!important;box-shadow:0 10px 28px rgba(2,6,23,.35)!important}
html[dir=rtl] .mjs-sf-8,body.rtl .mjs-sf-8{padding:0 18px 0 8px!important}
.mjs-sf-8 input[type=search]::placeholder{color:#94a3b8}
.mjs-sf-8 button{width:38px!important;height:38px!important;border-radius:12px!important;background:rgba(255,255,255,.16)!important;color:#fff!important}
.mjs-ic-8{border-radius:14px!important;background:rgba(15,23,42,.9)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;box-shadow:0 8px 20px rgba(2,6,23,.3)!important}
/* 9 – mint */
.mjs-sf-9{background:#ecfdf5!important;border:2px solid #10b981!important;border-radius:999px!important;height:46px!important;color:#064e3b!important;padding:0 4px 0 16px!important}
html[dir=rtl] .mjs-sf-9,body.rtl .mjs-sf-9{padding:0 16px 0 4px!important}
.mjs-sf-9 input[type=search]::placeholder{color:#047857}
.mjs-sf-9 button{width:36px!important;height:36px!important;border-radius:50%!important;background:#10b981!important;color:#fff!important}
.mjs-ic-9{border-radius:50%!important;background:#ecfdf5!important;border:2px solid #10b981!important;color:#047857!important}
/* 10 – neon */
.mjs-sf-10{background:#0b1020!important;border:2px solid #22d3ee!important;border-radius:12px!important;height:48px!important;color:#e0f2fe!important;padding:0 6px 0 16px!important;box-shadow:0 0 18px rgba(34,211,238,.45)!important}
html[dir=rtl] .mjs-sf-10,body.rtl .mjs-sf-10{padding:0 16px 0 6px!important}
.mjs-sf-10 input[type=search]::placeholder{color:#7dd3fc}
.mjs-sf-10 button{width:36px!important;height:36px!important;border-radius:8px!important;background:#22d3ee!important;color:#0b1020!important}
.mjs-ic-10{border-radius:12px!important;background:#0b1020!important;border:2px solid #22d3ee!important;color:#22d3ee!important;box-shadow:0 0 16px rgba(34,211,238,.45)!important}
/* 11 – thick square */
.mjs-sf-11{background:#fff!important;border:3px solid #0f172a!important;border-radius:0!important;height:48px!important;color:#0f172a!important;padding:0 0 0 14px!important;box-shadow:4px 4px 0 #0f172a!important;overflow:hidden!important}
html[dir=rtl] .mjs-sf-11,body.rtl .mjs-sf-11{padding:0 14px 0 0!important}
.mjs-sf-11 button{width:52px!important;height:100%!important;border-radius:0!important;background:#facc15!important;color:#0f172a!important}
.mjs-ic-11{border-radius:0!important;background:#facc15!important;border:3px solid #0f172a!important;color:#0f172a!important;box-shadow:3px 3px 0 #0f172a!important}

body.mjs-skin-7{--sk-ic:#fff;--sk-bg:linear-gradient(135deg,#7c3aed,#2563eb);--sk-bd:0 none;--sk-bb:0 none;--sk-r:999px;--sk-c:#fff;--sk-h:48px;--sk-sh:0 8px 22px rgba(79,70,229,.35);--sk-btn:#fff;--sk-btnc:#6d28d9}
body.mjs-skin-8{--sk-ic:#fff;--sk-bg:rgba(15,23,42,.9);--sk-bd:1px solid rgba(255,255,255,.2);--sk-bb:1px solid rgba(255,255,255,.2);--sk-r:16px;--sk-c:#fff;--sk-h:50px;--sk-sh:0 10px 28px rgba(2,6,23,.35);--sk-btn:transparent;--sk-btnc:#fff}
body.mjs-skin-9{--sk-ic:#047857;--sk-bg:#ecfdf5;--sk-bd:2px solid #10b981;--sk-bb:2px solid #10b981;--sk-r:999px;--sk-c:#064e3b;--sk-h:46px;--sk-sh:none;--sk-btn:#10b981;--sk-btnc:#fff}
body.mjs-skin-10{--sk-ic:#22d3ee;--sk-bg:#0b1020;--sk-bd:2px solid #22d3ee;--sk-bb:2px solid #22d3ee;--sk-r:12px;--sk-c:#e0f2fe;--sk-h:48px;--sk-sh:0 0 18px rgba(34,211,238,.45);--sk-btn:#22d3ee;--sk-btnc:#0b1020}
body.mjs-skin-11{--sk-ic:#0f172a;--sk-bg:#fff;--sk-bd:3px solid #0f172a;--sk-bb:3px solid #0f172a;--sk-r:0;--sk-c:#0f172a;--sk-h:48px;--sk-sh:4px 4px 0 #0f172a;--sk-btn:#facc15;--sk-btnc:#0f172a}