/* ============================= */
/*        VELAR GLOBAL CSS       */
/* ============================= */

:root{
--velar-blue:#0a58ff;
--velar-dark:#111827;
--velar-gray:#6b7280;
--velar-radius:16px;
}

/* ============================= */
/*         HEADER ICONS PRO      */
/* ============================= */

:root{
  --velar-blue:#0a58ff;
  --icon-size:56px;
  --icon-gap:12px;
  --search-glyph:28px;
  --cart-glyph:30px;
}

/* الحاوية */
a[href*="search"],
button.group.relative.flex.items-center.p-2.rounded-full{
  margin:0 calc(var(--icon-gap)/2);
  width:var(--icon-size);
  height:var(--icon-size);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:transparent;
  border:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition:transform .15s ease;
}

/* شيل الـ SVG الأصلي */
a[href*="search"]>svg,
button.group.relative.flex.items-center.p-2.rounded-full>svg{
  display:none !important;
}

/* هوفر بسيط */
@media (hover:hover){
  a[href*="search"]:hover,
  button.group.relative.flex.items-center.p-2.rounded-full:hover{
    transform:scale(1.08);
  }
}
a[href*="search"]:active,
button.group.relative.flex.items-center.p-2.rounded-full:active{
  transform:scale(.95);
}

/* ================= SEARCH ICON ================= */

a[href*="search"]{
  background-repeat:no-repeat;
  background-position:center;
  background-size:var(--search-glyph) var(--search-glyph);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 4a6.5 6.5 0 1 0 0 13a6.5 6.5 0 0 0 0-13Z' fill='none' stroke='%230a58ff' stroke-width='1.9'/%3E%3Cpath d='M15.7 15.7L20.2 20.2' fill='none' stroke='%230a58ff' stroke-width='1.9' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ================= CART ICON ================= */

button.group.relative.flex.items-center.p-2.rounded-full{
  background-repeat:no-repeat;
  background-position:center;
  background-size:var(--cart-glyph) var(--cart-glyph);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%230a58ff' d='M37,18H30.87l-4-7.95a1,1,0,0,0-1.78.9L28.63,18H19.37l3.52-7a1,1,0,1,0-1.78-.9l-4,8H11a3,3,0,0,0-3,3v.45A2.55,2.55,0,0,0,10.55,24l3.56,11.21A4,4,0,0,0,17.92,38H30.08a4,4,0,0,0,3.81-2.79L37.45,24A2.55,2.55,0,0,0,40,21.45V21A3,3,0,0,0,37,18Z'/%3E%3C/svg%3E");
}

/* موبايل */
@media (max-width:420px){
  :root{
    --icon-size:52px;
    --search-glyph:26px;
    --cart-glyph:28px;
  }
}

/* ============================= */
/*        PREMIUM SECTIONS       */
/* ============================= */

.home_section_top_container{
width:min(100%,980px);
margin:auto;
text-align:center;
gap:18px !important;
}

.home_section_top_container>span{
display:inline-flex;
align-items:center;
justify-content:center;
padding:6px 14px;
border-radius:999px;
font-weight:800;
font-size:13px;
letter-spacing:.12em;
color:var(--velar-blue);
background:rgba(10,88,255,.08);
border:1px solid rgba(10,88,255,.18);
}

.home_section_top_title{
margin:0;
font-weight:900;
font-size:clamp(22px,3vw,42px);
color:var(--velar-dark);
position:relative;
}

.home_section_top_title span.relative svg{
display:none !important;
}

.home_section_top_title span.relative::after{
content:"";
position:absolute;
left:-2%;
right:-2%;
bottom:.15em;
height:.35em;
border-radius:999px;
background:rgba(10,88,255,.18);
z-index:-1;
}

/* ============================= */
/*        CATEGORY GRID          */
/* ============================= */

.category_products_grid_container{
max-width:1300px;
margin:40px auto;
gap:25px !important;
}

.category_products_grid_container .group{
border-radius:var(--velar-radius);
border:1px solid rgba(0,0,0,.06);
box-shadow:0 10px 25px rgba(0,0,0,.05);
transition:.3s ease;
display:flex;
flex-direction:column;
height:100%;
background:#fff;
}

.category_products_grid_container .group:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.category_products_grid_container img{
width:100%;
height:auto;
border-radius:var(--velar-radius) var(--velar-radius) 0 0;
}

.category_products_grid_container h3{
min-height:48px;
font-size:17px;
font-weight:700;
color:var(--velar-dark);
}

.category_products_grid_container .text-xl,
.category_products_grid_container .text-2xl{
color:var(--velar-blue);
font-weight:800;
}

.category_products_grid_container del{
color:var(--velar-gray);
}

.category_products_grid_container span.absolute.top-3{
background:var(--velar-blue);
border-radius:20px;
font-size:12px;
}

/* حذف أيقونات المنتج */
.category_products_grid_container .absolute.bottom-2,
.category_products_grid_container button{
display:none !important;
}

/* ============================= */
/*        SWIPER PRODUCTS        */
/* ============================= */

.swiper-slide .group{
border-radius:var(--velar-radius);
border:1px solid rgba(0,0,0,.06);
box-shadow:0 10px 25px rgba(0,0,0,.05);
transition:.3s ease;
}

.swiper-slide .group:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.swiper-slide span.absolute.top-3{
background:var(--velar-blue);
border-radius:20px;
font-size:12px;
}

.swiper-slide .absolute.bottom-2,
.swiper-slide button{
display:none !important;
}

/* ============================= */
/*        RESPONSIVE FIX         */
/* ============================= */

@media(max-width:640px){

.category_products_grid_container{
gap:15px !important;
}

.home_section_top_title{
font-size:26px;
}

}
/* ============================= */
/*     EMPTY CART PANEL STYLE    */
/* ============================= */

/* الخلفية العامة */
.pointer-events-auto.w-full.max-w-md{
background:#f8fafc !important;
}

/* الصندوق الداخلي */
.pointer-events-auto .flex.h-full.flex-col{
background:#ffffff !important;
border-radius:20px !important;
box-shadow:0 25px 60px rgba(0,0,0,.12) !important;
}

/* منطقة المحتوى الفارغ */
.pointer-events-auto .h-96{
background:#f9fafb !important;
border-radius:16px !important;
padding:40px 20px !important;
}

/* الأيقونة */
.pointer-events-auto .h-96 svg{
width:95px !important;
height:95px !important;
opacity:1 !important;
}

/* تلوين أجزاء الصندوق داخل SVG */
.pointer-events-auto .h-96 svg path{
fill:#0a58ff22 !important;   /* أزرق فاتح */
}

/* العنوان */
.pointer-events-auto .h-96 h1{
font-size:28px !important;
font-weight:900 !important;
color:#0a58ff !important;
margin-bottom:10px !important;
}

/* النص الصغير */
.pointer-events-auto .h-96 p{
font-size:15px !important;
color:#6b7280 !important;
font-weight:600 !important;
}
/* ===================================== */
/*        SIDE CART PANEL SIMPLE         */
/* ===================================== */

/* عرض الصندوق */
.pointer-events-auto.w-full.max-w-md{
max-width:420px !important;
}

/* الهيدر (عنوان سلة التسوق) */
.pointer-events-auto h2{
font-size:18px !important;
font-weight:700 !important;
color:#111827 !important;
}

/* زر الإغلاق */
.pointer-events-auto button svg{
width:20px !important;
height:20px !important;
color:#6b7280 !important;
}

/* المسافات الداخلية */
.pointer-events-auto .py-6{
padding-top:20px !important;
padding-bottom:20px !important;
}

/* خط فاصل بسيط تحت العنوان */
.pointer-events-auto .items-start{
border-bottom:1px solid #e5e7eb !important;
padding-bottom:12px !important;
margin-bottom:10px !important;
}

/* تحسين النصوص */
.pointer-events-auto{
font-family:inherit !important;
}

/* منع أي ظل تقيل */
.pointer-events-auto .shadow-xl{
box-shadow:none !important;
}
/* ===================================== */
/*      إخفاء زر القائمة (الهامبورجر)   */
/* ===================================== */

button.lg\:hidden{
display:none !important;
}


/* ===================================== */
/*        إضافة العلم مكانه              */
/* ===================================== */

.flex-1.flex.items-center.gap-3{
position:relative;
}

/* العلم */
.flex-1.flex.items-center.gap-3::after{
content:"";
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);

width:34px;
height:22px;
border-radius:4px;

background-repeat:no-repeat;
background-position:center;
background-size:cover;

/* علم فلسطين SVG */
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 24'%3E%3Crect width='36' height='8' fill='%23000'/%3E%3Crect y='8' width='36' height='8' fill='%23fff'/%3E%3Crect y='16' width='36' height='8' fill='%23007a3d'/%3E%3Cpolygon points='0,0 14,12 0,24' fill='%23ce1126'/%3E%3C/svg%3E");

box-shadow:0 4px 10px rgba(0,0,0,.15);
}
/* ===================================== */
/*        إخفاء الأقسام والصفحات         */
/* ===================================== */

.border-t.border-\[\#E2E2E2\]{
display:none !important;
}

/* ===================================== */
/*        HOME PRODUCTS SECTION          */
/* ===================================== */

/* إزالة تأثير الانيميشن القديم */
.animate-slideIn{
opacity:1 !important;
animation:none !important;
}

/* ---------- HEADER ---------- */

.home_section_top_container{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
gap:14px !important;
padding:0 15px !important;
margin-bottom:25px !important;
}

/* PERFUMES كبسولة زرقاء */
.home_section_top_container > span{
background:#0a58ff !important;
color:#ffffff !important;
padding:8px 22px !important;
border-radius:999px !important;
font-weight:700 !important;
font-size:14px !important;
letter-spacing:.5px;
display:inline-block !important;
}

/* العنوان الرئيسي */
.home_section_top_title{
font-weight:900 !important;
font-size:clamp(22px,4vw,38px) !important;
line-height:1.2 !important;
color:#111827 !important;
margin:0 !important;
}

/* كلمة Section باللون الأزرق */
.home_section_top_title span.relative{
color:#0a58ff !important;
}

/* إزالة الشخبطة القديمة */
.home_section_top_title svg{
display:none !important;
}

/* ---------- PRODUCT CARDS ---------- */

.group.box-border{
border:1px solid #e5e7eb !important;
border-radius:16px !important;
box-shadow:0 10px 25px rgba(0,0,0,.05) !important;
transition:.3s ease !important;
}

.group.box-border:hover{
transform:translateY(-5px);
box-shadow:0 15px 35px rgba(0,0,0,.08) !important;
}

/* إخفاء أيقونات الهـوفر */
.group .absolute.bottom-2{
display:none !important;
}

/* صورة المنتج */
.group img{
border-radius:16px 16px 0 0 !important;
}

/* بادج الخصم */
.group span.absolute.top-3{
background:#0a58ff !important;
border-radius:20px !important;
font-size:12px !important;
padding:5px 12px !important;
}

/* اسم المنتج */
.group h3{
font-weight:700 !important;
font-size:18px !important;
color:#111827 !important;
min-height:48px;
}

/* السعر */
.group .text-xl,
.group .text-2xl{
color:#0a58ff !important;
font-weight:800 !important;
}

/* السعر القديم */
.group del{
color:#9ca3af !important;
}

/* ---------- زر عرض الكل ---------- */

.animate-slideIn.w-fit{
background:#ffffff !important;
border:2px solid #0a58ff !important;
color:#0a58ff !important;
border-radius:30px !important;
font-weight:700 !important;
transition:.2s;
}

.animate-slideIn.w-fit:hover{
background:#0a58ff !important;
color:#ffffff !important;
}

/* ---------- Responsive ---------- */

@media (max-width:768px){

.home_section_top_title{
font-size:26px !important;
}

.home_section_top_container > span{
font-size:13px !important;
padding:6px 18px !important;
}

}

@media (max-width:480px){

.home_section_top_title{
font-size:22px !important;
line-height:1.3 !important;
}

.home_section_top_container > span{
font-size:12px !important;
padding:6px 16px !important;
}

}

/* ===================================== */
/*        CATEGORY PAGE STYLE            */
/* ===================================== */

/* إزالة تأثير الانيميشن القديم */
.animate-slideIn{
opacity:1 !important;
animation:none !important;
}

/* ---------- توسيط المحتوى ---------- */

.w-full.lg\:-ms-9{
margin:0 auto !important;
}

/* ---------- الهيدر ---------- */

.category_section_header{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
gap:15px !important;
margin-bottom:30px !important;
}

/* عنوان Perfumes */
.category_section_header_title{
font-size:clamp(24px,4vw,38px) !important;
font-weight:900 !important;
color:#111827 !important;
position:relative;
display:inline-block !important;
}

/* خط أزرق تحت العنوان */
.category_section_header_title::after{
content:"";
display:block;
width:80px;
height:4px;
background:#0a58ff;
border-radius:10px;
margin:8px auto 0 auto;
}

/* زر الفرز */
.category_section_header button{
border-radius:25px !important;
border:1px solid #e5e7eb !important;
background:#ffffff !important;
padding:8px 18px !important;
font-weight:600 !important;
transition:.2s;
}

.category_section_header button:hover{
background:#0a58ff !important;
color:#ffffff !important;
border-color:#0a58ff !important;
}

/* ---------- شبكة المنتجات ---------- */

.category_products_grid_container{
gap:20px !important;
}

/* ---------- الكروت ---------- */

.category_products_grid_container .group{
border:1px solid #e5e7eb !important;
border-radius:16px !important;
box-shadow:0 10px 25px rgba(0,0,0,.05) !important;
transition:.3s ease !important;
}

.category_products_grid_container .group:hover{
transform:translateY(-5px);
box-shadow:0 15px 35px rgba(0,0,0,.08) !important;
}

/* إخفاء أيقونات الهـوفر */
.category_products_grid_container .absolute.bottom-2{
display:none !important;
}

/* صورة المنتج */
.category_products_grid_container img{
border-radius:16px 16px 0 0 !important;
}

/* بادج الخصم */
.category_products_grid_container span.absolute.top-3{
background:#0a58ff !important;
border-radius:20px !important;
font-size:12px !important;
padding:5px 12px !important;
}

/* اسم المنتج */
.category_products_grid_container h3{
font-weight:700 !important;
font-size:17px !important;
color:#111827 !important;
min-height:48px;
}

/* السعر */
.category_products_grid_container .text-xl,
.category_products_grid_container .text-2xl{
color:#0a58ff !important;
font-weight:800 !important;
}

/* السعر القديم */
.category_products_grid_container del{
color:#9ca3af !important;
}

/* ---------- Responsive ---------- */

@media (max-width:768px){

.category_section_header_title{
font-size:26px !important;
}

.category_products_grid_container{
gap:15px !important;
}

}

@media (max-width:480px){

.category_section_header_title{
font-size:22px !important;
}

}

/* إظهار القسم على كل الشاشات إذا كان مخفي */
.mt-6.hidden.lg\:block {
  display: block !important;
}

/* الحاوية */
.product_tabs_elegance_container {
  width: 100% !important;
  margin-top: 24px !important;
  padding-right: 12px !important;
  padding-left: 12px !important;
  direction: rtl !important;
}

/* شريط التبويبات */
.product_tabs_elegance_container > div > div[role="tablist"] {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #f1f5f9 !important;
  padding: 8px !important;
  border-radius: 20px !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
  border: 1px solid rgba(0,0,0,0.06) !important;
  scrollbar-width: none !important;
}

.product_tabs_elegance_container > div > div[role="tablist"]::-webkit-scrollbar {
  display: none !important;
}

/* الأزرار */
.product_tabs_elegance_container button[role="tab"] {
  background: transparent !important;
  color: #111827 !important;
  border: none !important;
  border-radius: 14px !important;
  padding: 14px 22px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  transition: all 0.3s ease !important;
  box-shadow: none !important;
}

/* hover */
.product_tabs_elegance_container button[role="tab"]:hover {
  background: #ffffff !important;
  color: #111827 !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important;
}

/* التبويب النشط */
.product_tabs_elegance_container button[role="tab"][aria-selected="true"] {
  background: linear-gradient(135deg, #0f172a 0%, #2563eb 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 25px rgba(37, 99, 235, 0.28) !important;
}

/* البانل الرئيسي الظاهر */
.product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 45%, #1d4ed8 140%) !important;
  color: #ffffff !important;
  border-radius: 24px !important;
  padding: 28px 24px !important;
  margin-top: 16px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.18) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

/* إلغاء الخلفية البيضاء الداخلية */
.product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"].bg-white {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 45%, #1d4ed8 140%) !important;
}

/* النص داخل المحتوى */
.product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] .product_description,
.product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] .ql-editor,
.product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] .product_description *,
.product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] .ql-editor * {
  color: #ffffff !important;
  text-align: right !important;
}

/* العناوين */
.product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] h1,
.product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] h2,
.product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] h3,
.product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] h4 {
  color: #ffffff !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
  margin-bottom: 14px !important;
}

/* الفقرات */
.product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] p {
  color: #ffffff !important;
  line-height: 2 !important;
  margin-bottom: 14px !important;
  font-size: 16px !important;
}

/* القوائم */
.product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] ul,
.product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] ol {
  padding-right: 20px !important;
  margin: 14px 0 !important;
}

.product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] li {
  color: #ffffff !important;
  margin-bottom: 10px !important;
  line-height: 1.9 !important;
}

/* الموبايل */
@media (max-width: 768px) {
  .product_tabs_elegance_container {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .product_tabs_elegance_container button[role="tab"] {
    font-size: 13px !important;
    padding: 11px 14px !important;
  }

  .product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] {
    padding: 18px 14px !important;
    border-radius: 18px !important;
  }

  .product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] p,
  .product_tabs_elegance_container div[role="tabpanel"][data-headlessui-state="selected"] li {
    font-size: 15px !important;
  }
}