/* =========================================================== ری‌اسکین هدر بر اساس طرح A — فقط استایل، بدون تغییر ساختار HTML این فایل رو به‌عنوان یه لینک CSS جدید به در header.php اضافه کن: (بعد از بقیه لینک‌های CSS موجود، تا اولویتش بالاتر باشه) =========================================================== */ :root{ --brand-deep:#132a31; --brand-nav:#17323b; --brand-primary:#0070C0; --brand-teal:#215968; --brand-light:#4BACC6; --brand-amber:#FFB020; } /* ---------- ردیف بالا: لوگو + جستجو + ورود/سبد ---------- */ .dvdcl{ background:#fff; box-shadow:0 1px 0 #e9edf0; position:sticky; top:0; z-index:200; padding:6px 0; } .dvdcl .mymggg{ height:56px !important; } .dvdcl .md-form input.input-alternate44{ height:42px !important; border-radius:22px !important; border:1.5px solid #e9edf0 !important; background:#f6f8f9 !important; padding-right:38px !important; font-size:13.5px !important; transition:.2s; } .dvdcl .md-form input.input-alternate44:focus{ border-color:var(--brand-light) !important; background:#fff !important; box-shadow:0 0 0 4px rgba(75,172,198,.14); } .dvdcl .md-form .fa-search{ color:#8a9aa1 !important; } .dvdcl button.btn[role="button"]{ background:var(--brand-deep) !important; border-radius:20px !important; font-weight:600; } .dvdcl ul.vfdlbmkgf{ display:flex; align-items:center; gap:8px; list-style:none; } .dvdcl ul.vfdlbmkgf li a{ display:inline-flex; align-items:center; padding:9px 18px; border-radius:22px; font-size:13px; font-weight:700; text-decoration:none !important; transition:.18s; background:#fff; border:1.5px solid #e9edf0; color:#1a2b33 !important; } .dvdcl ul.vfdlbmkgf li a:hover{ border-color:var(--brand-primary); color:var(--brand-primary) !important; } /* دکمه‌ی ورود کاربران و ثبت‌نام رنگی‌تر بمونن */ .dvdcl ul.vfdlbmkgf li a[onclick*="tamasx"], .dvdcl ul.vfdlbmkgf li a[onclick*="estx"]{ background:var(--brand-primary) !important; border-color:var(--brand-primary) !important; color:#fff !important; } .dvdcl ul.vfdlbmkgf li a[onclick*="tamasx"]:hover, .dvdcl ul.vfdlbmkgf li a[onclick*="estx"]:hover{ background:#005fa3 !important; } /* ---------- ردیف منو (دسته‌بندی‌ها) ---------- */ nav#menuw{ background:var(--brand-nav) !important; } nav#menuw label#toggle-menu{ color:#fff !important; } nav#menuw ul.main-menuw > li > a{ color:#cfe3ea !important; font-weight:600; font-size:13.5px; transition:color .15s ease; position:relative; } nav#menuw ul.main-menuw > li > a:hover, nav#menuw ul.main-menuw > li:hover > a{ color:#fff !important; } nav#menuw ul.main-menuw > li > a::after{ content:''; position:absolute; right:14px; left:14px; bottom:0; height:2px; background:var(--brand-amber); transform:scaleX(0); transition:transform .2s ease; } nav#menuw ul.main-menuw > li:hover > a::after{ transform:scaleX(1); } nav#menuw ul.sub-menuw{ background:#fff !important; border-radius:0 0 14px 14px; box-shadow:0 20px 40px rgba(10,25,35,.16) !important; } nav#menuw ul.sub-menuw li a{ color:#1a2b33 !important; font-weight:600; font-size:13px; border-radius:9px; } nav#menuw ul.sub-menuw li a:hover{ background:#f4f7f8 !important; color:var(--brand-primary) !important; } /* آیکون سبد خرید داخل منو، گردتر و متمایزتر */ nav#menuw a[href="view_cart.php"]{ border-radius:50% !important; } @media (max-width:960px){ .dvdcl .nytn{ display:none !important; } } /* =========================================================== بخش دوم: رفع مشکل منو + نوار جستجوی یکپارچه + دکمه‌های جدید =========================================================== */ /* --- اطمینان از نمایش نوار دسته‌بندی (اگه قبلاً با اسکرول/جاوااسکریپت کنترل می‌شده) --- */ nav#menuw{ display:block !important; position:relative !important; transform:none !important; visibility:visible !important; opacity:1 !important; } nav#menuw ul.main-menuw{ display:flex !important; flex-wrap:wrap; visibility:visible !important; } nav#menuw ul.main-menuw > li{ display:block !important; } /* --- نوار جستجوی یکپارچه: آیکون + اینپوت + دکمه پیشرفته همه داخل یک کادر --- */ .dvdcl .nytn form .row{ position:relative; display:flex; align-items:center; background:#f6f8f9; border:1.5px solid #e9edf0; border-radius:26px; padding:3px 6px; transition:.2s; } .dvdcl .nytn form .row:focus-within{ border-color:var(--brand-light); background:#fff; box-shadow:0 0 0 4px rgba(75,172,198,.14); } .dvdcl .nytn .col-md-9{ width:100% !important; flex:1 1 auto !important; max-width:none !important; } .dvdcl .nytn .col-md-2{ width:auto !important; flex:0 0 auto !important; max-width:none !important; padding-right:0 !important; } .dvdcl .nytn .md-form{ margin:0 !important; display:flex; align-items:center; width:100%; } .dvdcl .nytn .fa-search{ position:static !important; margin:0 8px 0 4px !important; font-size:16px !important; color:#8a9aa1 !important; } .dvdcl .nytn input.input-alternate44{ height:38px !important; margin:0 !important; padding:0 6px !important; border:none !important; background:transparent !important; flex:1; box-shadow:none !important; } .dvdcl .nytn input.input-alternate44:focus{ box-shadow:none !important; } .dvdcl .nytn button.btn[role="button"]{ margin:0 !important; height:34px !important; border-radius:18px !important; padding:0 16px !important; font-size:12.5px !important; white-space:nowrap; } /* --- دکمه‌های سمت راست: سبد خرید (دایره با نشان)، ثبت‌نام (آبی پر)، ورود (سفید خط‌دار) --- */ /* آیتم تزئینی نارنجی (آیکون کاربر بدون عملکرد) رو مخفی کن */ .dvdcl li[style*="background: #e60013"]{ display:none !important; } /* دکمه ورود: سفید و خط‌دار (نه پر) */ .dvdcl ul.vfdlbmkgf li a[onclick*="tamasx"]{ background:#fff !important; border:1.5px solid #e9edf0 !important; color:#1a2b33 !important; font-weight:700 !important; } .dvdcl ul.vfdlbmkgf li a[onclick*="tamasx"]:hover{ border-color:var(--brand-primary) !important; color:var(--brand-primary) !important; } /* دکمه ثبت‌نام: آبی پر (همون رنگ اصلی) */ .dvdcl ul.vfdlbmkgf li a[onclick*="estx"]{ background:var(--brand-primary) !important; border:1.5px solid var(--brand-primary) !important; color:#fff !important; font-weight:700 !important; } .dvdcl ul.vfdlbmkgf li a[onclick*="estx"]:hover{ background:#005fa3 !important; } /* آیکون سبد خرید داخل نوار منو: دایره‌ای با نشان تعداد */ nav#menuw a[href="view_cart.php"]{ width:42px !important; height:42px !important; border-radius:50% !important; background:#f0f6f8 !important; display:flex !important; align-items:center; justify-content:center; position:relative; } nav#menuw a[href="view_cart.php"] .fa-cart-plus{ color:var(--brand-deep) !important; font-size:17px !important; } nav#menuw a[href="view_cart.php"] #cart-info{ position:absolute; top:-4px; left:-4px; background:var(--brand-amber); color:#3a2600; font-size:10px; font-weight:800; width:18px; height:18px; border-radius:50%; display:flex !important; align-items:center; justify-content:center; border:2px solid #fff; } /* =========================================================== بخش سوم: جای منو زیر هدر + یک‌خطی شدن نوار جستجو + لوگوی جدید =========================================================== */ /* --- منو همیشه چسبیده به زیر هدر بمونه (نه پایین صفحه) --- */ nav#menuw{ position:sticky !important; top:0; z-index:250 !important; } .dvdcl{ z-index:260 !important; } /* --- نوار جستجو: یک خط، بدون فضای خالی اضافه --- */ .dvdcl .nytn{ display:flex !important; align-items:center; } .dvdcl .nytn form{ width:100% !important; } .dvdcl .nytn form > .row{ display:flex !important; flex-wrap:nowrap !important; width:100%; margin:0 !important; } .dvdcl .nytn .col-md-9, .dvdcl .nytn .col-md-2{ padding:0 !important; } .dvdcl .nytn button.btn[role="button"]{ white-space:nowrap !important; margin-right:6px !important; } /* --- لوگو: نشان + دو خط متن (منیجریال / وب‌سایت مدیریتی ایران) --- */ .dvdcl .brand-logo-wrap{ display:flex; align-items:center; gap:10px; } .dvdcl .brand-logo-wrap img.brand-logo-mark{ height:52px !important; width:52px !important; } .dvdcl .brand-logo-text{ line-height:1.35; text-align:right; } .dvdcl .brand-logo-text strong{ display:block; font-size:17px; font-weight:800; color:var(--brand-deep); } .dvdcl .brand-logo-text span{ display:block; font-size:11px; color:#5b6b73; font-weight:500; }