@import "../../frontend-standard-library/_common/scss/_main";
/* Fonts
*****************************************************************/
$font-line-height-button : 22px;
$font-size-button : 16px;
$legal-font-size: 11px;
$legal-line-height: 14px;
$page-header-line-height: 30px;
$subsection-header-font-size: 18px;
$mobile-list-item-line-height: 21px;

/* Palette
*****************************************************************/
$action-color-contrast-dark : rgba(#000,0.1);
$blue-hover: #2468BA;
$secondary-button-border: $blue-hover;
$secondary-button-border-hover: $blue-hover;

/* Background
*****************************************************************/
$background-main      : $white;

/* Generic modules */
$module-background: $white;
$header-height: 54px;
$sub-header-height: 40px;

/* IconComponents
*****************************************************************/
$location-arrow-active: #D8642B;
$points-multiplier-color: $yellow;
$integration-link-icon-color: #7f7f7f;

/* Backgrounds */
$modal-page-background: $white;
$modal-cta-background: $gray-bg2;
$footer-background: $gray-bg1;
$disabled-input-background: $gray-bg1;
$enabled-input-background: $white;

/* search results */
$search-results-discount-color: $blue-secondary;
$search-results-item-hover-color: rgba($blue-secondary, 0.07);
$search-results-sorting-bar-background: $white;

/* forms */
$desktop-field-background: $white;

/* page controls */
$page-nav-background: $module-background;
$page-nav-hover-background: rgba($action-color, .1);
$page-nav-disabled-background: $gray-bg1;
$page-nav-disabled-text-color: $disabled-color;

/* menu */
$merchant-header-image-height: 200px;
$menu-item-price-color: $gray-legal-text;
$menu-item-inactive-background-color: $white;
$menu-tooltip-background: $gray-bg1;
$menu-tooltip-shadow-color: rgba(0, 0, 0, 0.3);
$menu-item-hover-color: rgba($blue-secondary,0.07);
$quantity-spinner-control-color: $gray-legal-text;
$quantity-spinner-control-hover-color: $gray-primary-text;

/* order details */
$order-favoriting-icon: #11a962;

/* misc */
$rating-star-color: $yellow;
$rating-star-grey-color: $gray-stroke;
$paypal-primary-color: #012f87;
$paypal-secondary-color: #009ee0;

/*** filters ***/
$filters-selected-background: rgba(#708cae, .1);
$filters-hover-background: rgba($action-color, .1);

/**** delivery points ***/
$twitter-btn-background: #1ab2e8;
$facebook-btn-background: #3c599b;
$pinterest-btn-background: #cc2127;


/* Margins
******************************************************************************/
$margin-modal-login: 40px 40px 20px 40px;
$margin-modal-info: 40px 20px 20px 20px;
$margin-modal-item: 40px 20px 0px;
$margin-image-header: 40px 0px 20px;
$margin-title: 0px;
$margin-subtitle: 10px 0px;
$margin-item-block: 10px 0px;
$margin-cta: 0px 20px;


/* Sizes
******************************************************************************/
$button-height: 40px;
$button-padding-horizontal: 40px;
$input-height: 40px;
$right-column-site-small-width: columns-width(8, $site-width-small);
$right-column-site-medium-width: 860px;
$list-item-height: 50px;
$list-item-border-width: 1px;
$list-item-vertical-padding: (($list-item-height - $font-line-height-main - $list-item-border-width) / 2);
$list-header-top-border-width: 3px;
// padding applied to #main-content to allow space for fixed position cta
// button plus cta bar padding plus more padding between bar and content
$fixed-cta-padding: $button-height + (3 * $gutter);
$mobile-laundry-fixed-cta-padding: 150px;
$filters-row-height: 40px;
$filters-width-mobile: 303%; //width of the filters dropdown for mobile screen size
$filters-width-tablet: 205%; //width of the filters dropdown for tablet screen size
$filters-width-tablet-laundry: 341%;
$filters-width-desktop: columns-width(4, $site-width-small); //width of the filters dropdown for desktop screen size
$search-icon-width-mobile: 40px;
$button-shadow-height: 3px;


/* Z-indixes
******************************************************************************/
$z-index-home-main: 1;
$z-index-account-nav: 100;
$z-index-search-sort: 90;
$z-index-price-compare: 90;
$z-index-fixed-cta: 200;
$z-index-slide-nav: 210;
$z-index-menu-item-tooltip: 50;
$z-index-content-overlay: 999;
$z-index-search-address-dropdown: 99;
$z-index-search-address-dropdown-arrow: 100;
$z-index-sticky-arrow: 250;
$z-index-seo-image-text: 2;
$z-index-seo-button-spinner: 2;
$z-index-unavailable-menu: 5;
$z-index-location-button-wrapper: 2;
$z-index-price-compare-small: 2;
$z-index-native-dropdown-overlay: 1;
$z-index-dropdown-down-arrow: -1;
$z-index-price-compare-header: 2;
$z-index-mobile-landing-bg: -1;
$z-index-header-info: 101 !default;


/*IOS webview variables
******************************************************************************/

$ios-title-font-color: #333;
$ios-border-color: #F5F5F5;
$ios-background-color: #F5F5F5;
$ios-divider-color: #DDD;
$ios-primary-color: $primary-color;
$ios-secondary-font-color: $gray-legal-text;
$ios-section-background-color: $white;
$ios-font-contrast-color: $white;
$ios-disabled-button-color: $gray-legal-text;
$ios-food-color: #f48933;
$ios-groceries-color: #969acd;
$ios-alcohol-color: #95c83d;
$ios-laundry-color: #63c7c5;
$ios-points-webview-bg-color: $gray-bg2;