/* =========================================================
   Almahabastore (EasyOrders) - ONE SAFE CSS FILE (LUXURY) BY BASSEM WAGDY 
   Includes:
   - Header (logo bigger)
   - Product page (price bigger)
   - Product buttons
   - Product cards (price bigger)
   - Footer luxury blue (#4c90e1) + wave on top
========================================================= */


/* =========================
   1) HEADER (logo + links)
   ========================= */

header.sphinx_header{
  position: relative;
  z-index: 50;
}

.h-14.flex.items-center{ overflow: visible; }

/* LOGO bigger (UPDATED) */
.sphinx_header_logo{
  flex: 0 0 auto;
  max-width: 62vw; /* bigger */
}
.sphinx_header_logo a{
  display:flex;
  align-items:center;
}
.sphinx_header_logo .relative.overflow-hidden{
  overflow: visible !important;
}
.sphinx_header_logo img{
  height: 74px !important; /* bigger */
  width: auto !important;
  object-fit: contain !important;
  display:block;
}

@media (max-width:768px){
  .sphinx_header_logo{ max-width: 58vw; }   /* bigger on mobile */
  .sphinx_header_logo img{ height: 60px !important; }
}

/* Header links row (desktop) */
.sphinx_header_links a{
  border-radius: 12px;
  transition: transform .18s ease, opacity .18s ease, background .18s ease, box-shadow .18s ease;
}
.sphinx_header_links a:hover{
  transform: scale(1.05);
}


/* =========================
   2) PRODUCT PAGE (title + brand + price + description)
   ========================= */

#product-id .product_name{
  color: #010101 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  margin-top: 10px !important;
}

/* Brand chip */
#product-id .relative > a[href^="/collections/"]{
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  border-radius: 14px !important;
  padding: 6px 14px !important;
  font-weight: 800;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
#product-id .relative > a[href^="/collections/"]:hover{
  transform: translateY(-1px);
  background: rgba(74,144,226,.08);
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
}

/* PRICE bigger */
#product-id #price.product_price{
  margin-top: 14px !important;
  font-weight: 950 !important;
  letter-spacing: .2px;
  font-size: 38px !important;
}

/* Currency (ج.م) */
#product-id #price.product_price > span{
  font-size: 20px !important;
  opacity: .75;
}

/* Description (p after price) */
#product-id #price.product_price + p{
  margin-top: 14px !important;
  margin-bottom: 18px !important;
  line-height: 1.8 !important;
  font-size: 15px !important;
  color: #778399 !important;
}

@media (max-width:768px){
  #product-id .product_name{ font-size: 22px !important; }
  #product-id #price.product_price{ font-size: 30px !important; }
  #product-id #price.product_price > span{ font-size: 16px !important; }
}


/* =========================
   3) PRODUCT PAGE BUTTONS
   ========================= */

#product-id .checkout_btn,
#product-id .add_to_cart_btn{
  border-radius: 18px !important;
  font-weight: 900 !important;
  letter-spacing: .2px;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, opacity .18s ease !important;
  -webkit-tap-highlight-color: transparent;
}

/* Checkout (primary) */
#product-id .checkout_btn{
  box-shadow: 0 14px 30px rgba(0,0,0,.12) !important;
}
#product-id .checkout_btn:hover{
  transform: translateY(-1px);
  filter: brightness(0.98);
}
#product-id .checkout_btn:active{
  transform: scale(.98);
  box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
}

/* Add to cart (secondary) */
#product-id .add_to_cart_btn{
  background: #fff !important;
  border-width: 2px !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.06) !important;
}
#product-id .add_to_cart_btn:hover{
  transform: translateY(-1px);
  filter: brightness(0.99);
}
#product-id .add_to_cart_btn:active{
  transform: scale(.98);
}

@media (max-width: 768px){
  #product-id .checkout_btn,
  #product-id .add_to_cart_btn{
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    font-size: 16px !important;
    border-radius: 16px !important;
  }
}


/* =========================
   4) PRODUCT IMAGE (product page)
   ========================= */

.sphinx_product_img{
  border-radius: 16px !important;
  overflow:hidden !important;
}
.sphinx_product_img img{
  object-fit: cover;
}


/* =========================
   5) PRODUCT GRID CARD
   ========================= */

.home_grid_section_card{
  border-radius: 22px !important;
  border: 1px solid rgba(1,1,1,.08);
  background: #fff;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.home_grid_section_card:hover{
  transform: translateY(-4px);
  border-color: rgba(75,146,227,.35);
}

/* image wrapper */
.home_grid_section_card a > .flex .relative{
  aspect-ratio: 1 / 1;   /* لو عايزها مستطيل: 4/3 */
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #f3f3f3;
}

.home_grid_section_card img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .35s ease;
}

.home_grid_section_card:hover img{
  transform: scale(1.04);
}

.home_grid_section_card h2{
  font-weight: 900 !important;
  line-height: 1.35 !important;
  font-size: 16px;
  color: #010101;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.35em * 2);
}

/* CARD PRICE bigger */
.home_grid_section_card .flex.justify-center.items-center.font-semibold.my-4 > span{
  font-size: 20px !important;
  font-weight: 950 !important;
  color: #010101;
}
.home_grid_section_card .flex.justify-center.items-center.font-semibold.my-4 span .font-\[inherit\]{
  font-size: 15px !important;
  opacity: .75;
  margin-right: 4px;
}

.home_grid_section_card .sphinx_product_card_btn{
  border-radius: 16px !important;
  font-weight: 900 !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}
.home_grid_section_card .sphinx_product_card_btn:hover{
  transform: translateY(-2px);
  filter: brightness(.98);
}
.home_grid_section_card .sphinx_product_card_btn:active{
  transform: scale(.98);
  box-shadow: 0 8px 18px rgba(0,0,0,.10);
}

@media (max-width: 768px){
  .home_grid_section_card{ border-radius: 18px !important; }
  .home_grid_section_card a > .flex .relative{ border-radius: 16px !important; }
  .home_grid_section_card h2{ font-size: 15px; }
}


/* =========================
   6) FOOTER (LUXURY BLUE + WAVE)
   NOTE: we target both footer tag and known container.
   ========================= */

/* Footer scope target */
footer,
.max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8.py-8.lg\:py-12.pb-20{
  position: relative;
}

/* Make footer area luxury: deep gradient + subtle shine */
footer{
  background: linear-gradient(180deg, #4c90e1 0%, #2f6fd1 60%, #2458a9 100%) !important;
  border-top: none !important;
  overflow: hidden;
}

.max-w-7xl.mx-auto.px-4.sm\:px-6.lg\:px-8.py-8.lg\:py-12.pb-20{
  background: transparent !important;
}

/* Wave on top of footer (SVG background) */
footer::before{
  content:"";
  position:absolute;
  top:-2px;
  left:0;
  width:100%;
  height:90px;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center top;
  opacity: .95;
  pointer-events:none;
  /* White wave SVG (data URI) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120'%3E%3Cpath fill='%23ffffff' fill-opacity='0.22' d='M0,64L60,53.3C120,43,240,21,360,32C480,43,600,85,720,90.7C840,96,960,64,1080,48C1200,32,1320,32,1380,32L1440,32L1440,0L1380,0C1320,0,1200,0,1080,0C960,0,840,0,720,0C600,0,480,0,360,0C240,0,120,0,60,0L0,0Z'/%3E%3Cpath fill='%23ffffff' fill-opacity='0.12' d='M0,96L80,90.7C160,85,320,75,480,74.7C640,75,800,85,960,74.7C1120,64,1280,32,1360,16L1440,0L1440,120L1360,120C1280,120,1120,120,960,120C800,120,640,120,480,120C320,120,160,120,80,120L0,120Z'/%3E%3C/svg%3E");
}

/* Soft shine overlay */
footer::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(900px 220px at 20% 0%, rgba(255,255,255,.16), rgba(255,255,255,0));
  pointer-events:none;
}

/* Ensure footer content stays above wave/shine */
footer *{
  position: relative;
  z-index: 1;
}

/* Make all footer text white */
footer,
footer p,
footer span,
footer li,
footer a,
footer h3{
  color:#fff !important;
}

/* Titles underline becomes soft white */
footer h3.font-bold{
  position: relative;
  padding-bottom: 10px;
}
footer h3.font-bold::after{
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:48px;
  height:3px;
  border-radius:99px;
  background: rgba(255,255,255,.65) !important;
}

/* Footer links: luxury hover */
footer ul a{
  display: inline-flex;
  align-items:center;
  gap:8px;
  padding: 8px 10px;
  border-radius: 12px;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease, opacity .18s ease;
}
footer ul a:hover{
  transform: scale(1.06);
  background: rgba(255,255,255,.14);
  box-shadow: 0 12px 28px rgba(0,0,0,.18);
  text-decoration: none !important;
}

/* Data blocks (address/phone/email) - bigger + glass */
footer .space-y-4.text-sm > div.flex.items-center.gap-4{
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.12);
  backdrop-filter: blur(6px);
  transition: transform .18s ease, box-shadow .18s ease;
}

/* Bigger text for footer data */
footer .space-y-4.text-sm > div.flex.items-center.gap-4 p{
  font-size: 17px !important;
  line-height: 1.9 !important;
  color:#fff !important;
}
footer .space-y-4.text-sm > div.flex.items-center.gap-4 p .font-semibold{
  font-weight: 950 !important;
}

footer .space-y-4.text-sm > div.flex.items-center.gap-4:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(0,0,0,.16);
}

/* Icon circles become white with blue icon (luxury) */
footer .w-10.h-10.bg-skin-primary{
  background: rgba(255,255,255,.95) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18);
}
footer .w-10.h-10.bg-skin-primary svg{
  color: #4c90e1 !important;
}

/* Social button hover */
footer a.w-10.h-10.rounded-full.bg-skin-primary{
  background: rgba(255,255,255,.95) !important;
}
footer a.w-10.h-10.rounded-full.bg-skin-primary svg{
  color: #4c90e1 !important;
}
footer a.w-10.h-10.rounded-full.bg-skin-primary:hover{
  transform: translateY(-2px) scale(1.06);
  box-shadow: 0 18px 44px rgba(0,0,0,.22);
  opacity: 1 !important;
}

/* Mobile accordion cosmetics */
@media (max-width: 1024px){
  footer .lg\:hidden .border-t{
    border-color: rgba(255,255,255,.22) !important;
  }

  footer .lg\:hidden button[id^="headlessui-disclosure-button"]{
    border-radius: 14px;
    padding-inline: 10px;
  }

  footer .lg\:hidden button[aria-expanded="true"] svg{
    transform: rotate(0deg) !important;
  }

  /* Slightly smaller data text on small screens */
  footer .space-y-4.text-sm > div.flex.items-center.gap-4 p{
    font-size: 15px !important;
  }

  /* Wave smaller on mobile */
  footer::before{
    height: 70px;
  }
}
/* =====================================
   HEADER – Brand Solid Clean Luxury
   Color: #4c90e1
   ===================================== */

header.sphinx_header{
  background:#4c90e1 !important;
  position:sticky;
  top:0;
  z-index:999;
  box-shadow:0 8px 25px rgba(0,0,0,.15);
  padding-bottom:26px !important; /* مساحة للموجة */
  overflow:hidden;
}

/* =========================
   LOGO
   ========================= */

.sphinx_header_logo img{
  height:64px !important;
  width:auto !important;
  object-fit:contain !important;
}

@media (max-width:768px){
  .sphinx_header_logo img{
    height:50px !important;
  }
}

/* =========================
   TEXT & LINKS
   ========================= */

header.sphinx_header,
header.sphinx_header a,
header.sphinx_header button,
header.sphinx_header svg{
  color:#ffffff !important;
}

.sphinx_header_links a,
.sphinx_header_links button{
  background:transparent !important;
  border-radius:12px !important;
  padding:8px 14px !important;
  transition:all .2s ease;
}

.sphinx_header_links a:hover,
.sphinx_header_links button:hover{
  background:rgba(255,255,255,.15) !important;
  transform:translateY(-2px);
}

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

header.sphinx_header input{
  background:#ffffff !important;
  border:none !important;
  border-radius:16px !important;
  color:#0f172a !important;
  padding-left:55px !important;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

header.sphinx_header input::placeholder{
  color:#64748b !important;
}

/* زر البحث نفس لون الهيدر */
header.sphinx_header button.bg-skin-primary{
  background:#4c90e1 !important;
  color:#ffffff !important;
  border-radius:14px !important;
  padding:10px 14px !important;
  border:2px solid #ffffff !important;
  box-shadow:0 6px 16px rgba(0,0,0,.20);
  transition:all .2s ease;
}

header.sphinx_header button.bg-skin-primary:hover{
  background:#3b7ed0 !important;
  transform:scale(1.06);
}

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

header.sphinx_header button.relative{
  background:rgba(255,255,255,.20) !important;
  border-radius:50% !important;
  transition:all .2s ease;
}

header.sphinx_header button.relative:hover{
  background:rgba(255,255,255,.35) !important;
  transform:translateY(-2px);
}

/* رقم السلة */
header.sphinx_header .bg-\[\#F44336\]{
  background:#ffffff !important;
}

header.sphinx_header .bg-\[\#F44336\] span{
  color:#4c90e1 !important;
  font-weight:900;
}

/* =========================
   SOFT WAVE
   ========================= */

header.sphinx_header::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:26px;
  pointer-events:none;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center bottom;
  opacity:.45; /* ناعمة وخفيفة */
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60'%3E%3Cpath fill='%23ffffff' fill-opacity='0.5' d='M0,40C120,32,240,20,360,24C480,28,600,44,720,44C840,44,960,28,1080,24C1200,20,1320,32,1440,40L1440,60L0,60Z'/%3E%3C/svg%3E");
}

@media (max-width:768px){
  header.sphinx_header{
    padding-bottom:20px !important;
  }
  header.sphinx_header::after{
    height:20px;
  }
}
/* =====================================
   HEADER (Clean + Safe) - لا يلمس Dropdown
===================================== */

/* الهيدر نفسه */
header.sphinx_header{
  background:#4c90e1 !important;
  position: sticky !important;
  top: 0;
  z-index: 9999;
  box-shadow:0 8px 25px rgba(0,0,0,.15);
  padding-bottom:26px !important; /* مساحة للموجة */
  overflow: visible !important;   /* ✅ مهم عشان dropdown يطلع برة */
}

/* موجة الهيدر: شكل بس */
header.sphinx_header::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:26px;
  pointer-events:none !important; /* ✅ ما تمسكش كليك */
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center bottom;
  opacity:.45;
  z-index:1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60'%3E%3Cpath fill='%23ffffff' fill-opacity='0.5' d='M0,40C120,32,240,20,360,24C480,28,600,44,720,44C840,44,960,28,1080,24C1200,20,1320,32,1440,40L1440,60L0,60Z'/%3E%3C/svg%3E");
}

/* خلي محتوى الهيدر فوق الموجة */
header.sphinx_header > *{
  position: relative;
  z-index: 2;
}

/* ألوان عناصر الهيدر */
header.sphinx_header,
header.sphinx_header a,
header.sphinx_header button,
header.sphinx_header svg{
  color:#ffffff !important;
}

/* اللوجو */
.sphinx_header_logo img{
  height:64px !important;
  width:auto !important;
  object-fit:contain !important;
}
@media (max-width:768px){
  .sphinx_header_logo img{ height:50px !important; }
}

/* ✅ مهم: نجمّل “أزرار الهيدر الأساسية فقط” بدون لمس Dropdown */
.sphinx_header_links > a,
.sphinx_header_links > button{
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:999px !important;
  padding:8px 14px !important;
  line-height: 1 !important;
  transition:all .2s ease;
}
.sphinx_header_links > a:hover,
.sphinx_header_links > button:hover{
  background:rgba(255,255,255,.22) !important;
  transform:translateY(-1px);
}

/* البحث */
header.sphinx_header input{
  background:#ffffff !important;
  border:none !important;
  border-radius:16px !important;
  color:#0f172a !important;
  padding-left:55px !important;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}
header.sphinx_header input::placeholder{ color:#64748b !important; }

header.sphinx_header button.bg-skin-primary{
  background:#4c90e1 !important;
  color:#ffffff !important;
  border-radius:14px !important;
  border:2px solid #ffffff !important;
  box-shadow:0 6px 16px rgba(0,0,0,.20);
}
header.sphinx_header button.bg-skin-primary:hover{
  background:#3b7ed0 !important;
  transform:scale(1.06);
}

/* السلة */
header.sphinx_header button.relative{
  background:rgba(255,255,255,.20) !important;
  border-radius:50% !important;
}
header.sphinx_header button.relative:hover{
  background:rgba(255,255,255,.35) !important;
  transform:translateY(-2px);
}
header.sphinx_header .bg-\[\#F44336\]{ background:#ffffff !important; }
header.sphinx_header .bg-\[\#F44336\] span{ color:#4c90e1 !important; font-weight:900; }

@media (max-width:768px){
  header.sphinx_header{ padding-bottom:20px !important; }
  header.sphinx_header::after{ height:20px; }
}

/* =====================================
   UNIFY HEADER BUTTONS (Rounded - Not Oval)
   ===================================== */

/* كل أزرار الأقسام في الهيدر */
header.sphinx_header nav > a,
header.sphinx_header nav > button,
.sphinx_header_links > a,
.sphinx_header_links > button{

  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.28) !important;

  border-radius: 16px !important; /* 👈 دائري متناسق */
  padding: 8px 20px !important;

  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: 0 6px 16px rgba(0,0,0,.15) !important;
  transition: all .2s ease;
}

/* Hover */
header.sphinx_header nav > a:hover,
header.sphinx_header nav > button:hover,
.sphinx_header_links > a:hover,
.sphinx_header_links > button:hover{
  background: rgba(255,255,255,.22) !important;
  transform: translateY(-2px);
}

/* =========================
   FOOTER FIX (Email + Cards)
   ضع هذا في آخر ملف CSS
========================= */

/* الكارت نفسه ما يطلعش برا + يقبل لف الكلام */
footer .space-y-4.text-sm > div.flex.items-center.gap-4{
  align-items: flex-start !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

/* دائرة الأيقونة ثابتة */
footer .space-y-4.text-sm > div.flex.items-center.gap-4 > .w-10.h-10{
  flex: 0 0 auto !important;
}

/* النص يلف جوّه الكارت (العنوان/التليفون/الإيميل) */
footer .space-y-4.text-sm > div.flex.items-center.gap-4 p,
footer .space-y-4.text-sm > div.flex.items-center.gap-4 a,
footer .space-y-4.text-sm > div.flex.items-center.gap-4 span{
  min-width: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  line-height: 1.8 !important;
}

/* الإيميل يظهر اتجاهه صح (LTR) جوه عربي */
footer a[href^="mailto:"]{
  direction: ltr !important;
  unicode-bidi: plaintext !important;
  display: inline-block !important;
}

/* على الموبايل صغّر الخط شوية عشان ما يكسرش شكل الكارت */
@media (max-width: 480px){
  footer .space-y-4.text-sm > div.flex.items-center.gap-4 p,
  footer .space-y-4.text-sm > div.flex.items-center.gap-4 a{
    font-size: 14px !important;
  }
}

/* =====================================
   FORCE HEADER PILLS (Rounded NOT Oval)
   Safe: excludes dropdown menus
===================================== */

/* 1) طبّق الشكل على كل لينكات/أزرار صف الأقسام */
header.sphinx_header nav a,
header.sphinx_header nav button,
header.sphinx_header .sphinx_header_links a,
header.sphinx_header .sphinx_header_links button{
  border-radius: 16px !important;     /* ✅ مدور مش بيضاوي */
  padding: 8px 18px !important;
  min-height: 40px !important;

  background: rgba(255,255,255,.14) !important;
  border: 1px solid rgba(255,255,255,.28) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: 0 6px 16px rgba(0,0,0,.15) !important;
  transition: all .2s ease !important;
}

header.sphinx_header nav a:hover,
header.sphinx_header nav button:hover,
header.sphinx_header .sphinx_header_links a:hover,
header.sphinx_header .sphinx_header_links button:hover{
  background: rgba(255,255,255,.22) !important;
  transform: translateY(-2px) !important;
}

/* 2) استثناء الدروب داون (عشان ما نغيرش القايمة الداخلية) */
header.sphinx_header [role="menu"] a,
header.sphinx_header [role="menu"] button,
header.sphinx_header [role="listbox"] a,
header.sphinx_header [role="listbox"] button{
  border-radius: initial !important;
  padding: initial !important;
  min-height: initial !important;
  background: initial !important;
  border: initial !important;
  box-shadow: initial !important;
  transform: none !important;
}

/* ===========================
   FIX: Logo became a pill + Dropdown white empty pills
   Put this at END of CSS
=========================== */

/* 1) رجّع اللوجو طبيعي (ميبقاش كبسولة) */
header.sphinx_header .sphinx_header_logo a{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  transform: none !important;
}
header.sphinx_header .sphinx_header_logo{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 2) الدروب داون: خليه مايتأثرش بلون الهيدر (عشان النص مايختفيش) */
header.sphinx_header [role="menu"],
header.sphinx_header [role="listbox"]{
  color: #0f172a !important;
}
header.sphinx_header [role="menu"] a,
header.sphinx_header [role="menu"] button,
header.sphinx_header [role="listbox"] a,
header.sphinx_header [role="listbox"] button{
  color: #0f172a !important;
}

/* 3) شيل الزرارير/اللينكات البيضا اللي بتظهر فاضية تحت الأقسام الفرعية
   (غالبًا Tailwind bg-white أو bg-white/.. جوه الدروب داون) */
header.sphinx_header [role="menu"] a[class*="bg-white"],
header.sphinx_header [role="menu"] button[class*="bg-white"],
header.sphinx_header [role="listbox"] a[class*="bg-white"],
header.sphinx_header [role="listbox"] button[class*="bg-white"]{
  display: none !important;
}