@use "sass:map";
@use "@naomi-2025/ui-core/site-config";
@use "@naomi-2025/ui-core/cta-secondary";
@use "@naomi-2025/ui-core/maps";
@use "s360-scss-toolkit";

.site-mode-switcher {
  [data-site-mode="at-work"] & {
    --cta-secondary--bg-color: #{ map.get(maps.$site-mode-at-play, 'bg-color') };
    @include maps.map-to-css-vars(maps.$site-mode-at-play, 'cta-secondary');
    @extend %cta-secondary;

    &__at-play-text {
      display: none;
    }
  }

  [data-site-mode="at-play"] & {
    --cta-secondary--border-radius--active: #{ site-config.$cta-border-radius };
    --cta-secondary--bg-color: #{ map.get(maps.$site-mode-at-work, 'bg-color') };
    @include maps.map-to-css-vars(maps.$site-mode-at-work, 'cta-secondary');
    @extend %cta-secondary;

    &__at-work-text {
      display: none;
    }
  }
}
