/*
* @author  Agence Dn'D <contact@dnd.fr>
* @license https://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
* @link    https://www.dnd.fr/
*/

.sesashop-create-account-tabs {
  width: 100%;
  max-width: 520px;
  margin-block: var(--gutter-lg);
  margin-inline: auto;

  .tabs-nav {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-block-end: var(--gutter-lg);
  }

  .tab-button {
    padding: var(--gutter-sm-bis);
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    transition: background-color 0.3s ease, color 0.3s ease;

    &.active,
    &:hover {
      background-color: var(--color-primary);
      color: var(--color-white);
    }
  }
}

@media (min-width: 768px) {
  .sesashop-create-account-tabs {
    margin-block: var(--gutter-2xl);

    .tabs-nav {
      margin-block-end: var(--gutter-2xl);
    }
  }
}