/**
 * Copyright IBM Corp. 2016, 2024
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */

@use 'sass:math';

@use '@carbon/styles/scss/breakpoint' as *;
@use '@carbon/styles/scss/config' as *;
@use '@carbon/styles/scss/spacing' as *;
@use '@carbon/styles/scss/theme' as *;
@use '@carbon/styles/scss/themes' as *;
@use '@carbon/styles/scss/utilities' as *;
@use '@carbon/styles/scss/utilities/convert' as *;
@use '../../globals/utils/flex-grid' as *;
@use '../../globals/vars' as *;
@use '../../globals/imports' as *;

/// Footer title styles
/// @access private
/// @group footer

@mixin footer-logo {
  :host(#{$c4d-prefix}-footer-logo),
  .#{$prefix}--footer-logo {
    @include theme($g100, feature-flag-enabled('enable-css-custom-properties'));

    &:focus-visible {
      outline: none;
    }
    @include make-col(2, 4);

    @include breakpoint(md) {
      margin-block-end: $spacing-09;
      @include make-col(2, 8);
    }

    @include breakpoint(lg) {
      @include make-col(2, 16);
    }
  }

  .#{$c4d-prefix}--footer-logo__link {
    $logo-padding: math.div($grid-gutter, 2);
    $logo-size: 8rem + ($logo-padding * 2);

    display: inline-block;

    color: $text-on-color;

    inline-size: auto;
    padding-inline-start: $logo-padding;

    @include make-col-ready;

    &:focus {
      box-shadow: inset 0 0 0 $spacing-01 $focus;
      outline: none;
    }
  }

  .#{$c4d-prefix}--footer-logo__logo {
    display: inline-block;
    fill: currentColor;
    inline-size: 128px;
  }

  :host(#{$c4d-prefix}-footer-logo[size='micro']) {
    position: relative;

    .#{$c4d-prefix}--footer-logo__link {
      position: absolute;
      inset-block-start: to-rem(-35.5px);

      @include breakpoint(lg) {
        position: relative;
        inset-block-start: 0;
      }
    }

    align-self: center;
    margin: 0;
  }

  @include breakpoint-between(md, lg) {
    :host(#{$c4d-prefix}-footer-logo[size='micro'][disable-locale-button]) {
      background-color: $background;
      block-size: $spacing-09;
      inline-size: 100%;

      .#{$c4d-prefix}--footer-logo__link {
        inset-block-start: to-rem(12.5px);
      }
    }
  }
}