.wp-block-custom-tabs.weyel-tabs,
.weyel-tabs {
  background: var(--weyel-color-white, #fff);
  border: 1px solid var(--weyel-border-color-soft, #e0e0e0);
  border-radius: var(--weyel-radius-lg, 16px);
  overflow: hidden;
}

.weyel-tabs__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 10px 12px 0 12px;
  border-bottom: 1px solid var(--weyel-border-color-soft, #e0e0e0);
  background: linear-gradient(180deg, var(--weyel-color-surface-muted, #fbfbfb) 0%, var(--weyel-color-white, #fff) 100%);
}

.weyel-tabs__tab {
  appearance: none;
  border: 1px solid transparent;
  border-bottom: 0;
  background: transparent;
  color: var(--weyel-color-text-muted, #555);
  border-radius: 10px 10px 0 0;
  padding: 10px 16px;
  font-family: var(--weyel-font-family-base, sans-serif);
  font-size: var(--weyel-font-size-md, 16px);
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: color var(--weyel-transition-fast, 0.2s ease), background var(--weyel-transition-fast, 0.2s ease), border-color var(--weyel-transition-fast, 0.2s ease);
}

.weyel-tabs__tab:hover {
  color: var(--weyel-color-blue, #0768b1);
  background: var(--weyel-color-white, #fff);
  border-color: var(--weyel-border-color-soft, #e0e0e0);
}

.weyel-tabs__tab.is-active {
  color: var(--weyel-color-blue, #0768b1);
  background: var(--weyel-color-white, #fff);
  border-color: var(--weyel-border-color-soft, #e0e0e0);
}

.weyel-tabs__panels {
  padding: 0;
}

.weyel-tab-item {
  display: none;
  padding: 24px;
}

.weyel-tab-item.is-active {
  display: block;
}

.weyel-tab-item__settings {
  margin-bottom: 16px;
}

.weyel-tab-item__content > *:last-child {
  margin-bottom: 0;
}

.editor-styles-wrapper .weyel-tabs.is-editor .weyel-tab-item__settings .components-base-control {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .weyel-tabs__tab {
    width: 100%;
    border-radius: 10px;
    border-bottom: 1px solid var(--weyel-border-color-soft, #e0e0e0);
    text-align: left;
  }

  .weyel-tabs__nav {
    padding-bottom: 10px;
  }
}
