/**
 * @license
 *
 * Copyright IBM Corp. 2025
 *
 * 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 './interstitial-screen';
@use '@carbon/styles/scss/spacing' as *;
@use '@carbon/styles/scss/breakpoint' as *;

$prefix: 'c4p';
$carbon-prefix: 'cds';

:host {
  inline-size: 100%;
}

.#{$prefix}--interstitial-screen--footer {
  block-size: $spacing-10; //as in cds modal footer

  // On small screens, split width equally among all buttons
  @include breakpoint-down(md) {
    .#{$prefix}--interstitial-screen--prev-btn,
    .#{$prefix}--interstitial-screen--next-btn,
    .#{$prefix}--interstitial-screen--start-btn,
    .#{$prefix}--interstitial-screen--skip-btn {
      flex: 1 1 0;
      min-inline-size: 0;
    }
  }

  // On larger screens, fixed widths for action buttons, flexible skip
  @include breakpoint(md) {
    .#{$prefix}--interstitial-screen--prev-btn,
    .#{$prefix}--interstitial-screen--next-btn,
    .#{$prefix}--interstitial-screen--start-btn {
      flex-shrink: 0;
      inline-size: calc($spacing-11 * 3); // 240px
      max-inline-size: calc($spacing-11 * 3);
    }

    .#{$prefix}--interstitial-screen--skip-btn {
      flex: 1 1 auto;
      inline-size: auto;
      max-inline-size: none;
    }
  }
}

.#{$prefix}--interstitial-screen--footer-controls {
  display: flex;
}

#{$carbon-prefix}-inline-loading {
  position: absolute;
  inset-block-start: 0;
}

.#{$prefix}--interstitial-screen--skip-btn {
  padding-inline-start: 0 !important; // stylelint-disable-line declaration-no-important

  &::part(button) {
    padding-inline-start: $spacing-07;
  }
}