/*import*/
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro: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&display=swap');


:root {
    --theme-font-family: "Be Vietnam Pro", sans-serif;
    /*Navbar Colors*/
    --ob-nav-text-color: #fff;
    --ob-nav-bg-color: #121212;
    /* Nueva gama de colores basada en #1FAC9B */
    --theme-primary-50: #F8F4EA;
    --theme-primary-100: #EEE2C7;
    --theme-primary-200: #E3CDA1;
    --theme-primary-300: #D8B87B;
    --theme-primary-400: #CFAB60;
    --theme-primary-500: #8E702E;
    --theme-primary-600: #B2954E;
    --theme-primary-700: #977F43;
    --theme-primary-800: #7C6938;
    --theme-primary-900: #5A4C28;
    --theme-primary-A100: #FFF9E5;
    --theme-primary-A200: #FFEFAE;
    --theme-primary-A400: #FFE377;
    --theme-primary-A700: #FFDC5D;

    --theme-contrast-50: #000000;
    --theme-contrast-100: #000000;
    --theme-contrast-200: #000000;
    --theme-contrast-300: #000000;
    --theme-contrast-400: #000000;
    --theme-contrast-500: #000000;
    --theme-contrast-600: #000000;
    --theme-contrast-700: #FFFFFF;
    --theme-contrast-800: #FFFFFF;
    --theme-contrast-900: #FFFFFF;
    --theme-contrast-A100: #000000;
    --theme-contrast-A200: #000000;
    --theme-contrast-A400: #000000;
    --theme-contrast-A700: #000000;
}


/*=================================================================================================
    INDEX
    1) Appends an Apple Pay & Google Pay logo badge after the payment method label
    2) Top bar
==================================================================================================*/

/*------------------------------------------------------------------------------------------------
    1) Appends an Apple Pay & Google Pay logo badge after only the payment method redsys label
-------------------------------------------------------------------------------------------------*/

.checkout ob-payment-methods mat-radio-button[id^="payment-method-redsys-"] .label-container>div::after {
    content: "";
    display: inline-block;
    width: 80px;
    height: 24px;
    background-image: url('https://client-dists-resources.s3.eu-west-1.amazonaws.com/channels-client/tarracoarena/assets/icons/appelpay_googlepay.png');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
}

/*------------------------------------------------------------------------------------------------
    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;
}