/**
 * MakkiPlay RTL contract.
 *
 * This is the theme-owned RTL layer loaded by WordPress when the frontend
 * locale is Arabic. The homepage hero intentionally keeps its stage first and
 * the existing support rail on the same visual (right) side; Arabic text is
 * applied inside both areas without reversing that product decision.
 */
:root{--mp-font-body:"Noto Sans Arabic",Arial,sans-serif;--mp-font-display:"Noto Kufi Arabic",Arial,sans-serif;--mp-font-compact:"Noto Kufi Arabic",Arial,sans-serif;--mp-font-nav:"Noto Sans Arabic",Arial,sans-serif;--mp-font-section:"Noto Kufi Arabic",Arial,sans-serif}
html[dir="rtl"],html[lang^="ar"]{direction:rtl}
html[dir="rtl"] body,html[lang^="ar"] body{direction:rtl;text-align:right}
html[dir="rtl"] .mp-home-hero{direction:ltr}
html[dir="rtl"] .mp-home-hero__stage,html[dir="rtl"] .mp-home-hero__rail{direction:rtl}
html[dir="rtl"] .mp-home-discovery__body,html[dir="rtl"] .mp-category-layout,html[dir="rtl"] .mp-news-archive__layout,html[dir="rtl"] .mp-news-single__layout,html[dir="rtl"] .mp-collection-layout{direction:ltr}
html[dir="rtl"] .mp-home-discovery__body>*,html[dir="rtl"] .mp-category-layout>*,html[dir="rtl"] .mp-news-archive__layout>*,html[dir="rtl"] .mp-news-single__layout>*,html[dir="rtl"] .mp-collection-layout>*{direction:rtl}
html[dir="rtl"] .mp-home-hero__copy{left:28px;right:28px;text-align:right}
html[dir="rtl"] .mp-home-hero-card{text-align:right;grid-template-columns:108px minmax(0,1fr)}
html[dir="rtl"] .mp-home-hero-card__progress>span{transform-origin:right center}
html[dir="rtl"] .mp-home-section__header,html[dir="rtl"] .mp-section-title{direction:rtl}
html[dir="rtl"] .mp-home-section__header h2::after,html[dir="rtl"] .mp-series-section-block>h2::after,html[dir="rtl"] .mp-series-heading-row h2::after,html[dir="rtl"] .mp-route-section>h2::after{left:auto!important;right:0!important;background-position:right top,right bottom}
html[dir="rtl"] .mp-home-widget>h2::before{left:auto!important;right:0!important}
html[dir="rtl"] .mp-home-section__header a{margin-inline-start:auto;margin-inline-end:0}
html[dir="rtl"] .mp-header__inner,html[lang^="ar"] .mp-header__inner{direction:rtl}
html[dir="rtl"] .mp-header__inner>.mp-brand-wrap{order:initial;width:auto;overflow:visible}
html[dir="rtl"] .mp-header__inner>.mp-menu-button{order:initial}
html[dir="rtl"] .mp-header__inner>.mp-nav{order:initial;margin-left:0;margin-right:30px}
html[dir="rtl"] .mp-header__inner>.mp-header__actions{order:initial;margin-left:0;margin-right:auto}
html[dir="rtl"] .mp-header .mp-brand--logo,html[dir="rtl"] .mp-header .mp-brand--logo .custom-logo-link{width:auto;overflow:visible}
html[dir="rtl"] .mp-header .mp-brand--logo img{width:auto;max-width:min(180px,28vw);height:auto;max-height:38px}
html[dir="rtl"] .mp-nav__list .sub-menu{left:auto;right:-14px}
html[dir="rtl"] .mp-start-panel{left:auto;right:-14px}
html[dir="rtl"] .mp-language__menu{right:auto;left:0}
html[dir="rtl"] .mp-mobile-nav{left:0;right:auto}
/* The account control sits at the visual left in the Arabic header. Anchor
 * its dropdown to that control's left edge so it cannot overflow off-screen. */
html[dir="rtl"] .mp-account-dropdown,html[lang^="ar"] .mp-account-dropdown{right:auto;left:0;max-width:calc(100vw - 16px);box-sizing:border-box}
html[dir="rtl"] .mp-mobile-nav__list .sub-menu{margin-inline-start:12px;margin-inline-end:0;padding-inline-start:12px;padding-inline-end:0;border-left:0;border-right:1px solid var(--mp-line)}
html[dir="rtl"] .mp-search__field-icon{left:auto;right:15px}
html[dir="rtl"] .mp-search__form input{padding-inline-start:14px;padding-inline-end:46px}
html[dir="rtl"] .mp-search__description{padding-right:0;padding-left:20px}
/* Arabic catalogue pages keep the rail on the visual right. */
html[dir="rtl"] .mp-series-layout{direction:rtl;grid-template-columns:var(--mp-series-rail,348px) minmax(0,1fr)}
html[dir="rtl"] .mp-series-layout>*,html[dir="rtl"] .mp-episode-layout>*{direction:rtl}
html[dir="rtl"] .mp-episode-layout{direction:ltr}
html[dir="rtl"] .mp-series-hero__social{right:auto;left:21px}
html[dir="rtl"] .mp-series-hero::after{background:linear-gradient(270deg,rgba(4,7,10,.54) 0%,rgba(4,7,10,.25) 44%,rgba(4,7,10,.02) 80%),linear-gradient(0deg,rgba(4,7,10,.54) 0%,rgba(4,7,10,.01) 64%)}
html[dir="rtl"] .mp-series-information h2,html[dir="rtl"] .mp-series-providers h2,html[dir="rtl"] .mp-series-rail-lists h2{padding-left:0;padding-right:12px;border-left:0;border-right:4px solid var(--mp-accent)}
html[dir="rtl"] .mp-series-information dd{text-align:left}
html[dir="rtl"] .mp-series-breadcrumbs,html[dir="rtl"] .mp-series-breadcrumbs ol{justify-content:flex-start}
html[dir="rtl"] .mp-series-breadcrumbs li+li::before{content:"‹"}
html[dir="rtl"] .mp-episode-hero__copy{left:190px;right:20px;text-align:right}
html[dir="rtl"] .mp-episode-hero__activity{right:auto;left:20px}
html[dir="rtl"] .mp-episode-hero__meta span+span::before{margin-right:0;margin-left:10px}
html[dir="rtl"] .mp-article__layout,html[dir="rtl"] .mp-person-layout{direction:ltr}
html[dir="rtl"] .mp-article__layout>*,html[dir="rtl"] .mp-person-layout>*{direction:rtl}
/* News feed is RTL, but the editorial sidebar stays on the physical left. */
html[dir="rtl"] .mp-news-archive__layout,html[dir="rtl"] .mp-news-single__layout{direction:rtl}
html[dir="rtl"] .mp-news-archive__layout>*,html[dir="rtl"] .mp-news-single__layout>*{direction:rtl}
html[dir="rtl"] .mp-article__rail,html[dir="rtl"] .mp-news-rail{ text-align:right }
html[dir="rtl"] .mp-rating-table,html[dir="rtl"] .mp-schedule-grid{direction:rtl}
html[dir="rtl"] .mp-button,html[dir="rtl"] button,html[dir="rtl"] input,html[dir="rtl"] select,html[dir="rtl"] textarea{font-family:var(--mp-font-body)}
html[dir="rtl"] .mp-footer,html[dir="rtl"] .mp-footer__inner{direction:rtl;text-align:right}
html[dir="rtl"] .mp-footer__brand{margin-inline-end:0;margin-inline-start:auto}
html[dir="rtl"] .mp-footer__columns{direction:rtl}
html[dir="rtl"] .mp-footer__bottom{direction:rtl}
html[dir="rtl"] .mp-kicker,html[dir="rtl"] .mp-home-section__title,html[dir="rtl"] .mp-section-title h2{text-transform:none;letter-spacing:0}
@media(max-width:960px){html[dir="rtl"] .mp-nav{margin:0}html[dir="rtl"] .mp-menu-button{margin-left:0;margin-right:12px}html[dir="rtl"] .mp-home-hero{direction:rtl}html[dir="rtl"] .mp-home-hero__stage,html[dir="rtl"] .mp-home-hero__rail{direction:rtl}}
@media(max-width:520px){html[dir="rtl"] .mp-search__description{padding-left:20px;padding-right:0}}