/* ==========================================================================
   IMPORTS
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* ==========================================================================
   DESIGN TOKENS (:root)
   ========================================================================== */
:root {
    /* Fonts */
    --theme-font-family: "Manrope", sans-serif;
    /* alternativa a TT Firs Neue (antes: Lato) */

    /* Navbar */
    --ob-nav-text-color: #e8bb6b;
    --ob-nav-list-active-bg-color: #1E3930;
    /* Nota: el fondo del navbar es un degradado, así que NO va aquí
       (background-color no acepta gradientes) -> se aplica en la sección 1 */

    /* Color primary */
    --theme-primary-50: #E6E9E8;
  --theme-primary-100: #C2CAC7;
  --theme-primary-200: #9AA6A2;
  --theme-primary-300: #6F807B;
  --theme-primary-400: #4B6159;
  --theme-primary-500: #1E3930;
  --theme-primary-600: #1B342C;
  --theme-primary-700: #182E27;
  --theme-primary-800: #152822;
  --theme-primary-900: #101F1A;
  --theme-primary-A100: #C2CAC7;
  --theme-primary-A200: #9AA6A2;
  --theme-primary-A400: #4B6159;
  --theme-primary-A700: #182E27;

  /* CONTRASTES */
  --theme-primary-contrast-50: #212121;
  --theme-primary-contrast-100: #212121;
  --theme-primary-contrast-200: #212121;
  --theme-primary-contrast-300: #FFFFFF;
  --theme-primary-contrast-400: #FFFFFF;
  --theme-primary-contrast-500: #FFFFFF;
  --theme-primary-contrast-600: #FFFFFF;
  --theme-primary-contrast-700: #FFFFFF;
  --theme-primary-contrast-800: #FFFFFF;
  --theme-primary-contrast-900: #FFFFFF;
  --theme-primary-contrast-A100: #212121;
  --theme-primary-contrast-A200: #212121;
  --theme-primary-contrast-A400: #FFFFFF;
  --theme-primary-contrast-A700: #FFFFFF;

    /* Footer: filtro del logo */
    --ob-custom-logo-filter: brightness(80);
}

/* ==========================================================================
   INDEX
   0 - GENERAL
   1 - NAVBAR
   2 - BILLBOARD
   3 - FOOTER
   4 - BUTTON
   ========================================================================== */

/* ==========================================================================
   0 - GENERAL
   ========================================================================== */
h1,
h2,
h3 {
    font-family: "Manrope", sans-serif;
    /* (si quieres el mismo look que el original en todo, usa "Manrope") */
}

/*background login
.background-blur {
    background-image: url('https://client-dists-resources.s3.amazonaws.com/channels-client/professionalticketing2/assets/background.webp');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}*/

/* ==========================================================================
   1 - NAVBAR
   ========================================================================== */
/* Fondo del navbar: degradado (va en el elemento, no en background-color) */
mat-toolbar.ob-top-bar {
    background-color:#1E3930;
}

/* Carrito vacío (botón deshabilitado) visible pero tenue */
button.mdc-button.mat-mdc-button-base.mat-mdc-button.mat-mdc-button-disabled.mat-unthemed.ng-star-inserted {
    color: #ffffff73;
}

/* ==========================================================================
   2 - BILLBOARD
   ========================================================================== */
/* Gift card
.gift-card {
    background-color: #f3e100 !important;
    color: #212121 !important;
}

aside.gift-card a {
    color: #212121 !important;
}
*/

/* Card */
.content, .ob-content-card-vertical .ob-content {
    background-color: #fff;
    padding: 16px !important;
}

.ob-image-container {
    border-radius: 0px !important;
}

/* Fondo del body: degradado que baja hacia el footer.
   Acaba en #E4E8ED = mismo color con el que arranca el footer (costura)
ob-page-events {
    background: linear-gradient(180deg, #FFFFFF 0%, #E4E8ED 100%) !important;
    min-height: 100vh;
}
*/

ob-page-events section.main-container {
    background-color: transparent;
}

ob-catalog-card {
    box-shadow: 0 10px 10px -2px rgba(33, 33, 33, .1);
}

/* ==========================================================================
   3 - FOOTER
   ========================================================================== */
/* Footer: continúa el degradado del body (empieza en #E4E8ED, sin salto) */
ob-footer.main-footer {
    background-color:#1E3930;
}

/* Color de links, copyright y textos del subfooter */
ob-footer.main-footer,
ob-footer.main-footer a,
ob-footer.main-footer span.footer-copyright,
ob-footer.main-footer span.justify-end {
    color: #e8bb6b !important;
}

/* Botón de idioma e icono del subfooter */
ob-footer.main-footer span.mdc-button__label,
ob-footer.main-footer mat-icon.mat-icon {
    color: #e8bb6b !important;
    font-weight: 400;
}

/* Borde del botón de idioma (ojo al espacio: "solid #212121") */
ob-footer.main-footer ob-button>.mat-mdc-outlined-button {
    border: 1px solid #e8bb6b !important;
}

/* Texto "powered by" */
ob-footer.main-footer section.items-center {
    color: #e8bb6b;
}

/* Forzar logo "powered by fever" */
.fever-logo {
    display: none !important;
}

.onebox-logo {
    display: block !important;
}

/* ==========================================================================
   4 - BUTTON
   ========================================================================== */
/* Botones de acción principales en amarillo */
ob-button .mat-mdc-unelevated-button,
ob-button .mat-mdc-raised-button,
button.mat-mdc-unelevated-button.mat-primary {
    background-color: #e8bb6b !important;
    color: #1e3930 !important;
    /* texto oscuro sobre el amarillo */
    border: 2px solid #e8bb6b !important;
    /* borde = fondo (invisible hasta el hover) */
}

/* Hover: fondo blanco y aparece el borde amarillo */
ob-button .mat-mdc-unelevated-button:hover,
ob-button .mat-mdc-raised-button:hover,
button.mat-mdc-unelevated-button.mat-primary:hover {
    background-color: #fff !important;
    color: #1e3930 !important;
    border: 2px solid #e8bb6b !important;
}