/* BAZAR CMS PAGES V1 */

/* Applied only to CMS menu URLs */
html.bz-cms-page {
    background: #f5f7fb;
}

html.bz-cms-page body {
    font-family: Vazirmatn, Tahoma, sans-serif;
    overflow-x: hidden;
}

/* Page content containers */
html.bz-cms-page main,
html.bz-cms-page .main-content,
html.bz-cms-page .content-wrapper {
    box-sizing: border-box;
    max-width: 1280px;
    margin-inline: auto;
    padding-inline: 20px;
}

/* Readable content */
html.bz-cms-page main p,
html.bz-cms-page .main-content p,
html.bz-cms-page .content-wrapper p {
    line-height: 2;
    overflow-wrap: anywhere;
}

html.bz-cms-page main h1,
html.bz-cms-page main h2,
html.bz-cms-page main h3,
html.bz-cms-page .main-content h1,
html.bz-cms-page .main-content h2,
html.bz-cms-page .main-content h3 {
    line-height: 1.65;
    overflow-wrap: anywhere;
}

html.bz-cms-page main img,
html.bz-cms-page .main-content img,
html.bz-cms-page .content-wrapper img {
    max-width: 100%;
    height: auto;
}

html.bz-cms-page main table,
html.bz-cms-page .main-content table,
html.bz-cms-page .content-wrapper table {
    max-width: 100%;
}

html.bz-cms-page main iframe,
html.bz-cms-page .main-content iframe,
html.bz-cms-page .content-wrapper iframe {
    max-width: 100%;
}

/* Mobile */
@media (max-width: 767px) {
    html.bz-cms-page main,
    html.bz-cms-page .main-content,
    html.bz-cms-page .content-wrapper {
        width: 100%;
        padding-inline: 12px;
    }

    html.bz-cms-page main h1,
    html.bz-cms-page .main-content h1 {
        font-size: 23px;
    }

    html.bz-cms-page main h2,
    html.bz-cms-page .main-content h2 {
        font-size: 19px;
    }

    html.bz-cms-page main p,
    html.bz-cms-page .main-content p {
        font-size: 14px;
        line-height: 1.95;
    }
}
/* BAZAR_CMS_WIDE_LIGHT_V2 */

/* Shared CMS page design - /Menu/* only */
html.bz-cms-page {
    background: #f5f7fb !important;
}

html.bz-cms-page body {
    background: #f5f7fb !important;
}

/* Expand the main content area */
html.bz-cms-page main,
html.bz-cms-page .main-content,
html.bz-cms-page .content-wrapper,
html.bz-cms-page .container,
html.bz-cms-page .container-fluid {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Lighten large CMS content wrappers */
html.bz-cms-page main,
html.bz-cms-page .main-content,
html.bz-cms-page .content-wrapper {
    background-color: #ffffff !important;
    color: #23334d !important;
    border-radius: 22px !important;
}

/* Remove the oversized navy background on CMS content */
html.bz-cms-page main > section,
html.bz-cms-page .main-content > section,
html.bz-cms-page .content-wrapper > section {
    background-color: #ffffff !important;
    color: #23334d !important;
}

/* Headings and text */
html.bz-cms-page main h1,
html.bz-cms-page main h2,
html.bz-cms-page main h3,
html.bz-cms-page .main-content h1,
html.bz-cms-page .main-content h2,
html.bz-cms-page .main-content h3,
html.bz-cms-page .content-wrapper h1,
html.bz-cms-page .content-wrapper h2,
html.bz-cms-page .content-wrapper h3 {
    color: #17365d;
    line-height: 1.7;
}

html.bz-cms-page main p,
html.bz-cms-page .main-content p,
html.bz-cms-page .content-wrapper p {
    color: #334155;
    line-height: 2;
}

/* Responsive content */
html.bz-cms-page img,
html.bz-cms-page iframe {
    max-width: 100%;
}

@media (max-width: 767px) {
    html.bz-cms-page main,
    html.bz-cms-page .main-content,
    html.bz-cms-page .content-wrapper,
    html.bz-cms-page .container,
    html.bz-cms-page .container-fluid {
        max-width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    html.bz-cms-page main,
    html.bz-cms-page .main-content,
    html.bz-cms-page .content-wrapper {
        border-radius: 14px !important;
    }
}

/* BAZAR_CMS_MENU_FINAL_V3 */

/* Shared width for all /Menu/ pages */
html.bz-cms-page .Menu-pg.container,
html.bz-cms-page .Menu-pg.container-fluid,
html.bz-cms-page .Menu-pg {
    width: calc(100% - 32px) !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* Remove large navy background */
html.bz-cms-page .Menu-pg {
    background: #ffffff !important;
    color: #23334d !important;
    border-radius: 22px !important;
    box-shadow: 0 8px 28px rgba(20, 43, 80, .06);
}

/* Expand CMS content area */
html.bz-cms-page .Menu-pg .menu_cont,
html.bz-cms-page .Menu-pg .desc-menu {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* CMS grid columns */
html.bz-cms-page .Menu-pg > .row,
html.bz-cms-page .Menu-pg .menu_cont > .row {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Contact page section */
html.bz-cms-page #contact-clean {
    width: 100% !important;
    max-width: 100% !important;
    background: transparent !important;
    color: #23334d !important;
    box-sizing: border-box !important;
}

/* Contact heading */
html.bz-cms-page #contact-clean > h1,
html.bz-cms-page #contact-clean > h2,
html.bz-cms-page #contact-clean > h3 {
    color: #17365d !important;
}

/* Preserve internal cards */
html.bz-cms-page #contact-clean .card,
html.bz-cms-page #contact-clean .card.notice {
    max-width: 100%;
    box-sizing: border-box;
}

/* Mobile */
@media (max-width: 767px) {

    html.bz-cms-page .Menu-pg {
        width: calc(100% - 16px) !important;
        padding: 16px 10px !important;
        border-radius: 16px !important;
    }

    html.bz-cms-page .Menu-pg .menu_cont,
    html.bz-cms-page .Menu-pg .desc-menu,
    html.bz-cms-page #contact-clean {
        width: 100% !important;
        max-width: 100% !important;
    }

    html.bz-cms-page #contact-clean .cards {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* BAZAR_INTERNAL_LIGHT_V1 */

/* Light layout for internal system pages */
html.bz-internal-light {
    background: #f5f7fb !important;
}

html.bz-internal-light body {
    background: #f5f7fb !important;
}

/* Main page container */
html.bz-internal-light .Menu-pg {
    width: calc(100% - 32px) !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: #ffffff !important;
    color: #23334d !important;
    border-radius: 22px !important;
    box-shadow: 0 8px 28px rgba(20,43,80,.06);
    box-sizing: border-box !important;
}

/* Expand internal content */
html.bz-internal-light .Menu-pg .menu_cont,
html.bz-internal-light .Menu-pg .desc-menu {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Preserve nested content design */
html.bz-internal-light .Menu-pg .card,
html.bz-internal-light .Menu-pg .panel,
html.bz-internal-light .Menu-pg .alert {
    box-sizing: border-box;
}

/* Responsive layout */
@media (max-width: 767px) {
    html.bz-internal-light .Menu-pg {
        width: calc(100% - 16px) !important;
        padding: 16px 10px !important;
        border-radius: 16px !important;
    }

    html.bz-internal-light .Menu-pg .menu_cont,
    html.bz-internal-light .Menu-pg .desc-menu {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* BAZAR_RESERVE_LIGHT_V2 */

/* Main reservation page frame */
html.bz-internal-light .listReserv {
    background: #ffffff !important;
    background-image: none !important;
    color: #23334d !important;
    border-radius: 22px !important;
    box-shadow: 0 8px 28px rgba(20,43,80,.06) !important;
    box-sizing: border-box !important;
}

/* Wider reservation layout */
html.bz-internal-light .listReserv {
    width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Keep internal sections intact */
html.bz-internal-light .listReserv .row {
    max-width: 100%;
}

/* Mobile */
@media (max-width: 767px) {
    html.bz-internal-light .listReserv {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 16px !important;
        padding: 14px 10px !important;
    }
}