/* ===== تصميم احترافي لصفحة الحساب - منصة اوج ===== */
body.woocommerce-account #content > .ast-container,
body.woocommerce-account #primary,
body.woocommerce-account .content-area.primary,
body.woocommerce-account .ast-article-single,
body.woocommerce-account .entry-content,
body.woocommerce-account .entry-content > .woocommerce,
body.woocommerce-account .woocommerce {
max-width: 100% !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.woocommerce-account #content > .ast-container { padding: 40px !important; }
body.woocommerce-account .entry-title { font-weight: 800 !important; margin-bottom: 24px !important; }
/* القائمة الجانبية كبطاقة */
body.woocommerce-account .woocommerce-MyAccount-navigation {
float: right !important;
width: 26% !important;
background: #fff;
border: 1px solid #eef0f4;
border-radius: 16px;
box-shadow: 0 4px 24px rgba(0,0,0,.06);
padding: 14px;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; }
body.woocommerce-account .woocommerce-MyAccount-navigation li { border: 0 !important; margin: 4px 0; }
body.woocommerce-account .woocommerce-MyAccount-navigation li a {
display: block;
padding: 13px 18px;
border-radius: 10px;
color: #2b3245 !important;
font-weight: 600;
text-decoration: none;
transition: all .2s ease;
border: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
background: #f4f6fb;
transform: translateX(-4px);
color: #3858e9 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
background: linear-gradient(135deg,#3858e9,#5b76f0);
color: #fff !important;
box-shadow: 0 6px 16px rgba(56,88,233,.3);
}
body.woocommerce-account .woocommerce-MyAccount-navigation img,
body.woocommerce-account img.avatar {
border-radius: 50%;
border: 4px solid #eef2ff;
display: block;
margin: 6px auto 10px;
}
/* محتوى الحساب */
body.woocommerce-account .woocommerce-MyAccount-content {
float: left !important;
width: 71% !important;
margin: 0 !important;
clear: none !important;
max-width: none !important;
}
body.woocommerce-account .woocommerce::after { content: ""; display: block; clear: both; }
body.woocommerce-account .woocommerce-MyAccount-content > p {
background: #fff;
border: 1px solid #eef0f4;
border-radius: 16px;
padding: 22px 26px;
box-shadow: 0 4px 24px rgba(0,0,0,.05);
line-height: 2;
color: #41485c;
margin-bottom: 18px;
}
body.woocommerce-account .woocommerce-MyAccount-content a { color: #3858e9; font-weight: 600; }
/* قسم الانضمام كبائع */
body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content .dokan-btn {
background: linear-gradient(135deg,#3858e9,#5b76f0) !important;
color: #fff !important;
border: 0 !important;
border-radius: 10px !important;
padding: 12px 26px !important;
font-weight: 700 !important;
box-shadow: 0 6px 16px rgba(56,88,233,.25) !important;
transition: all .2s ease !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 10px 22px rgba(56,88,233,.35) !important;
}
/* إخفاء عنصر لوحة البائع من قائمة الحساب */
body.woocommerce-account .woocommerce-MyAccount-navigation li.awj-vendor-menu { display: none !important; }
/* AWJ login page home button */
.awj-home-btn{position:fixed;top:24px;left:24px;z-index:99999;display:inline-block;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff !important;padding:10px 22px;border-radius:30px;font-weight:700;font-size:15px;text-decoration:none !important;box-shadow:0 4px 14px rgba(79,70,229,0.35);transition:all .25s ease;}
.awj-home-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(79,70,229,0.45);background:linear-gradient(135deg,#4338ca,#4f46e5);}
.admin-bar .awj-home-btn{top:56px;}
/* ===== AWJ Five-Elements Vendor Dashboard ===== */
.dokan-dashboard .dokan-dashboard-content{ background:#f5f6fb !important; font-family:'Tajawal',sans-serif !important; }
.dokan-dashboard .woocommerce-summary{
display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:18px !important;
border:none !important;background:transparent !important;margin-bottom:24px !important;list-style:none !important;padding:0 !important; }
@media(max-width:1100px){ .dokan-dashboard .woocommerce-summary{grid-template-columns:repeat(2,1fr) !important;} }
@media(max-width:560px){ .dokan-dashboard .woocommerce-summary{grid-template-columns:1fr !important;} }
.dokan-dashboard .woocommerce-summary__item-container{ list-style:none !important;margin:0 !important; }
.dokan-dashboard .woocommerce-summary__item{
background:#fff !important;border:1px solid #eef0f7 !important;border-radius:20px !important;
padding:22px 20px 20px !important;text-decoration:none !important;position:relative;overflow:hidden;display:block;
box-shadow:0 8px 22px -14px rgba(30,30,70,.25) !important;transition:.28s cubic-bezier(.2,.7,.3,1) !important;height:100%; }
.dokan-dashboard .woocommerce-summary__item::before{
content:'';position:absolute;top:0;right:0;left:0;height:5px;border-radius:20px 20px 0 0;z-index:3; }
.dokan-dashboard .woocommerce-summary__item::after{
position:absolute;left:16px;bottom:6px;font-size:46px;line-height:1;opacity:.12;font-weight:900; }
.dokan-dashboard .woocommerce-summary__item:hover{
transform:translateY(-6px) !important;box-shadow:0 20px 38px -16px rgba(30,30,70,.4) !important; }
.dokan-dashboard .woocommerce-summary__item-label{
font-size:13.5px !important;color:#6b7188 !important;font-weight:700 !important;margin-bottom:8px !important;position:relative;z-index:2; }
.dokan-dashboard .woocommerce-summary__item-value{
font-size:25px !important;font-weight:800 !important;color:#1c2036 !important;position:relative;z-index:2; }
.dokan-dashboard .woocommerce-summary__item-delta{
margin-top:12px !important;display:inline-flex !important;align-items:center;gap:4px;
font-size:12px !important;font-weight:700 !important;padding:3px 11px !important;border-radius:30px !important;
background:#f0f1f6 !important;color:#8a8fa6 !important;position:relative;z-index:2; }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+1) .woocommerce-summary__item::before{ background:linear-gradient(90deg,#0EA5E9,#38bdf8); }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+1) .woocommerce-summary__item::after{ content:'\1F4A7';color:#0EA5E9; }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+1) .woocommerce-summary__item{ background:linear-gradient(180deg,#f0faff,#fff 55%) !important; }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+1) .woocommerce-summary__item:hover{ border-color:#bae6fd !important; }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+2) .woocommerce-summary__item::before{ background:linear-gradient(90deg,#F97316,#fb923c); }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+2) .woocommerce-summary__item::after{ content:'\1F525';color:#F97316; }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+2) .woocommerce-summary__item{ background:linear-gradient(180deg,#fff5ef,#fff 55%) !important; }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+2) .woocommerce-summary__item:hover{ border-color:#fed7aa !important; }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+3) .woocommerce-summary__item::before{ background:linear-gradient(90deg,#10B981,#34d399); }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+3) .woocommerce-summary__item::after{ content:'\1F33F';color:#10B981; }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+3) .woocommerce-summary__item{ background:linear-gradient(180deg,#eefdf6,#fff 55%) !important; }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+3) .woocommerce-summary__item:hover{ border-color:#a7f3d0 !important; }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+4) .woocommerce-summary__item::before{ background:linear-gradient(90deg,#8B5CF6,#a78bfa); }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+4) .woocommerce-summary__item::after{ content:'\1F32C';color:#8B5CF6; }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+4) .woocommerce-summary__item{ background:linear-gradient(180deg,#f6f2ff,#fff 55%) !important; }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+4) .woocommerce-summary__item:hover{ border-color:#ddd6fe !important; }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+5) .woocommerce-summary__item::before{ background:linear-gradient(90deg,#EAB308,#facc15); }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+5) .woocommerce-summary__item::after{ content:'\1F6E1';color:#EAB308; }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+5) .woocommerce-summary__item{ background:linear-gradient(180deg,#fefbe8,#fff 55%) !important; }
.dokan-dashboard .woocommerce-summary__item-container:nth-child(5n+5) .woocommerce-summary__item:hover{ border-color:#fef08a !important; }
.dokan-dashboard .woocommerce-section-header{
background:#fff;border:1px solid #eef0f7;border-radius:16px;padding:15px 22px !important;
box-shadow:0 8px 20px -16px rgba(30,30,70,.25);margin-bottom:20px !important; }
.dokan-dashboard .woocommerce-section-header__title{
font-size:18px !important;font-weight:800 !important;color:#1c2036 !important;position:relative;padding-right:18px !important; }
.dokan-dashboard .woocommerce-section-header__title::before{
content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:9px;height:24px;border-radius:6px;
background:linear-gradient(180deg,#0EA5E9,#8B5CF6); }
.dokan-dashboard .woocommerce-section-header hr{ display:none !important; }
.dokan-dashboard .woocommerce-chart, .dokan-dashboard .woocommerce-filters{
background:#fff !important;border:1px solid #eef0f7 !important;border-radius:18px !important;
padding:18px !important;box-shadow:0 8px 20px -16px rgba(30,30,70,.25) !important;margin-bottom:18px !important; }
/* ===================================================================
==== تصميم لوحة التحكم الموحد الاحترافي - منصة اوج ====
===================================================================*/
:root{
--awj-primary:#6C5CE7;
--awj-primary-dark:#5546d6;
--awj-primary-soft:#eef0ff;
--awj-accent:#00cec9;
--awj-ink:#1f2233;
--awj-muted:#6b7280;
--awj-bg:#f5f6fb;
--awj-card:#ffffff;
--awj-border:#edeef4;
--awj-radius:18px;
--awj-shadow:0 10px 30px rgba(108,92,231,.08);
--awj-shadow-hover:0 16px 40px rgba(108,92,231,.18);
}
/* ====== خلفية عامة للوحة التحكم ====== */
body.dokan-dashboard{
background:var(--awj-bg) !important;
font-family:'Tajawal','Cairo','Segoe UI',sans-serif !important;
color:var(--awj-ink) !important;
}
/* ====== القائمة الجانبية ====== */
body.dokan-dashboard .dokan-dashboard-menu,
ul.dokan-dashboard-menu{
background:linear-gradient(180deg,#2a2540 0%,#1c1830 100%) !important;
border:none !important;
border-radius:0 !important;
padding:14px 12px !important;
box-shadow:none !important;
}
ul.dokan-dashboard-menu > li{
border:none !important;
margin:4px 0 !important;
border-radius:14px !important;
overflow:hidden;
transition:all .25s ease;
}
ul.dokan-dashboard-menu > li > a{
color:#c9c6da !important;
font-size:15px !important;
font-weight:600 !important;
padding:13px 18px !important;
border:none !important;
border-radius:14px !important;
display:flex !important;
align-items:center !important;
gap:12px;
transition:all .25s ease;
}
ul.dokan-dashboard-menu > li > a i{
color:#9b95c4 !important;
font-size:17px !important;
width:22px;
text-align:center;
transition:all .25s ease;
}
ul.dokan-dashboard-menu > li:hover > a{
background:rgba(108,92,231,.18) !important;
color:#fff !important;
transform:translateX(-4px);
}
ul.dokan-dashboard-menu > li:hover > a i{ color:#fff !important; }
ul.dokan-dashboard-menu > li.active > a,
ul.dokan-dashboard-menu > li.current > a{
background:linear-gradient(135deg,var(--awj-primary),var(--awj-primary-dark)) !important;
color:#fff !important;
box-shadow:0 8px 20px rgba(108,92,231,.45) !important;
}
ul.dokan-dashboard-menu > li.active > a i,
ul.dokan-dashboard-menu > li.current > a i{ color:#fff !important; }
ul.dokan-dashboard-menu > li > a .menu-dropdown{ margin-right:auto; }
/* القائمة الفرعية */
.navigation-submenu{ background:rgba(0,0,0,.18) !important; border-radius:12px !important; margin:4px 0 !important; }
.navigation-submenu li a{ color:#b3aed0 !important; font-size:14px !important; padding:10px 26px !important; border:none !important; }
.navigation-submenu li a:hover{ color:#fff !important; background:rgba(108,92,231,.2) !important; }
/* ====== بطاقات الإحصائيات ====== */
.woocommerce-summary{
gap:18px !important;
background:transparent !important;
border:none !important;
}
.woocommerce-summary__item{
background:var(--awj-card) !important;
border:1px solid var(--awj-border) !important;
border-radius:var(--awj-radius) !important;
box-shadow:var(--awj-shadow) !important;
padding:22px 20px !important;
transition:transform .25s ease, box-shadow .25s ease !important;
position:relative;
overflow:hidden;
}
.woocommerce-summary__item::before{
content:"";
position:absolute;
top:0; right:0; left:0;
height:4px;
background:linear-gradient(90deg,var(--awj-primary),var(--awj-accent));
}
.woocommerce-summary__item:hover{
transform:translateY(-6px) !important;
box-shadow:var(--awj-shadow-hover) !important;
}
.woocommerce-summary__item-label{
color:var(--awj-muted) !important;
font-size:14px !important;
font-weight:600 !important;
}
.woocommerce-summary__item-value{
color:var(--awj-ink) !important;
font-size:26px !important;
font-weight:800 !important;
}
.woocommerce-summary__item-delta{
border-radius:30px !important;
font-weight:700 !important;
padding:4px 10px !important;
}
.woocommerce-summary__item-delta--good,
.woocommerce-summary__item-delta-icon--up{ color:#00b894 !important; }
.woocommerce-summary__item-delta--bad,
.woocommerce-summary__item-delta-icon--down{ color:#e17055 !important; }
/* ====== البطاقات والألواح العامة ====== */
.dokan-panel,
.woocommerce-card,
.dokan-dashboard-content .dokan-panel-default{
background:var(--awj-card) !important;
border:1px solid var(--awj-border) !important;
border-radius:var(--awj-radius) !important;
box-shadow:var(--awj-shadow) !important;
}
.dokan-panel-heading,
.woocommerce-card__header{
background:transparent !important;
border-bottom:1px solid var(--awj-border) !important;
font-weight:800 !important;
color:var(--awj-ink) !important;
border-radius:var(--awj-radius) var(--awj-radius) 0 0 !important;
}
/* ====== شريط اكتمال الملف ====== */
.dokan-profile-completeness{
background:linear-gradient(135deg,#fff 0%,#f7f6ff 100%) !important;
border-radius:var(--awj-radius) !important;
}
.dokan-progress{
background:#eef0f6 !important;
border-radius:30px !important;
height:22px !important;
overflow:hidden;
box-shadow:inset 0 1px 3px rgba(0,0,0,.06);
}
.dokan-progress-bar{
background:linear-gradient(90deg,var(--awj-primary),var(--awj-accent)) !important;
border-radius:30px !important;
font-weight:700 !important;
color:#fff !important;
line-height:22px !important;
}
/* تعريب نص اكتمال الملف */
.dokan-progress-bar{ font-size:0 !important; position:relative; }
.dokan-progress-bar::after{
content:"نسبة اكتمال ملفك الشخصي";
font-size:12px !important;
position:absolute;
right:14px; top:0;
white-space:nowrap;
color:#7a7a8c;
}
/* تعريب رسالة إضافة الغلاف */
.dokan-profile-completeness a[href*="settings"],
.dokan-profile-completeness .dokan-panel-body a{
font-size:0 !important;
}
.dokan-profile-completeness .dokan-panel-body a::after{
content:"ابدأ بإضافة صورة غلاف لإكمال ملفك الشخصي";
font-size:15px !important;
font-weight:600;
color:var(--awj-primary) !important;
}
/* ====== الرسوم البيانية ====== */
.woocommerce-chart{
background:var(--awj-card) !important;
border:1px solid var(--awj-border) !important;
border-radius:var(--awj-radius) !important;
box-shadow:var(--awj-shadow) !important;
}
.woocommerce-chart__header{ border-bottom:1px solid var(--awj-border) !important; }
.woocommerce-chart__title{ font-weight:800 !important; color:var(--awj-ink) !important; }
/* ====== الأزرار ====== */
.dokan-dashboard .dokan-btn,
.dokan-dashboard button.components-button.is-primary,
.dokan-dashboard .dokan-btn-theme{
background:linear-gradient(135deg,var(--awj-primary),var(--awj-primary-dark)) !important;
border:none !important;
border-radius:12px !important;
color:#fff !important;
font-weight:700 !important;
padding:10px 22px !important;
box-shadow:0 6px 16px rgba(108,92,231,.3) !important;
transition:all .2s ease !important;
}
.dokan-dashboard .dokan-btn:hover,
.dokan-dashboard button.components-button.is-primary:hover{
transform:translateY(-2px) !important;
box-shadow:0 10px 24px rgba(108,92,231,.45) !important;
}
/* ====== الجداول ====== */
.dokan-dashboard table.dokan-table,
.dokan-dashboard .woocommerce-table{
border-radius:var(--awj-radius) !important;
overflow:hidden !important;
border:1px solid var(--awj-border) !important;
background:var(--awj-card) !important;
}
.dokan-dashboard table.dokan-table thead th,
.dokan-dashboard .woocommerce-table thead th{
background:var(--awj-primary-soft) !important;
color:var(--awj-primary-dark) !important;
font-weight:800 !important;
border:none !important;
}
.dokan-dashboard table.dokan-table tbody tr:hover{
background:#faf9ff !important;
}
/* ====== فلاتر التاريخ والتنبيهات ====== */
.components-card,.woocommerce-filters-filter{ border-radius:14px !important; }
.dokan-alert,.woocommerce-message,.dokan-info{
border-radius:14px !important;
border:none !important;
box-shadow:var(--awj-shadow) !important;
}
/* ====== رأس متجر البائع ====== */
.dokan-dash-store-info,.dokan-store-header{
background:var(--awj-card) !important;
border-radius:var(--awj-radius) !important;
box-shadow:var(--awj-shadow) !important;
}
/* ===== نهاية تصميم لوحة التحكم - منصة اوج ===== */
/* ===== إصلاح تعريب رسالة الغلاف + شريط الاكتمال (نسخة محسّنة) ===== */
.dokan-dashboard .dokan-alert-info.dokan-panel-alert{
font-size:0 !important;
text-align:center !important;
padding:18px !important;
}
.dokan-dashboard .dokan-alert-info.dokan-panel-alert *{
font-size:0 !important;
}
.dokan-dashboard .dokan-alert-info.dokan-panel-alert::before{
content:"ابدأ بإضافة صورة غلاف لمتجرك لإكمال ملفك الشخصي" !important;
font-size:15px !important;
font-weight:700 !important;
color:var(--awj-primary) !important;
display:block !important;
}
/* إخفاء الرابط الإنجليزي الداخلي وإظهاره كزر */
.dokan-dashboard .dokan-alert-info.dokan-panel-alert a{
display:inline-block !important;
margin-top:10px !important;
font-size:0 !important;
}
.dokan-dashboard .dokan-alert-info.dokan-panel-alert a::after{
content:"إضافة صورة الغلاف" !important;
font-size:13px !important;
font-weight:700 !important;
color:#fff !important;
background:linear-gradient(135deg,var(--awj-primary),var(--awj-primary-dark)) !important;
padding:8px 20px !important;
border-radius:10px !important;
display:inline-block !important;
}
/* تعريب شريط نسبة الاكتمال - تصحيح */
.dokan-dashboard .dokan-progress-bar{ font-size:0 !important; }
.dokan-dashboard .dokan-progress-bar::after{
content:"نسبة اكتمال ملفك الشخصي" !important;
font-size:12px !important;
font-weight:700 !important;
color:#fff !important;
position:absolute !important;
right:50% !important;
transform:translateX(50%) !important;
top:50% !important;
margin-top:-9px !important;
white-space:nowrap !important;
}
.dokan-dashboard .dokan-progress{ position:relative !important; }
/* ===== تعريب عناصر القوائم الفرعية الإنجليزية - منصة اوج ===== */
ul.dokan-dashboard-menu a[href$="/new/"],
ul.dokan-dashboard-menu a[href$="#new"],
ul.dokan-dashboard-menu a[href*="/new#"]{
font-size:0 !important;
}
ul.dokan-dashboard-menu a[href$="/new/"]::after,
ul.dokan-dashboard-menu a[href$="#new"]::after,
ul.dokan-dashboard-menu a[href*="/new#"]::after{
content:"إضافة طلب جديد";
font-size:15px !important;
font-weight:600;
}
/* روابط تقارير المحلل (analytics) */
ul.dokan-dashboard-menu a[href*="analytics%2Fproducts"],
ul.dokan-dashboard-menu a[href*="analytics/products"]{ font-size:0 !important; }
ul.dokan-dashboard-menu a[href*="analytics%2Fproducts"]::after,
ul.dokan-dashboard-menu a[href*="analytics/products"]::after{ content:"المنتجات"; font-size:14px !important; font-weight:600; }
ul.dokan-dashboard-menu a[href*="analytics%2Frevenue"],
ul.dokan-dashboard-menu a[href*="analytics/revenue"]{ font-size:0 !important; }
ul.dokan-dashboard-menu a[href*="analytics%2Frevenue"]::after,
ul.dokan-dashboard-menu a[href*="analytics/revenue"]::after{ content:"الإيرادات"; font-size:14px !important; font-weight:600; }
ul.dokan-dashboard-menu a[href*="analytics%2Fvariations"],
ul.dokan-dashboard-menu a[href*="analytics/variations"]{ font-size:0 !important; }
ul.dokan-dashboard-menu a[href*="analytics%2Fvariations"]::after,
ul.dokan-dashboard-menu a[href*="analytics/variations"]::after{ content:"المتغيرات"; font-size:14px !important; font-weight:600; }
ul.dokan-dashboard-menu a[href*="analytics%2Fcategories"],
ul.dokan-dashboard-menu a[href*="analytics/categories"]{ font-size:0 !important; }
ul.dokan-dashboard-menu a[href*="analytics%2Fcategories"]::after,
ul.dokan-dashboard-menu a[href*="analytics/categories"]::after{ content:"الفئات"; font-size:14px !important; font-weight:600; }
ul.dokan-dashboard-menu a[href*="analytics%2Fcoupons"],
ul.dokan-dashboard-menu a[href*="analytics/coupons"]{ font-size:0 !important; }
ul.dokan-dashboard-menu a[href*="analytics%2Fcoupons"]::after,
ul.dokan-dashboard-menu a[href*="analytics/coupons"]::after{ content:"الكوبونات"; font-size:14px !important; font-weight:600; }
ul.dokan-dashboard-menu a[href*="analytics%2Fstock"],
ul.dokan-dashboard-menu a[href*="analytics/stock"]{ font-size:0 !important; }
ul.dokan-dashboard-menu a[href*="analytics%2Fstock"]::after,
ul.dokan-dashboard-menu a[href*="analytics/stock"]::after{ content:"المخزون"; font-size:14px !important; font-weight:600; }
ul.dokan-dashboard-menu a[href*="analytics%2Fstatement"],
ul.dokan-dashboard-menu a[href*="analytics/statement"]{ font-size:0 !important; }
ul.dokan-dashboard-menu a[href*="analytics%2Fstatement"]::after,
ul.dokan-dashboard-menu a[href*="analytics/statement"]::after{ content:"كشف الحساب"; font-size:14px !important; font-weight:600; }
/* ===== تصحيح تعريب رابط إضافة طلب جديد ===== */
ul.dokan-dashboard-menu a[href$="#orders/new"]{ font-size:0 !important; }
ul.dokan-dashboard-menu a[href$="#orders/new"]::after{
content:"إضافة طلب جديد" !important;
font-size:14px !important;
font-weight:600 !important;
}
\n/* ===== تعريب قوائم التقارير الفرعية (نسخة قوية) ===== */\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fproducts"],\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fproducts"] *{ font-size:0 !important; }\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fproducts"]::after{ content:"المنتجات" !important; font-size:14px !important; font-weight:600 !important; color:inherit !important; }\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Frevenue"],\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Frevenue"] *{ font-size:0 !important; }\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Frevenue"]::after{ content:"الإيرادات" !important; font-size:14px !important; font-weight:600 !important; color:inherit !important; }\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fvariations"],\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fvariations"] *{ font-size:0 !important; }\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fvariations"]::after{ content:"المتغيرات" !important; font-size:14px !important; font-weight:600 !important; color:inherit !important; }\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fcategories"],\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fcategories"] *{ font-size:0 !important; }\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fcategories"]::after{ content:"الفئات" !important; font-size:14px !important; font-weight:600 !important; color:inherit !important; }\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fcoupons"],\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fcoupons"] *{ font-size:0 !important; }\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fcoupons"]::after{ content:"الكوبونات" !important; font-size:14px !important; font-weight:600 !important; color:inherit !important; }\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fstock"],\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fstock"] *{ font-size:0 !important; }\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fstock"]::after{ content:"المخزون" !important; font-size:14px !important; font-weight:600 !important; color:inherit !important; }\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fstatement"],\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fstatement"] *{ font-size:0 !important; }\nul.dokan-dashboard-menu a.submenu-link[href*="analytics%2Fstatement"]::after{ content:"كشف الحساب" !important; font-size:14px !important; font-weight:600 !important; color:inherit !important; }\n
/* ===================================================================
==== ترجمة صفحة إدارة المنتجات (DataViews) - منصة اوج ====
===================================================================*/
/* عنوان الصفحة الكبير Products */
.dokan-dashboard h3.dokan-header-title{ font-size:0 !important; }
.dokan-dashboard h3.dokan-header-title::after{ content:"المنتجات"; font-size:30px !important; font-weight:600; }
@media (min-width:768px){ .dokan-dashboard h3.dokan-header-title::after{ font-size:36px !important; } }
/* === تبويبات الحالة === */
.dokan-dashboard [data-slot="tabs-trigger"]{ font-size:0 !important; }
.dokan-dashboard [data-slot="tabs-trigger"] > span{ font-size:14px !important; }
.dokan-dashboard [data-slot="tabs-trigger"]::before{ font-size:14px !important; font-weight:600; }
.dokan-dashboard [data-slot="tabs-trigger"]:nth-child(2)::before{ content:"المنشورة "; }
.dokan-dashboard [data-slot="tabs-trigger"]:nth-child(3)::before{ content:"بانتظار المراجعة "; }
.dokan-dashboard [data-slot="tabs-trigger"]:nth-child(4)::before{ content:"المسودة "; }
.dokan-dashboard [data-slot="tabs-trigger"]:nth-child(5)::before{ content:"المرفوضة "; }
.dokan-dashboard [data-slot="tabs-trigger"]:nth-child(6)::before{ content:"متوفر بالمخزون "; }
.dokan-dashboard [data-slot="tabs-trigger"]:nth-child(7)::before{ content:"نفد من المخزون "; }
/* === رؤوس جدول DataViews === */
.dokan-dashboard .dataviews-view-table thead th:nth-child(2){ font-size:0 !important; }
.dokan-dashboard .dataviews-view-table thead th:nth-child(2)::after{ content:"المنتجات"; font-size:13px !important; font-weight:700; }
.dokan-dashboard .dataviews-view-table thead th:nth-child(3){ font-size:0 !important; }
.dokan-dashboard .dataviews-view-table thead th:nth-child(3)::after{ content:"النوع"; font-size:13px !important; font-weight:700; }
.dokan-dashboard .dataviews-view-table thead th:nth-child(4){ font-size:0 !important; }
.dokan-dashboard .dataviews-view-table thead th:nth-child(4)::after{ content:"المخزون"; font-size:13px !important; font-weight:700; }
.dokan-dashboard .dataviews-view-table thead th:nth-child(5){ font-size:0 !important; }
.dokan-dashboard .dataviews-view-table thead th:nth-child(5)::after{ content:"الحالة"; font-size:13px !important; font-weight:700; }
.dokan-dashboard .dataviews-view-table thead th:nth-child(6){ font-size:0 !important; }
.dokan-dashboard .dataviews-view-table thead th:nth-child(6)::after{ content:"السعر"; font-size:13px !important; font-weight:700; }
.dokan-dashboard .dataviews-view-table thead th:nth-child(7){ font-size:0 !important; }
.dokan-dashboard .dataviews-view-table thead th:nth-child(7)::after{ content:"الأرباح"; font-size:13px !important; font-weight:700; }
.dokan-dashboard .dataviews-view-table thead th:nth-child(9){ font-size:0 !important; }
.dokan-dashboard .dataviews-view-table thead th:nth-child(9)::after{ content:"المشاهدات"; font-size:13px !important; font-weight:700; }
.dokan-dashboard .dataviews-view-table thead th:nth-child(10){ font-size:0 !important; }
.dokan-dashboard .dataviews-view-table thead th:nth-child(10)::after{ content:"إجراءات"; font-size:13px !important; font-weight:700; }
/* === خلايا حالة المخزون === */
.dokan-dashboard td span.text-green-600{ font-size:0 !important; }
.dokan-dashboard td span.text-green-600::after{ content:"متوفر بالمخزون"; font-size:14px !important; }
.dokan-dashboard td span.text-red-600{ font-size:0 !important; }
.dokan-dashboard td span.text-red-600::after{ content:"نفد من المخزون"; font-size:14px !important; }
/* === شارات الحالة في الجدول === */
.dokan-dashboard td span.dokan-badge-success{ font-size:0 !important; }
.dokan-dashboard td span.dokan-badge-success::after{ content:"منشور"; font-size:12px !important; font-weight:600; }
.dokan-dashboard td span.dokan-badge-warning{ font-size:0 !important; }
.dokan-dashboard td span.dokan-badge-warning::after{ content:"قيد المراجعة"; font-size:12px !important; font-weight:600; }
.dokan-dashboard td span.dokan-badge-danger{ font-size:0 !important; }
.dokan-dashboard td span.dokan-badge-danger::after{ content:"مرفوض"; font-size:12px !important; font-weight:600; }
/* === تصحيح: إخفاء النص الإنجليزي داخل أزرار رؤوس الجدول === */
.dokan-dashboard .dataviews-view-table thead th .dataviews-view-table-header-button,
.dokan-dashboard .dataviews-view-table thead th button{ font-size:0 !important; }
.dokan-dashboard .dataviews-view-table thead th span{ font-size:0 !important; }
/* === تصحيح: عنوان الصفحة الكبير Products === */
.dokan-dashboard .dokan-header-title h3,
.dokan-dashboard h3.text-2xl.font-semibold{ font-size:0 !important; position:relative; }
.dokan-dashboard h3.text-2xl.font-semibold::after{ content:"المنتجات"; font-size:30px !important; font-weight:600; }
@media (min-width:768px){ .dokan-dashboard h3.text-2xl.font-semibold::after{ font-size:36px !important; } }
/* ===== نهاية ترجمة صفحة المنتجات ===== */
/* AWJ: hide login-register for logged-in */
body.logged-in #masthead .page-item-100,
body.logged-in #masthead .page-item-95{display:none !important}
/* AWJ: hide lj login button for logged-in (all pages), keep account icon */
body.logged-in .lj .btn-ac:not(.lj-acct-ico){display:none !important}
/* AWJ: global account icon + dropdown styling */
.lj .lj-acct{position:relative;display:inline-flex;align-items:center}
body.logged-in .lj .lj-acct{display:inline-flex}
.lj .lj-acct-ico{padding:11px !important;border-radius:13px;display:inline-flex;align-items:center;justify-content:center}
.lj .lj-acct-ico svg{width:20px;height:20px}
.lj .lj-acct-menu{position:absolute;top:calc(100% + 10px);inset-inline-start:0;min-width:180px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 18px 40px -12px rgba(0,0,0,.25);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s ease;z-index:99999}
.lj .lj-acct:hover .lj-acct-menu,.lj .lj-acct:focus-within .lj-acct-menu{opacity:1;visibility:visible;transform:translateY(0)}
.lj .lj-acct-menu a{display:block;padding:10px 14px;border-radius:9px;color:#1e293b;text-decoration:none;font-size:15px;font-weight:600;white-space:nowrap;transition:.18s}
.lj .lj-acct-menu a:hover{background:var(--ac,#6366f1);color:#fff}
/* AWJ: account icon in theme header (privacy/terms etc) */
body.logged-in #masthead .page-item-9 > a.menu-link{font-size:0 !important;width:42px;height:42px;border-radius:12px;background-color:#6366f1 !important;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:center;background-size:22px 22px;display:inline-flex;align-items:center;justify-content:center;padding:0 !important;color:transparent !important;transition:.2s}
body.logged-in #masthead .page-item-9 > a.menu-link:hover{background-color:#5457e8 !important;transform:translateY(-1px)}
body.logged-in #masthead .page-item-9 > a.menu-link::after{display:none !important}
/* ===== AWJ My Account - Mobile Fix (إصلاح الجوال) ===== */
@media screen and (max-width: 782px) {
/* إلغاء الـ float القديم وتحويل للعمودي */
body.woocommerce-account .woocommerce-MyAccount-navigation {
float: none !important;
width: 100% !important;
min-width: unset !important;
max-width: 100% !important;
position: static !important;
clear: both !important;
}
body.woocommerce-account .woocommerce-MyAccount-content {
float: none !important;
width: 100% !important;
max-width: 100% !important;
clear: both !important;
}
body.woocommerce-account .woocommerce::after {
display: none !important;
}
/* القائمة كـ grid 3 أعمدة */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
padding: 10px !important;
gap: 8px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
border: none !important;
margin: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
padding: 10px 6px !important;
font-size: 11px !important;
min-height: 65px !important;
white-space: normal !important;
word-break: break-word !important;
line-height: 1.3 !important;
border-radius: 10px !important;
background: #f9f7ff !important;
gap: 4px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
color: #fff !important;
}
}
/* ===== نهاية إصلاح الجوال ===== */
/* ============================================================
📱 CSS متجاوب شامل للجوال - منصة اوج
تغطية كاملة لجميع صفحات المنصة
============================================================ */
@media (max-width: 768px) {
/* === الهيدر والشعار === */
.site-header,
#masthead,
.ast-header-wrap,
header.ast-mobile-header-wrap {
padding: 8px 15px !important;
}
.ast-site-identity {
max-width: 120px !important;
}
.site-logo-img,
.custom-logo {
max-height: 45px !important;
width: auto !important;
}
/* === القائمة العلوية === */
.ast-desktop-header-wrap .main-header-bar-navigation,
.main-navigation {
display: none !important;
}
.ast-mobile-header-wrap .ast-mobile-menu-buttons {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
/* === أيقونات الهيدر (كارت، بحث، حساب) === */
.ast-header-woo-cart,
.ast-search-icon,
.ast-header-custom-item {
font-size: 18px !important;
}
/* === المحتوى الرئيسي === */
.ast-container,
.site-content .ast-container,
#primary .ast-container,
.container,
.ast-content-wrapper {
max-width: 100% !important;
padding-left: 15px !important;
padding-right: 15px !important;
margin: 0 !important;
}
/* === الصفحة الرئيسية - Hero Section === */
.wp-block-cover,
.wp-block-cover__inner-container,
.elementor-section,
.elementor-widget-wrap {
padding: 20px 15px !important;
}
/* === العناوين الرئيسية === */
h1, .entry-title, .page-title {
font-size: clamp(22px, 6vw, 36px) !important;
line-height: 1.3 !important;
word-break: break-word !important;
}
h2, .woocommerce-loop-product__title {
font-size: clamp(18px, 5vw, 28px) !important;
line-height: 1.3 !important;
}
h3 {
font-size: clamp(16px, 4.5vw, 22px) !important;
line-height: 1.4 !important;
}
h4, h5, h6 {
font-size: clamp(14px, 4vw, 18px) !important;
line-height: 1.4 !important;
}
p, .entry-content p, li {
font-size: clamp(13px, 3.8vw, 16px) !important;
line-height: 1.7 !important;
}
/* === المنتجات - WooCommerce === */
ul.products,
.woocommerce ul.products {
grid-template-columns: repeat(2, 1fr) !important;
display: grid !important;
gap: 12px !important;
padding: 0 !important;
}
ul.products li.product,
.woocommerce ul.products li.product {
width: 100% !important;
margin: 0 !important;
float: none !important;
}
.woocommerce-loop-product__title {
font-size: 14px !important;
padding: 5px 8px !important;
}
.price, .woocommerce-Price-amount {
font-size: 14px !important;
}
/* === صفحة المنتج الفردي === */
.woocommerce div.product {
display: flex !important;
flex-direction: column !important;
}
.woocommerce div.product div.images,
.woocommerce div.product .woocommerce-product-gallery {
width: 100% !important;
float: none !important;
margin-bottom: 20px !important;
}
.woocommerce div.product div.summary {
width: 100% !important;
float: none !important;
padding: 0 !important;
}
.woocommerce div.product div.summary .product_title {
font-size: clamp(20px, 5.5vw, 32px) !important;
}
.woocommerce div.product form.cart .quantity input {
width: 60px !important;
height: 44px !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button {
width: 100% !important;
margin-top: 10px !important;
padding: 14px 20px !important;
font-size: 16px !important;
}
/* === سلة التسوق === */
.woocommerce-cart table.cart {
display: block !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
}
.woocommerce-cart .cart-collaterals {
width: 100% !important;
float: none !important;
}
.woocommerce-cart .cart-collaterals .cart_totals {
width: 100% !important;
float: none !important;
}
/* === صفحة الدفع (Checkout) === */
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
width: 100% !important;
float: none !important;
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
width: 100% !important;
float: none !important;
}
.woocommerce #payment #place_order,
.woocommerce-checkout #payment #place_order {
width: 100% !important;
padding: 16px !important;
font-size: 16px !important;
}
/* === صفحة الحساب === */
.woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 100% !important;
float: none !important;
margin-bottom: 20px !important;
}
.woocommerce-MyAccount-navigation ul {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
padding: 0 !important;
list-style: none !important;
}
.woocommerce-MyAccount-navigation ul li {
flex: 1 1 calc(50% - 8px) !important;
min-width: 130px !important;
}
.woocommerce-MyAccount-navigation ul li a {
display: block !important;
text-align: center !important;
padding: 10px 8px !important;
border-radius: 8px !important;
font-size: 13px !important;
}
.woocommerce-MyAccount-content {
width: 100% !important;
float: none !important;
padding: 0 !important;
}
/* === الأزرار العامة === */
.ast-btn,
.wp-element-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.button,
button,
input[type="submit"] {
min-height: 44px !important;
padding: 12px 20px !important;
font-size: 14px !important;
white-space: normal !important;
word-break: break-word !important;
}
/* === الفوتر === */
.ast-footer-widget-areas,
.footer-widget-area,
.ast-footer-widget-area {
flex-direction: column !important;
display: flex !important;
}
.ast-footer-widget-area .widget-area,
footer .widget {
width: 100% !important;
float: none !important;
margin-bottom: 25px !important;
}
.ast-copyright-section,
.footer-bar,
.ast-footer-bar {
text-align: center !important;
flex-direction: column !important;
gap: 8px !important;
}
/* === الإدخالات والنماذج === */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
select,
textarea {
width: 100% !important;
font-size: 16px !important; /* يمنع التكبير التلقائي في iOS */
padding: 12px 15px !important;
border-radius: 8px !important;
box-sizing: border-box !important;
}
/* === صفحة المتجر - Shop === */
.woocommerce-page .site-main,
.shop-page .site-main {
padding: 10px 0 !important;
}
.woocommerce .woocommerce-result-count,
.woocommerce-ordering {
width: 100% !important;
text-align: center !important;
margin-bottom: 10px !important;
}
/* === الفلاتر والشريط الجانبي === */
.ast-sidebar-layout .ast-sidebar,
.ast-left-sidebar,
.ast-right-sidebar,
#secondary {
width: 100% !important;
float: none !important;
margin-top: 20px !important;
}
/* === Dokan - لوحة البائع === */
.dokan-dashboard,
.dokan-profile-layout-wrap {
flex-direction: column !important;
display: flex !important;
}
.dokan-dashboard .dokan-dashboard-sidebar,
.dokan-left-sidebar {
width: 100% !important;
float: none !important;
margin-bottom: 20px !important;
}
.dokan-dashboard .dokan-dashboard-content {
width: 100% !important;
float: none !important;
}
.dokan-stats-widget,
.dokan-info-box {
width: 100% !important;
}
/* === الجداول === */
table {
display: block !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
max-width: 100% !important;
}
/* === الصور === */
img {
max-width: 100% !important;
height: auto !important;
}
/* === Elementor إن وجد === */
.elementor-column,
.e-con {
width: 100% !important;
}
.elementor-section .elementor-row {
flex-direction: column !important;
}
/* === شريط الإشعارات والتنبيهات === */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
padding: 10px 15px !important;
font-size: 13px !important;
}
/* === التبويبات === */
.woocommerce-tabs .tabs {
display: flex !important;
flex-wrap: wrap !important;
gap: 5px !important;
}
.woocommerce-tabs .tabs li {
flex: 1 1 auto !important;
text-align: center !important;
}
/* === التقييمات === */
.woocommerce-Reviews .comment_container {
flex-direction: column !important;
}
/* === Breadcrumbs === */
.ast-breadcrumbs-wrapper,
.woocommerce-breadcrumb {
font-size: 12px !important;
padding: 8px 15px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* === شريط التقدم والبادجات === */
.onsale,
.ast-shop-product-actions {
font-size: 12px !important;
}
/* === الشريط العلوي إن وجد === */
.ast-above-header-wrap,
.ast-above-header {
display: none !important; /* اخفاء في الجوال لتوفير مساحة */
}
/* === منع الأوفرفلو الأفقي === */
body,
html {
overflow-x: hidden !important;
}
/* === الـ Sticky Header === */
.ast-header-break-point .ast-mobile-header-wrap.ast-mobile-header-nav-open {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
z-index: 999 !important;
}
}
/* === شاشات صغيرة جداً (320px - 480px) === */
@media (max-width: 480px) {
ul.products,
.woocommerce ul.products {
grid-template-columns: repeat(2, 1fr) !important;
gap: 8px !important;
}
.woocommerce-loop-product__title {
font-size: 12px !important;
}
h1, .entry-title {
font-size: clamp(20px, 7vw, 28px) !important;
}
h2 {
font-size: clamp(17px, 6vw, 24px) !important;
}
.woocommerce-MyAccount-navigation ul li {
flex: 1 1 100% !important;
}
.ast-container,
.container {
padding-left: 12px !important;
padding-right: 12px !important;
}
}
/* === الأجهزة اللوحية (768px - 1024px) === */
@media (min-width: 769px) and (max-width: 1024px) {
ul.products,
.woocommerce ul.products {
grid-template-columns: repeat(3, 1fr) !important;
display: grid !important;
gap: 15px !important;
}
.ast-container,
.container {
max-width: 95% !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
h1, .entry-title {
font-size: clamp(28px, 4vw, 40px) !important;
}
.woocommerce-checkout .col2-set .col-1 {
width: 55% !important;
}
.woocommerce-checkout .col2-set .col-2 {
width: 42% !important;
}
}
/* ============================================================
🔧 إصلاح الهيدر على الجوال - منصة اوج
============================================================ */
@media (max-width: 768px) {
/* === إصلاح هيدر Astra على الجوال === */
.ast-header-break-point .main-header-bar,
.main-header-bar {
padding: 0 15px !important;
}
/* === إخفاء النصوص المكررة في الهيدر === */
.ast-mobile-header-wrap .ast-site-name-tagline,
.ast-mobile-header-wrap .site-description {
display: none !important;
}
/* === ضبط هوية الموقع في الهيدر === */
.site-branding,
.ast-site-identity {
display: flex !important;
align-items: center !important;
gap: 8px !important;
max-width: 60% !important;
overflow: hidden !important;
}
.site-branding .site-title,
.ast-site-identity .site-title {
font-size: 16px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
max-width: 120px !important;
}
/* === ضبط شعار الموقع === */
.site-branding img,
.ast-site-identity img,
.custom-logo-link img {
max-height: 40px !important;
width: auto !important;
}
/* === هيدر الجوال في Astra === */
.ast-header-break-point .ast-mobile-header-wrap {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 10px 15px !important;
min-height: 60px !important;
}
/* === أيقونات الهيدر === */
.ast-header-break-point .ast-mobile-menu-buttons {
display: flex !important;
align-items: center !important;
gap: 15px !important;
flex-shrink: 0 !important;
}
/* === Hamburger Menu === */
.ast-header-break-point .ast-mobile-menu-trigger-minimal,
.ast-header-break-point .ast-mobile-menu-buttons .ast-menu-toggle {
width: 44px !important;
height: 44px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* === إصلاح قائمة الجوال عند الفتح === */
.ast-header-break-point .main-header-bar-navigation.ast-mobile-nav-active {
display: block !important;
position: fixed !important;
top: 60px !important;
left: 0 !important;
right: 0 !important;
background: #fff !important;
z-index: 9998 !important;
max-height: calc(100vh - 60px) !important;
overflow-y: auto !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
}
.ast-header-break-point .ast-navigation-menu-1 li a {
padding: 14px 20px !important;
font-size: 16px !important;
border-bottom: 1px solid #f0f0f0 !important;
display: block !important;
}
/* === الفوتر المتجاوب === */
.ast-small-footer {
flex-direction: column !important;
text-align: center !important;
padding: 15px !important;
font-size: 12px !important;
}
.ast-small-footer-section {
width: 100% !important;
text-align: center !important;
}
/* === ضبط قائمة الفوتر === */
.footer-widget-area .widget-container {
padding: 15px 0 !important;
}
/* === إصلاح عرض بطاقات المنتجات في المتجر === */
.woocommerce-page ul.products,
.shop-page ul.products {
grid-template-columns: repeat(2, 1fr) !important;
display: grid !important;
gap: 10px !important;
margin: 0 !important;
padding: 0 10px !important;
}
.woocommerce-page ul.products li.product,
.shop-page ul.products li.product {
width: 100% !important;
float: none !important;
margin: 0 !important;
}
/* === تصميم بطاقة المنتج === */
.woocommerce-loop-product__title {
font-size: 13px !important;
padding: 8px !important;
word-break: break-word !important;
}
.woocommerce ul.products li.product .price {
font-size: 13px !important;
padding: 0 8px 8px !important;
}
.woocommerce ul.products li.product .button {
margin: 0 8px 8px !important;
padding: 8px 12px !important;
font-size: 12px !important;
width: calc(100% - 16px) !important;
text-align: center !important;
}
}
/* ============================================================
🎨 CSS تحسينات إضافية للجوال - منصة اوج
============================================================ */
@media (max-width: 921px) {
/* === إصلاح الهيدر عند breakpoint Astra === */
#ast-mobile-header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 10px 15px !important;
width: 100% !important;
box-sizing: border-box !important;
}
/* إخفاء اسم الموقع النصي في الهيدر الجوال إذا كان هناك صورة */
#ast-mobile-header .ast-logo-container img + .ast-site-name-tagline,
#ast-mobile-header:has(img.custom-logo) .site-title {
display: none !important;
}
/* === ضبط حجم الشعار في الهيدر الجوال === */
#ast-mobile-header .ast-logo-container {
display: flex !important;
align-items: center !important;
max-width: 50% !important;
}
#ast-mobile-header img.custom-logo,
#ast-mobile-header .custom-logo-link img {
max-height: 45px !important;
max-width: 120px !important;
width: auto !important;
object-fit: contain !important;
}
/* === ضبط أزرار الهيدر الجوال === */
#ast-mobile-header .ast-mobile-menu-buttons {
display: flex !important;
align-items: center !important;
gap: 12px !important;
flex-shrink: 0 !important;
}
/* === منع التمرير الأفقي === */
body,
html {
max-width: 100vw !important;
overflow-x: hidden !important;
}
/* === ضبط Dokan Vendor Dashboard === */
.dokan-dashboard-wrap {
padding: 0 15px !important;
}
#dokan-sidebar {
width: 100% !important;
float: none !important;
display: block !important;
margin-bottom: 20px !important;
}
#dokan-primary-panel {
width: 100% !important;
float: none !important;
padding: 0 !important;
}
.dokan-nav-list {
display: flex !important;
flex-wrap: wrap !important;
gap: 5px !important;
padding: 10px 0 !important;
}
.dokan-nav-list li a {
padding: 8px 12px !important;
font-size: 13px !important;
border-radius: 6px !important;
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
white-space: nowrap !important;
}
/* === ضبط صفحة Store Listing === */
.dokan-store-listing-wrapper {
padding: 0 10px !important;
}
.dokan-store-wrap {
grid-template-columns: 1fr !important;
display: grid !important;
}
/* === ضبط صفحة Checkout === */
.woocommerce-checkout #checkout,
.woocommerce-checkout .woocommerce {
padding: 0 10px !important;
}
/* === ضبط بطاقات المنتجات في صفحة المتجر === */
.products.columns-4 {
grid-template-columns: repeat(2, 1fr) !important;
display: grid !important;
}
.products.columns-3 {
grid-template-columns: repeat(2, 1fr) !important;
display: grid !important;
}
/* === ضبط نماذج WPForms === */
.wpforms-container .wpforms-form {
padding: 15px !important;
}
.wpforms-field {
margin-bottom: 15px !important;
}
.wpforms-field input,
.wpforms-field select,
.wpforms-field textarea {
font-size: 16px !important;
padding: 12px !important;
}
/* === ضبط الـ Popup والـ Modal === */
.modal-content,
.popup-content,
.mfp-content {
width: 95vw !important;
max-width: 95vw !important;
margin: 0 auto !important;
}
/* === الشريط العلوي Dokan === */
.dokan-top-area,
.dokan-vendor-info {
flex-direction: column !important;
padding: 10px !important;
}
/* === إصلاح عرض الـ Widgets في الـ Sidebar === */
.widget_product_categories ul,
.widget_shopping_cart_content {
font-size: 14px !important;
}
}
/* === إصلاح للشاشات الكبيرة القديمة من ملفات CSS السابقة === */
@media (max-width: 768px) {
/* === Dokan - تصفح المتاجر === */
.dokan-store-listing {
grid-template-columns: 1fr !important;
padding: 10px !important;
}
/* === ضبط صفحة "اعرض منتجاتك معنا" === */
.vendor-registration-wrapper {
padding: 15px !important;
}
/* === ضبط Shortcodes === */
.elementor-widget-shortcode,
.wp-block-shortcode {
overflow-x: auto !important;
}
/* === ضبط منطقة البحث === */
.ast-search-menu-icon.ast-dropdown-active .search-field {
width: calc(100vw - 40px) !important;
font-size: 16px !important;
}
/* === ضبط أزرار الشبكات الاجتماعية === */
.ast-social-color-type-background .ast-social-icon-list-item a {
width: 36px !important;
height: 36px !important;
font-size: 14px !important;
}
/* === ضبط بادجات المنتجات === */
.woocommerce span.onsale {
min-height: auto !important;
min-width: auto !important;
padding: 4px 8px !important;
font-size: 11px !important;
line-height: 1.3 !important;
}
/* === ضبط تقييمات النجوم === */
.woocommerce-product-rating .star-rating {
font-size: 12px !important;
}
/* === ضبط قائمة WooCommerce في الحساب === */
.woocommerce-account .woocommerce {
padding: 0 !important;
}
}
/* ============================================================
🔧 إصلاح نهائي - إخفاء نص اسم الموقع عند وجود شعار في الهيدر الجوال
============================================================ */
/* إخفاء اسم الموقع النصي في هيدر الجوال عند وجود صورة الشعار */
@media (max-width: 921px) {
/* إخفاء نص اسم الموقع في هيدر الجوال */
#ast-mobile-header .ast-site-name-tagline,
.ast-header-break-point .ast-mobile-header-wrap .ast-site-name-tagline,
.ast-header-break-point .ast-site-name-tagline {
display: none !important;
}
/* ضبط حاوية الشعار */
#ast-mobile-header .ast-logo-container,
.ast-header-break-point .ast-mobile-header-wrap .ast-logo-container {
display: flex !important;
align-items: center !important;
max-width: 55% !important;
overflow: hidden !important;
}
/* ضبط صورة الشعار */
#ast-mobile-header .ast-logo-container img,
.ast-header-break-point .ast-mobile-header-wrap .ast-logo-container img {
max-height: 50px !important;
max-width: 150px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
}
/* ضبط عنصر الهيدر الجوال بأكمله */
#ast-mobile-header,
.ast-header-break-point .ast-mobile-header-wrap .ast-primary-header-bar {
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
padding: 8px 15px !important;
box-sizing: border-box !important;
min-height: 60px !important;
}
/* منع عنصر الهيدر من التمرير الأفقي */
.ast-header-break-point header,
.ast-header-break-point .main-header-bar {
overflow: hidden !important;
width: 100% !important;
max-width: 100% !important;
}
}
/* ====================================================
🌿 تصميم صفحات التصنيفات - منصة أوج
العناصر الخمسة في الطبيعة: ماء • نار • أرض • هواء • أثير
==================================================== */
/* === متغيرات العناصر الخمسة === */
:root {
--awj-water: #4F8EF7;
--awj-water-dark: #1A5BB8;
--awj-water-light: #EBF3FF;
--awj-fire: #FF6B2C;
--awj-fire-dark: #C0360A;
--awj-fire-light: #FFF1EB;
--awj-earth: #22C55E;
--awj-earth-dark: #166534;
--awj-earth-light: #ECFDF5;
--awj-air: #A78BFA;
--awj-air-dark: #5B21B6;
--awj-air-light: #F3EEFF;
--awj-ether: #F59E0B;
--awj-ether-dark: #92400E;
--awj-ether-light: #FFFBEB;
--awj-primary: #5B21B6;
--awj-glass: rgba(255,255,255,0.85);
--awj-shadow: 0 20px 60px rgba(91,33,182,0.12);
--awj-radius: 24px;
}
/* ============================================
🏛️ صفحة التصنيفات الرئيسية (shop/product-category)
============================================ */
/* Hero Banner للتصنيف - شامل */
.tax-product_cat .woocommerce-products-header,
.term-description,
.woocommerce-products-header {
position: relative;
overflow: hidden;
}
/* === بطاقات التصنيفات في صفحة المتجر === */
.product-categories,
ul.product-categories,
.wc-block-product-categories {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
gap: 28px !important;
padding: 40px 0 !important;
list-style: none !important;
margin: 0 !important;
}
/* بطاقة تصنيف واحدة */
.product-categories li,
ul.product-categories li,
.product-category {
position: relative !important;
border-radius: var(--awj-radius) !important;
overflow: hidden !important;
transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
box-shadow: 0 8px 32px rgba(91,33,182,0.10) !important;
background: var(--awj-glass) !important;
backdrop-filter: blur(10px) !important;
border: 1.5px solid rgba(167,139,250,0.2) !important;
list-style: none !important;
}
.product-categories li:hover,
ul.product-categories li:hover,
.product-category:hover {
transform: translateY(-10px) scale(1.02) !important;
box-shadow: 0 24px 60px rgba(91,33,182,0.22) !important;
border-color: rgba(91,33,182,0.4) !important;
}
/* صورة التصنيف */
.product-category a img,
.product-categories li a img {
width: 100% !important;
height: 200px !important;
object-fit: cover !important;
display: block !important;
transition: transform 0.6s ease !important;
}
.product-category:hover a img,
.product-categories li:hover a img {
transform: scale(1.08) !important;
}
/* اسم التصنيف */
.product-category h2,
.product-category mark,
.product-categories li h2,
.product-categories li mark {
font-size: 1.3rem !important;
font-weight: 800 !important;
color: var(--awj-primary) !important;
padding: 16px 20px 4px !important;
display: block !important;
background: none !important;
}
/* عدد المنتجات */
.product-category .count,
.product-categories li .count {
font-size: 0.85rem !important;
color: #888 !important;
padding: 0 20px 16px !important;
display: block !important;
}
/* ============================================
🌊 صفحة تصنيف: اشتراكات (عنصر الماء)
============================================ */
body.term-اشتراكات .woocommerce-products-header,
body[class*="term-"] .woocommerce-products-header {
min-height: 340px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
overflow: hidden;
}
/* Hero عام لكل صفحة تصنيف */
.tax-product_cat .page-header,
.tax-product_cat .woocommerce-products-header,
.woocommerce-products-header {
background: linear-gradient(135deg, #1e1b4b 0%, #312e81 40%, #4338ca 70%, #6366f1 100%) !important;
padding: 80px 40px !important;
border-radius: 0 0 60px 60px !important;
margin-bottom: 60px !important;
position: relative !important;
overflow: hidden !important;
}
.woocommerce-products-header::before {
content: '' !important;
position: absolute !important;
top: -50% !important;
right: -20% !important;
width: 600px !important;
height: 600px !important;
background: radial-gradient(circle, rgba(167,139,250,0.3) 0%, transparent 70%) !important;
animation: awj-float 6s ease-in-out infinite !important;
}
.woocommerce-products-header::after {
content: '' !important;
position: absolute !important;
bottom: -30% !important;
left: -10% !important;
width: 400px !important;
height: 400px !important;
background: radial-gradient(circle, rgba(99,102,241,0.4) 0%, transparent 70%) !important;
animation: awj-float 8s ease-in-out infinite reverse !important;
}
/* عنوان صفحة التصنيف */
.woocommerce-products-header .woocommerce-products-header__title,
.tax-product_cat h1.page-title,
.woocommerce-products-header h1 {
color: #fff !important;
font-size: clamp(2rem, 5vw, 3.5rem) !important;
font-weight: 900 !important;
position: relative !important;
z-index: 2 !important;
text-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
margin: 0 !important;
}
/* وصف التصنيف */
.term-description {
background: rgba(255,255,255,0.08) !important;
backdrop-filter: blur(10px) !important;
border: 1px solid rgba(255,255,255,0.2) !important;
border-radius: 16px !important;
padding: 20px 30px !important;
color: rgba(255,255,255,0.9) !important;
font-size: 1.1rem !important;
max-width: 700px !important;
margin: 20px auto 0 !important;
position: relative !important;
z-index: 2 !important;
line-height: 1.8 !important;
}
/* ============================================
🎯 تصميم الشريط العلوي لكل تصنيف بألوان العناصر
============================================ */
/* تصنيف: اشتراكات = الماء 💧 */
body.term-اشتراكات .woocommerce-products-header,
body[class*="term-"][class*="اشتراكات"] .woocommerce-products-header {
background: linear-gradient(135deg, #0c1445 0%, #1a3a8f 50%, #3b82f6 100%) !important;
}
/* تصنيف: تجارة واعمال = النار 🔥 */
body.term-تجارة-واعمال .woocommerce-products-header,
body[class*="تجارة-واعمال"] .woocommerce-products-header {
background: linear-gradient(135deg, #4a1500 0%, #991b1b 50%, #f97316 100%) !important;
}
/* تصنيف: تعليم واطفال = الأرض 🌱 */
body.term-تعليم-واطفال .woocommerce-products-header,
body[class*="تعليم-واطفال"] .woocommerce-products-header {
background: linear-gradient(135deg, #052e16 0%, #166534 50%, #22c55e 100%) !important;
}
/* تصنيف: روايات وقصص = الهواء 💨 */
body.term-روايات-وقصص .woocommerce-products-header,
body[class*="روايات-وقصص"] .woocommerce-products-header {
background: linear-gradient(135deg, #2e1065 0%, #6d28d9 50%, #a78bfa 100%) !important;
}
/* تصنيف: العاب وترفيه = الأثير ✨ */
body.term-العاب-وترفيه .woocommerce-products-header,
body[class*="العاب-وترفيه"] .woocommerce-products-header {
background: linear-gradient(135deg, #451a03 0%, #d97706 50%, #fbbf24 100%) !important;
}
/* تصنيف: طبخ = الأرض 🌿 */
body.term-طبخ .woocommerce-products-header {
background: linear-gradient(135deg, #134e4a 0%, #0f766e 50%, #2dd4bf 100%) !important;
}
/* تصنيف: المنتجات = الأثير الكوني 🌌 */
body.term-المنتجات .woocommerce-products-header,
body.term-منتجات .woocommerce-products-header {
background: linear-gradient(135deg, #1e1b4b 0%, #4338ca 50%, #818cf8 100%) !important;
}
/* ============================================
🃏 بطاقات المنتجات - تصميم احترافي
============================================ */
.woocommerce ul.products,
.wc-block-grid__products {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
gap: 28px !important;
}
.woocommerce ul.products li.product,
.wc-block-grid__product {
border-radius: 20px !important;
overflow: hidden !important;
background: #fff !important;
box-shadow: 0 4px 24px rgba(91,33,182,0.08) !important;
border: 1.5px solid rgba(167,139,250,0.15) !important;
transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
padding: 0 !important;
position: relative !important;
}
.woocommerce ul.products li.product:hover,
.wc-block-grid__product:hover {
transform: translateY(-8px) !important;
box-shadow: 0 20px 50px rgba(91,33,182,0.18) !important;
border-color: rgba(91,33,182,0.3) !important;
}
/* صورة المنتج */
.woocommerce ul.products li.product .woocommerce-loop-product__link img,
.woocommerce ul.products li.product img {
width: 100% !important;
height: 220px !important;
object-fit: cover !important;
display: block !important;
transition: transform 0.5s ease !important;
}
.woocommerce ul.products li.product:hover img {
transform: scale(1.06) !important;
}
/* محتوى بطاقة المنتج */
.woocommerce ul.products li.product .product-info-wrapper,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
padding: 16px 20px 4px !important;
font-size: 1.05rem !important;
font-weight: 700 !important;
color: #1e1b4b !important;
line-height: 1.4 !important;
}
/* السعر */
.woocommerce ul.products li.product .price {
padding: 4px 20px !important;
font-weight: 800 !important;
color: var(--awj-primary) !important;
font-size: 1.2rem !important;
}
/* زر الإضافة للسلة */
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .button {
background: linear-gradient(135deg, #4338ca, #7c3aed) !important;
color: #fff !important;
border: none !important;
border-radius: 0 !important;
padding: 14px 20px !important;
width: 100% !important;
font-weight: 700 !important;
font-size: 0.95rem !important;
transition: all 0.3s ease !important;
display: block !important;
text-align: center !important;
margin: 12px 0 0 !important;
}
.woocommerce ul.products li.product .add_to_cart_button:hover,
.woocommerce ul.products li.product .button:hover {
background: linear-gradient(135deg, #3730a3, #6d28d9) !important;
transform: none !important;
letter-spacing: 1px !important;
}
/* ============================================
🔍 فلاتر التصنيف - Sidebar
============================================ */
.widget_product_categories .product-categories {
display: block !important;
padding: 0 !important;
gap: 0 !important;
}
.widget_product_categories .product-categories li {
border-radius: 12px !important;
margin-bottom: 6px !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
overflow: visible !important;
transition: background 0.2s !important;
}
.widget_product_categories .product-categories li:hover {
transform: none !important;
background: var(--awj-air-light) !important;
box-shadow: none !important;
}
/* ============================================
🏷️ شريط مؤشر العناصر الخمسة في صفحة التصنيف
============================================ */
.tax-product_cat .awj-elements-bar {
display: flex !important;
justify-content: center !important;
gap: 12px !important;
flex-wrap: wrap !important;
margin: -30px auto 40px !important;
position: relative !important;
z-index: 10 !important;
max-width: 700px !important;
}
/* ============================================
📦 شريط breadcrumb بتصميم مميز
============================================ */
.woocommerce .woocommerce-breadcrumb,
nav.woocommerce-breadcrumb {
background: linear-gradient(135deg, #f8f4ff, #ede9fe) !important;
border-radius: 50px !important;
padding: 10px 24px !important;
font-size: 0.9rem !important;
color: #6d28d9 !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin-bottom: 30px !important;
border: 1px solid rgba(167,139,250,0.3) !important;
}
.woocommerce .woocommerce-breadcrumb a,
nav.woocommerce-breadcrumb a {
color: #7c3aed !important;
text-decoration: none !important;
font-weight: 600 !important;
transition: color 0.2s !important;
}
.woocommerce .woocommerce-breadcrumb a:hover,
nav.woocommerce-breadcrumb a:hover {
color: #4338ca !important;
}
/* ============================================
🎨 فلتر الترتيب - Orderby
============================================ */
.woocommerce-ordering select {
background: #fff !important;
border: 2px solid rgba(167,139,250,0.3) !important;
border-radius: 50px !important;
padding: 10px 20px !important;
color: #4338ca !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
appearance: none !important;
-webkit-appearance: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234338ca' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: left 16px center !important;
padding-left: 36px !important;
}
.woocommerce-ordering select:focus,
.woocommerce-ordering select:hover {
border-color: #7c3aed !important;
box-shadow: 0 0 0 3px rgba(124,58,237,0.15) !important;
outline: none !important;
}
/* ============================================
📊 نتائج التصفح - Results count
============================================ */
.woocommerce-result-count {
background: linear-gradient(135deg, #f3eeff, #ede9fe) !important;
color: #6d28d9 !important;
padding: 8px 20px !important;
border-radius: 50px !important;
font-weight: 600 !important;
font-size: 0.9rem !important;
border: 1px solid rgba(167,139,250,0.3) !important;
}
/* ============================================
🏪 صفحة المتجر الرئيسية - قائمة التصنيفات
============================================ */
.tax-product_cat .products-header-banner {
position: relative;
min-height: 420px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
overflow: hidden;
}
/* === بادج العنصر على بطاقة التصنيف === */
.product-category a::after {
position: absolute !important;
top: 16px !important;
right: 16px !important;
background: rgba(255,255,255,0.9) !important;
backdrop-filter: blur(8px) !important;
color: var(--awj-primary) !important;
font-size: 0.75rem !important;
font-weight: 700 !important;
padding: 4px 12px !important;
border-radius: 50px !important;
border: 1px solid rgba(91,33,182,0.2) !important;
}
/* ============================================
✨ كروت التصنيف في صفحة المتجر بعناصر الطبيعة
============================================ */
/* تأثير shimmer على بطاقات التصنيف */
.product-category::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent) !important;
transition: left 0.5s ease !important;
z-index: 3 !important;
pointer-events: none !important;
}
.product-category:hover::before {
left: 100% !important;
}
/* ============================================
🌊 صفحة تصنيف اشتراكات - ماء - أنيميشن موجات
============================================ */
body.term-اشتراكات .woocommerce-products-header::before {
content: '' !important;
position: absolute !important;
width: 200% !important;
height: 200px !important;
bottom: -80px !important;
left: -50% !important;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120'%3E%3Cpath fill='rgba(255,255,255,0.1)' d='M0,64L80,74.7C160,85,320,107,480,112C640,117,800,107,960,90.7C1120,75,1280,53,1360,42.7L1440,32L1440,120L0,120Z'/%3E%3C/svg%3E") !important;
background-size: 50% 100% !important;
animation: awj-wave 4s linear infinite !important;
}
/* ============================================
🔥 صفحة تجارة واعمال - نار - تأثير لهب
============================================ */
body.term-تجارة-واعمال .woocommerce-products-header::before {
content: '🔥' !important;
font-size: 120px !important;
position: absolute !important;
top: -20px !important;
right: 60px !important;
opacity: 0.3 !important;
animation: awj-float 3s ease-in-out infinite !important;
filter: blur(2px) !important;
}
/* ============================================
🎬 أنيميشن الكروت عند الدخول
============================================ */
.woocommerce ul.products li.product {
animation: awj-card-enter 0.6s ease both !important;
}
.woocommerce ul.products li.product:nth-child(1) { animation-delay: 0.05s !important; }
.woocommerce ul.products li.product:nth-child(2) { animation-delay: 0.10s !important; }
.woocommerce ul.products li.product:nth-child(3) { animation-delay: 0.15s !important; }
.woocommerce ul.products li.product:nth-child(4) { animation-delay: 0.20s !important; }
.woocommerce ul.products li.product:nth-child(5) { animation-delay: 0.25s !important; }
.woocommerce ul.products li.product:nth-child(6) { animation-delay: 0.30s !important; }
.woocommerce ul.products li.product:nth-child(7) { animation-delay: 0.35s !important; }
.woocommerce ul.products li.product:nth-child(8) { animation-delay: 0.40s !important; }
.woocommerce ul.products li.product:nth-child(9) { animation-delay: 0.45s !important; }
/* ============================================
🎯 Keyframes الأنيميشن
============================================ */
@keyframes awj-float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-20px); }
}
@keyframes awj-wave {
0% { background-position: 0% 0%; }
100% { background-position: 50% 0%; }
}
@keyframes awj-card-enter {
0% { opacity: 0; transform: translateY(30px) scale(0.95); }
100% { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes awj-pulse-glow {
0%, 100% { box-shadow: 0 0 20px rgba(91,33,182,0.2); }
50% { box-shadow: 0 0 40px rgba(91,33,182,0.4); }
}
@keyframes awj-shimmer {
0% { background-position: -200% center; }
100% { background-position: 200% center; }
}
/* ============================================
📱 Responsive التصميم
============================================ */
@media (max-width: 768px) {
.woocommerce-products-header {
padding: 50px 20px !important;
border-radius: 0 0 36px 36px !important;
margin-bottom: 30px !important;
}
.product-categories,
ul.product-categories {
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px !important;
}
.woocommerce ul.products {
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px !important;
}
.woocommerce-result-count,
.woocommerce-ordering select {
font-size: 0.8rem !important;
}
}
@media (max-width: 480px) {
.product-categories,
ul.product-categories {
grid-template-columns: 1fr 1fr !important;
gap: 12px !important;
}
.woocommerce ul.products {
grid-template-columns: 1fr 1fr !important;
gap: 12px !important;
}
.woocommerce-products-header .woocommerce-products-header__title,
.woocommerce-products-header h1 {
font-size: 1.8rem !important;
}
}
/* ============================================
🏷️ بادجات العناصر الخمسة - مؤشر تصنيف
============================================ */
.awj-element-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 16px;
border-radius: 50px;
font-size: 0.85rem;
font-weight: 700;
backdrop-filter: blur(8px);
border: 1.5px solid rgba(255,255,255,0.3);
color: #fff;
letter-spacing: 0.5px;
}
.awj-badge-water { background: rgba(79,142,247,0.7); }
.awj-badge-fire { background: rgba(255,107,44,0.7); }
.awj-badge-earth { background: rgba(34,197,94,0.7); }
.awj-badge-air { background: rgba(167,139,250,0.7); }
.awj-badge-ether { background: rgba(245,158,11,0.7); }
/* ============================================
🌟 Pagination - ترقيم الصفحات
============================================ */
.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul {
border: none !important;
display: flex !important;
gap: 8px !important;
justify-content: center !important;
padding: 40px 0 !important;
flex-wrap: wrap !important;
}
.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul li {
border: none !important;
}
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
border-radius: 50px !important;
border: 2px solid rgba(167,139,250,0.3) !important;
color: #6d28d9 !important;
padding: 8px 18px !important;
font-weight: 700 !important;
transition: all 0.3s ease !important;
background: #fff !important;
}
.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover {
background: linear-gradient(135deg, #4338ca, #7c3aed) !important;
color: #fff !important;
border-color: transparent !important;
transform: scale(1.1) !important;
}
.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: linear-gradient(135deg, #4338ca, #7c3aed) !important;
color: #fff !important;
border-color: transparent !important;
}
/* ============================================
🎁 تصميم صندوق "لا توجد منتجات"
============================================ */
.woocommerce-info,
.woocommerce-notice {
background: linear-gradient(135deg, #f3eeff, #ede9fe) !important;
border: none !important;
border-right: 5px solid #7c3aed !important;
border-radius: 16px !important;
padding: 24px 30px !important;
color: #4338ca !important;
font-weight: 600 !important;
box-shadow: 0 4px 20px rgba(124,58,237,0.1) !important;
}
.woocommerce-info::before,
.woocommerce-notice::before {
color: #7c3aed !important;
}
/* ============================================
🎨 ألوان التصنيفات بناءً على Term IDs الفعلية
الربط بعناصر الطبيعة الخمسة:
- المنتجات (1727452) = الأثير الكوني 🌌
- اشتراكات (1727449) = الماء 💧
- تجارة واعمال (1727446) = النار 🔥
- تعليم واطفال (1727448) = الأرض 🌱
- روايات وقصص (1727447) = الهواء 💨
- العاب وترفيه (1727451) = الأثير ✨
- طبخ (1727450) = الأرض/الطبيعة 🌿
============================================ */
/* 🌊 اشتراكات = الماء */
body.term-1727449 .woocommerce-products-header {
background: linear-gradient(135deg, #0c1445 0%, #1a3a8f 40%, #2563eb 70%, #60a5fa 100%) !important;
}
body.term-1727449 .woocommerce-products-header::before {
content: '' !important;
position: absolute !important;
width: 800px !important;
height: 800px !important;
border-radius: 50% !important;
background: radial-gradient(circle, rgba(96,165,250,0.25) 0%, transparent 70%) !important;
top: -200px !important;
right: -200px !important;
animation: awj-float 7s ease-in-out infinite !important;
}
body.term-1727449 .woocommerce-products-header::after {
content: '💧' !important;
font-size: 80px !important;
position: absolute !important;
bottom: 20px !important;
left: 60px !important;
opacity: 0.25 !important;
animation: awj-float 5s ease-in-out infinite !important;
filter: blur(1px) !important;
}
/* 🔥 تجارة واعمال = النار */
body.term-1727446 .woocommerce-products-header {
background: linear-gradient(135deg, #4a1500 0%, #7c2d12 30%, #c2410c 60%, #fb923c 100%) !important;
}
body.term-1727446 .woocommerce-products-header::before {
content: '' !important;
position: absolute !important;
width: 600px !important;
height: 600px !important;
border-radius: 50% !important;
background: radial-gradient(circle, rgba(251,146,60,0.3) 0%, transparent 70%) !important;
top: -150px !important;
right: -100px !important;
animation: awj-float 5s ease-in-out infinite !important;
}
body.term-1727446 .woocommerce-products-header::after {
content: '🔥' !important;
font-size: 100px !important;
position: absolute !important;
bottom: 10px !important;
left: 50px !important;
opacity: 0.3 !important;
animation: awj-float 3s ease-in-out infinite !important;
filter: blur(2px) !important;
}
body.term-1727446 .add_to_cart_button,
body.term-1727446 .button {
background: linear-gradient(135deg, #c2410c, #ea580c) !important;
}
/* 🌱 تعليم واطفال = الأرض */
body.term-1727448 .woocommerce-products-header {
background: linear-gradient(135deg, #052e16 0%, #14532d 40%, #16a34a 70%, #4ade80 100%) !important;
}
body.term-1727448 .woocommerce-products-header::before {
content: '' !important;
position: absolute !important;
width: 700px !important;
height: 700px !important;
border-radius: 50% !important;
background: radial-gradient(circle, rgba(74,222,128,0.2) 0%, transparent 70%) !important;
top: -180px !important;
right: -150px !important;
animation: awj-float 8s ease-in-out infinite !important;
}
body.term-1727448 .woocommerce-products-header::after {
content: '🌱' !important;
font-size: 90px !important;
position: absolute !important;
bottom: 15px !important;
left: 60px !important;
opacity: 0.3 !important;
animation: awj-float 6s ease-in-out infinite !important;
filter: blur(1px) !important;
}
body.term-1727448 .add_to_cart_button,
body.term-1727448 .button {
background: linear-gradient(135deg, #15803d, #16a34a) !important;
}
/* 💨 روايات وقصص = الهواء */
body.term-1727447 .woocommerce-products-header {
background: linear-gradient(135deg, #1e0a4a 0%, #4c1d95 40%, #7c3aed 70%, #c4b5fd 100%) !important;
}
body.term-1727447 .woocommerce-products-header::before {
content: '' !important;
position: absolute !important;
width: 700px !important;
height: 700px !important;
border-radius: 50% !important;
background: radial-gradient(circle, rgba(196,181,253,0.25) 0%, transparent 70%) !important;
top: -200px !important;
right: -150px !important;
animation: awj-float 9s ease-in-out infinite !important;
}
body.term-1727447 .woocommerce-products-header::after {
content: '📖' !important;
font-size: 90px !important;
position: absolute !important;
bottom: 15px !important;
left: 60px !important;
opacity: 0.25 !important;
animation: awj-float 7s ease-in-out infinite reverse !important;
filter: blur(1px) !important;
}
/* ✨ العاب وترفيه = الأثير/المعدن */
body.term-1727451 .woocommerce-products-header {
background: linear-gradient(135deg, #451a03 0%, #92400e 40%, #d97706 70%, #fbbf24 100%) !important;
}
body.term-1727451 .woocommerce-products-header::before {
content: '' !important;
position: absolute !important;
width: 600px !important;
height: 600px !important;
border-radius: 50% !important;
background: radial-gradient(circle, rgba(251,191,36,0.3) 0%, transparent 70%) !important;
top: -150px !important;
right: -100px !important;
animation: awj-float 6s ease-in-out infinite !important;
}
body.term-1727451 .woocommerce-products-header::after {
content: '⚡' !important;
font-size: 100px !important;
position: absolute !important;
bottom: 10px !important;
left: 50px !important;
opacity: 0.25 !important;
animation: awj-float 4s ease-in-out infinite !important;
filter: blur(2px) !important;
}
body.term-1727451 .add_to_cart_button,
body.term-1727451 .button {
background: linear-gradient(135deg, #b45309, #d97706) !important;
}
/* 🌿 طبخ = الأرض/الماء */
body.term-1727450 .woocommerce-products-header {
background: linear-gradient(135deg, #134e4a 0%, #0f766e 40%, #14b8a6 70%, #5eead4 100%) !important;
}
body.term-1727450 .woocommerce-products-header::before {
content: '' !important;
position: absolute !important;
width: 600px !important;
height: 600px !important;
border-radius: 50% !important;
background: radial-gradient(circle, rgba(94,234,212,0.25) 0%, transparent 70%) !important;
top: -150px !important;
right: -100px !important;
animation: awj-float 7s ease-in-out infinite !important;
}
body.term-1727450 .woocommerce-products-header::after {
content: '🍴' !important;
font-size: 90px !important;
position: absolute !important;
bottom: 15px !important;
left: 60px !important;
opacity: 0.25 !important;
animation: awj-float 6s ease-in-out infinite !important;
filter: blur(1px) !important;
}
body.term-1727450 .add_to_cart_button,
body.term-1727450 .button {
background: linear-gradient(135deg, #0f766e, #14b8a6) !important;
}
/* 🌌 المنتجات الرئيسية = الأثير الكوني */
body.term-1727452 .woocommerce-products-header {
background: linear-gradient(135deg, #1e1b4b 0%, #312e81 40%, #4f46e5 70%, #818cf8 100%) !important;
}
/* ============================================
🎯 إضافة مؤشر العنصر أعلى بانر كل تصنيف
============================================ */
/* شريط عناصر الطبيعة في بانر التصنيف */
body.term-1727449 .woocommerce-products-header .woocommerce-products-header__title::before {
content: '💧 عنصر الماء •' !important;
display: block !important;
font-size: 0.9rem !important;
font-weight: 500 !important;
opacity: 0.8 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
margin-bottom: 8px !important;
color: #bfdbfe !important;
}
body.term-1727446 .woocommerce-products-header .woocommerce-products-header__title::before {
content: '🔥 عنصر النار •' !important;
display: block !important;
font-size: 0.9rem !important;
font-weight: 500 !important;
opacity: 0.8 !important;
letter-spacing: 2px !important;
margin-bottom: 8px !important;
color: #fed7aa !important;
}
body.term-1727448 .woocommerce-products-header .woocommerce-products-header__title::before {
content: '🌱 عنصر الأرض •' !important;
display: block !important;
font-size: 0.9rem !important;
font-weight: 500 !important;
opacity: 0.8 !important;
letter-spacing: 2px !important;
margin-bottom: 8px !important;
color: #bbf7d0 !important;
}
body.term-1727447 .woocommerce-products-header .woocommerce-products-header__title::before {
content: '💨 عنصر الهواء •' !important;
display: block !important;
font-size: 0.9rem !important;
font-weight: 500 !important;
opacity: 0.8 !important;
letter-spacing: 2px !important;
margin-bottom: 8px !important;
color: #ddd6fe !important;
}
body.term-1727451 .woocommerce-products-header .woocommerce-products-header__title::before {
content: '⚡ عنصر الأثير •' !important;
display: block !important;
font-size: 0.9rem !important;
font-weight: 500 !important;
opacity: 0.8 !important;
letter-spacing: 2px !important;
margin-bottom: 8px !important;
color: #fde68a !important;
}
body.term-1727450 .woocommerce-products-header .woocommerce-products-header__title::before {
content: '🌿 عنصر الأرض •' !important;
display: block !important;
font-size: 0.9rem !important;
font-weight: 500 !important;
opacity: 0.8 !important;
letter-spacing: 2px !important;
margin-bottom: 8px !important;
color: #99f6e4 !important;
}
body.term-1727452 .woocommerce-products-header .woocommerce-products-header__title::before {
content: '🌌 الأثير الكوني •' !important;
display: block !important;
font-size: 0.9rem !important;
font-weight: 500 !important;
opacity: 0.8 !important;
letter-spacing: 2px !important;
margin-bottom: 8px !important;
color: #c7d2fe !important;
}
/* ============================================
🎨 ألوان الـ Breadcrumb حسب التصنيف
============================================ */
body.term-1727449 .woocommerce-breadcrumb,
body.term-1727449 nav.woocommerce-breadcrumb {
background: linear-gradient(135deg, #eff6ff, #dbeafe) !important;
color: #1d4ed8 !important;
border-color: rgba(59,130,246,0.3) !important;
}
body.term-1727446 .woocommerce-breadcrumb,
body.term-1727446 nav.woocommerce-breadcrumb {
background: linear-gradient(135deg, #fff7ed, #ffedd5) !important;
color: #ea580c !important;
border-color: rgba(234,88,12,0.3) !important;
}
body.term-1727448 .woocommerce-breadcrumb,
body.term-1727448 nav.woocommerce-breadcrumb {
background: linear-gradient(135deg, #f0fdf4, #dcfce7) !important;
color: #16a34a !important;
border-color: rgba(22,163,74,0.3) !important;
}
body.term-1727447 .woocommerce-breadcrumb,
body.term-1727447 nav.woocommerce-breadcrumb {
background: linear-gradient(135deg, #f5f3ff, #ede9fe) !important;
color: #7c3aed !important;
border-color: rgba(124,58,237,0.3) !important;
}
body.term-1727451 .woocommerce-breadcrumb,
body.term-1727451 nav.woocommerce-breadcrumb {
background: linear-gradient(135deg, #fffbeb, #fef3c7) !important;
color: #d97706 !important;
border-color: rgba(217,119,6,0.3) !important;
}
body.term-1727450 .woocommerce-breadcrumb,
body.term-1727450 nav.woocommerce-breadcrumb {
background: linear-gradient(135deg, #f0fdfa, #ccfbf1) !important;
color: #0f766e !important;
border-color: rgba(15,118,110,0.3) !important;
}
/* ============================================
🏷️ أيقونة العنصر على بطاقة التصنيف في قائمة المتجر
============================================ */
/* تحسين بطاقات التصنيف في صفحة المتجر */
.product-category.cat-item-1727449 { border-top: 4px solid #3b82f6 !important; }
.product-category.cat-item-1727446 { border-top: 4px solid #f97316 !important; }
.product-category.cat-item-1727448 { border-top: 4px solid #22c55e !important; }
.product-category.cat-item-1727447 { border-top: 4px solid #a78bfa !important; }
.product-category.cat-item-1727451 { border-top: 4px solid #f59e0b !important; }
.product-category.cat-item-1727450 { border-top: 4px solid #14b8a6 !important; }
.product-category.cat-item-1727452 { border-top: 4px solid #6366f1 !important; }
/* ============================================================
🔧 إصلاح الهيدر في صفحات التصنيفات
إخفاء Astra header الضخم وإظهار هيدر موحد مثل الرئيسية
============================================================ */
/* إخفاء الـ Astra default header في صفحات WooCommerce/التصنيفات */
.tax-product_cat #masthead,
.woocommerce-page #masthead,
.post-type-archive-product #masthead,
body.woocommerce #masthead,
body.woocommerce-page #masthead {
display: none !important;
}
/* هيدر موحد لصفحات التصنيفات - نفس تصميم الرئيسية */
.tax-product_cat body::before,
.woocommerce-page body::before,
body.woocommerce::before,
body.woocommerce-page::before {
content: '' !important;
display: block !important;
height: 72px !important;
}
/* إنشاء هيدر ثابت موحد لصفحات المتجر */
.tax-product_cat #page,
body.woocommerce #page,
body.woocommerce-page #page {
padding-top: 0 !important;
}
/* الهيدر الموحد للمتجر - مطابق للرئيسية */
.awj-unified-header {
position: fixed !important;
top: 0 !important;
right: 0 !important;
left: 0 !important;
z-index: 9999 !important;
height: 72px !important;
background: rgba(255,255,255,0.92) !important;
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px) !important;
border-bottom: 1px solid rgba(91,33,182,0.08) !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 32px !important;
box-shadow: 0 2px 20px rgba(91,33,182,0.06) !important;
transition: all 0.3s ease !important;
}
/* لوغو الهيدر */
.awj-unified-header .awj-hd-logo {
font-size: 1.5rem !important;
font-weight: 900 !important;
color: #1e1b4b !important;
text-decoration: none !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
letter-spacing: -0.5px !important;
}
.awj-unified-header .awj-hd-logo svg {
width: 36px !important;
height: 36px !important;
background: linear-gradient(135deg, #4338ca, #7c3aed) !important;
border-radius: 10px !important;
padding: 6px !important;
}
/* قائمة الهيدر */
.awj-unified-header .awj-hd-nav {
display: flex !important;
align-items: center !important;
gap: 4px !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.awj-unified-header .awj-hd-nav a {
color: #374151 !important;
text-decoration: none !important;
font-weight: 600 !important;
font-size: 0.95rem !important;
padding: 8px 16px !important;
border-radius: 50px !important;
transition: all 0.25s ease !important;
white-space: nowrap !important;
}
.awj-unified-header .awj-hd-nav a:hover {
background: linear-gradient(135deg, #f3eeff, #ede9fe) !important;
color: #7c3aed !important;
}
.awj-unified-header .awj-hd-nav a.active,
.awj-unified-header .awj-hd-nav a.current {
background: linear-gradient(135deg, #4338ca, #7c3aed) !important;
color: #fff !important;
}
/* أيقونات الهيدر */
.awj-unified-header .awj-hd-icons {
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
.awj-unified-header .awj-hd-icons a {
width: 40px !important;
height: 40px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 50% !important;
color: #374151 !important;
text-decoration: none !important;
transition: all 0.25s ease !important;
background: transparent !important;
border: 1.5px solid transparent !important;
}
.awj-unified-header .awj-hd-icons a:hover {
background: linear-gradient(135deg, #f3eeff, #ede9fe) !important;
color: #7c3aed !important;
border-color: rgba(124,58,237,0.2) !important;
}
.awj-unified-header .awj-hd-icons .awj-cart-icon {
background: linear-gradient(135deg, #4338ca, #7c3aed) !important;
color: #fff !important;
border-radius: 50px !important;
width: auto !important;
padding: 8px 16px !important;
gap: 6px !important;
font-size: 0.85rem !important;
font-weight: 700 !important;
}
.awj-unified-header .awj-hd-icons .awj-cart-icon:hover {
background: linear-gradient(135deg, #3730a3, #6d28d9) !important;
color: #fff !important;
}
/* ضبط المحتوى ليكون تحت الهيدر الثابت */
.tax-product_cat .site-content,
body.woocommerce .site-content,
body.woocommerce-page .site-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* محاذاة كل شيء بعد الـ admin bar */
.admin-bar .awj-unified-header {
top: 32px !important;
}
@media (max-width: 782px) {
.admin-bar .awj-unified-header {
top: 46px !important;
}
}
/* ========================
Responsive الهيدر
======================== */
@media (max-width: 768px) {
.awj-unified-header {
padding: 0 16px !important;
height: 60px !important;
}
.awj-unified-header .awj-hd-nav {
display: none !important;
}
.awj-unified-header .awj-hd-logo {
font-size: 1.2rem !important;
}
.tax-product_cat body::before,
body.woocommerce::before,
body.woocommerce-page::before {
height: 60px !important;
}
}
/* ===== AWJ Categories Page ===== */
.awj-categories-section {
font-family: 'Segoe UI', Tahoma, sans-serif;
direction: rtl;
padding: 60px 20px;
background: #f8f9ff;
}
.awj-categories-header {
text-align: center;
margin-bottom: 50px;
}
.awj-categories-header .awj-badge {
display: inline-block;
background: linear-gradient(135deg, #6C63FF, #a855f7);
color: white;
padding: 8px 24px;
border-radius: 50px;
font-size: 14px;
font-weight: 600;
margin-bottom: 20px;
}
.awj-categories-header h2 {
font-size: 38px !important;
font-weight: 800 !important;
color: #1a1a2e !important;
margin: 0 0 15px 0 !important;
line-height: 1.3 !important;
}
.awj-categories-header h2 span {
background: linear-gradient(135deg, #6C63FF, #a855f7);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.awj-categories-header > p {
font-size: 17px;
color: #666;
max-width: 600px;
margin: 0 auto;
line-height: 1.7;
}
.awj-categories-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 25px !important;
max-width: 1100px;
margin: 0 auto;
}
.awj-cat-card {
background: white !important;
border-radius: 20px !important;
padding: 35px 30px !important;
text-decoration: none !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
transition: all 0.35s ease !important;
box-shadow: 0 4px 20px rgba(108,99,255,0.1) !important;
border: 2px solid transparent !important;
position: relative !important;
overflow: hidden !important;
}
.awj-cat-card::before {
content: '';
position: absolute !important;
top: 0 !important;
right: 0 !important;
left: 0 !important;
height: 4px !important;
background: var(--cat-color) !important;
border-radius: 20px 20px 0 0 !important;
}
.awj-cat-card:hover {
transform: translateY(-8px) !important;
box-shadow: 0 20px 50px rgba(108,99,255,0.2) !important;
border-color: var(--cat-color) !important;
text-decoration: none !important;
}
.awj-cat-icon {
width: 80px !important;
height: 80px !important;
border-radius: 50% !important;
background: var(--cat-bg) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 36px !important;
margin-bottom: 20px !important;
transition: transform 0.3s ease !important;
}
.awj-cat-card:hover .awj-cat-icon {
transform: scale(1.1) rotate(5deg) !important;
}
.awj-cat-card h3 {
font-size: 20px !important;
font-weight: 700 !important;
color: #1a1a2e !important;
margin: 0 0 10px 0 !important;
}
.awj-cat-card > p {
font-size: 14px !important;
color: #888 !important;
margin: 0 0 20px 0 !important;
line-height: 1.6 !important;
}
.awj-cat-btn {
display: inline-flex !important;
align-items: center !important;
background: var(--cat-bg) !important;
color: var(--cat-text) !important;
padding: 10px 22px !important;
border-radius: 50px !important;
font-size: 14px !important;
font-weight: 600 !important;
transition: all 0.3s ease !important;
text-decoration: none !important;
margin-top: auto !important;
}
.awj-cat-card:hover .awj-cat-btn {
background: var(--cat-color) !important;
color: white !important;
}
.awj-cat-count {
position: absolute !important;
top: 15px !important;
left: 15px !important;
background: var(--cat-bg) !important;
color: var(--cat-text) !important;
width: 34px !important;
height: 34px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 13px !important;
font-weight: 700 !important;
}
.awj-cta-section {
text-align: center !important;
padding: 60px 40px !important;
background: linear-gradient(135deg, #6C63FF 0%, #a855f7 100%) !important;
border-radius: 25px !important;
max-width: 1100px !important;
margin: 60px auto 0 !important;
}
.awj-cta-section h3 {
font-size: 30px !important;
font-weight: 800 !important;
color: white !important;
margin: 0 0 15px 0 !important;
}
.awj-cta-section > p {
font-size: 17px !important;
color: rgba(255,255,255,0.85) !important;
margin: 0 0 30px 0 !important;
}
.awj-cta-btn {
display: inline-block !important;
background: white !important;
color: #6C63FF !important;
padding: 15px 40px !important;
border-radius: 50px !important;
font-size: 16px !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
box-shadow: 0 8px 25px rgba(0,0,0,0.15) !important;
}
.awj-cta-btn:hover {
transform: translateY(-3px) !important;
color: #6C63FF !important;
text-decoration: none !important;
}
@media (max-width: 900px) {
.awj-categories-grid { grid-template-columns: repeat(2, 1fr) !important; }
.awj-categories-header h2 { font-size: 28px !important; }
}
@media (max-width: 580px) {
.awj-categories-grid { grid-template-columns: 1fr !important; }
}
/* Fix wpautop tags inside grid */
.awj-categories-grid > p {
display: contents !important;
margin: 0 !important;
padding: 0 !important;
}
/* ===== Hide entry-header title on Categories Page (page-id-306) ===== */
body.page-id-306 .entry-header,
body.page-id-306 .ast-entry-header,
body.page-id-306 .page-header,
body.page-id-306 .entry-title,
body.page-id-306 .ast-breadcrumbs-wrapper,
body.page-id-306 .ast-above-post-title {
display: none !important;
}
body.page-id-306 .entry-content {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* ===== Hide Astra default header on page-id-306 (categories page) ===== */
body.page-id-306 .site-header,
body.page-id-306 #masthead {
display: none !important;
}
body.page-id-306 .site-content {
padding-top: 0 !important;
margin-top: 0 !important;
}
/* ===== Hide Astra default site header on categories page (page-id-306) ===== */
body.page-id-306 .site-header,
body.page-id-306 #masthead {
display: none !important;
}
/* ===== تصميم احترافي للوحة تحكم البائع - منصة اوج ===== */
/* === تصميم الشريط الجانبي === */
.dokan-dashboard .dokan-dash-sidebar {
background: linear-gradient(180deg, #4f46e5 0%, #3730a3 50%, #1e1b6e 100%) !important;
border-radius: 16px !important;
box-shadow: 0 10px 40px rgba(79, 70, 229, 0.3) !important;
padding: 20px 0 !important;
position: sticky !important;
top: 80px !important;
}
.dokan-dashboard .dokan-dash-sidebar ul li a {
color: rgba(255, 255, 255, 0.85) !important;
font-size: 14px !important;
font-weight: 500 !important;
padding: 12px 20px !important;
border-radius: 10px !important;
margin: 3px 12px !important;
transition: all 0.3s ease !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
.dokan-dashboard .dokan-dash-sidebar ul li a:hover,
.dokan-dashboard .dokan-dash-sidebar ul li.active a,
.dokan-dashboard .dokan-dash-sidebar ul li.dokan-common-dashboard-active-link a {
background: rgba(255, 255, 255, 0.15) !important;
color: #ffffff !important;
transform: translateX(-4px) !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}
/* === المحتوى الرئيسي === */
.dokan-dashboard .dokan-dashboard-content {
background: transparent !important;
}
/* === بطاقات الإحصائيات في الداشبورد === */
.dokan-dash-board-wrap .dokan-info-boxes {
margin-bottom: 25px !important;
}
.dokan-info-box,
.dokan-orders-report > li,
.dokan-dashboard-report-box,
.dokan-dash-board-wrap .dokan-info-button {
border-radius: 16px !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
transition: all 0.3s ease !important;
border: none !important;
overflow: hidden !important;
}
.dokan-info-box:hover,
.dokan-orders-report > li:hover {
transform: translateY(-4px) !important;
box-shadow: 0 8px 30px rgba(79, 70, 229, 0.2) !important;
}
/* === عنوان الداشبورد === */
.dokan-dashboard h1,
.dokan-dashboard h2,
.dokan-dashboard-content h2 {
font-size: 24px !important;
font-weight: 700 !important;
color: #1e1b6e !important;
margin-bottom: 20px !important;
font-family: 'Tajawal', 'Cairo', 'Arial', sans-serif !important;
}
/* === الجداول === */
.dokan-table,
.dokan-dashboard-table {
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
border: none !important;
margin-bottom: 25px !important;
}
.dokan-table thead tr,
.dokan-dashboard-table thead tr {
background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
color: white !important;
}
.dokan-table thead tr th,
.dokan-dashboard-table thead tr th {
color: white !important;
font-weight: 600 !important;
padding: 14px 16px !important;
border: none !important;
font-size: 13px !important;
}
.dokan-table tbody tr:nth-child(even) {
background: #f8f7ff !important;
}
.dokan-table tbody tr:hover {
background: #ede9fe !important;
}
.dokan-table tbody tr td {
padding: 12px 16px !important;
border-bottom: 1px solid #f0edff !important;
font-size: 14px !important;
}
/* === الأزرار === */
.dokan-btn,
.dokan-btn-theme,
button.dokan-btn {
border-radius: 10px !important;
font-weight: 600 !important;
padding: 10px 24px !important;
transition: all 0.3s ease !important;
border: none !important;
font-size: 14px !important;
}
.dokan-btn-theme,
.dokan-btn.dokan-btn-theme {
background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
color: white !important;
box-shadow: 0 4px 15px rgba(79, 70, 229, 0.3) !important;
}
.dokan-btn-theme:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 20px rgba(79, 70, 229, 0.4) !important;
background: linear-gradient(135deg, #4338ca, #6d28d9) !important;
}
/* === شريط التقدم === */
.dokan-dashboard-store-progress {
background: white !important;
border-radius: 16px !important;
padding: 20px !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
margin-bottom: 20px !important;
}
/* === الإشعارات والتنبيهات === */
.dokan-error,
.dokan-alert-danger {
background: linear-gradient(135deg, #fef2f2, #fee2e2) !important;
border-right: 4px solid #ef4444 !important;
border-left: none !important;
border-radius: 12px !important;
padding: 14px 20px !important;
color: #991b1b !important;
margin-bottom: 20px !important;
}
.dokan-success,
.dokan-alert-success {
background: linear-gradient(135deg, #f0fdf4, #dcfce7) !important;
border-right: 4px solid #22c55e !important;
border-left: none !important;
border-radius: 12px !important;
padding: 14px 20px !important;
color: #166534 !important;
margin-bottom: 20px !important;
}
/* === البحث والفلاتر === */
.dokan-form-control,
.dokan-dashboard input[type="text"],
.dokan-dashboard input[type="search"],
.dokan-dashboard select {
border-radius: 10px !important;
border: 2px solid #e0e7ff !important;
padding: 10px 16px !important;
font-size: 14px !important;
transition: all 0.3s ease !important;
}
.dokan-form-control:focus,
.dokan-dashboard input[type="text"]:focus,
.dokan-dashboard input[type="search"]:focus {
border-color: #4f46e5 !important;
box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15) !important;
outline: none !important;
}
/* === عنوان المتجر في الشريط الجانبي === */
.dokan-store-name,
.dokan-store-info-name {
font-size: 18px !important;
font-weight: 700 !important;
color: #ffffff !important;
text-align: center !important;
margin: 10px 0 !important;
font-family: 'Tajawal', 'Cairo', 'Arial', sans-serif !important;
}
/* === بطاقة الرصيد === */
.dokan-overview-balance {
background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
color: white !important;
border-radius: 16px !important;
padding: 20px !important;
}
/* === صفحة المنتجات - الجدول الاحترافي === */
.dokan-products-area .dokan-table,
#dokan-products-list-table,
.dokan-product-listing-table {
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0 4px 25px rgba(0,0,0,0.1) !important;
}
/* === ترقيم الصفحات === */
.dokan-pagination ul li a,
.dokan-pagination-wrap .page-numbers {
border-radius: 8px !important;
margin: 2px !important;
transition: all 0.3s ease !important;
}
.dokan-pagination ul li.active a,
.dokan-pagination-wrap .page-numbers.current {
background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
color: white !important;
border: none !important;
}
/* ===== تصميم احترافي للداشبورد الجديد (Vue.js) ===== */
/* الشريط الجانبي الجديد */
.dokan-seller-dashboard aside,
.dokan-vendor-dashboard-sidebar {
background: linear-gradient(180deg, #4f46e5 0%, #3730a3 60%, #1e1b6e 100%) !important;
border-radius: 0 20px 20px 0 !important;
box-shadow: 4px 0 20px rgba(79, 70, 229, 0.25) !important;
}
/* === خلفية الداشبورد الكاملة === */
.dokan-seller-dashboard,
.dokan-vendor-dashboard {
background: #f5f4ff !important;
min-height: 100vh !important;
}
/* ============================================================
تصميم احترافي للوحة تحكم البائع الجديدة (Vue.js / Tailwind)
منصة اوج - Dashboard Seller Professional Design
============================================================ */
/* --- خلفية الصفحة الكاملة --- */
.dokan-fullwidth-container {
background: #f0f2ff !important;
min-height: 100vh !important;
}
/* --- تصميم الشريط الجانبي العلوي (الهيدر) --- */
.dokan-frontend-layout .dokan-frontend-layout-header,
header.z-10 {
background: linear-gradient(135deg, #ffffff 0%, #f8f7ff 100%) !important;
border-bottom: 2px solid #e8e5ff !important;
box-shadow: 0 2px 20px rgba(79, 70, 229, 0.08) !important;
padding: 0 30px !important;
}
/* --- لوجو المتجر في الهيدر --- */
.dokan-frontend-layout-header a img,
.dokan-vendor-dashboard .store-logo {
border-radius: 50% !important;
border: 3px solid #4f46e5 !important;
box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.15) !important;
transition: all 0.3s ease !important;
}
/* --- زر زيارة المتجر --- */
.dokan-frontend-layout-header a.dokan-btn,
a[href*="store"] {
background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
color: white !important;
border-radius: 10px !important;
padding: 8px 18px !important;
font-weight: 600 !important;
transition: all 0.3s ease !important;
box-shadow: 0 4px 12px rgba(79, 70, 229, 0.25) !important;
}
/* --- الشريط الجانبي (Sidebar) --- */
.dokan-frontend-sidebar,
aside.dokan-frontend-sidebar {
background: linear-gradient(180deg, #4f46e5 0%, #3730a3 55%, #1e1b4b 100%) !important;
box-shadow: 4px 0 30px rgba(79, 70, 229, 0.3) !important;
border-radius: 0 !important;
}
/* --- لوجو الشريط الجانبي --- */
.dokan-frontend-sidebar .dokan-vendor-sidebar-logo,
.dokan-frontend-sidebar .store-logo,
.dokan-frontend-sidebar a > img {
border: 3px solid rgba(255,255,255,0.4) !important;
border-radius: 50% !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}
/* --- اسم المتجر في الشريط الجانبي --- */
.dokan-frontend-sidebar .dokan-store-name,
.dokan-frontend-sidebar .store-name {
color: white !important;
font-size: 16px !important;
font-weight: 700 !important;
text-align: center !important;
}
/* --- عناصر القائمة الجانبية --- */
.dokan-frontend-sidebar .dokan-dashboard-menu li a,
.dokan-frontend-sidebar ul li a {
color: rgba(255, 255, 255, 0.85) !important;
border-radius: 12px !important;
margin: 3px 8px !important;
padding: 12px 16px !important;
transition: all 0.25s ease !important;
font-size: 14px !important;
font-weight: 500 !important;
}
.dokan-frontend-sidebar .dokan-dashboard-menu li a:hover,
.dokan-frontend-sidebar .dokan-dashboard-menu li.active a,
.dokan-frontend-sidebar .dokan-common-dashboard-active-link a {
background: rgba(255,255,255,0.18) !important;
color: white !important;
box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
transform: translateX(-3px) !important;
}
/* --- تنبيه الحساب غير المفعّل --- */
.dokan-alert.dokan-alert-warning {
background: linear-gradient(135deg, #fffbeb, #fef3c7) !important;
border: none !important;
border-right: 4px solid #f59e0b !important;
border-radius: 14px !important;
box-shadow: 0 4px 15px rgba(245, 158, 11, 0.15) !important;
padding: 16px 20px !important;
margin-bottom: 20px !important;
color: #92400e !important;
}
/* --- بطاقة اكتمال الملف الشخصي --- */
.dokan-panel.dokan-profile-completeness {
background: white !important;
border-radius: 16px !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
border: none !important;
overflow: hidden !important;
margin-bottom: 20px !important;
}
.dokan-panel.dokan-profile-completeness .dokan-panel-body {
padding: 20px !important;
}
/* --- شريط تقدم اكتمال الملف --- */
.dokan-profile-completeness .dokan-progress {
background: #e0e7ff !important;
border-radius: 10px !important;
height: 10px !important;
overflow: hidden !important;
}
.dokan-profile-completeness .dokan-progress .dokan-progress-bar {
background: linear-gradient(90deg, #4f46e5, #7c3aed) !important;
border-radius: 10px !important;
transition: width 0.5s ease !important;
}
/* --- قسم النظرة العامة --- */
.dokan-dash-board-wrap .dokan-info-boxes,
.dokan-orders-report {
display: grid !important;
gap: 16px !important;
}
/* --- بطاقات الإحصاء --- */
.dokan-dash-board-wrap .dokan-info-boxes .dokan-info-box,
.dokan-orders-report > li {
background: white !important;
border-radius: 16px !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.07) !important;
border: none !important;
padding: 20px !important;
transition: all 0.3s ease !important;
overflow: hidden !important;
position: relative !important;
}
.dokan-orders-report > li::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
right: 0 !important;
width: 4px !important;
height: 100% !important;
background: linear-gradient(180deg, #4f46e5, #7c3aed) !important;
border-radius: 0 16px 16px 0 !important;
}
.dokan-dash-board-wrap .dokan-info-boxes .dokan-info-box:hover,
.dokan-orders-report > li:hover {
transform: translateY(-5px) !important;
box-shadow: 0 12px 35px rgba(79, 70, 229, 0.18) !important;
}
/* --- عنوان لوحة التحكم --- */
.dokan-dashboard-content h2,
.dokan-dashboard-content .dokan-dashboard-header h2 {
font-size: 22px !important;
font-weight: 700 !important;
color: #1e1b4b !important;
margin-bottom: 20px !important;
padding-bottom: 12px !important;
border-bottom: 2px solid #e0e7ff !important;
font-family: 'Tajawal', 'Cairo', Arial, sans-serif !important;
}
/* --- منطقة لوحة التحكم الرئيسية --- */
.dokan-dashboard-content {
background: transparent !important;
padding: 25px !important;
}
/* --- الجداول --- */
.dokan-dashboard-content .dokan-table {
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
border-collapse: separate !important;
border-spacing: 0 !important;
width: 100% !important;
margin-bottom: 20px !important;
background: white !important;
}
.dokan-dashboard-content .dokan-table thead {
background: linear-gradient(135deg, #4f46e5, #6d28d9) !important;
}
.dokan-dashboard-content .dokan-table thead th {
color: white !important;
font-weight: 600 !important;
padding: 14px 18px !important;
font-size: 13px !important;
border: none !important;
text-align: right !important;
}
.dokan-dashboard-content .dokan-table tbody tr {
transition: background 0.2s ease !important;
}
.dokan-dashboard-content .dokan-table tbody tr:nth-child(even) {
background: #fafaff !important;
}
.dokan-dashboard-content .dokan-table tbody tr:hover {
background: #f0edff !important;
}
.dokan-dashboard-content .dokan-table tbody td {
padding: 13px 18px !important;
border-bottom: 1px solid #f0edff !important;
font-size: 14px !important;
color: #374151 !important;
vertical-align: middle !important;
}
/* --- حالة المتوفر بالمخزون (أخضر) --- */
.dokan-label-success,
.dokan-stock-status-in-stock {
background: #dcfce7 !important;
color: #166534 !important;
padding: 4px 12px !important;
border-radius: 20px !important;
font-size: 12px !important;
font-weight: 600 !important;
display: inline-block !important;
}
/* --- حالة المنشور --- */
.dokan-label-primary {
background: #e0e7ff !important;
color: #3730a3 !important;
padding: 4px 12px !important;
border-radius: 20px !important;
font-size: 12px !important;
font-weight: 600 !important;
display: inline-block !important;
}
/* --- الأزرار الرئيسية --- */
.dokan-btn.dokan-btn-theme,
.dokan-btn-theme {
background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
color: white !important;
border: none !important;
border-radius: 10px !important;
padding: 10px 22px !important;
font-weight: 600 !important;
font-size: 14px !important;
transition: all 0.3s ease !important;
box-shadow: 0 4px 15px rgba(79,70,229,0.3) !important;
cursor: pointer !important;
}
.dokan-btn.dokan-btn-theme:hover {
background: linear-gradient(135deg, #4338ca, #6d28d9) !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(79,70,229,0.4) !important;
}
/* --- زر إضافة صورة الغلاف --- */
.dokan-btn.dokan-btn-default,
button.dokan-btn:not(.dokan-btn-theme):not(.dokan-btn-danger) {
background: white !important;
color: #4f46e5 !important;
border: 2px solid #4f46e5 !important;
border-radius: 10px !important;
padding: 9px 20px !important;
font-weight: 600 !important;
transition: all 0.3s ease !important;
}
/* --- الرسوم البيانية --- */
.dokan-dashboard-content .dokan-panel {
background: white !important;
border-radius: 16px !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
border: none !important;
overflow: hidden !important;
margin-bottom: 20px !important;
}
.dokan-dashboard-content .dokan-panel .dokan-panel-heading {
background: linear-gradient(135deg, #f8f7ff, #f0edff) !important;
border-bottom: 2px solid #e0e7ff !important;
padding: 16px 20px !important;
border-radius: 16px 16px 0 0 !important;
}
.dokan-dashboard-content .dokan-panel .dokan-panel-heading h3 {
font-size: 16px !important;
font-weight: 700 !important;
color: #1e1b4b !important;
margin: 0 !important;
}
/* --- زر الإجراءات في جدول المنتجات --- */
.dokan-table .dokan-btn-group .dokan-btn {
border-radius: 8px !important;
padding: 6px 12px !important;
font-size: 12px !important;
}
/* --- الرصيد في لوحة التحكم --- */
.dokan-dash-board-wrap .dokan-wallet-wrapper {
background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
color: white !important;
border-radius: 16px !important;
padding: 20px 25px !important;
box-shadow: 0 8px 25px rgba(79, 70, 229, 0.3) !important;
margin-bottom: 20px !important;
}
/* --- تصميم احترافي لصفحة المنتجات (الجديدة Vue.js) --- */
.dokan-dashboard-content article {
background: white !important;
border-radius: 20px !important;
box-shadow: 0 4px 25px rgba(0,0,0,0.08) !important;
padding: 25px !important;
margin: 0 !important;
}
/* --- عنوان صفحة المنتجات --- */
.dokan-dashboard-content article h1,
.dokan-dashboard-content article h2 {
font-size: 24px !important;
font-weight: 700 !important;
color: #1e1b4b !important;
margin-bottom: 20px !important;
font-family: 'Tajawal', 'Cairo', Arial, sans-serif !important;
}
/* --- Tabs للمنتجات (كل / منشور / في انتظار المراجعة) --- */
.dokan-dashboard-content [role="tablist"] {
background: #f5f4ff !important;
border-radius: 12px !important;
padding: 6px !important;
gap: 4px !important;
display: flex !important;
flex-wrap: wrap !important;
margin-bottom: 20px !important;
}
.dokan-dashboard-content [role="tab"] {
border-radius: 10px !important;
padding: 8px 16px !important;
font-size: 13px !important;
font-weight: 600 !important;
transition: all 0.3s ease !important;
border: none !important;
background: transparent !important;
color: #6b7280 !important;
cursor: pointer !important;
}
.dokan-dashboard-content [role="tab"][aria-selected="true"],
.dokan-dashboard-content [role="tab"].active {
background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
color: white !important;
box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3) !important;
}
/* --- حقل البحث في المنتجات --- */
.dokan-dashboard-content input[type="search"],
.dokan-dashboard-content input[type="text"] {
border: 2px solid #e0e7ff !important;
border-radius: 10px !important;
padding: 10px 16px !important;
font-size: 14px !important;
transition: all 0.3s ease !important;
width: 100% !important;
}
.dokan-dashboard-content input[type="search"]:focus,
.dokan-dashboard-content input[type="text"]:focus {
border-color: #4f46e5 !important;
box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1) !important;
outline: none !important;
}
/* --- الجدول الرئيسي للمنتجات (Vue) --- */
.dokan-dashboard-content table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 8px !important;
margin-top: 10px !important;
}
.dokan-dashboard-content table thead tr th {
background: #f5f4ff !important;
color: #4f46e5 !important;
font-weight: 700 !important;
padding: 12px 16px !important;
font-size: 13px !important;
border: none !important;
text-align: right !important;
}
.dokan-dashboard-content table thead tr th:first-child {
border-radius: 0 12px 12px 0 !important;
}
.dokan-dashboard-content table thead tr th:last-child {
border-radius: 12px 0 0 12px !important;
}
.dokan-dashboard-content table tbody tr {
background: white !important;
transition: all 0.25s ease !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
border-radius: 12px !important;
}
.dokan-dashboard-content table tbody tr:hover {
background: #f5f4ff !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(79, 70, 229, 0.12) !important;
}
.dokan-dashboard-content table tbody tr td {
padding: 14px 16px !important;
border: none !important;
font-size: 14px !important;
color: #374151 !important;
vertical-align: middle !important;
}
.dokan-dashboard-content table tbody tr td:first-child {
border-radius: 0 12px 12px 0 !important;
}
.dokan-dashboard-content table tbody tr td:last-child {
border-radius: 12px 0 0 12px !important;
}
/* --- الشريط السفلي للموقع (footer) --- */
.site-footer,
footer {
border-top: 2px solid #e8e5ff !important;
}
/* ===================================================
CSS محدد لمكونات داشبورد البائع (Dokan Vue Dashboard)
=================================================== */
/* --- هيدر الداشبورد --- */
.dokan-frontend-layout header {
background: linear-gradient(135deg, #ffffff 0%, #fafbff 100%) !important;
border-bottom: 2px solid #ede9fe !important;
box-shadow: 0 2px 15px rgba(79, 70, 229, 0.08) !important;
}
/* --- زر زيارة المتجر --- */
a.visit-store {
background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
color: white !important;
border-radius: 10px !important;
padding: 8px 18px !important;
font-weight: 600 !important;
text-decoration: none !important;
box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3) !important;
transition: all 0.3s ease !important;
}
a.visit-store:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 20px rgba(79, 70, 229, 0.4) !important;
color: white !important;
}
a.visit-store svg,
a.visit-store * {
color: white !important;
stroke: white !important;
fill: none !important;
}
/* --- الشريط الجانبي المحدد --- */
.dokan-frontend-sidebar {
background: linear-gradient(180deg, #4338ca 0%, #3730a3 40%, #1e1b4b 100%) !important;
}
/* --- عناصر القائمة الجانبية --- */
.dokan-frontend-sidebar .dokan-dashboard-menu > li > a {
margin: 4px 10px !important;
padding: 11px 16px !important;
border-radius: 10px !important;
transition: all 0.25s ease !important;
display: flex !important;
align-items: center !important;
}
/* --- اسم المتجر في الهيدر --- */
.dokan-frontend-layout-header .store-info,
.dokan-vendor-store-name {
font-weight: 700 !important;
font-size: 16px !important;
color: #1e1b4b !important;
}
/* --- بطاقة إكمال الملف الشخصي --- */
.dokan-panel.dokan-profile-completeness {
background: linear-gradient(135deg, #fafaff, #f5f3ff) !important;
border: 1px solid #e0e7ff !important;
border-radius: 16px !important;
box-shadow: 0 4px 20px rgba(79, 70, 229, 0.08) !important;
overflow: hidden !important;
}
/* --- شريط تقدم الملف --- */
.dokan-profile-completeness .dokan-progress {
height: 12px !important;
border-radius: 10px !important;
background: #e0e7ff !important;
overflow: hidden !important;
}
.dokan-profile-completeness .dokan-progress .dokan-progress-bar {
background: linear-gradient(90deg, #4f46e5, #7c3aed) !important;
height: 100% !important;
border-radius: 10px !important;
animation: progressGlow 2s infinite alternate !important;
}
@keyframes progressGlow {
from { box-shadow: 0 0 5px rgba(79, 70, 229, 0.3); }
to { box-shadow: 0 0 15px rgba(79, 70, 229, 0.6); }
}
/* --- تنبيه الحساب غير المفعّل --- */
.dokan-alert.dokan-alert-warning {
background: #fffbeb !important;
border: none !important;
border-right: 5px solid #f59e0b !important;
border-radius: 14px !important;
box-shadow: 0 4px 15px rgba(245, 158, 11, 0.12) !important;
}
/* --- قسم الأرباح والإحصائيات --- */
.dokan-analytics-vendor-earning-section {
background: white !important;
border-radius: 16px !important;
padding: 20px !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
margin-bottom: 20px !important;
}
.vendor-earning-title {
font-size: 18px !important;
font-weight: 700 !important;
color: #1e1b4b !important;
font-family: 'Tajawal', 'Cairo', Arial, sans-serif !important;
}
.vendor-earning.amount {
font-size: 28px !important;
font-weight: 800 !important;
color: #4f46e5 !important;
}
/* --- بطاقات الإحصائيات (orders report) --- */
.dokan-orders-report {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
gap: 16px !important;
}
.dokan-orders-report > li {
background: white !important;
border-radius: 14px !important;
padding: 18px 20px !important;
box-shadow: 0 3px 15px rgba(0,0,0,0.07) !important;
border: 1px solid #f0edff !important;
transition: all 0.3s ease !important;
position: relative !important;
overflow: hidden !important;
}
.dokan-orders-report > li::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
right: 0 !important;
width: 100% !important;
height: 3px !important;
background: linear-gradient(90deg, #4f46e5, #7c3aed) !important;
}
.dokan-orders-report > li:hover {
transform: translateY(-4px) !important;
box-shadow: 0 10px 30px rgba(79, 70, 229, 0.15) !important;
border-color: #c4b5fd !important;
}
/* --- منطقة المحتوى الرئيسية --- */
article.dashboard-content-area {
background: transparent !important;
}
/* --- الرصيد الحالي --- */
.dokan-info-box {
background: white !important;
border-radius: 14px !important;
padding: 18px !important;
box-shadow: 0 4px 15px rgba(0,0,0,0.07) !important;
border: 1px solid #f0edff !important;
transition: all 0.3s ease !important;
}
.dokan-info-box:hover {
transform: translateY(-3px) !important;
box-shadow: 0 8px 25px rgba(79, 70, 229, 0.14) !important;
}
/* --- لوحة التحكم الرئيسية كاملة --- */
.dokan-fullwidth-container {
background: linear-gradient(135deg, #f0f2ff 0%, #f5f3ff 50%, #faf5ff 100%) !important;
}
/* ==========================================================
تصميم صفحة المنتجات - Vue.js Dashboard
========================================================== */
/* --- بطاقة المنتجات الرئيسية --- */
.dokan-dashboard-content article,
.dashboard-content-area {
background: transparent !important;
}
/* --- تحديد رأس المنتجات (heading) --- */
.dokan-dashboard-content h1.entry-title,
.dokan-dashboard-content .entry-title {
font-size: 26px !important;
font-weight: 800 !important;
color: #1e1b4b !important;
font-family: 'Tajawal', 'Cairo', Arial, sans-serif !important;
padding-bottom: 15px !important;
border-bottom: 3px solid #e0e7ff !important;
margin-bottom: 25px !important;
}
/* --- تبويبات المنتجات (All / Published / Pending) --- */
.dokan-dashboard-content nav.tab-nav,
.dokan-dashboard-content [role="tablist"],
.dokan-dashboard-content .dokan-tabs {
background: #f5f4ff !important;
border-radius: 12px !important;
padding: 5px !important;
border: none !important;
display: flex !important;
gap: 4px !important;
flex-wrap: wrap !important;
}
.dokan-dashboard-content [role="tab"],
.dokan-dashboard-content .dokan-tabs li a {
border-radius: 9px !important;
padding: 8px 16px !important;
font-weight: 600 !important;
font-size: 13px !important;
border: none !important;
background: transparent !important;
color: #6b7280 !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
}
.dokan-dashboard-content [role="tab"][aria-selected="true"],
.dokan-dashboard-content [role="tab"].active,
.dokan-dashboard-content .dokan-tabs li.active a {
background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
color: white !important;
box-shadow: 0 4px 10px rgba(79, 70, 229, 0.3) !important;
}
/* --- جدول المنتجات --- */
.dokan-dashboard-content table,
#dokan-products-list-table {
background: white !important;
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.07) !important;
width: 100% !important;
border-collapse: collapse !important;
}
.dokan-dashboard-content table thead tr {
background: linear-gradient(135deg, #4f46e5, #6d28d9) !important;
}
.dokan-dashboard-content table thead tr th,
.dokan-dashboard-content table thead tr td {
color: white !important;
font-weight: 700 !important;
padding: 15px 18px !important;
font-size: 13px !important;
border: none !important;
text-align: right !important;
white-space: nowrap !important;
}
.dokan-dashboard-content table tbody tr {
border-bottom: 1px solid #f3f0ff !important;
transition: background 0.2s ease !important;
}
.dokan-dashboard-content table tbody tr:last-child {
border-bottom: none !important;
}
.dokan-dashboard-content table tbody tr:hover {
background: #f5f3ff !important;
}
.dokan-dashboard-content table tbody tr td {
padding: 14px 18px !important;
font-size: 14px !important;
color: #374151 !important;
vertical-align: middle !important;
border: none !important;
}
/* --- صورة المنتج في الجدول --- */
.dokan-dashboard-content table tbody td img {
border-radius: 8px !important;
border: 2px solid #e0e7ff !important;
width: 50px !important;
height: 50px !important;
object-fit: cover !important;
}
/* --- اسم المنتج في الجدول --- */
.dokan-dashboard-content table tbody td a {
color: #4f46e5 !important;
font-weight: 600 !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
.dokan-dashboard-content table tbody td a:hover {
color: #7c3aed !important;
text-decoration: underline !important;
}
/* --- شارات الحالة --- */
.dokan-label {
display: inline-block !important;
padding: 4px 12px !important;
border-radius: 20px !important;
font-size: 12px !important;
font-weight: 600 !important;
}
/* --- زر الإجراءات --- */
.dokan-dashboard-content table tbody td button,
.dokan-dashboard-content table tbody td .action-btn {
border-radius: 8px !important;
padding: 7px 14px !important;
font-size: 12px !important;
font-weight: 600 !important;
transition: all 0.25s ease !important;
}
/* --- خلفية الصفحة عند عرض المنتجات --- */
.dokan-dashboard-wrap {
background: transparent !important;
}
/* =========================================
إصلاح وتحسين تبويبات صفحة المنتجات
========================================= */
/* --- رأس جدول المنتجات --- */
.dokan-dashboard-content table thead th button,
.dokan-dashboard-content table thead th {
font-family: 'Tajawal', 'Cairo', Arial, sans-serif !important;
letter-spacing: 0 !important;
}
/* --- إخفاء العناوين الإنجليزية في رأس الجدول وتبديلها بالعربية --- */
/* منتجات */
.dokan-dashboard-content table thead th:nth-child(3) button::before,
.dokan-dashboard-content table thead th button[data-col="name"]::before {
content: 'المنتجات' !important;
display: block !important;
}
/* --- تحسين بطاقة اكتمال الملف الشخصي --- */
.dokan-profile-completeness .dokan-panel-body {
background: linear-gradient(135deg, #f8f7ff, #f0edff) !important;
border-radius: 12px !important;
padding: 16px 20px !important;
}
/* --- نص نسبة اكتمال الملف --- */
.dokan-profile-completeness .dokan-alert.dokan-alert-info {
background: #e0e7ff !important;
border: none !important;
border-radius: 10px !important;
color: #3730a3 !important;
padding: 10px 14px !important;
font-size: 13px !important;
}
/* --- منطقة نظرة عامة الرصيد --- */
.dokan-dashboard-content > .dokan-dashboard-wrap > .dokan-w12 {
background: white !important;
border-radius: 16px !important;
padding: 20px !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
margin-bottom: 20px !important;
}
/* --- عنوان الرصيد --- */
.dokan-dashboard-content .balance-info,
.dokan-dashboard-content .dokan-w1 h4 {
font-weight: 700 !important;
color: #1e1b4b !important;
}
/* --- تحسين عرض الجدول والتأكد من الأعمدة --- */
.dokan-dashboard-content table {
min-width: 700px !important;
}
/* --- تصميم أحسن للرأس --- */
.dokan-frontend-layout header.z-10 {
background: white !important;
box-shadow: 0 2px 10px rgba(0,0,0,0.06) !important;
}
/* --- تحسين إكمال الملف الشخصي Banner --- */
.dokan-dashboard-content .dokan-w12 .dokan-clearfix {
text-align: center !important;
padding: 20px !important;
}
/* --- الخط الكامل للصفحة عربي --- */
.dokan-dashboard-content,
.dokan-frontend-sidebar,
.dokan-dashboard-wrap {
font-family: 'Tajawal', 'Cairo', 'Segoe UI', Arial, sans-serif !important;
}
/* --- تحسين أعمدة الجدول لتكون مرئية --- */
.dokan-dashboard-content table td:nth-child(5),
.dokan-dashboard-content table th:nth-child(5) {
min-width: 100px !important;
}
/* --- تعديل شريط scroll أسفل الجدول --- */
.dokan-dashboard-content .overflow-x-auto {
border-radius: 16px !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}
/* --- حالة "منشور" باللون الأخضر --- */
.dokan-dashboard-content table td [class*="text-green"],
.dokan-dashboard-content table td span.text-green-600 {
background: #dcfce7 !important;
color: #166534 !important;
padding: 3px 10px !important;
border-radius: 20px !important;
font-size: 12px !important;
font-weight: 600 !important;
}
/* --- حالة "في الانتظار" باللون البرتقالي --- */
.dokan-dashboard-content table td [class*="text-yellow"],
.dokan-dashboard-content table td span.text-yellow-600 {
background: #fef9c3 !important;
color: #854d0e !important;
padding: 3px 10px !important;
border-radius: 20px !important;
font-size: 12px !important;
font-weight: 600 !important;
}
/* --- تحسين جدول المنتجات الكامل --- */
.dokan-dashboard-content .dokan-table tr td .product-listing-inline-edit {
border-radius: 10px !important;
overflow: hidden !important;
}
/* تبويبات المنتجات المُحسّنة */
.dokan-dashboard-content [role="tablist"] button {
border-radius: 10px !important;
font-size: 13px !important;
font-weight: 600 !important;
padding: 8px 16px !important;
cursor: pointer !important;
border: none !important;
background: transparent !important;
transition: all 0.2s ease !important;
}
.dokan-dashboard-content [role="tablist"] button[aria-selected="true"] {
background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
color: white !important;
box-shadow: 0 4px 10px rgba(79,70,229,0.3) !important;
}
/* إزالة الكلمات الإنجليزية المتبقية في التبويبات */
.dokan-dashboard-content [role="tablist"] button span.hidden {
display: none !important;
}
/* ============================================
إصلاح نص بطاقة اكتمال الملف الشخصي
============================================ */
/* إخفاء نص "Start with" و"to gain profile progress" */
.dokan-panel-alert {
font-size: 0 !important;
line-height: 0 !important;
}
/* إظهار الرابط "إضافة صورة الغلاف" فقط */
.dokan-panel-alert a {
font-size: 14px !important;
line-height: normal !important;
display: block !important;
text-align: center !important;
margin: 10px auto !important;
background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
color: white !important;
padding: 10px 22px !important;
border-radius: 10px !important;
max-width: 200px !important;
text-decoration: none !important;
font-weight: 600 !important;
box-shadow: 0 4px 12px rgba(79,70,229,0.3) !important;
}
.dokan-panel-alert a::before {
content: 'ابدأ بـ ' !important;
font-size: 0 !important;
}
/* إصلاح "متوفر" - عدم التكرار */
.dokan-orders-report li span[class*="stock"],
.dokan-product-listing table td span[class*="stock"] {
font-size: 12px !important;
font-weight: 600 !important;
}
/* === إصلاح حالة المخزون "متوفر" في جدول المنتجات === */
/* تأكد عدم تكرار "متوفر" */
/* ============================================
حل نهائي لنص بطاقة إكمال الملف الشخصي
============================================ */
/* تعيين المحتوى الجديد بالكامل */
.dokan-dashboard-content .dokan-panel-alert,
.dokan-profile-completeness .dokan-panel-alert {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 8px !important;
padding: 15px !important;
background: linear-gradient(135deg, #f0f4ff, #e8e4ff) !important;
border-radius: 12px !important;
margin: 10px 0 !important;
}
.dokan-dashboard-content .dokan-panel-alert a,
.dokan-profile-completeness .dokan-panel-alert a {
background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
color: white !important;
padding: 10px 24px !important;
border-radius: 10px !important;
text-decoration: none !important;
font-size: 14px !important;
font-weight: 600 !important;
box-shadow: 0 4px 12px rgba(79,70,229,0.3) !important;
transition: all 0.3s ease !important;
order: 1 !important;
}
.dokan-dashboard-content .dokan-panel-alert a:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 20px rgba(79,70,229,0.4) !important;
}
/* هذا CSS يعمل على إزالة الـ font-size القديم */
.dokan-dashboard-content .dokan-panel-alert {
font-size: 13px !important;
color: #4b5563 !important;
line-height: 1.5 !important;
}
/* ===== - ===== */
/* --- Header --- */
.dokan-dashboard-content .dokan-coupon-header,
.dokan-dashboard .dokan-coupon h1,
.dokan-dashboard-content article > .dokan-dashboard-header {
background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #a855f7 100%);
padding: 30px 35px !important;
border-radius: 16px !important;
margin-bottom: 30px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
box-shadow: 0 10px 40px rgba(79, 70, 229, 0.3) !important;
flex-direction: row-reverse !important;
}
/* --- --- */
.dokan-dashboard-content article header h1,
.dokan-dashboard-content article header,
.dokan-dashboard-content .dokan-coupon h1 {
background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #a855f7 100%) !important;
padding: 25px 30px !important;
border-radius: 14px !important;
margin-bottom: 25px !important;
box-shadow: 0 8px 32px rgba(79, 70, 229, 0.25) !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: wrap !important;
gap: 15px !important;
flex-direction: row-reverse !important;
}
.dokan-dashboard-content article header h1 {
color: #ffffff !important;
font-size: 24px !important;
font-weight: 700 !important;
letter-spacing: -0.5px !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
.dokan-dashboard-content article header h1::before {
content: "" !important;
font-size: 28px !important;
}
/* --- --- */
.dokan-dashboard-content article header .dokan-btn,
.dokan-dashboard-content .dokan-btn-theme,
.dokan-dashboard-content a.dokan-btn,
.dokan-dashboard-content article header a {
background: rgba(255, 255, 255, 0.2) !important;
color: #ffffff !important;
border: 2px solid rgba(255, 255, 255, 0.5) !important;
padding: 10px 20px !important;
border-radius: 10px !important;
font-weight: 600 !important;
font-size: 14px !important;
text-decoration: none !important;
transition: all 0.3s ease !important;
backdrop-filter: blur(10px) !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
}
.dokan-dashboard-content article header a:hover {
background: rgba(255, 255, 255, 0.35) !important;
border-color: rgba(255, 255, 255, 0.8) !important;
transform: translateY(-2px) !important;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
}
/* --- --- */
.dokan-dashboard-content .dokan-table,
.dokan-dashboard-content table.dokan-table {
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0 8px !important;
margin-top: 20px !important;
}
.dokan-dashboard-content .dokan-table thead tr {
background: transparent !important;
}
.dokan-dashboard-content .dokan-table thead th {
background: linear-gradient(135deg, #f8f7ff 0%, #f0edff 100%) !important;
color: #4f46e5 !important;
font-weight: 700 !important;
font-size: 13px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
padding: 14px 18px !important;
border: none !important;
border-bottom: 2px solid #e8e4ff !important;
}
.dokan-dashboard-content .dokan-table thead th:first-child {
border-radius: 10px 0 0 10px !important;
}
.dokan-dashboard-content .dokan-table thead th:last-child {
border-radius: 0 10px 10px 0 !important;
}
.dokan-dashboard-content .dokan-table tbody tr {
background: #ffffff !important;
box-shadow: 0 2px 12px rgba(79, 70, 229, 0.08) !important;
border-radius: 12px !important;
transition: all 0.3s ease !important;
}
.dokan-dashboard-content .dokan-table tbody tr:hover {
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(79, 70, 229, 0.15) !important;
}
.dokan-dashboard-content .dokan-table tbody td {
padding: 16px 18px !important;
border: none !important;
color: #374151 !important;
font-size: 14px !important;
vertical-align: middle !important;
}
.dokan-dashboard-content .dokan-table tbody td:first-child {
border-radius: 12px 0 0 12px !important;
font-weight: 700 !important;
color: #4f46e5 !important;
}
.dokan-dashboard-content .dokan-table tbody td:last-child {
border-radius: 0 12px 12px 0 !important;
}
/* --- --- */
.dokan-dashboard-content .dokan-table tbody td .coupon-code,
.dokan-dashboard-content .dokan-table tbody td code {
background: linear-gradient(135deg, #ede9fe, #ddd6fe) !important;
color: #4f46e5 !important;
padding: 4px 12px !important;
border-radius: 6px !important;
font-family: monospace !important;
font-weight: 700 !important;
font-size: 13px !important;
letter-spacing: 1px !important;
border: 1px solid #c4b5fd !important;
}
/* --- / --- */
.dokan-dashboard-content .dokan-table .coupon-amount {
font-weight: 700 !important;
color: #059669 !important;
font-size: 15px !important;
}
/* --- --- */
.dokan-dashboard-content .dokan-table .coupon-status-active {
background: #d1fae5 !important;
color: #065f46 !important;
padding: 4px 12px !important;
border-radius: 20px !important;
font-size: 12px !important;
font-weight: 600 !important;
}
.dokan-dashboard-content .dokan-table .coupon-status-expired {
background: #fee2e2 !important;
color: #991b1b !important;
padding: 4px 12px !important;
border-radius: 20px !important;
font-size: 12px !important;
font-weight: 600 !important;
}
/* --- (/) --- */
.dokan-dashboard-content .dokan-table .dokan-btn {
padding: 7px 14px !important;
border-radius: 8px !important;
font-size: 12px !important;
font-weight: 600 !important;
margin: 2px !important;
transition: all 0.3s ease !important;
border: none !important;
}
.dokan-dashboard-content .dokan-table .dokan-btn-default {
background: linear-gradient(135deg, #4f46e5, #6366f1) !important;
color: white !important;
}
.dokan-dashboard-content .dokan-table .dokan-btn-danger {
background: linear-gradient(135deg, #ef4444, #f87171) !important;
color: white !important;
}
/* --- --- */
.dokan-dashboard-content article {
background: #f8f7ff !important;
min-height: 80vh !important;
padding: 30px !important;
border-radius: 20px !important;
}
/* --- / --- */
.dokan-dashboard-content .dokan-panel-alert,
.dokan-dashboard-content .woocommerce-error,
.dokan-dashboard-content .woocommerce-message {
border-radius: 12px !important;
padding: 18px 22px !important;
margin-bottom: 25px !important;
border: none !important;
font-size: 14px !important;
font-weight: 500 !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
flex-direction: row-reverse !important;
}
.dokan-dashboard-content .dokan-alert-danger,
.dokan-dashboard-content .woocommerce-error {
background: linear-gradient(135deg, #fef2f2, #fee2e2) !important;
color: #991b1b !important;
border-right: 4px solid #ef4444 !important;
box-shadow: 0 4px 15px rgba(239, 68, 68, 0.1) !important;
}
/* --- --- */
.dokan-dashboard-content .dokan-coupon-form,
.dokan-dashboard-content .post-type-shop_coupon .dokan-form {
background: #ffffff !important;
border-radius: 16px !important;
padding: 30px !important;
box-shadow: 0 4px 20px rgba(79, 70, 229, 0.1) !important;
margin-bottom: 25px !important;
}
.dokan-dashboard-content .dokan-coupon-form .dokan-form-group,
.dokan-dashboard-content .dokan-form-group {
margin-bottom: 22px !important;
}
.dokan-dashboard-content .dokan-coupon-form label,
.dokan-dashboard-content .dokan-form-group label {
font-weight: 600 !important;
color: #374151 !important;
font-size: 14px !important;
margin-bottom: 8px !important;
display: block !important;
}
.dokan-dashboard-content .dokan-coupon-form input[type="text"],
.dokan-dashboard-content .dokan-coupon-form input[type="number"],
.dokan-dashboard-content .dokan-coupon-form input[type="date"],
.dokan-dashboard-content .dokan-coupon-form select,
.dokan-dashboard-content .dokan-coupon-form textarea {
width: 100% !important;
padding: 12px 16px !important;
border: 2px solid #e8e4ff !important;
border-radius: 10px !important;
font-size: 14px !important;
color: #374151 !important;
background: #fafafa !important;
transition: all 0.3s ease !important;
box-shadow: 0 2px 8px rgba(79, 70, 229, 0.05) !important;
}
.dokan-dashboard-content .dokan-coupon-form input:focus,
.dokan-dashboard-content .dokan-coupon-form select:focus,
.dokan-dashboard-content .dokan-coupon-form textarea:focus {
border-color: #4f46e5 !important;
background: #ffffff !important;
outline: none !important;
box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1) !important;
}
.dokan-dashboard-content .dokan-coupon-form .dokan-btn-theme {
background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%) !important;
color: white !important;
padding: 14px 35px !important;
border-radius: 12px !important;
font-weight: 700 !important;
font-size: 15px !important;
border: none !important;
box-shadow: 0 6px 20px rgba(79, 70, 229, 0.35) !important;
transition: all 0.3s ease !important;
cursor: pointer !important;
}
.dokan-dashboard-content .dokan-coupon-form .dokan-btn-theme:hover {
transform: translateY(-2px) !important;
box-shadow: 0 10px 30px rgba(79, 70, 229, 0.45) !important;
}
/* --- --- */
.dokan-coupon-stats-wrapper {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
gap: 20px !important;
margin-bottom: 30px !important;
}
.dokan-coupon-stat-card {
background: #ffffff !important;
border-radius: 14px !important;
padding: 22px !important;
text-align: center !important;
box-shadow: 0 4px 20px rgba(79, 70, 229, 0.1) !important;
border-top: 4px solid #4f46e5 !important;
transition: all 0.3s ease !important;
}
.dokan-coupon-stat-card:hover {
transform: translateY(-4px) !important;
box-shadow: 0 10px 35px rgba(79, 70, 229, 0.2) !important;
}
/* --- ( ) --- */
.dokan-dashboard-content .dokan-no-coupon,
.dokan-dashboard-content .dokan-error {
text-align: center !important;
padding: 60px 30px !important;
background: #ffffff !important;
border-radius: 16px !important;
box-shadow: 0 4px 20px rgba(79, 70, 229, 0.08) !important;
}
/* --- --- */
.dokan-dashboard-content .dokan-coupon-code-highlight {
font-family: 'Courier New', monospace !important;
background: linear-gradient(135deg, #ede9fe, #e0e7ff) !important;
border: 1px dashed #818cf8 !important;
border-radius: 8px !important;
padding: 6px 14px !important;
color: #4338ca !important;
font-weight: 700 !important;
font-size: 15px !important;
letter-spacing: 2px !important;
display: inline-block !important;
}
/* ===== ===== */
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
/* ============================================================
CHECKOUT PAGE - PROFESSIONAL DESIGN (awj5.com)
نفس هيدر وفوتر الصفحة الرئيسية
============================================================ */
/* Variables */
body.woocommerce-checkout {
--ac: #6366F1;
--ac2: #818CF8;
--acSoft: #EEF0FE;
--acSoft2: #F6F7FF;
--ink: #0F1117;
--body: #5B6172;
--muted: #9AA0AE;
--line: #EDEEF2;
--line2: #F4F5F8;
--bg: #FFFFFF;
--soft: #FAFAFC;
}
/* Hide default WP header/footer on checkout */
body.woocommerce-checkout #masthead,
body.woocommerce-checkout .site-header,
body.woocommerce-checkout .site-footer,
body.woocommerce-checkout .ast-above-header-bar,
body.woocommerce-checkout .ast-below-header-bar,
body.woocommerce-checkout .site-below-footer-wrap,
body.woocommerce-checkout .footer-widget-area {
display: none !important;
}
/* Body background */
body.woocommerce-checkout {
background: #F5F4FF !important;
}
/* Full width layout */
body.woocommerce-checkout .site-content,
body.woocommerce-checkout #content,
body.woocommerce-checkout .content-area,
body.woocommerce-checkout #primary,
body.woocommerce-checkout .entry-content {
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
float: none !important;
width: 100% !important;
}
/* === INJECTED HEADER === */
header.awj-injected-hd {
position: sticky;
top: 32px;
z-index: 999;
background: rgba(255,255,255,0.88);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-bottom: 1px solid var(--line2);
box-shadow: 0 2px 20px rgba(99,102,241,0.07);
font-family: 'Tajawal', 'Cairo', sans-serif;
}
header.awj-injected-hd .wrap {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1200px;
margin: 0 auto;
height: 76px;
padding: 0 32px;
gap: 24px;
direction: rtl;
}
header.awj-injected-hd .lj-logo {
display: flex;
align-items: center;
gap: 10px;
font-weight: 900;
font-size: 22px;
color: var(--ink);
letter-spacing: -0.5px;
text-decoration: none;
}
header.awj-injected-hd .lj-logo .lg {
width: 40px;
height: 40px;
border-radius: 12px;
background: linear-gradient(135deg, var(--ac), var(--ac2));
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 4px 14px rgba(99,102,241,0.35);
}
header.awj-injected-hd .lj-logo .lg svg { width: 22px; height: 22px; }
header.awj-injected-hd .lj-nav { display: flex; gap: 4px; }
header.awj-injected-hd .lj-nav a {
padding: 9px 15px;
border-radius: 10px;
font-weight: 700;
font-size: 15px;
color: var(--body);
transition: 0.2s;
text-decoration: none;
}
header.awj-injected-hd .lj-nav a:hover { color: var(--ink); background: var(--soft); }
header.awj-injected-hd .lj-hd-act { display: flex; align-items: center; gap: 8px; }
header.awj-injected-hd .lj-ico {
width: 40px; height: 40px; border-radius: 11px;
display: flex; align-items: center; justify-content: center;
color: var(--body); transition: 0.2s; text-decoration: none;
border: 1px solid transparent;
}
header.awj-injected-hd .lj-ico:hover { background: var(--acSoft); color: var(--ac); border-color: rgba(99,102,241,0.15); }
header.awj-injected-hd .lj-ico svg { width: 20px; height: 20px; }
header.awj-injected-hd::after {
content: '🔒 شراء آمن ومشفر · ⚡ تسليم فوري بعد الدفع · ✅ ضمان استرداد المبلغ';
display: block; text-align: center; font-size: 12.5px;
font-weight: 600; color: white;
background: linear-gradient(90deg, var(--ac) 0%, var(--ac2) 100%);
padding: 8px 20px; letter-spacing: 0.2px;
font-family: 'Tajawal', 'Cairo', sans-serif;
}
/* === PAGE TITLE === */
body.woocommerce-checkout h1.wp-block-post-title,
body.woocommerce-checkout .entry-title {
text-align: center !important;
font-size: 2.2rem !important;
font-weight: 900 !important;
color: var(--ink) !important;
letter-spacing: -0.8px !important;
padding: 44px 0 0 !important;
margin-bottom: 12px !important;
font-family: 'Tajawal', 'Cairo', sans-serif !important;
}
/* === CHECKOUT BLOCK === */
body.woocommerce-checkout .wp-block-woocommerce-checkout,
body.woocommerce-checkout .wc-block-checkout {
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 32px 60px !important;
direction: rtl !important;
}
body.woocommerce-checkout .wc-block-checkout__main {
background: white !important;
border-radius: 20px !important;
box-shadow: 0 8px 40px rgba(99,102,241,0.08), 0 2px 12px rgba(0,0,0,0.04) !important;
border: 1px solid var(--line) !important;
overflow: hidden !important;
}
body.woocommerce-checkout .wc-block-checkout__sidebar {
position: sticky !important;
top: 160px !important;
}
body.woocommerce-checkout .wc-block-components-order-summary,
body.woocommerce-checkout .wc-block-order-summary-sidebar__inner {
background: white !important;
border-radius: 20px !important;
box-shadow: 0 8px 40px rgba(99,102,241,0.08), 0 2px 12px rgba(0,0,0,0.04) !important;
border: 1px solid var(--line) !important;
overflow: hidden !important;
}
body.woocommerce-checkout .wc-block-components-totals-wrapper {
background: white !important;
border-radius: 20px !important;
box-shadow: 0 8px 40px rgba(99,102,241,0.08), 0 2px 12px rgba(0,0,0,0.04) !important;
border: 1px solid var(--line) !important;
overflow: hidden !important;
margin-top: 16px !important;
}
/* === FORM SECTIONS === */
body.woocommerce-checkout .wc-block-components-checkout-step__title {
font-family: 'Tajawal', 'Cairo', sans-serif !important;
font-size: 1rem !important;
font-weight: 800 !important;
color: var(--ink) !important;
padding: 20px 24px !important;
margin: 0 !important;
background: linear-gradient(135deg, var(--acSoft2) 0%, rgba(255,255,255,0) 100%) !important;
border-bottom: 1.5px solid var(--line) !important;
}
body.woocommerce-checkout .wc-block-components-checkout-step__heading-number {
width: 28px !important; height: 28px !important;
border-radius: 50% !important;
background: linear-gradient(135deg, var(--ac), var(--ac2)) !important;
color: white !important; font-size: 12px !important;
font-weight: 800 !important;
display: inline-flex !important;
align-items: center !important; justify-content: center !important;
flex-shrink: 0 !important;
box-shadow: 0 3px 10px rgba(99,102,241,0.35) !important;
}
body.woocommerce-checkout .wc-block-components-checkout-step__content {
padding: 24px !important;
}
body.woocommerce-checkout .wc-block-components-checkout-step:not(:last-child) {
border-bottom: 1.5px solid var(--line) !important;
}
/* === INPUTS === */
body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-select select {
border: 1.5px solid var(--line) !important;
border-radius: 12px !important;
padding: 13px 16px !important;
font-size: 14px !important;
font-family: 'Tajawal', 'Cairo', sans-serif !important;
color: var(--ink) !important;
background: var(--soft) !important;
transition: all 0.2s ease !important;
outline: none !important;
}
body.woocommerce-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout .wc-block-components-select select:focus {
border-color: var(--ac) !important;
background: white !important;
box-shadow: 0 0 0 3px rgba(99,102,241,0.12) !important;
}
/* === ORDER SUMMARY ITEM === */
body.woocommerce-checkout .wc-block-components-order-summary__content {
display: block !important;
width: 100% !important;
}
body.woocommerce-checkout .wc-block-components-order-summary-item {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
padding: 14px 16px !important;
border-bottom: 1px solid var(--line) !important;
width: 100% !important;
box-sizing: border-box !important;
}
body.woocommerce-checkout .wc-block-components-order-summary-item__image {
width: 50px !important; min-width: 50px !important;
height: 50px !important; flex-shrink: 0 !important;
float: right !important; margin-left: 10px !important;
border-radius: 8px !important; overflow: hidden !important;
}
body.woocommerce-checkout .wc-block-components-order-summary-item__description {
display: block !important; width: 100% !important;
float: right !important; clear: none !important;
min-width: 0 !important; height: auto !important;
}
body.woocommerce-checkout .wc-block-components-order-summary-item__total-price {
clear: both !important; display: block !important;
text-align: left !important; font-weight: 800 !important;
color: var(--ac) !important; font-size: 14px !important;
margin-top: 6px !important;
}
body.woocommerce-checkout .wc-block-components-product-name {
display: block !important; font-size: 13.5px !important;
font-weight: 700 !important; color: var(--ink) !important;
line-height: 1.5 !important; word-break: break-word !important;
white-space: normal !important; width: 100% !important;
height: auto !important;
}
body.woocommerce-checkout .wc-block-components-product-metadata {
display: block !important; font-size: 11.5px !important;
color: var(--muted) !important; margin-top: 4px !important;
height: auto !important; width: 100% !important;
}
body.woocommerce-checkout .wc-block-components-product-metadata p {
display: -webkit-box !important; -webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important; overflow: hidden !important;
font-size: 11px !important; word-break: break-word !important;
}
body.woocommerce-checkout .wc-block-cart-item__prices {
display: flex !important; flex-direction: row !important;
gap: 8px !important; align-items: center !important;
flex-wrap: wrap !important; margin-top: 4px !important;
}
/* === TOTALS === */
body.woocommerce-checkout .wc-block-components-totals-item {
padding: 13px 20px !important;
border-bottom: 1px solid var(--line) !important;
font-family: 'Tajawal', 'Cairo', sans-serif !important;
}
body.woocommerce-checkout .wc-block-components-totals-item__label {
font-weight: 600 !important; color: var(--body) !important;
}
body.woocommerce-checkout .wc-block-components-totals-item__value {
font-weight: 700 !important; color: var(--ink) !important;
}
body.woocommerce-checkout .wc-block-components-totals-footer-item {
background: linear-gradient(135deg, var(--acSoft) 0%, var(--acSoft2) 100%) !important;
padding: 18px 20px !important;
}
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
font-size: 1rem !important; font-weight: 900 !important; color: var(--ink) !important;
}
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
font-size: 1.25rem !important; font-weight: 900 !important; color: var(--ac) !important;
}
/* === PLACE ORDER BUTTON === */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout .wc-block-checkout__place-order .wc-block-components-button {
background: linear-gradient(135deg, var(--ac) 0%, var(--ac2) 100%) !important;
color: white !important; border: none !important;
border-radius: 14px !important; padding: 16px 28px !important;
font-size: 16px !important; font-weight: 800 !important;
font-family: 'Tajawal', 'Cairo', sans-serif !important;
width: 100% !important; cursor: pointer !important;
transition: all 0.25s ease !important;
box-shadow: 0 8px 24px rgba(99,102,241,0.35) !important;
}
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover {
transform: translateY(-2px) !important;
box-shadow: 0 12px 32px rgba(99,102,241,0.45) !important;
}
/* === INJECTED FOOTER === */
footer.awj-injected-ft {
background: #0F1117;
color: rgba(255,255,255,0.85);
padding: 60px 0 0;
font-family: 'Tajawal', 'Cairo', sans-serif;
direction: rtl;
border-top: 4px solid #6366F1;
margin-top: 60px;
}
footer.awj-injected-ft .wrap {
max-width: 1200px; margin: 0 auto; padding: 0 32px;
}
footer.awj-injected-ft .lj-ft-top {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 40px; padding-bottom: 48px;
}
footer.awj-injected-ft .lj-logo {
display: flex; align-items: center; gap: 10px;
font-weight: 900; font-size: 21px; color: white;
letter-spacing: -0.5px; text-decoration: none; margin-bottom: 14px;
}
footer.awj-injected-ft .lj-logo .lg {
width: 38px; height: 38px; border-radius: 11px;
background: linear-gradient(135deg, #6366F1, #818CF8);
display: flex; align-items: center; justify-content: center;
flex-shrink: 0; box-shadow: 0 4px 14px rgba(99,102,241,0.4);
}
footer.awj-injected-ft .lj-logo .lg svg { width: 21px; height: 21px; }
footer.awj-injected-ft .desc {
color: rgba(255,255,255,0.5); font-size: 14px;
line-height: 1.7; margin: 0; max-width: 260px;
}
footer.awj-injected-ft .lj-ft-col h5 {
font-size: 13px; font-weight: 800; text-transform: uppercase;
letter-spacing: 0.8px; color: rgba(255,255,255,0.4); margin: 0 0 18px;
}
footer.awj-injected-ft .lj-ft-col a {
display: block; color: rgba(255,255,255,0.72); font-size: 14.5px;
font-weight: 500; text-decoration: none; margin-bottom: 11px; transition: color 0.2s;
}
footer.awj-injected-ft .lj-ft-col a:hover { color: white; }
footer.awj-injected-ft .lj-ft-btm {
border-top: 1px solid rgba(255,255,255,0.08);
padding: 20px 0;
display: flex; align-items: center;
justify-content: space-between; gap: 20px; flex-wrap: wrap;
}
footer.awj-injected-ft .lj-ft-btm > span {
font-size: 13px; color: rgba(255,255,255,0.4);
}
footer.awj-injected-ft .lj-ft-badges { display: flex; gap: 10px; }
footer.awj-injected-ft .badge {
background: rgba(255,255,255,0.07);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 8px; padding: 5px 12px;
font-size: 12px; font-weight: 600; color: rgba(255,255,255,0.7) !important;
}
/* Responsive */
@media (max-width: 900px) {
footer.awj-injected-ft .lj-ft-top { grid-template-columns: 1fr 1fr; gap: 28px; }
header.awj-injected-hd .lj-nav { display: none; }
body.woocommerce-checkout .wp-block-woocommerce-checkout { padding: 0 16px 40px !important; }
}
@media (max-width: 600px) {
footer.awj-injected-ft .lj-ft-top { grid-template-columns: 1fr; }
footer.awj-injected-ft .lj-ft-btm { flex-direction: column; text-align: center; }
footer.awj-injected-ft .lj-ft-badges { justify-content: center; }
header.awj-injected-hd .wrap { padding: 0 16px; }
}
/* ===== AWJ-CHECKOUT-REDESIGN-V2 ===== */
/* إصلاح هيدر صفحة الدفع ليتطابق مع الصفحة الرئيسية */
/* إخفاء الهيدر القديم الموجود في الصفحة الرئيسية لصفحة الدفع */
body.woocommerce-checkout #awj-co-hdr > a:not(.lj-logo),
body.woocommerce-checkout #awj-co-hdr > .lj-hd-act {
display: none !important;
}
/* تصحيح الهيدر - جعل الروابط تظهر داخل الـ nav بشكل صحيح */
body.woocommerce-checkout header.awj-injected-hd > a:not(.lj-logo) {
display: none !important;
}
/* تنسيق الهيدر المحقن بشكل كامل */
body.woocommerce-checkout header.awj-injected-hd {
position: sticky !important;
top: 32px !important;
z-index: 9999 !important;
background: rgba(255, 255, 255, 0.95) !important;
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px) !important;
border-bottom: 1px solid rgba(99, 102, 241, 0.12) !important;
box-shadow: 0 2px 20px rgba(99, 102, 241, 0.08) !important;
width: 100% !important;
font-family: 'Tajawal', 'Cairo', sans-serif !important;
direction: rtl !important;
}
body.woocommerce-checkout header.awj-injected-hd .wrap {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
max-width: 1200px !important;
margin: 0 auto !important;
height: 72px !important;
padding: 0 32px !important;
gap: 24px !important;
direction: rtl !important;
}
body.woocommerce-checkout header.awj-injected-hd .lj-logo {
display: flex !important;
align-items: center !important;
gap: 10px !important;
font-weight: 900 !important;
font-size: 22px !important;
color: #1a1a2e !important;
letter-spacing: -0.5px !important;
text-decoration: none !important;
}
body.woocommerce-checkout header.awj-injected-hd .lj-logo .lg {
width: 40px !important;
height: 40px !important;
border-radius: 12px !important;
background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
box-shadow: 0 4px 14px rgba(99, 102, 241, 0.35) !important;
}
body.woocommerce-checkout header.awj-injected-hd .lj-nav {
display: flex !important;
align-items: center !important;
gap: 8px !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
flex: 1 !important;
justify-content: center !important;
}
body.woocommerce-checkout header.awj-injected-hd .lj-nav a {
color: #374151 !important;
text-decoration: none !important;
font-size: 15px !important;
font-weight: 500 !important;
padding: 8px 16px !important;
border-radius: 8px !important;
transition: all 0.2s !important;
}
body.woocommerce-checkout header.awj-injected-hd .lj-nav a:hover {
background: rgba(99, 102, 241, 0.08) !important;
color: #6366f1 !important;
}
body.woocommerce-checkout header.awj-injected-hd .lj-hd-act {
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
body.woocommerce-checkout header.awj-injected-hd .lj-ico {
width: 42px !important;
height: 42px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 10px !important;
border: 1.5px solid rgba(99, 102, 241, 0.2) !important;
color: #374151 !important;
text-decoration: none !important;
transition: all 0.2s !important;
}
body.woocommerce-checkout header.awj-injected-hd .lj-ico svg {
width: 20px !important;
height: 20px !important;
}
/* إصلاح مساحة الصفحة تحت الهيدر */
body.woocommerce-checkout #page {
padding-top: 0 !important;
margin-top: 0 !important;
}
body.woocommerce-checkout #masthead {
display: none !important;
}
body.woocommerce-checkout #colophon {
display: none !important;
}
/* تحسين تصميم منطقة المحتوى */
body.woocommerce-checkout #content {
background: #f7f8fc !important;
padding-top: 0 !important;
}
body.woocommerce-checkout .entry-header {
background: linear-gradient(135deg, #f0f4ff 0%, #faf0ff 100%) !important;
padding: 40px 32px 30px !important;
text-align: center !important;
border-bottom: 1px solid rgba(99, 102, 241, 0.1) !important;
margin-bottom: 0 !important;
}
body.woocommerce-checkout .entry-header .entry-title {
font-size: 32px !important;
font-weight: 800 !important;
color: #1a1a2e !important;
margin: 0 0 8px !important;
font-family: 'Tajawal', 'Cairo', sans-serif !important;
}
/* تحسين شارات الأمان */
body.woocommerce-checkout .awj-checkout-trust {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 24px !important;
margin-top: 12px !important;
}
/* تحسين منطقة الفوتر */
body.woocommerce-checkout footer.awj-injected-ft {
margin-top: 0 !important;
}
/* ===== END AWJ-CHECKOUT-REDESIGN-V2 ===== */
/* ===== أيقونة المتجر دائرية - صفحة المتجر وصفحة المنتج ===== */
/* صفحة المتجر - أيقونة البروفايل الدائرية */
.profile-img.profile-img-circle {
width: 110px !important;
height: 110px !important;
border-radius: 50% !important;
overflow: hidden !important;
border: 3px solid #8b5cf6 !important;
box-shadow: 0 4px 15px rgba(139, 92, 246, 0.4) !important;
display: block !important;
margin: 0 auto !important;
}
.profile-img.profile-img-circle img {
width: 110px !important;
height: 110px !important;
object-fit: cover !important;
object-position: center center !important;
border-radius: 50% !important;
display: block !important;
}
/* صفحة المنتج - أيقونة البائع الدائرية */
.dokan-vendor-image {
width: 80px !important;
height: 80px !important;
border-radius: 50% !important;
overflow: hidden !important;
border: 3px solid #8b5cf6 !important;
box-shadow: 0 2px 8px rgba(139, 92, 246, 0.3) !important;
flex-shrink: 0;
}
.dokan-vendor-image img {
width: 80px !important;
height: 80px !important;
object-fit: cover !important;
object-position: center center !important;
border-radius: 50% !important;
display: block !important;
}