/* ================================================= */
/*   VELAR — GLOBAL CSS (نسخة نضيفة / تصميم مسطح حديث)   */
/*   آخر تحديث: يوليو 2026                              */
/* ================================================= */

:root{
  --velar-blue:#0a58ff;
  --velar-dark:#111827;
  --velar-gray:#6b7280;
  --velar-border:rgba(17,24,39,.12);
  --velar-radius:10px;
  --velar-radius-lg:14px;
}

* {
  -webkit-tap-highlight-color: transparent;
}

/* ================================================= */
/*   HEADER — أيقونات البحث والسلة                    */
/* ================================================= */

:root{
  --icon-size:46px;
  --icon-gap:-5px;
  --search-glyph:26px;
  --cart-glyph:28px;
}

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;
  transition:opacity .15s ease;
}

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{
    opacity:.65;
  }
}
a[href*="search"]:active,
button.group.relative.flex.items-center.p-2.rounded-full:active{
  opacity:.4;
}

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' fill='none'%3E%3Ccircle cx='12' cy='12' r='7' stroke='%23111827' stroke-width='2'/%3E%3Cpath d='M17 17L21 21' stroke='%23111827' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

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='%23111827' 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:50px;
    --search-glyph:24px;
    --cart-glyph:26px;
  }
}

/* ================================================= */
/*   السلايدر الرئيسي                                 */
/* ================================================= */

.home_slider_container .swiper-wrapper{
  transition-duration:900ms !important;
  transition-timing-function:cubic-bezier(.4,0,.2,1) !important;
}

.home_slider_container img{
  animation:none !important;
  transform:none !important;
  transition:opacity .8s ease-in-out !important;
  object-fit:cover !important;
  width:100% !important;
  height:100% !important;
}

.home_slider_container .swiper-slide{
  opacity:.5;
  transition:opacity .8s ease-in-out !important;
}

.home_slider_container .swiper-slide-active{
  opacity:1 !important;
}

.home_slider_container .home_slider_card{
  overflow:hidden !important;
  border-radius:0 !important;
}

.swiper{
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  transform:translate3d(0,0,0);
}

.home_slider_container{
  pointer-events:none !important;
}
.home_slider_container a{
  pointer-events:auto !important;
}

/* ================================================= */
/*   عناوين الأقسام (الرئيسية + الأقسام)               */
/* ================================================= */

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

/* الكبسولة الصغيرة فوق العنوان (اسم القسم) */
.home_section_top_container>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 16px !important;
  border-radius:999px;
  font-weight:700 !important;
  font-size:12.5px !important;
  letter-spacing:.06em;
  color:var(--velar-blue) !important;
  background:rgba(10,88,255,.07) !important;
  border:1px solid rgba(10,88,255,.16);
}

.home_section_top_title,
.category_section_header_title{
  margin:0 !important;
  font-weight:800 !important;
  font-size:clamp(22px,3.4vw,36px) !important;
  line-height:1.25 !important;
  color:var(--velar-dark) !important;
}

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

/* خط رفيع تحت العنوان بدل التظليل */
.home_section_top_title span.relative,
.category_section_header_title::after{
  position:relative;
}

.category_section_header_title::after{
  content:"";
  display:block;
  width:56px;
  height:2px;
  background:var(--velar-blue);
  border-radius:2px;
  margin:10px auto 0;
}

/* رابط "عرض الكل" اللي جوه العنوان (غالبًا نص "Section") */
.home_section_top_title span.relative{
  color:var(--velar-blue) !important;
  font-weight:700 !important;
  font-size:15px !important;
  border-bottom:1.5px solid var(--velar-blue);
  padding-bottom:2px;
}

/* زر الفرز في صفحة القسم */
.category_section_header button{
  border-radius:999px !important;
  border:1px solid var(--velar-border) !important;
  background:#fff !important;
  padding:8px 18px !important;
  font-weight:600 !important;
  color:var(--velar-dark) !important;
  box-shadow:none !important;
  transition:border-color .2s ease !important;
}
.category_section_header button:hover{
  border-color:var(--velar-blue) !important;
  background:#fff !important;
  color:var(--velar-blue) !important;
}

@media (max-width:768px){
  .home_section_top_title,
  .category_section_header_title{ font-size:24px !important; }
  .home_section_top_container>span{ font-size:12px !important; padding:5px 14px !important; }
}

/* ================================================= */
/*   كروت المنتجات — قاعدة موحّدة واحدة لكل الأماكن     */
/*   (الرئيسية / صفحة القسم / السلايدر)                */
/* ================================================= */

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

.category_products_grid_container .group,
.swiper-slide .group,
.group.box-border{
  border:1px solid var(--velar-border) !important;
  border-radius:var(--velar-radius) !important;
  box-shadow:none !important;
  background:#fff !important;
  transition:border-color .2s ease, transform .2s ease !important;
  display:flex;
  flex-direction:column;
  height:100%;
}

.category_products_grid_container .group:hover,
.swiper-slide .group:hover,
.group.box-border:hover{
  border-color:rgba(17,24,39,.28) !important;
  box-shadow:none !important;
  transform:translateY(-3px) !important;
}

.category_products_grid_container img,
.swiper-slide img,
.group.box-border img{
  width:100%;
  height:auto;
  border-radius:var(--velar-radius) var(--velar-radius) 0 0 !important;
}

.category_products_grid_container h3,
.swiper-slide h3,
.group.box-border h3{
  font-weight:600 !important;
  font-size:16px !important;
  color:var(--velar-dark) !important;
  min-height:44px;
}

.category_products_grid_container .text-xl,
.category_products_grid_container .text-2xl,
.swiper-slide .text-xl,
.swiper-slide .text-2xl,
.group.box-border .text-xl,
.group.box-border .text-2xl{
  color:var(--velar-dark) !important;
  font-weight:700 !important;
}

.category_products_grid_container del,
.swiper-slide del,
.group.box-border del{
  color:var(--velar-gray) !important;
}

/* بادج الخصم — أبيض بحد رفيع بدل الأزرق اللامع */
.category_products_grid_container span.absolute.top-3,
.swiper-slide span.absolute.top-3,
.group.box-border span.absolute.top-3{
  background:#ffffff !important;
  color:var(--velar-dark) !important;
  border:1px solid rgba(17,24,39,.16) !important;
  border-radius:6px !important;
  font-size:11.5px !important;
  font-weight:700 !important;
  padding:4px 10px !important;
  box-shadow:none !important;
}

/* إخفاء أيقونات الهوفر الافتراضية */
.category_products_grid_container .absolute.bottom-2,
.category_products_grid_container button,
.swiper-slide .absolute.bottom-2,
.swiper-slide button,
.group .absolute.bottom-2{
  display:none !important;
}

/* زرار "عرض جميع المنتجات" — outline بسيط */
.animate-slideIn.w-fit{
  background:#fff !important;
  border:1px solid var(--velar-dark) !important;
  color:var(--velar-dark) !important;
  border-radius:999px !important;
  font-weight:600 !important;
  box-shadow:none !important;
  transition:.2s ease !important;
}
.animate-slideIn.w-fit:hover{
  background:var(--velar-dark) !important;
  color:#fff !important;
}

.animate-slideIn{
  opacity:1 !important;
  animation:none !important;
}

@media (max-width:640px){
  .category_products_grid_container{ gap:14px !important; }
}

/* ================================================= */
/*   تبويبات وصف المنتج                                */
/* ================================================= */

@media (max-width:1024px){
  .mt-6.hidden.lg\:block{ display:block !important; }
}

.product_tabs_elegance_container{
  width:100% !important;
  margin-top:22px !important;
  direction:rtl !important;
}

.product_tabs_elegance_container [role="tablist"]{
  display:flex !important;
  gap:6px !important;
  padding:5px !important;
  background:#fff !important;
  border:1px solid var(--velar-border) !important;
  border-radius:999px !important;
  overflow-x:auto !important;
  white-space:nowrap !important;
  scrollbar-width:none !important;
  box-shadow:none !important;
}
.product_tabs_elegance_container [role="tablist"]::-webkit-scrollbar{ display:none !important; }

.product_tabs_elegance_container button[role="tab"]{
  border:none !important;
  background:transparent !important;
  color:var(--velar-gray) !important;
  border-radius:999px !important;
  padding:12px 20px !important;
  font-size:14px !important;
  font-weight:600 !important;
  box-shadow:none !important;
  transition:.2s ease !important;
}
.product_tabs_elegance_container button[role="tab"]:hover{
  color:var(--velar-dark) !important;
}
.product_tabs_elegance_container button[role="tab"][aria-selected="true"]{
  background:var(--velar-dark) !important;
  color:#fff !important;
  box-shadow:none !important;
}

/* بوكس الوصف — أبيض بحد رفيع بدل التدرج الأزرق التقيل */
.product_tabs_elegance_container .product_description{
  background:#fff !important;
  border:1px solid var(--velar-border) !important;
  border-radius:var(--velar-radius-lg) !important;
  padding:26px 22px !important;
  box-shadow:none !important;
  margin-top:16px !important;
}

.product_tabs_elegance_container .product_description,
.product_tabs_elegance_container .product_description *{
  color:var(--velar-dark) !important;
  text-align:right !important;
}

.product_tabs_elegance_container .product_description h1,
.product_tabs_elegance_container .product_description h2,
.product_tabs_elegance_container .product_description h3,
.product_tabs_elegance_container .product_description h4{
  font-weight:700 !important;
  line-height:1.5 !important;
  margin:0 0 12px !important;
}

.product_tabs_elegance_container .product_description p,
.product_tabs_elegance_container .product_description li{
  line-height:1.9 !important;
  font-size:15px !important;
  color:var(--velar-gray) !important;
  margin:0 0 12px !important;
}

.product_tabs_elegance_container .product_description a{
  color:var(--velar-blue) !important;
  text-decoration:underline !important;
}

@media (max-width:640px){
  .product_tabs_elegance_container button[role="tab"]{
    font-size:13px !important;
    padding:10px 14px !important;
  }
  .product_tabs_elegance_container .product_description{
    padding:18px 14px !important;
  }
}

/* ================================================= */
/*   السلة الجانبية + السلة الفارغة                    */
/* ================================================= */

.pointer-events-auto.w-full.max-w-md{
  max-width:420px !important;
  background:#fff !important;
}

.pointer-events-auto .flex.h-full.flex-col{
  background:#fff !important;
  box-shadow:none !important;
}

.pointer-events-auto h2{
  font-size:17px !important;
  font-weight:700 !important;
  color:var(--velar-dark) !important;
}

.pointer-events-auto button svg{
  width:20px !important;
  height:20px !important;
  color:var(--velar-gray) !important;
}

.pointer-events-auto .items-start{
  border-bottom:1px solid var(--velar-border) !important;
  padding-bottom:12px !important;
  margin-bottom:10px !important;
}

.pointer-events-auto .shadow-xl{
  box-shadow:none !important;
  border:1px solid var(--velar-border) !important;
}

/* حالة السلة الفارغة */
.pointer-events-auto .h-96{
  background:#fff !important;
  border-radius:var(--velar-radius) !important;
  border:1px dashed var(--velar-border) !important;
  padding:40px 20px !important;
}

.pointer-events-auto .h-96 svg{
  width:80px !important;
  height:80px !important;
  opacity:1 !important;
}
.pointer-events-auto .h-96 svg path{
  fill:rgba(17,24,39,.12) !important;
}
.pointer-events-auto .h-96 h1{
  font-size:22px !important;
  font-weight:700 !important;
  color:var(--velar-dark) !important;
  margin-bottom:8px !important;
}
.pointer-events-auto .h-96 p{
  font-size:14px !important;
  color:var(--velar-gray) !important;
  font-weight:500 !important;
}

/* ================================================= */
/*   القائمة الجانبية (الأقسام)                        */
/* ================================================= */

.relative.flex.w-full.max-w-xs{
  background:#fff;
  border-left:1px solid var(--velar-border);
  box-shadow:none;
}

.relative.flex.w-full.max-w-xs p{
  font-size:16px;
  color:var(--velar-dark);
  font-weight:700;
  margin-bottom:8px;
}

.relative.flex.w-full.max-w-xs *{
  transform:none !important;
  animation:none !important;
}

.relative.flex.w-full.max-w-xs a{
  display:block;
  padding:14px 16px;
  border-radius:8px;
  color:var(--velar-dark);
}
.relative.flex.w-full.max-w-xs a:hover{
  background:#f5f5f5;
}

@media (min-width:1024px){
  .hidden.lg\:block.mt-4{ display:none !important; }
}

/* ================================================= */
/*   زرار اللغة                                        */
/* ================================================= */

.relative.inline-block>button{
  background:var(--velar-dark) !important;
  color:#fff !important;
  border:none !important;
  border-radius:50% !important;
  width:32px !important;
  height:32px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  font-size:11px !important;
  font-weight:600;
  box-shadow:none !important;
}
.relative.inline-block>button svg{ display:none !important; }
.relative.inline-block>button span{ display:inline !important; }
.relative.inline-block>button:hover{ background:#000 !important; }
.relative.inline-block{ background:transparent !important; }
.ms-auto .relative.inline-block{ display:none !important; }
[role="menu"] button:nth-child(n+3){ display:none !important; }

[role="menu"]{
  border-radius:10px !important;
  padding:5px !important;
  min-width:120px !important;
  box-shadow:0 4px 16px rgba(0,0,0,.08) !important;
  border:1px solid var(--velar-border) !important;
}
[role="menu"] button{
  border-radius:8px !important;
  font-size:13px !important;
  font-weight:500 !important;
}
[role="menu"] button:hover{
  background:#f5f5f5 !important;
  color:var(--velar-dark) !important;
}
[role="menu"] button[data-headlessui-state="active"]{
  background:var(--velar-dark) !important;
  color:#fff !important;
}

/* ================================================= */
/*   سكرول أفقي بدون شريط تمرير                        */
/* ================================================= */

.content_container .overflow-x-auto{
  -ms-overflow-style:none;
  scrollbar-width:none;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
}
.content_container .overflow-x-auto::-webkit-scrollbar{ display:none; }
.content_container .overflow-x-auto>div{ scroll-snap-align:start; }

/* ================================================= */
/*   فورم التواصل — موبايل                             */
/* ================================================= */

@media (max-width:900px){
  .vcontact{ padding:60px 0; }
  .vcontact__container{ flex-direction:column; gap:40px; padding:0 20px; }
  .vcontact__right{ width:100%; }
  .vcontact__right form{ width:100%; }
  .vform__row{ flex-direction:column; gap:14px; }
  .vcontact__right input,
  .vcontact__right textarea,
  .vcontact__right select{
    width:100%; padding:16px; font-size:15px; border-radius:var(--velar-radius);
    border:1px solid var(--velar-border);
  }
  .vcontact__right textarea{ min-height:140px; }
  .vcontact__right button{
    width:100%; height:52px; font-size:15px; border-radius:var(--velar-radius);
    background:var(--velar-dark); color:#fff; border:none;
  }
}

/* ================================================= */
/*   تنبيه مهم قبل إتمام الطلب                         */
/* ================================================= */

div.v-strong-alert{
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
  padding:18px !important;
  margin:22px 0 !important;
  border-radius:var(--velar-radius) !important;
  background:#fef2f2 !important;
  border:1px solid #fecaca !important;
  box-shadow:none !important;
}
div.v-strong-alert .v-strong-alert__icon{ font-size:22px !important; }
div.v-strong-alert .v-strong-alert__text h4{
  margin:0 0 4px !important;
  font-size:16px !important;
  font-weight:700 !important;
  color:var(--velar-dark) !important;
}
div.v-strong-alert .v-strong-alert__text p{
  margin:0 !important;
  font-size:13.5px !important;
  line-height:1.7 !important;
  color:var(--velar-gray) !important;
}
div.v-strong-alert .v-strong-alert__text strong{
  color:#dc2626 !important;
}

/* ================================================= */
/*   إخفاء عناصر غير مطلوبة                            */
/* ================================================= */

.border-t.border-\[\#E2E2E2\]{ display:none !important; }
/* إخفاء جملة Powered By Easyorders */
.border-t.bg-skin-primary.text-skin-a11y.py-8 > p{
  display:none !important;
}

/* تقليل المساحة العلوية والسفلية */
.border-t.bg-skin-primary.text-skin-a11y.py-8{
  padding-top:16px !important;
  padding-bottom:16px !important;
}

@media (max-width:1024px){
  .border-t.bg-skin-primary.text-skin-a11y.py-8{
    padding-bottom:90px !important; /* مسافة للقائمة السفلية في الموبايل لو موجودة */
  }
}

/* حقوق النشر بتاعة البراند بدلها */
.border-t.bg-skin-primary.text-skin-a11y.py-8::after{
  content:"VELAR © 2026 — جميع الحقوق محفوظة";
  display:block;
  text-align:center;
  font-family:"Cairo",system-ui,sans-serif;
  font-size:12.5px;
  font-weight:600;
  color:#6b7280;
}

.hidden.lg\:block.transition-all a[href="/pages/privacy-policy"],
.hidden.lg\:block.transition-all a[href="/pages/shipping-policy"],
.hidden.lg\:block.transition-all a[href="/pages/return-refund-policy"],
.hidden.lg\:block.transition-all a[href="/pages/terms-of-use"],
.hidden.lg\:block.transition-all a[href="/pages/about"]{
  display:none !important;
}