/* قائمة المدن (city-switcher) ونافذة المرجع المنبثقة: القواعد كما هي من front.css المرجعي (جوال وشاشات كبيرة) */
.fade{opacity:0;transition:opacity .15s linear}
.fade.in{opacity:1}
.modal-open{overflow:hidden}
.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:4005;outline:0}
.modal::-webkit-scrollbar{display:none}
.modal.fade .modal-dialog{transform:translate(0,-25%);transition:transform .3s ease-out;backface-visibility:hidden}
.modal.in .modal-dialog{transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#FFF;background-color:var(--Bg-default);border:1px solid #999;border-radius:6px;box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}
.modal-close{position:absolute;top:24px;right:24px}
.modal-close:hover .icon-close-thin{fill:#37a7f8}
.is_rtl .modal-close{right:auto;left:24px}
.modal-close .icon-close-thin{width:16px;height:16px;fill:#9b9b9b}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4004;background-color:#000}
.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}
.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{position:relative;padding:15px}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media(min-width:768px){.modal.fade .modal-dialog{transform:translate(0,-25%)}.modal.in .modal-dialog{transform:translate(0,0)}.modal-dialog{width:600px;margin:30px auto}.modal-content{box-shadow:0 5px 15px rgba(0,0,0,.5);border-radius:24px}.modal-sm{width:300px}}
@media(min-width:992px){.modal-lg{width:900px}}
.clearfix:before,.clearfix:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}
.clearfix:after,.modal-footer:after{clear:both}
html:has(.modal-open),html:has(.search-open){overflow:hidden}
body.apple-ios.modal-open{position:fixed;width:100%}
.popup-content{box-sizing:border-box}
.popup-content__content{display:none}
.popup-content__head{display:flex;justify-content:space-between;align-items:center;background-color:#F5F5F8;background-color:var(--Bg-ghost);padding:20px 20px 20px 24px;border-radius:12px 12px 0 0;font-size:14px;line-height:24px}
@media(min-width:390px){.popup-content__head{padding:22px 20px;font-size:16px}}
@media(min-width:768px){.popup-content__head{padding:22px 24px}}
.popup-content__body{display:flex;flex-direction:column;height:100%;overflow:hidden}
.popup-content__title{display:flex;align-items:center;-moz-column-gap:20px;column-gap:20px;font-size:20px;font-weight:700;line-height:1}
.popup-content__close{color:#221327;color:var(--Interaction-Secondary-content);font-size:16px}
.modal-container__container{width:100%}
@media(min-width:768px){.modal-container__container{margin:32px 0 100px;display:flex;justify-content:center;align-items:center}}
@media(min-width:992px){.modal-container__container{margin:40px 0 100px}}
.modal-container__content{display:flex;flex-direction:column;min-height:calc(100vh - 120px);width:100%;padding:16px 20px 20px;box-sizing:border-box;position:relative;background:#FFF;background:var(--Bg-floating)}
@media(min-width:768px){.modal-container__content{min-height:auto;width:414px;padding:16px 32px 32px;border-radius:24px;box-shadow:0 0 2px 0 rgba(96,128,159,.08),0 4px 12px 0 rgba(96,128,159,.12)}}
.modal-container__close{position:absolute;top:24px;width:24px;height:24px;display:inline-block}
.modal-container__close .icon{width:24px;height:24px;fill:#221327;fill:var(--Interaction-Secondary-content);transition:.2s}
.modal-container__close:hover .icon{fill:#6E6E81;fill:var(--Interaction-Secondary-content_hover)}
.is_ltr .modal-container__close{right:18px}
@media(min-width:768px){.is_ltr .modal-container__close{right:27px}}
.is_rtl .modal-container__close{left:18px}
@media(min-width:768px){.is_rtl .modal-container__close{left:27px}}
.modal.fade.red-style-popup{display:flex;align-items:end}
@media(min-width:768px){.modal.fade.red-style-popup{align-items:start;justify-content:center}}
.modal-dialog.red-style-popup__modal-dialog{width:100%;margin:0}
@media(min-width:768px){.modal-dialog.red-style-popup__modal-dialog{margin:10px 0;max-width:416px}}
.modal-content.red-style-popup__modal-content{border-radius:8px}
.modal .modal-body.red-style-popup__modal-body{padding:30px}
.modal-close.red-style-popup__modal-close{display:none}
@media(min-width:768px){.modal-dialog:has(.city-switcher){width:400px}.modal-dialog:has(.city-switcher) .modal-close{display:none}}
@media(min-width:768px){.modal-dialog.user-menu-settings-popup.location__modal-dialog{width:400px}}
.popup-content:has(.popup-content__body .city-switcher){display:flex;flex-direction:column;height:80vh;max-height:724px}
.location__modal-content.modal-content{border:none;background-color:#FFF;background-color:var(--Bg-default)}
@media(min-width:768px){.location__modal-content.modal-content{border-radius:12px}}
.location__modal-loader{height:80vh}
.location__modal-loader svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.city-switcher{display:flex;flex-direction:column;overflow:hidden;padding:24px 20px 0}
.city-switcher__list{display:flex;flex-direction:column;padding:24px 4px;overflow-y:scroll}
.is_ltr .city-switcher__list{margin-right:-12px}
.is_rtl .city-switcher__list{margin-left:-12px}
.city-switcher__list::-webkit-scrollbar{width:4px}
.city-switcher__list::-webkit-scrollbar-thumb{background-color:#ECEDF2;background-color:var(--Bg-border);border-radius:3px}
.city-switcher__list::-webkit-scrollbar-track{margin:24px 0}
@media(min-width:768px){.city-switcher__list{padding:24px 0}.city-switcher__list::-webkit-scrollbar{width:6px}.city-switcher__list::-webkit-scrollbar-thumb{border-radius:5px}}
.city-switcher__item{display:block;font-size:15px;line-height:145%;color:#0F0F15;color:var(--Content-primary);margin-bottom:24px}
.city-switcher__item:last-child{margin-bottom:0}
.city-switcher__item.selected{color:#6E6E81;color:var(--Content-secondary)}
.city-switcher__item.matched{margin-bottom:0}
.city-switcher__flag{display:flex}
.city-switcher__flag img{border-radius:2px;height:12px;width:16px;box-shadow:0 2px 4px 0 rgba(0,0,0,.16)}
.city-switcher__country{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.city-switcher__country-name{font-weight:700;font-size:15px;line-height:23px}
.city-switcher__city-name{display:block;padding:0 28px;border-radius:8px;color:#0F0F15;color:var(--Content-primary);font-size:15px;margin-bottom:16px}
.city-switcher__city-name:hover,.city-switcher__city-name.selected,.city-switcher__city-name .matched{color:#6E6E81!important;color:var(--Content-secondary)!important}
.city-switcher__search{display:flex;align-items:center;gap:12px;padding:0 16px;height:44px;background:#F5F5F8!important;background:var(--Bg-ghost)!important;box-shadow:0 0 4px 0 rgba(0,0,0,.06),0 3px 6px 0 rgba(0,0,0,.06),0 0 4px 0 rgba(0,0,0,.06),0 2px 4px 0 rgba(0,0,0,.04);border-radius:50px;border:2px solid transparent}
.city-switcher__search:focus-within{border:2px solid #221327;border:2px solid var(--Interaction-Primary-bg)}
.city-switcher__search .icon-search{position:initial;width:16px;height:48px;fill:#6E6E81;fill:var(--Content-secondary)}
.city-switcher__geolocation{position:relative;height:48px}
.is_ltr .city-switcher__geolocation{padding-left:12px}
.is_rtl .city-switcher__geolocation{padding-right:12px}
.city-switcher__geolocation .icon-24-kit-geolocation{position:initial;width:24px;height:100%;stroke:#221327;stroke:var(--Interaction-Primary-bg)}
.city-switcher__geolocation:hover{cursor:pointer}
.city-switcher__geolocation:after{content:"";position:absolute;top:50%;transform:translateY(-50%);display:block;width:1px;height:25px;background-color:#ECEDF2;background-color:var(--Bg-border)}
.is_ltr .city-switcher__geolocation:after{left:0}
.is_rtl .city-switcher__geolocation:after{right:0}
.city-switcher__input{flex:1 1 auto;border-radius:3px;border:none;font-size:15px;line-height:48px;outline:none;color:#0F0F15;color:var(--Content-primary)}
.is_rtl .city-switcher__input{text-align:right;direction:rtl;float:right}
.user-menu-settings-popup .modal-content .modal-body{padding:0;border-radius:12px 12px 0 0}
@media(min-width:768px){.user-menu-settings-popup .modal-content .modal-body{border-radius:12px}}
.user-menu-settings-popup.mobile-swipe .modal-close{display:none}
@media(min-width:768px){.user-menu-settings-popup.mobile-swipe .modal-close{display:block}}
.user-menu-settings-popup.location .modal-close{display:none}
.modal.user-menu-settings-popup.mobile-swipe .modal-close{background:none}
.modal.user-menu-settings-popup.mobile-swipe .modal-body{background:#FFF;background:var(--Bg-floating,#24242e)}
.modal.user-menu-settings-popup .popup-content__head .mobile,.modal.user-menu-settings-popup .popup-content__head .search__mobile-clear,.modal.user-menu-settings-popup .popup-content__head .ww-header-search__mobile-clear{background-color:#F5F5F8;background-color:var(--Bg-ghost)}
.reactivate-subscription-popup.modal{display:flex!important;flex-direction:row!important;align-items:center!important}
@media(min-width:768px){.reactivate-subscription-popup.modal{width:100%}}
@media(min-width:768px){.subscription-intro-popup.modal{display:flex;justify-content:center;align-items:center}}
@media(max-width:767px){.modal.mobile-swipe .modal-body,.modal.mobile-swipe .modal-dialog{overflow:scroll;max-height:90vh;margin:0}.modal.mobile-swipe .modal-dialog{position:absolute;bottom:0;left:0;right:0}.modal.mobile-swipe.fade .modal-dialog{transform:translate(0,25%)}.modal.mobile-swipe.fade.in .modal-dialog{transform:translate(0,0)}.modal.mobile-swipe .modal-content{transition:.5s;top:0;border-radius:24px 24px 0 0;background-color:#FFF;background-color:var(--Bg-default)}.modal.mobile-swipe [aria-hidden=true] .modal-content{transform:translateY(250%)}.modal.mobile-swipe [aria-hidden=false] .modal-content{transform:none}.modal.mobile-swipe .modal-close{display:block;position:absolute;left:50%;margin:8px 0;transform:translateX(-50%);box-sizing:border-box;width:38px;height:5px;background:#ECEDF2;background:var(--Bg-border);border-radius:100px;padding:0}.modal.mobile-swipe .modal-close .icon{display:none}.modal.mobile-swipe.user-menu-settings-popup .modal-dialog{overflow:auto}}
.event-gallery .modal-content{background-color:transparent;height:100%}
.event-gallery .modal-dialog{margin:0;height:100%}
.main-popup.modal.mobile-swipe .main-popup__modal-dialog{border-radius:12px 12px 0 0}
.main-popup.modal.mobile-swipe .main-popup__modal-dialog::-webkit-scrollbar{display:none}
.main-popup.modal.mobile-swipe .main-popup__modal-content{border:none;border-radius:12px 12px 0 0;color:#0F0F15;color:var(--Content-primary)}
.main-popup.modal.mobile-swipe .main-popup__modal-content .modal-body{padding:0}
.main-popup.modal.mobile-swipe .main-popup__modal-content .modal-close{display:none}
.header .header-top .switchers .location-info{line-height:13px;position:relative;display:flex;align-items:center}
.header .header-top .switchers .location-info .flag{display:flex;align-items:center}
.header .header-top .switchers .location-info>img{position:absolute;top:0;right:100%;box-shadow:0 0 2px}
.header .header-location .location-info{text-align:center;font-size:13px}
.header .header-location .location-info img{width:16px;margin-right:8px;box-shadow:0 0 2px}
.is_rtl .header .header-location .location-info{direction:rtl}
.is_rtl .header .header-location .location-info img{margin-left:8px;margin-right:0;right:auto;left:100%}
@media(max-width:767px){.header .header-logo .mobile-menu .location-info img{width:16px;margin:3px 8px 0 0;float:left}.is_rtl .header .header-logo .mobile-menu .location-info img{margin:3px 0 0 8px;float:right}}
.header .header-user .user-menu-lang-city .location-info img{width:16px;height:12px;margin:0 10px 0 0}
.is_rtl .header .header-user .user-menu-lang-city .location-info img{margin-right:0;margin-left:10px}
.header-like.header-location .location-info{margin-top:18px;line-height:18px;font-size:15px}
.is_rtl .header-like.header-location .location-info{text-align:right;direction:rtl}
.header-like.header-location .location-info img{width:16px;margin-right:8px;box-shadow:1px 1px 2px #ccc}
.is_rtl .header-like.header-location .location-info img{margin-right:0;margin-left:8px}
.header-like.header-location .location-info .icon.icon-arrowhead-down{fill:#6E6E81;fill:var(--Content-secondary);height:6px;width:10px;margin-top:6px;float:right}
.is_rtl .header-like.header-location .location-info .icon.icon-arrowhead-down{float:left}
.modal .modal-body .auth-form-wrapper{width:280px}
.modal .modal-body .auth-form-wrapper h2{margin-bottom:15px}
@media(min-width:571px){.modal .modal-body .auth-form-wrapper h2{font-size:17px}.modal .modal-body .auth-form-wrapper h2>span{font-size:15px}}
@media(min-width:768px){.modal .modal-body .auth-form-wrapper{margin:0 auto;position:static;width:370px}.modal .modal-body .auth-form-wrapper .slide-back{top:20px;left:20px;right:20px;height:20px;width:20px;display:none}.modal .modal-body .auth-form-wrapper .slide-back .icon{height:20px;width:20px}.modal .modal-body .auth-form-wrapper h2{margin:0 auto 25px}}
.modal .form_button-tfv_resend,.form_button-tfv_resend{margin-top:15px;font-size:14px;line-height:1.5em;font-weight:400;text-transform:none;text-decoration:none;background:none;border:none;color:#29aae2;text-align:left}
.is_rtl .modal .form_button-tfv_resend,.is_rtl .form_button-tfv_resend{text-align:right}
.location-block{display:flex;flex-direction:column;gap:24px;padding-bottom:16px}
.location-block__item{font-size:14px;line-height:17px}
.location-block__title:not(:first-child){margin-top:24px}
.location-block__title{margin:0 10px 18px 0;display:inline-block}
.location-block__google-map-container{display:none}
.location-block__google-map-container--loading{display:block;height:0;overflow:hidden}
.location-block__google-map-container--open{display:block;margin-top:16px}
.location-block__info{display:flex;flex-direction:row;align-items:center;gap:16px;padding:1px;border-radius:12px;background:#F5F5F8;background:var(--Bg-ghost)}
.location-block__main-info{display:flex;flex-direction:column;gap:8px;padding:8px 8px 8px 0}
@media(min-width:768px){.location-block__main-info{padding:10px 10px 10px 0}}
.location-block__venue-name{font-weight:600;font-size:16px;line-height:17px}
.location-block__venue-name--link{text-decoration:none;color:#221327;color:var(--Interaction-Secondary-content)}
.location-block__venue-name--link:hover{color:#0F0F15;color:var(--Content-primary)}
.location-block__address{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.location-block__aside-info{display:flex;width:80px;padding:8px;flex:0 0 80px;flex-direction:column;align-items:center;align-self:stretch;justify-content:center;box-shadow:0 2px 5px rgba(131,23,151,.04),0 0 2px rgba(131,23,151,.16);border-radius:12px;background:#FFF;background:var(--Bg-floating)}
.location-block__aside-icon{padding-top:2px;padding-bottom:8px}
.location-block__aside-icon .icon{width:24px;height:24px;fill:#221327;fill:var(--Interaction-Secondary-content)}
.location-block__aside-text{font-style:normal;font-weight:600;font-size:14px;line-height:18px;white-space:nowrap}
.location-block__aside-sub-text{font-style:normal;font-weight:400;font-size:12px;line-height:16px;color:#6E6E81;color:var(--Content-secondary);white-space:nowrap}
.location-block__view-map-button .icon{margin:0 25px 0 8px;height:10px;width:7.5px;fill:#221327;fill:var(--Interaction-Secondary-content)}
.location-block__view-map-button:hover .icon{fill:#0F0F15;fill:var(--Content-primary)}
.location-block__view-map-button--active .icon{transform:rotateZ(180deg)}
.location-block__view-navigation-button{display:flex;align-items:center;font-size:14px;color:#221327;color:var(--Interaction-Secondary-content)}
.location-block__view-navigation-button .icon{position:relative;height:16px;width:16px;stroke:#221327;stroke:var(--Interaction-Secondary-content)}
.location-block__view-navigation-button:hover{color:#0F0F15;color:var(--Content-primary)}
.location-block__view-navigation-button:hover .icon{stroke:#0F0F15;stroke:var(--Content-primary)}
.location-block__google-map-static-image{margin:0;border-radius:12px;width:100%;-o-object-fit:cover;object-fit:cover}
.pl-dark .location-block__google-map-static-image{filter:invert(90%) hue-rotate(180deg) brightness(.9) contrast(.9)}
.is_rtl .location-block__view-navigation-button .icon{transform:rotateY(180deg)}
.is_rtl .location-block__view-map-button .icon{margin:0 8px 0 25px}
@media(min-width:768px){.location-block__title:not(:first-child){margin-top:60px}.location-block__google-map-static-image{width:708px;height:240px}}
.auth.modal-open .modal .modal-dialog{margin:10px;width:calc(100% - 20px);box-sizing:border-box}
@media(min-width:768px){.auth.modal-open .modal .modal-dialog{margin:30px auto;width:530px;box-sizing:content-box}}
.auth.modal-open .modal .modal-content{position:relative;max-width:530px;border-radius:24px;box-shadow:0 10px 10px #000;box-shadow:0 10px 10px var(--Content-pure);margin:0 auto}
.auth.modal-open .modal .modal-content .modal-body{padding:40px 20px;overflow:hidden;border-radius:24px}
.auth.modal-open .modal .modal-content .modal-loader,.auth.modal-open .modal .modal-content .canvas-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;transform-origin:center}
.auth.modal-open .modal .modal-content .modal-loader canvas,.auth.modal-open .modal .modal-content .canvas-loader canvas{width:50px;height:50px}
.modal .modal-body .auth-form-wrapper h2{margin-bottom:32px}
.modal-loader{text-align:center}
@media(min-width:768px){.event-membership-join-popup .modal-dialog{max-width:414px;max-height:744px;top:50%;transform:translateY(-50%)!important}}
.event-membership-join-popup .modal-body{padding:35px 20px 20px}
@media(min-width:768px){.event-membership-join-popup .modal-body{padding:32px}}
@media(max-width:768px){.event-membership-join-popup .modal-close{top:10px}}
.sale-complete__venue-block-content .location-block{padding-bottom:0}
/* الأيقونات لا تنضغط بجانب خانة البحث */
.city-switcher__search .icon, .city-switcher__geolocation { flex: none; }
.city-switcher__input { min-width: 0; width: 100%; background: transparent; }