/*******************************
            Search
*******************************/

/* Search Prompt */
@promptFontSize: 1em;
@promptVerticalPadding: 0.8em;
@promptHorizontalPadding: 1em;
@promptLineHeight: 1.2;
@promptPadding: (@promptVerticalPadding + ((1em - @promptLineHeight) / 2)) @promptHorizontalPadding;
@promptBackground: #FFFFFF;
@promptBorder: 1px solid @borderColor;
@promptBorderRadius: @circularRadius;
@promptColor: @textColor;
@promptTransition:
  background-color 0.2s ease,
  color 0.2s ease,
  box-shadow 0.2s ease,
  border-color 0.2s ease
;
@promptBoxShadow: 0em 0em 0em 0em transparent inset;

/* Result Box */
@resultsBackground: #FFFFFF;
@resultsDistance: 0.5em;
@resultsWidth: 380px;
@resultsBorderRadius: 0.25em;
@resultsBoxShadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2);

/* Result */
@resultFontSize: 0.9285em;
@resultVerticalPadding: 0.5em;
@resultHorizontalPadding: 1em;
@resultTextColor: @textColor;
@resultLineHeight: 1.33;

/* Result Image */
@resultImageFloat: right;
@resultImageBackground: none;
@resultImageWidth: 5em;
@resultImageHeight: 3em;
@resultImageBorderRadius: 0.25em;
@resultImageMargin: 0em 6em 0em 0em;

/* Result Content */
@resultTitleFont: @headerFont;
@resultTitleFontWeight: bold;
@resultTitleFontSize: 1.1em;
@resultTitleColor: @darkTextColor;

/* Description */
@resultDescriptionDistance: 0.25em;
@resultDescriptionColor: @lightTextColor;

/* Price */
@resultPriceFloat: right;
@resultPriceColor: @green;

/* Special Message */
@messageVerticalPadding: 1em;
@messageHorizontalPadding: 1em;
@messageHeaderFontSize: 1.2em;
@messageHeaderFontWeight: bold;
@messageHeaderColor: @textColor;
@messageDescriptionDistance: 0.25rem;
@messageDescriptionFontSize: 1rem;
@messageDescriptionColor: @textColor;

/* All Results Link */
@actionBorder: 1px solid @borderColor;
@actionBackground: #F0F0F0;
@actionHeight: 2em;
@actionColor: @textColor;
@actionFontWeight: bold;
@actionAlign: center;


/*******************************
            States
*******************************/

/* Hover */
@resultHoverBackground: @offWhite;
@actionHoverBackground: @offWhite;

/* Loading */
@loaderSize: 1.2857em;
@loaderOffset: -(@loaderSize / 2);
@loaderMargin: @loaderOffset 0em 0em @loaderOffset;
@invertedLoaderFillColor: rgba(0, 0, 0, 0.15);

/* Active Category */
@categoryActiveBackground: @darkWhite;
@categoryNameActiveColor: @textColor;

/* Active Result */
@resultActiveBorderLeft: transparent;
@resultActiveBackground: @darkWhite;
@resultActiveBoxShadow: 3px 0px 3px 0px @borderColor;
@resultActiveTitleColor: @darkTextColor;
@resultActiveDescriptionColor: @darkTextColor;


/*******************************
            Types
*******************************/

/* Category */
@categoryBackground: @darkWhite;
@categoryBoxShadow: none;
@categoryDivider: 1px solid @borderColor;
@categoryTransition:
  background 0.2s ease,
  border-color 0.2s ease
;

@categoryResultBackground: @white;
@categoryResultLeftBorder: 1px solid @borderColor;
@categoryResultDivider: 1px solid @borderColor;
@categoryResultLastDivider: none;
@categoryResultTransition: @categoryTransition;

@categoryNameBackground: @darkWhite;
@categoryNameFont: @pageFont;
@categoryNameFontSize: 0.9em;
@categoryNameFloat: left;
@categoryNamePadding: 0.4em 1em;
@categoryNameFontWeight: bold;
@categoryNameColor: @lightTextColor;
@categoryNameWidth: 100px;

/* Sizes */
@medium: 1em;
@large: 1.1em;