/*------------------------------------*\
  	#Global Styles
\*------------------------------------*/

/**
* Contains common styles as per Amadeus Hi-Fi design style guide
*/

* {
    user-select: none;
}

body {
    margin: 0;
}

/**
*  Styles for 'component container i.e. content area and
*   padding around component'
*  Use below classes for container in your application
*  <div class="amadeus-hos-res-cn-component-container">
*       <div class="amadeus-hos-res-cn-component-content"></div>
*  </div>
*/
.amadeus-hos-res-cn-component-container {
    .amadeus-hos-res-cn-component-content {
        padding: $component-content-desktop-padding;
        max-width: $component-max-content-area;
        margin: $component-content-margin;
    }
}

/*************************************************************************************/
/**
*Media Queries
**/

/**
*  Custom media query for max-width 1366px
*/
@include amadeusHosResWcMediaBreakpointDown1366(1366px) {
    .amadeus-hos-res-cn-component-container {
        .amadeus-hos-res-cn-component-content {
            padding: $component-content-tablet-padding;
        }
    }
}

/**
  *  media query for max-width 768px
  */
@include amadeusHosResWcMediaBreakpointDown(sm) {
    .amadeus-hos-res-cn-component-container {
        .amadeus-hos-res-cn-component-content {
            padding: $component-content-mobile-padding;
        }
    }
}

/**
  * Media Queries for pixel density
  */
@include webkitDevicePixelRatio(1) {
    /**
    *  Custom media query for max-width 1366px
    */
    @include amadeusHosResWcMediaBreakpointDown1366(1366px) {
        .amadeus-hos-res-cn-component-container {
            .amadeus-hos-res-cn-component-content {
                padding: $component-content-tablet-padding;
            }
        }
    }

    /**
    *  media query for max-width 768px
    */
    @include amadeusHosResWcMediaBreakpointDown(sm) {
        .amadeus-hos-res-cn-component-container {
            .amadeus-hos-res-cn-component-content {
                padding: $component-content-mobile-padding;
            }
        }
    }
}