/*!
 * 
 * Copyright (c) 2019-2023 Software AG, Darmstadt, Germany and/or Software AG USA Inc., Reston, VA, USA,
 * and/or its subsidiaries and/or its affiliates and/or their licensors.
 * 
 */

 /* =====================================================
    OVERFLOW SPECIFIC VARIABLES
   ------------------------------------------------------
  */
//## Define common padding and border and more.

$overflow-icon-size:                                var(--dlt-font-size-xs, 0.875rem);
$overflow-icon-size-md:                             var(--dlt-font-size-sm, 1rem);
$overflow-icon-size-lg:                             var(--dlt-font-size-md, 1.125rem);

$overflow-font-family:                              var(--dlt-font-family-base, $font-family-base);
$overflow-font-size:                                var(--dlt-font-size-xs, 0.875rem);
$overflow-font-weight:                              var(--dlt-font-weight-regular, 400); 
$overflow-line-height:                              1.25rem;

$overflow-section-padding:                          0 0 0 0;
$overflow-text-padding:                             0.25rem 6px;  

$overflow-legend-padding:                           16px calc(.5rem - 2px) 9px .5rem;
$overflow-legend-div-padding-bottom:                0;
$overflow-legend-font-weight:                       var(--dlt-font-weight-medium, 500); 
$overflow-legend-line-height:                       1rem;  
$overflow-legend-line-height-div:                   1.25rem;


$overflow-radio-padding:                            .5rem;  
$overflow-radio-line-height:                        1.25rem;  
$overflow-radio-label-padding:                      0 0 0 1.625rem;  

$overflow-switch-padding:                           0.5rem 0 0 0;  
$overflow-switch-line-height:                       1.125rem;  
$overflow-switch-label-line-height:                 1.25rem;  

$overflow-category-padding:                         var(--dlt-spacing-2-x, 1rem);  
$overflow-separator-margin:                         8px 0;
$overflow-separator-padding-below-label:            calc(.5rem - 2px);

$overflow-border-radii:                             var(--dlt-border-radii-default, 0);
$overflow-border-style:                             var(--dlt-border-style-default, solid);
$overflow-border-style-hover:                       var(--dlt-border-style-hover, solid);
$overflow-border-width:                             var(--dlt-border-width-default,  1px);
$overflow-border-width-hover:                       var(--dlt-border-width-hover, 2px);

$overflow-text-after-filter:                        var(--dlt-elevation-tooltip-nose, drop-shadow(0 0 0 rgba(0, 0, 0, .16)));
$overflow-text-after-right:                         1rem;
$overflow-text-after-border-width:                  .5rem;
$overflow-right:                                    calc(50% - 1rem - .5rem);

$overflow-padding:                                  var(--dlt-spacing-half-x, .25rem);
$overflow-elevation:                                var(--dlt-elevation-border, 0px 0px 0px transparent), var(--dlt-elevation-md, $shadow-depth-12);
$overflow-z-index:                                  var(--dlt-z-index-mask, 100);

$overflow-icon-font-size:                           var(--dlt-font-size-sm, 1rem);
$overflow-icon-paddding-right:                      var(--dlt-spacing-1-x, .5rem);

$overflow-scrollwrap-padding:                       1rem .5rem .5rem 1rem;

/* =====================================================
    COMPONENT SHARED STYLES
   ------------------------------------------------------
*/
//** Colors

$el: 'overflow';

//  $overflow-color-dropdown-button:                    var(--dlt-#{$el}-color-icon-interactive-primary, $component-color-icon-interactive-primary);
//  $overflow-color-dropdown-button-hover:              var(--dlt-#{$el}-color-icon-interactive-primary-highlighted, $component-color-icon-interactive-primary-highlighted);

$overflow-color-background:                         var(--dlt-#{$el}-color-background-default, $component-color-background-default);
$overflow-color-text:                               var(--dlt-#{$el}-color-text-default, $component-color-text-default);
$overflow-color-title:                              var(--dlt-#{$el}-color-text-default, $component-color-text-default);
$overflow-color-border:                             var(--dlt-#{$el}-color-border-separator, $component-color-border-separator);

$overflow-color-background-active:                  var(--dlt-#{$el}-color-background-default, $component-color-background-default); 
$overflow-color-text-active:                        var(--dlt-#{$el}-color-text-default, $component-color-text-default); 

$overflow-color-background-focus:                   var(--dlt-#{$el}-color-background-default, $component-color-background-default);
$overflow-color-text-focus:                         var(--dlt-#{$el}-color-text-default, $component-color-text-default);
$overflow-color-border-focus:                       var(--dlt-#{$el}-color-border-separator, $component-color-border-separator); 

$overflow-color-link:                               var(--dlt-#{$el}-color-text-link-default, $component-color-text-link-default); 
$overflow-color-link-hover:                         var(--dlt-#{$el}-color-text-link-hover, $component-color-text-link-hover); 

$overflow-color-input-border:                       var(--dlt-#{$el}-color-border-input-default, $component-color-border-input-default); 

$overflow-color-label-text:                         var(--dlt-#{$el}-color-text-label, $component-color-text-label); 
$overflow-color-legend-text:                        var(--dlt-#{$el}-color-text-legend, $component-color-text-legend); 
$overflow-color-legend-text-secondary:              var(--dlt-#{$el}-color-text-legend, var(--dlt-color-text-static-subtle));
$overflow-color-placeholder-text:                   var(--dlt-#{$el}-color-text-placeholder, $component-color-text-placeholder); 

$overflow-color-text-muted:                         var(--dlt-#{$el}-color-text-muted, $component-color-text-interactive-muted); 

$overflow-color-primary:                            var(--dlt-#{$el}-color-interactive-primary-default, $component-color-primary-default); 
$overflow-color-primary-active:                     var(--dlt-#{$el}-color-interactive-primary-active, $component-color-primary-active); 
$overflow-color-primary-light:                      var(--dlt-#{$el}-color-interactive-secondary-active, $component-color-secondary-active); 

$overflow-opacity-disabled:                         var(--dlt-#{$el}-opacity-disabled, $component-opacity-disabled);

$overflow-color-icon:                               var(--dlt-#{$el}-color-icon-muted-secondary, $component-color-icon-muted-secondary);
$overflow-color-icon-muted-secondary:               var(--dlt-#{$el}-color-icon-muted-secondary, $component-color-icon-muted-secondary); 
$overflow-color-icon-muted-primary:                 var(--dlt-#{$el}-color-icon-muted-primary, $component-color-icon-muted-primary);

$overflow-color-scrollbar-thumb:                    var(--dlt-#{$el}-color-background-scrollbar-thumb, $component-color-background-scrollbar-thumb); 
$overflow-color-scrollbar-track:                    var(--dlt-#{$el}-color-background-scrollbar-track, $component-color-background-scrollbar-track);

