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

:root {
    /*Fonts*/
    --theme-font-family: "Saira", sans-serif;
    /*Navbar Colors*/
    --ob-nav-text-color: #fff;
    --ob-nav-bg-color: #000;
    /*color primary*/
    --theme-primary-50: #f0f9f9;
    --theme-primary-100: #fbcbcd;
    --theme-primary-200: #f7979b;
    --theme-primary-300: #f1555b;
    --theme-primary-400: #ef383f;
    --theme-primary-500: #00a99d;
    --theme-primary-600: #ed1c24;
    --theme-primary-700: #bd0f16;
    --theme-primary-800: #a00d12;
    --theme-primary-900: #840a0f;
    --theme-primary-A100: #FFFFFF;
    --theme-primary-A200: #ffa3a7;
    --theme-primary-A400: #ff3d44;
    --theme-primary-A700: #f42e36;
    --theme-primary-contrast-50: #000000;
    --theme-primary-contrast-100: #000000;
    --theme-primary-contrast-200: #000000;
    --theme-primary-contrast-300: #000000;
    --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: #000000;
    --theme-primary-contrast-A200: #000000;
    --theme-primary-contrast-A400: #ffffff;
    --theme-primary-contrast-A700: #ffffff;
}

/*===========================================
    INDEX
    1) TOP BAR
    2) CUSTOM FOOTER
    3) REPLACE IMAGES MERCH VISUALLY FOR MOBILE
    4) REPLACE "PROXIMAMENTE" FOR "AGOTADO" ON HORIZONTAL CARD (OB-PAGE-EVENT)
    5) HIDE UNAVAILABLE DATES (DECEMBER 9-12, 2026 - SPANISH & CATALAN)
===========================================*/

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

/*----------------------------------------------
   2) CUSTOM FOOTER
-------------------------------------------------*/
/*Footer*/
app-channel-footer {
    background-color: #fff;
    padding: 1rem 5rem;
}

app-channel-footer img {
    max-height: 66px;
}

app-channel-footer p {
    color: #000;
    font-weight: 600;
}

/*Mobile*/
@media (max-width: 599px) {
    app-channel-footer {
        display: none;
    }
}

/*----------------------------------------------
    3) REPLACE IMAGES MERCH VISUALLY FOR MOBILE
-------------------------------------------------*/
/*Replace images visually for mobile devices only*/
@media (max-width: 768px) {

    /*Hide original image element for all specified products*/
    #productId-1338 .image-container img,
    #productId-1329 .image-container img,
    #productId-1328 .image-container img,
    #productId-1330 .image-container img,
    #productId-1339 .image-container img,
    #productId-1333 .image-container img,
    #productId-1324 .image-container img,
    #productId-1326 .image-container img,
    #productId-1325 .image-container img,
    #productId-1327 .image-container img,
    #productId-1334 .image-container img,
    #productId-1336 .image-container img,
    #productId-1335 .image-container img,
    #productId-1332 .image-container img,
    #productId-1331 .image-container img, #productId-1338 .ob-gallery-dialog-image-container img, #productId-1329 .ob-gallery-dialog-image-container img, #productId-1328 .ob-gallery-dialog-image-container img, #productId-1330 .ob-gallery-dialog-image-container img, #productId-1339 .ob-gallery-dialog-image-container img, #productId-1333 .ob-gallery-dialog-image-container img, #productId-1324 .ob-gallery-dialog-image-container img, #productId-1326 .ob-gallery-dialog-image-container img, #productId-1325 .ob-gallery-dialog-image-container img, #productId-1327 .ob-gallery-dialog-image-container img, #productId-1334 .ob-gallery-dialog-image-container img, #productId-1336 .ob-gallery-dialog-image-container img, #productId-1335 .ob-gallery-dialog-image-container img, #productId-1332 .ob-gallery-dialog-image-container img, #productId-1331 .ob-gallery-dialog-image-container img {
        opacity: 0 !important;
    }

    /*Shared background properties for product containers*/
    #productId-1338 .image-container,
    #productId-1329 .image-container,
    #productId-1328 .image-container,
    #productId-1330 .image-container,
    #productId-1339 .image-container,
    #productId-1333 .image-container,
    #productId-1324 .image-container,
    #productId-1326 .image-container,
    #productId-1325 .image-container,
    #productId-1327 .image-container,
    #productId-1334 .image-container,
    #productId-1336 .image-container,
    #productId-1335 .image-container,
    #productId-1332 .image-container,
    #productId-1331 .image-container, #productId-1338 .ob-gallery-dialog-image-container, #productId-1329 .ob-gallery-dialog-image-container, #productId-1328 .ob-gallery-dialog-image-container, #productId-1330 .ob-gallery-dialog-image-container, #productId-1339 .ob-gallery-dialog-image-container, #productId-1333 .ob-gallery-dialog-image-container, #productId-1324 .ob-gallery-dialog-image-container, #productId-1326 .ob-gallery-dialog-image-container, #productId-1325 .ob-gallery-dialog-image-container, #productId-1327 .ob-gallery-dialog-image-container, #productId-1334 .ob-gallery-dialog-image-container, #productId-1336 .ob-gallery-dialog-image-container, #productId-1335 .ob-gallery-dialog-image-container, #productId-1332 .ob-gallery-dialog-image-container, #productId-1331 .ob-gallery-dialog-image-container {
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    /*Replacement image URL for product 1338*/
    #productId-1338 .image-container, #productId-1338 .ob-gallery-dialog-image-container {
        background-image: url("https://client-dists-resources.s3.amazonaws.com/channels-client/ficomic_web/assets/merch/80x162_merch_lanyard.jpg") !important;
    }

    /*Replacement image URL for product 1329*/
    #productId-1329 .image-container, #productId-1329 .ob-gallery-dialog-image-container {
        background-image: url("https://client-dists-resources.s3.amazonaws.com/channels-client/ficomic_web/assets/merch/80x162_merch_llavero_holo.jpg") !important;
    }

    /*Replacement image URL for product 1328*/
    #productId-1328 .image-container, #productId-1328 .ob-gallery-dialog-image-container {
        background-image: url("https://client-dists-resources.s3.amazonaws.com/channels-client/ficomic_web/assets/merch/80x162_merch_llavero_onachan_peluche.jpg") !important;
    }

    /*Replacement image URL for product 1330*/
    #productId-1330 .image-container, #productId-1330 .ob-gallery-dialog-image-container {
        background-image: url("https://client-dists-resources.s3.amazonaws.com/channels-client/ficomic_web/assets/merch/80x162_merch_llavero_shaker.jpg") !important;
    }

    /*Replacement image URL for product 1339*/
    #productId-1339 .image-container, #productId-1339 .ob-gallery-dialog-image-container {
        background-image: url("https://client-dists-resources.s3.amazonaws.com/channels-client/ficomic_web/assets/merch/80x162_merch_parche.jpg") !important;
    }

    /*Replacement image URL for product 1333*/
    #productId-1333 .image-container, #productId-1333 .ob-gallery-dialog-image-container {
        background-image: url("https://client-dists-resources.s3.amazonaws.com/channels-client/ficomic_web/assets/merch/80x162_merch_pin.jpg") !important;
    }

    /*Replacement image URL for product 1324*/
    #productId-1324 .image-container, #productId-1324 .ob-gallery-dialog-image-container {
        background-image: url("https://client-dists-resources.s3.amazonaws.com/channels-client/ficomic_web/assets/merch/80x162_merch_poster_32.jpg") !important;
    }

    /*Replacement image URL for product 1326*/
    #productId-1326 .image-container, #productId-1326 .ob-gallery-dialog-image-container {
        background-image: url("https://client-dists-resources.s3.amazonaws.com/channels-client/ficomic_web/assets/merch/80x162_merch_poster_itadakimanga.jpg") !important;
    }

    /*Replacement image URL for product 1325*/
    #productId-1325 .image-container, #productId-1325 .ob-gallery-dialog-image-container {
        background-image: url("https://client-dists-resources.s3.amazonaws.com/channels-client/ficomic_web/assets/merch/80x162_merch_poster_itadakimanga_wagashi.jpg") !important;
    }

    /*Replacement image URL for product 1327*/
    #productId-1327 .image-container, #productId-1327 .ob-gallery-dialog-image-container {
        background-image: url("https://client-dists-resources.s3.amazonaws.com/channels-client/ficomic_web/assets/merch/80x162_merch_poster_onachan_castle.jpg") !important;
    }

    /*Replacement image URL for product 1334*/
    #productId-1334 .image-container, #productId-1334 .ob-gallery-dialog-image-container {
        background-image: url("https://client-dists-resources.s3.amazonaws.com/channels-client/ficomic_web/assets/merch/80x162_merch_sticker_purpurina_onachan.jpg") !important;
    }

    /*Replacement image URL for product 1336*/
    #productId-1336 .image-container, #productId-1336 .ob-gallery-dialog-image-container {
        background-image: url("https://client-dists-resources.s3.amazonaws.com/channels-client/ficomic_web/assets/merch/80x162_merch_stickers_daily_onachan.jpg") !important;
    }

    /*Replacement image URL for product 1335*/
    #productId-1335 .image-container, #productId-1335 .ob-gallery-dialog-image-container {
        background-image: url("https://client-dists-resources.s3.amazonaws.com/channels-client/ficomic_web/assets/merch/80x162_merch_stickers_spokon.jpg") !important;
    }

    /*Replacement image URL for product 1332*/
    #productId-1332 .image-container, #productId-1332 .ob-gallery-dialog-image-container {
        background-image: url("https://client-dists-resources.s3.amazonaws.com/channels-client/ficomic_web/assets/merch/80x162_merch_tote_beige_onachan.jpg") !important;
    }

    /*Replacement image URL for product 1331*/
    #productId-1331 .image-container, #productId-1331 .ob-gallery-dialog-image-container {
        background-image: url("https://client-dists-resources.s3.amazonaws.com/channels-client/ficomic_web/assets/merch/80x162_merch_tote_roja.jpg") !important;
    }
}


/*----------------------------------------------
    4) REPLACE "PROXIMAMENTE" FOR "AGOTADO" ON HORIZONTAL CARD (OB-PAGE-EVENT)
-------------------------------------------------*/
/*ES*/

/*Time Card Footer - Castellano*/
:lang(es) ob-page-event span.time-card-footer.not-on-sale {
    visibility: hidden;
    position: relative;
}

:lang(es) ob-page-event span.time-card-footer.not-on-sale::after {
    content: "Agotado";
    visibility: visible;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

/*Session IDs - Castellano*/
:lang(es) ob-page-event #sessionId-2942056 .ob-coming-soon-tag,
:lang(es) ob-page-event #sessionId-2942016 .ob-coming-soon-tag {
    font-size: 0 !important;
}

:lang(es) ob-page-event #sessionId-2942056 .ob-coming-soon-tag::after,
:lang(es) ob-page-event #sessionId-2942016 .ob-coming-soon-tag::after {
    content: "Agotado";
    font-size: 14px;
    padding-right: 4px;
}


/*CA*/

/*Time Card Footer - Catalán*/
:lang(ca) ob-page-event span.time-card-footer.not-on-sale {
    visibility: hidden;
    position: relative;
}

:lang(ca) ob-page-event span.time-card-footer.not-on-sale::after {
    content: "Exhaurit";
    visibility: visible;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

/*Session IDs - Catalán*/
:lang(ca) ob-page-event #sessionId-2942056 .ob-coming-soon-tag,
:lang(ca) ob-page-event #sessionId-2942016 .ob-coming-soon-tag {
    font-size: 0 !important;
}

:lang(ca) ob-page-event #sessionId-2942056 .ob-coming-soon-tag::after,
:lang(ca) ob-page-event #sessionId-2942016 .ob-coming-soon-tag::after {
    content: "Exhaurit";
    font-size: 14px;
    padding-right: 4px;
}


/*----------------------------------------------
    5) HIDE UNAVAILABLE DATES (DECEMBER 9-12, 2026 - SPANISH & CATALAN)
-------------------------------------------------*/

/*Hide December 9th*/
ob-page-event ob-sessions-calendar-day-card.time-card.weekly-card[aria-label="9 de diciembre de 2026 - No disponible"],
ob-page-event ob-sessions-calendar-day-card.time-card.weekly-card[aria-label="9 de desembre del 2026 - No disponible"] {
    display: none;
}

/*Hide December 10th*/
ob-page-event ob-sessions-calendar-day-card.time-card.weekly-card[aria-label="10 de diciembre de 2026 - No disponible"],
ob-page-event ob-sessions-calendar-day-card.time-card.weekly-card[aria-label="10 de desembre del 2026 - No disponible"] {
    display: none;
}

/*Hide December 11th*/
ob-page-event ob-sessions-calendar-day-card.time-card.weekly-card[aria-label="11 de diciembre de 2026 - No disponible"],
ob-page-event ob-sessions-calendar-day-card.time-card.weekly-card[aria-label="11 de desembre del 2026 - No disponible"] {
    display: none;
}

/*Hide December 12th*/
ob-page-event ob-sessions-calendar-day-card.time-card.weekly-card[aria-label="12 de diciembre de 2026 - No disponible"],
ob-page-event ob-sessions-calendar-day-card.time-card.weekly-card[aria-label="12 de desembre del 2026 - No disponible"] {
    display: none;
}

/*Target desktop viewports (768px and wider) to hide the button on desktop while keeping it visible on mobile*/
@media screen and (min-width: 768px) {
    /*Hide the link button to view additional available dates "More dates" on desktop screens*/
    ob-page-event button.ob-more-dates.ob-link {
        display: none;
    }
}