/* ============================================================
   product-tabs.css — Abas de conteúdo do produto
   ============================================================ */

.product-tabs {
  padding-block: var(--ecom-space-8);
}

.product-tabs__nav {
  display: flex;
  gap: var(--ecom-space-8);
  border-bottom: 2px solid var(--ecom-border-default);
  margin-bottom: var(--ecom-space-8);
  overflow-x: auto;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.product-tabs__nav::-webkit-scrollbar {
  display: none;
}

.product-tabs__tab {
  position: relative;
  padding-bottom: var(--ecom-space-3);
  font-size: var(--ecom-text-base);
  font-weight: var(--ecom-font-medium);
  color: var(--ecom-text-secondary);
  background: none;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  transition: color var(--ecom-duration-fast) var(--ecom-ease-default);
}

.product-tabs__tab::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 3px;
  background-color: transparent;
  border-radius: 2px 2px 0 0;
  transition: background-color var(--ecom-duration-fast) var(--ecom-ease-default);
}

.product-tabs__tab:hover {
  color: var(--ecom-text-primary);
}

.product-tabs__tab--active {
  color: var(--ecom-color-primary-500);
}

.product-tabs__tab--active::after {
  background-color: var(--ecom-color-primary-500);
}

/* ── Painéis ── */

.product-tabs__panel {
  animation: tabFadeIn var(--ecom-duration-normal) var(--ecom-ease-default);
}

@keyframes tabFadeIn {
  from {
    opacity: 0;
    transform: translateY(var(--ecom-space-2));
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.product-tabs__panel[hidden] {
  display: none;
}

/* ── Conteúdo da descrição ── */

.product-tabs__content-title {
  font-size: var(--ecom-text-lg);
  font-weight: var(--ecom-font-bold);
  color: var(--ecom-text-primary);
  margin-bottom: var(--ecom-space-4);
}

.product-tabs__content p {
  font-size: var(--ecom-text-base);
  line-height: var(--ecom-leading-relaxed);
  color: var(--ecom-text-primary);
  margin-bottom: var(--ecom-space-4);
}

.product-tabs__content p:last-child {
  margin-bottom: 0;
}

/* ── Tabela de especificações ── */

.product-tabs__specs {
  width: 100%;
  border-collapse: collapse;
}

.product-tabs__specs th,
.product-tabs__specs td {
  padding: var(--ecom-space-3) var(--ecom-space-4);
  font-size: var(--ecom-text-sm);
  text-align: left;
  border-bottom: 1px solid var(--ecom-border-default);
}

.product-tabs__specs th {
  font-weight: var(--ecom-font-semibold);
  color: var(--ecom-text-primary);
  background-color: var(--ecom-bg-surface-alt);
  width: 40%;
}

.product-tabs__specs td {
  color: var(--ecom-text-secondary);
}

/* ── Conteúdo de entrega ── */

.product-tabs__delivery-item {
  display: flex;
  align-items: flex-start;
  gap: var(--ecom-space-3);
  padding-block: var(--ecom-space-4);
  border-bottom: 1px solid var(--ecom-border-default);
}

.product-tabs__delivery-item:last-child {
  border-bottom: none;
}

.product-tabs__delivery-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: var(--ecom-color-primary-500);
  margin-top: 2px;
}

.product-tabs__delivery-title {
  font-size: var(--ecom-text-sm);
  font-weight: var(--ecom-font-semibold);
  color: var(--ecom-text-primary);
  margin-bottom: var(--ecom-space-1);
}

.product-tabs__delivery-text {
  font-size: var(--ecom-text-sm);
  color: var(--ecom-text-secondary);
  line-height: var(--ecom-leading-relaxed);
}