/* Bazar Header - Staging Only */

.bz-header {
    direction: rtl;
    background: #ffffff;
    color: #17243a;
    font-family: Vazirmatn, Tahoma, sans-serif;
    border-bottom: 1px solid #e8edf3;
    box-shadow: 0 4px 20px rgba(15, 23, 42, .04);
}

.bz-header,
.bz-header * {
    box-sizing: border-box;
}

.bz-header-inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 14px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.bz-header a {
    text-decoration: none;
    transition: background-color .2s, color .2s, border-color .2s;
}

.bz-header .bz-auth {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.bz-header .bz-auth a,
.bz-header .bz-auth input,
.bz-header .bz-auth button {
    min-height: 42px;
    padding: 10px 18px;
    border-radius: 12px;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

.bz-header .bz-login a {
    background: #1664d9;
    color: #ffffff;
    border: 1px solid #1664d9;
}

.bz-header .bz-dashboard a {
    background: #eff6ff;
    color: #175cd3;
    border: 1px solid #dbeafe;
}

.bz-header .logout a {
    background: #ffffff;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.bz-header .bz-login a:hover {
    background: #104fb0;
}

.bz-header .bz-dashboard a:hover {
    background: #dbeafe;
}

.bz-header .logout a:hover {
    background: #f8fafc;
    color: #b42318;
}

.bz-header a:focus-visible,
.bz-header button:focus-visible {
    outline: 3px solid #93c5fd;
    outline-offset: 3px;
}

@media (max-width: 768px) {
    .bz-header-inner {
        padding: 12px 16px;
        gap: 12px;
        flex-wrap: wrap;
    }

    .bz-header .bz-auth {
        width: 100%;
        justify-content: flex-start;
    }

    .bz-header .bz-auth a {
        min-height: 44px;
    }
}

@media (max-width: 480px) {
    .bz-header-inner {
        padding: 10px 12px;
    }

    .bz-header .bz-auth {
        gap: 8px;
    }

    .bz-header .bz-auth a {
        padding: 10px 14px;
        font-size: 13px;
    }
}
/* Bazar Header - Real Markup Overrides */

.bz-header {
    direction: rtl;
    background: #fff;
    font-family: Vazirmatn, Tahoma, sans-serif;
}

.bz-header .header_top,
.bz-header .Plctopmenu {
    background: #fff;
    border-bottom: 1px solid #edf0f4;
}

.bz-header .my_header_links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 20px;
    margin: 0;
    list-style: none;
}

.bz-header .my_header_links > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bz-header .my_header_links li {
    list-style: none;
    margin: 0;
    padding: 0;
    float: none;
}

.bz-header .my_header_links .loginn a,
.bz-header .my_header_links .bz-dashboard a,
.bz-header .my_header_links .logout a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 10px 20px;
    border-radius: 12px;
    font-family: Vazirmatn, Tahoma, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    text-decoration: none !important;
    box-shadow: none;
}

.bz-header .my_header_links .loginn a {
    background: #1769e0;
    color: #fff !important;
    border: 1px solid #1769e0;
}

.bz-header .my_header_links .bz-dashboard a {
    background: #eff6ff;
    color: #175cd3 !important;
    border: 1px solid #dbeafe;
}

.bz-header .my_header_links .logout a {
    background: #fff;
    color: #475569 !important;
    border: 1px solid #dbe3ed;
}

.bz-header .my_header_links .loginn a:hover {
    background: #1153b4;
}

.bz-header .my_header_links .bz-dashboard a:hover {
    background: #dbeafe;
}

.bz-header .my_header_links .logout a:hover {
    background: #fef2f2;
    color: #b42318 !important;
}

.bz-header .my_header_links a:focus-visible {
    outline: 3px solid #93c5fd;
    outline-offset: 3px;
}

@media (max-width: 768px) {
    .bz-header .my_header_links {
        padding: 10px 12px;
        gap: 8px;
    }

    .bz-header .my_header_links .loginn a,
    .bz-header .my_header_links .bz-dashboard a,
    .bz-header .my_header_links .logout a {
        min-height: 44px;
        padding: 9px 14px;
        font-size: 13px;
    }
}
/* RTL header alignment */
.bz-header .my_header_links {
    justify-content: flex-start;
}
/* Bazar responsive refinement v2 */
.bz-header .my_header_links {
    display: flex !important;
    direction: rtl;
    align-items: center;
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    margin: 0 !important;
    padding: 8px 24px !important;
    box-sizing: border-box;
}

.bz-header .my_header_links > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.bz-header .my_header_links li {
    float: none !important;
    margin: 0 !important;
    list-style: none;
}

.bz-header .my_header_links .bz-dashboard a,
.bz-header .my_header_links .logout a,
.bz-header .my_header_links .loginn a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 16px !important;
    border-radius: 10px;
    white-space: nowrap;
    text-decoration: none !important;
    box-sizing: border-box;
}

.bz-header .my_header_links .logout br {
    display: none;
}

@media (max-width: 991px) {
    .bz-header .my_header_links {
        padding: 8px 16px !important;
    }
}

@media (max-width: 767px) {
    .bz-header .my_header_links {
        padding: 7px 12px !important;
        gap: 8px;
    }

    .bz-header .my_header_links > div {
        gap: 8px;
    }

    .bz-header .my_header_links .bz-dashboard a,
    .bz-header .my_header_links .logout a,
    .bz-header .my_header_links .loginn a {
        min-height: 38px;
        padding: 7px 12px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 360px) {
    .bz-header .my_header_links {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }
}
/* Bazar unified responsive header v3 */

@media (min-width: 992px) {
    .bz-header {
        position: relative;
        min-height: 76px;
    }

    .bz-header .header_top {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 76px;
        z-index: 20;
        background: transparent !important;
        pointer-events: none;
    }

    .bz-header .header_top .my_header_links {
        height: 76px;
        min-height: 76px;
        padding: 0 32px !important;
        justify-content: flex-end !important;
        pointer-events: none;
    }

    .bz-header .header_top .my_header_links > div,
    .bz-header .header_top .my_header_links a {
        pointer-events: auto;
    }

    .bz-header .Plctopmenu {
        min-height: 76px;
        display: flex;
        align-items: center;
        padding: 0 32px !important;
        margin: 0 !important;
    }

    .bz-header .Plctopmenu .meno {
        float: none !important;
        width: auto !important;
        flex: 1 1 auto;
        min-width: 0;
    }

    .bz-header .Plctopmenu .logo,
    .bz-header .Plctopmenu .top-img {
        float: none !important;
    }
}

@media (max-width: 991px) {
    .bz-header .header_top .my_header_links {
        justify-content: flex-start !important;
        padding: 7px 14px !important;
    }
}

@media (max-width: 767px) {
    .bz-header .header_top .my_header_links {
        padding: 6px 12px !important;
        min-height: 48px;
    }

    .bz-header .Plctopmenu {
        padding: 8px 12px !important;
    }
}
/* Bazar mobile unified header v4 */
@media (max-width: 767px) {
    .bz-header {
        position: relative;
        min-height: 58px;
    }

    .bz-header .header_top {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 58px;
        z-index: 30;
        background: transparent !important;
        pointer-events: none;
    }

    .bz-header .header_top .my_header_links {
        height: 58px;
        min-height: 58px;
        padding: 0 12px !important;
        justify-content: flex-end !important;
        align-items: center;
        pointer-events: none;
    }

    .bz-header .header_top .my_header_links > div,
    .bz-header .header_top .my_header_links a {
        pointer-events: auto;
    }

    .bz-header .Plctopmenu {
        min-height: 58px;
        margin: 0 !important;
        padding: 0 12px !important;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .bz-header .Plctopmenu .meno {
        float: none !important;
        width: auto !important;
        min-width: 0;
        flex: 0 1 auto;
    }

    .bz-header .Plctopmenu .logo,
    .bz-header .Plctopmenu .top-img {
        display: none !important;
    }
}
/* Bazar registration header button v5 */
.bz-header .my_header_links .registerr {
    display: list-item !important;
}

.bz-header .my_header_links .registerr a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 16px !important;
    border: 1px solid #d9e4f5;
    border-radius: 10px;
    background: #ffffff;
    color: #1769d5 !important;
    font-weight: 600;
    text-decoration: none !important;
    white-space: nowrap;
    box-sizing: border-box;
}

.bz-header .my_header_links .registerr a:hover {
    background: #eff6ff;
    border-color: #a8c9f5;
}

@media (max-width: 767px) {
    .bz-header .my_header_links .registerr a {
        min-height: 38px;
        padding: 7px 10px !important;
        font-size: 12px !important;
    }
}
/* BAZAR HEADER ACTION ALIGNMENT V3 */
.bz-header #header_top {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.bz-header #header_top > .my_header_links {
    display: flex !important;
    direction: rtl;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    min-height: 56px;
    margin: 0 !important;
    padding: 8px clamp(12px, 2.2vw, 32px) !important;
    box-sizing: border-box;
    list-style: none;
}

.bz-header #header_top > .my_header_links > .divRegister,
.bz-header #header_top > .my_header_links > #advertisingGuest,
.bz-header #header_top > .my_header_links > #Plcresponsepage {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
}

.bz-header #header_top .my_header_links li {
    display: block;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

.bz-header #header_top .my_header_links .registerr a,
.bz-header #header_top .my_header_links .loginn a,
.bz-header #header_top .my_header_links .bz-dashboard a,
.bz-header #header_top .my_header_links .logout a,
.bz-header #header_top .my_header_links .basket a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px;
    margin: 0 !important;
    padding: 9px 16px !important;
    border: 1px solid #dbe5f3;
    border-radius: 11px !important;
    line-height: 1.4 !important;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    text-decoration: none !important;
    box-sizing: border-box;
    vertical-align: middle;
}

.bz-header #header_top .my_header_links .registerr a,
.bz-header #header_top .my_header_links .bz-dashboard a {
    color: #fff !important;
    border-color: #1769e8 !important;
    background: #1769e8 !important;
}

.bz-header #header_top .my_header_links .loginn a,
.bz-header #header_top .my_header_links .logout a {
    color: #1d4e89 !important;
    border-color: #d6e3f5 !important;
    background: #f3f7ff !important;
}

.bz-header #header_top .my_header_links .registerr a:hover,
.bz-header #header_top .my_header_links .bz-dashboard a:hover {
    background: #1158c8 !important;
    border-color: #1158c8 !important;
}

.bz-header #header_top .my_header_links .loginn a:hover,
.bz-header #header_top .my_header_links .logout a:hover {
    background: #e8f0ff !important;
}

.bz-header #header_top .my_header_links .logout br { display: none !important; }

@media (max-width: 767px) {
    .bz-header #header_top > .my_header_links {
        min-height: 48px;
        gap: 7px;
        padding: 7px 12px !important;
    }
    .bz-header #header_top > .my_header_links > .divRegister,
    .bz-header #header_top > .my_header_links > #advertisingGuest,
    .bz-header #header_top > .my_header_links > #Plcresponsepage { gap: 7px; }
    .bz-header #header_top .my_header_links .registerr a,
    .bz-header #header_top .my_header_links .loginn a,
    .bz-header #header_top .my_header_links .bz-dashboard a,
    .bz-header #header_top .my_header_links .logout a,
    .bz-header #header_top .my_header_links .basket a {
        min-height: 40px;
        padding: 8px 12px !important;
        font-size: 13px;
    }
}

@media (max-width: 360px) {
    .bz-header #header_top > .my_header_links { padding-inline: 8px !important; }
    .bz-header #header_top .my_header_links .registerr a,
    .bz-header #header_top .my_header_links .loginn a { padding-inline: 9px !important; }
}
/* BAZAR HOMEPAGE POLISH V6 - HEADER ALIGNMENT */

@media (min-width: 992px) {

    .bz-header .Plctopmenu {
        display: flex !important;
        align-items: center !important;
        min-height: 76px !important;
    }

    .bz-header .Plctopmenu .meno {
        display: flex !important;
        align-items: center !important;
        min-height: 56px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .bz-header .Plctopmenu .meno ul {
        display: flex;
        align-items: center;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .bz-header .header_top {
        height: 76px !important;
    }

    .bz-header .header_top .my_header_links {
        min-height: 76px !important;
        height: 76px !important;
        display: flex !important;
        align-items: center !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

.bz-header .my_header_links .registerr a,
.bz-header .my_header_links .loginn a,
.bz-header .my_header_links .bz-dashboard a,
.bz-header .my_header_links .logout a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
}

@media (max-width: 767px) {

    .bz-header .my_header_links {
        align-items: center !important;
    }

    .bz-header .my_header_links .registerr a,
    .bz-header .my_header_links .loginn a {
        min-height: 36px !important;
    }
}

/* BAZAR_GLOBAL_PAGE_TITLE_V1 */

/* Shared page title color */
.Menu-pg .title,
.Menu-pg .page-title,
.Menu-pg .title-page,
.menu-title,
.page-title,
.title-page {
    color: #17365d !important;
}

/* Blue line */
.Menu-pg .title:before,
.Menu-pg .title:after,
.Menu-pg .page-title:before,
.Menu-pg .page-title:after,
.menu-title:before,
.menu-title:after,
.page-title:before,
.page-title:after,
.title-page:before,
.title-page:after {
    border-color: #bfdbfe !important;
}

/* Blue circular marker */
.Menu-pg .title i,
.Menu-pg .page-title i,
.menu-title i,
.page-title i,
.title-page i {
    color: #2563eb !important;
}

/* Mobile readability */
@media (max-width: 767px) {
    .Menu-pg .title,
    .Menu-pg .page-title,
    .Menu-pg .title-page,
    .menu-title,
    .page-title,
    .title-page {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }
}

/* BAZAR_EVENT_TITLE_FINAL_V2 */

/* Shared page title */
.EventName {
    color: #17365d !important;
    font-weight: 700 !important;
    line-height: 1.7 !important;
}

/* Decorative line and dot */
.EventName::before,
.EventName::after,
.EventName + span::before,
.EventName + span::after {
    border-color: #bfdbfe !important;
    background-color: #2563eb !important;
}

/* Title wrapper */
.EventName,
.EventName * {
    text-decoration-color: #bfdbfe !important;
}

/* Mobile */
@media (max-width: 767px) {
    .EventName {
        font-size: 16px !important;
        line-height: 1.8 !important;
    }
}

/* BAZAR_CONCERT_TITLE_BLUE_V3 */

/* Main title */
h1.concert-title,
h1.concert-title a,
h1.concert-title a:link,
h1.concert-title a:visited {
    color: #17365d !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    line-height: 1.7 !important;
}

/* Decorative line */
h1.concert-title::before,
h1.concert-title::after {
    border-color: #bfdbfe !important;
    background-color: #bfdbfe !important;
}

/* Circular marker if rendered by a child element */
h1.concert-title i,
h1.concert-title span:not(.EventName) {
    color: #2563eb !important;
    border-color: #2563eb !important;
}

/* Link hover */
h1.concert-title a:hover {
    color: #2563eb !important;
}

/* Mobile */
@media (max-width: 767px) {
    h1.concert-title {
        font-size: 17px !important;
        line-height: 1.7 !important;
    }
}

/* BAZAR_CONCERT_TITLE_DOT_FINAL_V4 */

/* Title */
h1.concert-title,
h1.concert-title a {
    color: #17365d !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Dot: actual ::before pseudo-element */
h1.concert-title::before {
    content: "\2022" !important;
    color: #2563eb !important;
    background: transparent !important;
    border: 0 !important;
    display: inline-block !important;
    font-size: 34px !important;
    line-height: 1 !important;
    width: 20px !important;
    height: auto !important;
    vertical-align: middle !important;
    border-radius: 0 !important;
}

/* Thin decorative line */
h1.concert-title::after {
    background: #bfdbfe !important;
    border: 0 !important;
    height: 1px !important;
    border-radius: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
    h1.concert-title::before {
        font-size: 28px !important;
        width: 16px !important;
    }
}

/* BAZAR_CMS_PAGE_TITLE_BLUE_V5 */

/* CMS menu page titles */
html.bz-cms-page .Menu-pg .EventName,
html.bz-cms-page .Menu-pg .EventName a,
html.bz-cms-page .Menu-pg .concert-title,
html.bz-cms-page .Menu-pg .concert-title a {
    color: #17365d !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* Decorative dot */
html.bz-cms-page .Menu-pg .EventName::before,
html.bz-cms-page .Menu-pg .concert-title::before {
    color: #2563eb !important;
    background: transparent !important;
    border: 0 !important;
}

/* Decorative line */
html.bz-cms-page .Menu-pg .EventName::after,
html.bz-cms-page .Menu-pg .concert-title::after {
    background: #bfdbfe !important;
    border-color: #bfdbfe !important;
    height: 1px !important;
}

/* Mobile */
@media (max-width: 767px) {
    html.bz-cms-page .Menu-pg .EventName,
    html.bz-cms-page .Menu-pg .concert-title {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }
}

/* BAZAR_MENU_TITLE_OUTSIDE_FRAME_V6 */

/* CMS page heading is outside .Menu-pg */
html.bz-internal-light .EventName,
html.bz-internal-light .EventName a,
html.bz-internal-light h1.concert-title,
html.bz-internal-light h1.concert-title a {
    color: #17365d !important;
    text-decoration: none !important;
}

/* Actual title dot */
html.bz-internal-light h1.concert-title::before {
    color: #2563eb !important;
    background: transparent !important;
    border: none !important;
}

/* Title line */
html.bz-internal-light h1.concert-title::after {
    background-color: #bfdbfe !important;
    border-color: #bfdbfe !important;
    height: 1px !important;
}

/* Other CMS title patterns */
html.bz-internal-light .EventName::before,
html.bz-internal-light .EventName::after {
    color: #2563eb !important;
    border-color: #bfdbfe !important;
}

/* BAZAR_CMS_HEADING_REAL_SELECTOR_V7 */

/* CMS menu heading */
.title-Menu,
.title-Menu h4,
.title-Menu h4 a {
    color: #17365d !important;
}

/* Decorative line */
.title-Menu span::after,
.title-Menu span::before {
    border-color: #bfdbfe !important;
    background-color: #bfdbfe !important;
}

/* Dot and line containers */
.title-Menu > span,
.title-Menu h4 > span {
    border-color: #bfdbfe !important;
}

/* Shared title decoration */
.title-Menu .titleDiv,
.title-Menu .TitleDiv {
    color: #17365d !important;
}

/* Mobile */
@media (max-width: 767px) {
    .title-Menu h4 {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }
}

/* BAZAR_MENU_TITLE_CLEAN_V8 */

/* Heading text */
.title-Menu,
.title-Menu h4 {
    color: #17365d !important;
}

/* Reset previous decorative backgrounds */
.title-Menu span::before,
.title-Menu span::after {
    background: transparent !important;
    border: 0 !important;
}

/* Thin blue line */
.title-Menu h4::after,
.title-Menu > span::after {
    background: #bfdbfe !important;
    height: 1px !important;
    border: 0 !important;
}

/* Blue dot */
.title-Menu h4::before,
.title-Menu > span::before {
    color: #2563eb !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 28px !important;
}

/* BAZAR_MENU_MATCH_RESERVATION_V9 */

/* Shared CMS page title, matching reservation pages */
.title-Menu {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    color: #17365d !important;
    background: transparent !important;
}

/* Heading text */
.title-Menu h4 {
    color: #17365d !important;
    font-weight: 700 !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: normal !important;
}

/* Remove previous orange decorations */
.title-Menu span::before,
.title-Menu span::after,
.title-Menu h4::before,
.title-Menu h4::after {
    content: none !important;
    background: none !important;
    border: 0 !important;
}

/* New blue dot */
.title-Menu::before {
    content: "" !important;
    display: block !important;
    flex: 0 0 12px !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background: #2563eb !important;
    border: 0 !important;
}

/* New thin blue line */
.title-Menu::after {
    content: "" !important;
    display: block !important;
    flex: 1 1 auto !important;
    height: 1px !important;
    background: #bfdbfe !important;
    border: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
    .title-Menu {
        gap: 7px !important;
    }

    .title-Menu h4 {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    .title-Menu::before {
        flex-basis: 10px !important;
        width: 10px !important;
        height: 10px !important;
    }
}