.wild-whales-tabs {
  --gap:1rem;
}

.wild-whales-tabs {
  margin:1.5rem 0;
}

.wild-whales-tabs__nav {
  display: flex;
  gap: var(--gap);
  flex-wrap: wrap;
}

.wild-whales-tabs__trigger {
  background-color: var(--wp--preset--color--primary);
  border-radius: var(--wp--preset--border-radius--x-small);
  border-color: var(--wp--preset--color--primary);
  border-width: 1px;
  border-style: solid;
  color: var(--wp--preset--color--base);
  font-family: inherit;
  font-size: var(--wp--preset--font-size--xx-small);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: var(--wp--custom--line-height--medium);
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 15px;
  padding-left: 30px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.wild-whales-tabs__trigger:hover {
  background-color: #fff;
  border-color: #fff;
  color: var(--wp--preset--color--primary);
}

.wild-whales-tabs__trigger[aria-selected="true"] {
  color: var(--wp--preset--color--primary);
  background-color: var(--wp--preset--color--base);
  border-color: var(--wp--preset--color--base);
}
.wild-whales-tabs__panels{margin-top:1rem}

/* Left orientation */
.wild-whales-tabs--left{display:flex;gap:1rem}
.wild-whales-tabs--left .wild-whales-tabs__nav{flex-direction:column;min-width:200px}
.wild-whales-tabs--left .wild-whales-tabs__panels{flex:1}

/* Mobile: collapse to simple stacked accordion */
@media (max-width:700px){
  .wild-whales-tabs__trigger{display:block;width:100%;text-align:left}
  .wild-whales-tabs__panel{margin-top:.5rem}
}