/* ===========================================================
   PRODUCT DETAIL TABS — LUSTCO SOFT MODE | By Kellan Vale ♡
   =========================================================== */

.shp-tabs-holder,
ul.p-detail-tabs.shp-tabs.p-detail-tabs.visible-links {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin: 26px auto 22px auto !important;
  padding: 0 !important;
}

/* Each tab button */
.shp-tab a.shp-tab-link {
  display: inline-block !important;
  background: #fce4ef !important;
  border: none !important;
  padding: 10px 18px !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #333 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.22s ease !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08) !important;
  border-radius: 0 !important;
}

/* Hover */
.shp-tab a.shp-tab-link:hover {
  background: #ffd6e8 !important;
  color: #000 !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.12) !important;
  transform: translateY(-1px) !important;
}

/* ACTIVE TAB — Updated to #F8C5DF (Adrie’s pink) */
.shp-tab.active a.shp-tab-link,
.shp-tab a.shp-tab-link[aria-selected="true"] {
  background: #F8C5DF !important;
  color: #000 !important;
  box-shadow: 0 3px 10px rgba(0,0,0,0.16) !important;
  border-radius: 0 !important;
}

/* Mobile */
@media (max-width: 480px) {
  .shp-tabs-holder,
  ul.p-detail-tabs.shp-tabs.p-detail-tabs.visible-links {
    gap: 6px !important;
  }

  .shp-tab a.shp-tab-link {
    padding: 8px 14px !important;
    font-size: 13px !important;
  }
}