@import "../Framework/Variables";

$main-wrapper-padding: $main-padding 0 !default;

$border-hover-color: #000000;
$border-active-color: #999999;

$optionclassification-width-landscape: 120px !default;
$optionclassification-bottom-landscape: $main-padding !default;

$content-padding: $optionclassification-width-landscape !default;
$elements-padding: 20px !default;


$itemtitle-font-size: 26px !default;
$itemtitle-height: 30px !default;
$itemtitle-padding-landscape: 0 0 0 $content-padding !default;

$price-font-size: 1em !default;
$price-height: $itemtitle-height !default;

$optionclassification-width: $optionclassification-width-landscape !default;
$optionclassification-height: 120px !default;
$optionclassification-max-width: calc(33.33vw - 40px) !default;
$optionclassification-max-height: calc(33.3333vh - 40px) !default;
$optionclassification-font-size: 16px !default;
$optionclassification-line-height: 1.5em !default;
$optionclassificationTitle-padding-top: 0px !default;
$optionclassificationTitle-max-height: calc(#{$optionclassificationTitle-padding-top} + #{$optionclassification-line-height*2}) !default;
$optionclassificationIcon-max-height: calc(100% - #{$optionclassificationTitle-max-height}) !default;

$visualization-container-height: calc(100vh - #{$optionclassification-height}) !default;
$visualization-container-width: 100vw !default;

$visualization-container-height-landscape: 100vh !default;
$visualization-container-width-landscape: calc(100vw - #{$optionclassification-width-landscape}) !default;

$visualization-container-left-landscape: $optionclassification-width !default;
$visualization-container-padding-landscape: 0 0 0 $content-padding !default;

$optionlistitem-font-size: 0.8em !default;
$optionlistitem-text-padding: 0 !default;
$optionlistitem-image-width: 130px !default;
$optionlistitem-text-width: auto;
@if $optionlistitem-image-width != auto {
  $optionlistitem-text-width: calc(100% - #{$optionlistitem-image-width}) !default;
}
$optionlistitem-amount-color: rgba(0,0,0,0.1) !default;
$optionlistitem-details-icon: ion-information-circled !default;
$optionlistitem-incompatibility-icon: ion-alert-circled !default;
$optionlistitem-not-available-icon: ion-close-circled !default;
$optionlistitem-latedelivery-icon: ion-ios-calendar-outline !default;

$optiondetailImage-width: 480px !default;
$optiondetailDialog-max-width: 500px !default;
$optiondetailDialogWithImage-max-width: 890px !default;
$optiondetailBreakpoint: "(max-width: 620px)" !default;

$font-family: Arial !default;
$font-family-fallback: sans-serif !default;

$starthere-bottom: $optionclassification-height !default;

$starthere-top-landscape: 50px !default;

$primary-button-background: rgba(150,150,150,1) !default;

$fastconfigurationRow-height: 50px !default;
$fastconfigurationVisibleRows: 8 !default;
$fastconfigurationDropdown-margin-bottom: 150px !default;
$fastconfigurationRowsWrapper-height: calc(#{$fastconfigurationVisibleRows} * #{$fastconfigurationRow-height}) !default;

$incompatibilityDialog-max-width: 500px !default;

$ruleTypeOptionExclusion-icon: ion-ios-bolt !default;
$ruleTypeOptionDependency-icon: ion-plus !default;

$configurationvariantSelection-background-color: rgba(255, 255, 255, 0.5) !default;
$configurationvariantItem-font-size: 21px !default;
$configurationvariantItem-padding: 20px !default;

/*** PRINT ***/

$print-padding: 20px !default;
