/* Store Products Tab ONLY - No impact on Active Ads */

/* Add class to store products tab panel */
[role="tabpanel"]:has(.MuiTypography-h5:has-text("منتجات المتجر")) {
  --store-products-tab: true;
}

/* Use data attribute added by JavaScript to target fixed cards */
.MuiCard-root[data-fixed="true"] {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 400px !important;
}

.MuiCard-root[data-fixed="true"] > .MuiBox-root:first-child {
  height: 240px !important;
  max-height: 240px !important;
  overflow: hidden !important;
  flex: 0 0 240px !important;
}

.MuiCard-root[data-fixed="true"] img {
  width: 100% !important;
  height: 240px !important;
  object-fit: cover !important;
}

.MuiCard-root[data-fixed="true"] .MuiCardContent-root {
  flex: 1 !important;
  display: block !important;
  visibility: visible !important;
  padding: 16px !important;
}

/* Ensure all text elements are visible */
.MuiCard-root[data-fixed="true"] .MuiTypography-root {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* DO NOT affect active ads tab */
[role="tabpanel"]:not(:has(.MuiCard-root[data-fixed="true"])) .MuiCard-root {
  /* Keep original styles */
  height: auto !important;
}

/* Alternative: Target by tab index if store products is always a specific tab */
.MuiTabs-root ~ div > div[role="tabpanel"]:nth-child(5) .MuiCard-root > .MuiBox-root:first-child {
  /* Only if store products is the 5th tab */
}