/*import*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --theme-font-family: "Montserrat", sans-serif;
  /*Navbar Colors*/
  --ob-nav-text-color: #ffffff;
  --ob-nav-bg-color: #171717;
  /*color primary*/
  --theme-primary-50: #fce4c5;
  --theme-primary-100: #f8d086;
  --theme-primary-200: #f8c14d;
  --theme-primary-300: #f8b414;
  --theme-primary-400: #f89f04;
  --theme-primary-500: #f8a32a;
  --theme-primary-600: #f88d1e;
  --theme-primary-700: #f87414;
  --theme-primary-800: #f75b0a;
  --theme-primary-900: #f64200;
  --theme-primary-A100: #ffcb67;
  --theme-primary-A200: #ffbb3e;
  --theme-primary-A400: #ff9c00;
  --theme-primary-A700: #ff7e00;
  --theme-primary-contrast-50: #171717;
  --theme-primary-contrast-100: #171717;
  --theme-primary-contrast-200: #171717;
  --theme-primary-contrast-300: #171717;
  --theme-primary-contrast-400: #171717;
  --theme-primary-contrast-500: #171717;
  --theme-primary-contrast-600: #171717;
  --theme-primary-contrast-700: #171717;
  --theme-primary-contrast-800: #ffffff;
  --theme-primary-contrast-900: #ffffff;
  --theme-primary-contrast-A100: #171717;
  --theme-primary-contrast-A200: #171717;
  --theme-primary-contrast-A400: #171717;
  --theme-primary-contrast-A700: #171717;
  /*Obfooter: logo filter*/
  --ob-custom-logo-filter: brightness(20);
}

/*=====================================================
  1) TYPOGRAPHY
  2) TOP BAR
  3) OB FOOTER
  4) HIDDEN COMPONENTS
  5) CUSTOM ELEMENTS
=====================================================*/

/*--------------------------------------------------------
  1) TYPOGRAPHY
--------------------------------------------------------*/

/*Font family Titles*/
.title {
  font-family: "Barlow Condensed", sans-serif;
}

/*--------------------------------------------------------
  2) TOP BAR
--------------------------------------------------------*/

/*Button shooping car disabled*/
mat-toolbar.mat-toolbar button.mdc-button.mat-mdc-button.mat-mdc-button-disabled.mat-unthemed.mat-mdc-button-base {
  color: #b1b1b161;
}

/*--------------------------------------------------------
  3) OB FOOTER
--------------------------------------------------------*/

/*Dark version subfooter*/
/*Background subfooter*/
ob-footer.main-footer {
  background-color: #171717 !important;
}

/*Color links subfooter & copyright*/
ob-footer.main-footer,
ob-footer.main-footer a,
ob-footer.main-footer span.footer-copyright,
ob-footer.main-footer span.justify-end {
  color: #fff !important;
}

/*Button language links subfooter*/
/*Language & icon */
ob-footer.main-footer span.mdc-button__label,
ob-footer.main-footer mat-icon.mat-icon {
  color: #fff !important;
}

/*Border*/
ob-footer.main-footer ob-button>.mat-mdc-outlined-button {
  border: 1px solid#fff !important;
}

/*Text powered by*/
ob-footer.main-footer section.items-center {
  color: #fff;
}

/*--------------------------------------------------------
  4) HIDDEN COMPONENTS
--------------------------------------------------------*/

/*Hide button "edit" on ob-cart-summary*/
.checkout ob-cart-summary ob-cart-summary-session .ob-edition-links.w-full button.ob-link:first-of-type {
  display: none;
}

/*--------------------------------------------------------
  5) CUSTOM ELEMENTS
--------------------------------------------------------*/
ob-page-select-product ob-product-card img {
    object-fit:contain!important;
    background-color:#000!important;
}

/*import*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --theme-font-family: "Montserrat", sans-serif;
  /*Navbar Colors*/
  --ob-nav-text-color: #ffffff;
  --ob-nav-bg-color: #171717;
  /*color primary*/
  --theme-primary-50: #fce4c5;
  --theme-primary-100: #f8d086;
  --theme-primary-200: #f8c14d;
  --theme-primary-300: #f8b414;
  --theme-primary-400: #f89f04;
  --theme-primary-500: #f8a32a;
  --theme-primary-600: #f88d1e;
  --theme-primary-700: #f87414;
  --theme-primary-800: #f75b0a;
  --theme-primary-900: #f64200;
  --theme-primary-A100: #ffcb67;
  --theme-primary-A200: #ffbb3e;
  --theme-primary-A400: #ff9c00;
  --theme-primary-A700: #ff7e00;
  --theme-primary-contrast-50: #171717;
  --theme-primary-contrast-100: #171717;
  --theme-primary-contrast-200: #171717;
  --theme-primary-contrast-300: #171717;
  --theme-primary-contrast-400: #171717;
  --theme-primary-contrast-500: #171717;
  --theme-primary-contrast-600: #171717;
  --theme-primary-contrast-700: #171717;
  --theme-primary-contrast-800: #ffffff;
  --theme-primary-contrast-900: #ffffff;
  --theme-primary-contrast-A100: #171717;
  --theme-primary-contrast-A200: #171717;
  --theme-primary-contrast-A400: #171717;
  --theme-primary-contrast-A700: #171717;
  /*Obfooter: logo filter*/
  --ob-custom-logo-filter: brightness(20);
}

/*=====================================================
  1) TYPOGRAPHY
  2) TOP BAR
  3) OB FOOTER
  4) HIDDEN COMPONENTS
  5) CUSTOM ELEMENTS
=====================================================*/

/*--------------------------------------------------------
  1) TYPOGRAPHY
--------------------------------------------------------*/

/*Font family Titles*/
.title {
  font-family: "Barlow Condensed", sans-serif;
}

/*--------------------------------------------------------
  2) TOP BAR
--------------------------------------------------------*/

/*Button shooping car disabled*/
mat-toolbar.mat-toolbar button.mdc-button.mat-mdc-button.mat-mdc-button-disabled.mat-unthemed.mat-mdc-button-base {
  color: #b1b1b161;
}

/*--------------------------------------------------------
  3) OB FOOTER
--------------------------------------------------------*/

/*Dark version subfooter*/
/*Background subfooter*/
ob-footer.main-footer {
  background-color: #171717 !important;
}

/*Color links subfooter & copyright*/
ob-footer.main-footer,
ob-footer.main-footer a,
ob-footer.main-footer span.footer-copyright,
ob-footer.main-footer span.justify-end {
  color: #fff !important;
}

/*Button language links subfooter*/
/*Language & icon */
ob-footer.main-footer span.mdc-button__label,
ob-footer.main-footer mat-icon.mat-icon {
  color: #fff !important;
}

/*Border*/
ob-footer.main-footer ob-button>.mat-mdc-outlined-button {
  border: 1px solid#fff !important;
}

/*Text powered by*/
ob-footer.main-footer section.items-center {
  color: #fff;
}

/*--------------------------------------------------------
  4) HIDDEN COMPONENTS
--------------------------------------------------------*/

/*Hide button "edit" on ob-cart-summary*/
.checkout ob-cart-summary ob-cart-summary-session .ob-edition-links.w-full button.ob-link:first-of-type {
  display: none;
}

/*--------------------------------------------------------
  5) CUSTOM ELEMENTS
--------------------------------------------------------*/
ob-page-select-product ob-product-card img {
    object-fit:contain!important;
    background-color:#000!important;
}
ob-page-suggestions ob-product-card img {
    object-fit:contain!important;
    background-color:#000!important;
}