/* ======================================================================== *
 * Copyright 2025 HCL America Inc.                                          *
 * Licensed under the Apache License, Version 2.0 (the "License");          *
 * you may not use this file except in compliance with the License.         *
 * You may obtain a copy of the License at                                  *
 *                                                                          *
 * http://www.apache.org/licenses/LICENSE-2.0                               *
 *                                                                          *
 * Unless required by applicable law or agreed to in writing, software      *
 * distributed under the License is distributed on an "AS IS" BASIS,        *
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. *
 * See the License for the specific language governing permissions and      *
 * limitations under the License.                                           *
 * ======================================================================== */

@use "sass:map";
@use "../../common/palette";
@use "../../common/themeMap.module";
@use "../../common/typography";

$label-horizontal-padding: 10px;

@mixin enchanted-accordion-summary-base-styles {
  &::part(summary),
  &::part(summary-rtl) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease;
    border-radius: 0;
    background: rgba(123, 97, 255, 0.1);
    border: 1px dashed rgb(123, 97, 255);
    border-radius: 4px;
    height: 112px;
    text-align: center;
  }

  &::part(label),
  &::part(label-rtl) {
    color: palette.clr('light', 'text', 'primary');
    padding: 0px 0px;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
  }

  &::part(secondary),
  &::part(secondary-rtl) {
    @include typography.caption;
    color: map.get(themeMap.$enchantedPalette, BLACK55P);
    padding-left: 0px;
  }

  &[disabled] {
    &::part(label),
    &::part(label-rtl),
    &::part(secondary),
    &::part(secondary-rtl) {
      color: palette.clr("light", "text", "disabled");
    }
  }
}