@import url("/custom/css/custom.css");

/* 00346483 */
#secondary_content_navigation .resell_tickets_menu_link {
    display: none !important;
}
/* 00346483 END*/

/* 00348784 */
html[lang="fr"] #page_checkout_orderSummary .main_content_sub_amount .total:before {
    content: "Dans le cadre du dispositif “Tous au Stade”, le Paris FC s’engage à reverser 15% des revenus générés par la revente à des associations partenaires, afin de soutenir des projets locaux d’inclusion, d’éducation et de solidarité.";
    display: block;
    text-align: left;
    margin-bottom: 15px;
}
html[lang="en"] #page_checkout_orderSummary .main_content_sub_amount .total:before {
    content: "As part of the “Tous au Stade” initiative, Paris FC commits to donating 15% of the revenue generated from resale to partner associations, in order to support local projects of inclusion, education and solidarity.";
    display: block;
    text-align: left;
    margin-bottom: 15px;
}
/* 00348784 END */

/* 00352145 */
.stx-skip-link,
#seat-details .seat-map-filter .tariff_table_container,
#seat-details .seat-map-filter .seat-info-sub-title:has(+ .tariff_table_container),
#seat-details .seat-info-table-container tr:has(.tariff),
#seat-details .seat-map-filter .seat-map-price-filter,
#pre-cart #details-list .pre-cart-additional-info-wrapper .pre-cart-cat-2,
.seat_category_section .tariff,
.seat_category_section .grouped-audience-description,
.ui-widget-content.zone-selection-tooltip .available_tariffs,
.ui-tooltip-content > .prices:not(.number_of_tickets) .amount:nth-of-type(2),
#page_checkout_payment #info_mandatory {
    display: none !important;
}

.ui-tooltip-content > .prices:not(.number_of_tickets) {
    font-size: 0;
}

.ui-tooltip-content > .prices:not(.number_of_tickets) .amount:first-of-type {
    font-size: 20px;
}

html[lang="fr"] .ui-tooltip-content > .prices:not(.number_of_tickets) .amount:first-of-type::before {
    content: "À partir de ";
}

html[lang="en"] .ui-tooltip-content > .prices:not(.number_of_tickets) .amount:first-of-type::before {
    content: "From ";
}

/* ===== Global border radius ===== */
#main_content_account_home_top,
#main_content_account_home_last_file,
#secondary_content_navigation,
#keep_up_to_date,
#secondary_content_general_info,
#main_content_cart,
#collapsiblePanel_main_content_account_home_top,
#collapsiblePanel_main_content_account_home_top .content,
#main_content_account_home_top .content_title .title.flex_title,
#main_content_account_home_last_file .content_title .title.flex_title,
#secondary_content_navigation .title.flex_title,
#keep_up_to_date .title.flex_title,
#secondary_content_general_info .title.flex_title,
#main_content_cart .title.flex_title,
#main_content_account_home_last_file .content,
#secondary_content_navigation .content,
#keep_up_to_date .content,
#secondary_content_general_info .content,
#main_content_cart .content {
    border-radius: 6px;
}

/* ===== Secondary content ===== */
#secondary_content_container .secondary_content {
    border: unset;
}

/* ===== Titles ===== */
#main_content_account_home_top .content_title .title.flex_title,
#main_content_account_home_last_file .content_title .title.flex_title,
#secondary_content_general_info,
#secondary_content_general_info .title.flex_title,
#keep_up_to_date .title.flex_title,
#main_content_cart .title.flex_title {
    border-bottom: unset;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}

/* ===== Content ===== */
#keep_up_to_date .content,
#secondary_content_general_info .content,
#main_content_cart .content {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

/* Custom v3 in power point file */
/* Point 1 */
td.scene_photo .scene_image {
    height: 40px;
    background-image: url(https://content.secutix.com/PFC/images/eye.png) !important;
}

td.scene_photo .scene_image:hover {
    opacity: 0.8;
}

/* Change order of the two sections in product header container */
.product_right_img,
.product_description_header {
    background-color: #ffffff;
}

@media screen and (min-width: 769px) {
    .product_right_img .product_image_container {
        order: 1;
    }
    .product_right_img .content {
        order: 2;
        margin-left: 2em;
        margin-top: 2.25em;
    }

    @media screen and (min-width: 991px) {
        .product_right_img .product_image_container {
            margin-left: unset;
        }
    }
}
/* Change order of the two sections in product header container END */
/* Point 1 END */

/* Point 2 */
#seat_map_group .block_selection #seat-map-sub-container #seat-details #seat_info_instructions_container,
#seat_map_group #seat-map-sub-container #seat-details .seat-info-intro-container {
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    margin: 0 8px;
}

#seat_map_group #seat-map-sub-container #seat-details #seat_info_instruction_selection,
#seat_map_group #seat-map-sub-container #seat-details .seat-info-click {
    order: 1;
    color: #001238;
    text-align: center;
    font-weight: bold;
}
#seat_map_group #seat-map-sub-container #seat-details #seat_info_instruction_availability,
#seat_map_group #seat-map-sub-container #seat-details .seat-info-intro {
    order: 2;
    color: #001238;
    font-size: 12px;
    text-align: center;
}
#seat_map_group #seat-map-sub-container #seat-details #seat_info_instruction_reservation,
#seat_map_group #seat-map-sub-container #seat-details .seat-info-bookwarning {
    order: 3;
    color: #001238;
    font-size: 12px;
    text-align: center;
}
/* Point 2 END */

/* Point 3 */
#seat_map_group #seat-map-sub-container #seat-details .comparison-block .btn_go_step2_container {
    text-align: center;
}

#comparison-instructions {
    top: 380px !important;
    height: fit-content !important;
    border-radius: 6px;
}

#comparison-instructions #comparison-instruction-choose {
    color: #001238 !important;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    width: 90%;
}

#comparison-instructions #comparison-instruction-want-to {
    color: #001238;
    font-size: 12px;
    text-align: center;
    width: 90%;
}

@media screen and (min-width: 991px) {
    #seat_map_group #seat-map-sub-container #seat-details .comparison-block.last-selected {
        border-bottom: unset;
    }
}
/* Point 3 END */

/* Point 4, 5 and 6 */
.alternative_button.rewind #addOtherProducts .symbol,
.alternative_button.cancel .symbol {
    background-image: unset;
}

.main_title,
.rewind .symbol.symbol:before,
#secondary_content_cart .cart_link,
#page_cart_reservation #addOtherProducts .text.for_non_mobile,
#page_cart_shoppingCart #addOtherProducts .text.for_non_mobile,
.content .table_container td .seat_infomation {
    color: #001238;
}

#secondary_content_cart > .content_title > .title .main_title,
#page_checkout_orderSummary .main_content > .content_title > .title .main_title,
#page_checkout_payment .main_content > .content_title > .title .main_title,
#secondary_content_cart .amount.amount_EUR {
    font-size: 16px;
}

form[id^="payment_form"] {
    background-color: #ffffff;
}
/* Point 4, 5 and 6 END */
#seat_map_group #seat-map-sub-container #seat-details #seat_info_filters {
    display: none;
}

#page_cart_reservation .teams .team {
    line-height: 40px;
}

.product_container .performance_SPORTING_EVENT,
.performance_SPORTING_EVENT .perf_secondary_info_table {
    background-color: #ffffff;
}

.content_element .content .table_container .seat_category_section tbody tr:nth-child(2n + 1) {
    background-color: #f7f7f7;
}

.steps_bar .step.current .number,
.steps_bar .step.current .text,
#payment_summary .amount,
#payment_summary .file_number,
#main_content_summary_terms_and_conditions .buttons_container .alternative_button a,
#page_error .message.error>.title,
#page_error .message.error>.content {
    color: #01113b;
}

.steps_bar .step .symbol {
    background-color: #01113b;
}

.main_content_sub_amount .total .amount,
#main_content_summary_terms_and_conditions .due_amount .amount {
    font-size: 1.38rem;
}

.message.error>.content>.icon {
    background-image: url(https://content.secutix.com/PFC/images/error.svg) !important;
}

@media screen and (min-width: 991px) {
    .product_description_header .main_content_group {
        width: calc(100vw - 48px) !important;
    }
    .product_right_img_header .product_right_img {
        padding: 20px 0;
    }
    .main_content_group:not(.main_content_embedded_delivery) {
        margin-bottom: 0;
    }
}

/* Mobile menu layout look like TS1.5 */
@media screen and (max-width: 990px) {
    #page_cart_reservation #secondary_content_cart #buy_order {
        display: none;
    }

    /* Layout & Background */
    body.rwd #content #secondary_content_navigation {
        width: 320px;
        left: -320px;
    }

    #secondary_content_navigation .close-btn-wrapper {
        justify-content: flex-start;
    }

    #secondary_content_navigation .item:first-child {
        margin-top: 10px;
        border-top: unset;
    }

    body.rwd #content #secondary_content_navigation,
    body.rwd #content #secondary_content_navigation .content_element .content {
        background-color: #ffffff;
    }

    /* Account info */
    #content #secondary_content_navigation .content_element .content .account_info {
        background-color: #f2f2f2;
        padding: 16px;
        text-align: left;
    }

    #content #secondary_content_navigation .content_element .content .account_info a,
    #content #secondary_content_navigation .content_element .content .account_info .email,
    body.rwd #content #secondary_content_navigation .content_element .content ul li,
    body.rwd #content #secondary_content_navigation .content_element .content > ul > li.menu_client_account > a.selected {
        color: #001238;
        font-size: 14px;
    }

    /* Close dialog button */
    #secondary_content_navigation #close-dialog-button {
        display: flex;
        justify-content: center;
        align-items: center;

        width: 40px;
        height: 40px;
        margin: 24px;
        padding: 0;

        background-color: #e6e9ec;
        border: none;
        border-radius: 1000px;

        color: #002bb5;
        font-size: 20px;
        line-height: 20px;

        box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.08);
        transition: box-shadow 0.2s ease;
    }

    #secondary_content_navigation #close-dialog-button::before {
        font-family: "remixicon" !important;
        content: "\eb99";
        color: #002bb5;
    }

    #secondary_content_navigation #close-dialog-button:focus {
        outline: none !important;
    }

    .close-dialog-icon {
        display: none;
    }

    /* Login / Signup buttons */
    #content #secondary_content_navigation .content_element .content .account_info a#logIn,
    #content #secondary_content_navigation .content_element .content .account_info a#signUp {
        display: flex;
        justify-content: center;
        align-items: center;

        width: 50%;
        height: 40px;
        padding: 12px;

        background-color: #e6e9ec;
        border: 1px solid #001f471a;
        border-radius: 999px;

        color: #002bb5;
        text-decoration: none;

        box-sizing: border-box;
        transition: box-shadow 0.2s ease;
    }

    .account_info .action_buttons_container {
        display: flex;
        gap: 6px;
        color: transparent;
    }

    body.rwd #content #secondary_content_navigation .content_element .content ul li.selected a,
    body.rwd #content #secondary_content_navigation .content_element .content > ul > li.menu_client_account > a.selected {
        color: #001238;
        background-color: #e5e7eb;
    }

    /* Logout button */
    body.rwd #content #secondary_content_navigation .content_element .content .tickets_menu_logout.button {
        display: flex;
        width: 100%;
        margin: 16px 0;
        padding: 0 24px;
    }

    #content #secondary_content_navigation .content_element .content .account_info a.account {
        font-size: 16px;
        font-weight: 600;
        text-decoration: none;
    }

    #secondary_content_navigation .content_element .button.tickets_menu_logout a {
        display: flex;
        justify-content: center;
        align-items: center;

        width: 100%;
        height: 40px;
        padding: 12px;

        background-color: #e6e9ec;
        border-radius: 999px;

        color: #002bb5;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;

        box-sizing: border-box;
        transition: box-shadow 0.2s ease;
    }
}
/* Mobile menu layout look like TS1.5 END */
/* 00352145 END */
