/* QA stream fixes (see QA_TODO.md). px only: ListingPro sets html{font-size:10px}. */

/* #1 Gallery/carousels on Arabic pages: slick runs in LTR mode (no dir=rtl on the slider) while ListingPro's rtl.css
   sets *{direction:rtl}, which flips the track and parks every slide off-screen. Keep slick's own boxes LTR. */
.rtl .slick-slider:not([dir=rtl]) .slick-list,.rtl .slick-slider:not([dir=rtl]) .slick-track,.rtl .slick-slider:not([dir=rtl]) .slick-slide{direction:ltr!important}
.rtl .slick-slider:not([dir=rtl]) .slick-slide>*{direction:rtl}

/* #9 Phone menu (Arabic): the two account buttons were drawn on top of each other */
.rtl .mm-menu>.lpl-button{width:calc(50% - 30px)!important;height:auto!important;min-height:36px;padding:7px 8px!important;font-size:13px!important;line-height:1.35!important;white-space:normal!important;text-align:center;box-sizing:border-box}
.rtl .mm-menu>.lpl-add-listing-loggedout{right:16px!important;left:auto!important}
.rtl .mm-menu>.lpl-button.md-trigger{left:16px!important;right:auto!important}

/* #11 Landing pages: real H1 size, section H2 below it, breadcrumb + lead aligned with the H1 */
.mj-h1:has(+.mj-landing),.mj-h1:has(+.mj-doc){font-size:28px!important;line-height:1.35!important;font-weight:800!important;margin:6px 0 10px!important;color:#2C2E30!important;padding:0!important}
.mj-bc:has(~.mj-landing),.mj-bc:has(~.mj-doc){padding:0!important;margin:14px 0 4px!important}
.mj-landing>h2{font-size:20px!important;line-height:1.4!important;font-weight:700!important;margin:22px 0 12px!important;color:#2C2E30!important}
.mj-landing>p.mj-lead{font-size:16px!important;line-height:1.75!important;color:#4a4f54!important;max-width:780px!important;margin:0 0 12px!important;padding:0!important}
@media (max-width:767px){.mj-h1:has(+.mj-landing),.mj-h1:has(+.mj-doc){font-size:24px!important}.mj-landing>h2{font-size:18px!important}}

/* Breadcrumb paragraphs (Rank Math prints <p>) + offers hero lead: undo the global p{max-width:850px;margin:auto;padding:0 20px} */
.mj-bc p,.ofr-bc p,.ofr-hero>p{max-width:780px!important;margin-left:0!important;margin-right:0!important;padding:0!important}
.mj-bc p,.ofr-bc p{font-size:13px!important;line-height:1.6!important;color:#6b7075!important;margin-bottom:0!important}

/* #12/#13 Single listing: readable small links; hide the theme author box + "contact owner" form (it mails the site, not the business) */
.single-listing .get-direction a,.single-listing a.show-all-timings,.single-listing .show-all-timings{font-size:13px!important}
.single-listing .classic-business-lead-form,.single-listing .lp-lead-form-st{display:none!important}

/* #14 Hijri month grid: weekday headers were 10px on phones */
@media (max-width:480px){.mj-cal-h{font-size:11px!important}.mj-cal-d small{font-size:10.5px!important}}

/* #10 404 */
.error404 .page-heading.listing-page{display:none!important}
.error404 .header-container{background:#D71617!important;background-image:none!important;min-height:0!important}
.mj-404{background:#fff;padding:56px 16px 72px;border-top:1px solid #eceef0}
.mj-404-in{max-width:640px;margin:0 auto;text-align:center}
.mj-404-code{font-size:64px;line-height:1;font-weight:800;color:#D71617;letter-spacing:2px;margin-bottom:12px}
.mj-404-t{font-size:26px!important;line-height:1.4!important;font-weight:800!important;color:#2C2E30!important;margin:0 0 8px!important}
.mj-404-p{font-size:16px;line-height:1.75;color:#4a4f54;margin:0 auto 22px;max-width:520px}
.mj-404-s{display:flex;gap:8px;max-width:520px;margin:0 auto 22px}
.mj-404-s input[type=search]{flex:1;min-width:0;height:48px;border:1px solid #d5d8dc;border-radius:10px;padding:0 14px;font-size:16px;background:#fff;color:#2C2E30}
.mj-404-s input[type=search]:focus{outline:2px solid #D71617;outline-offset:1px;border-color:#D71617}
.mj-404-s button{height:48px;padding:0 22px;border:0;border-radius:10px;background:#D71617;color:#fff;font-size:15px;font-weight:700;cursor:pointer}
.mj-404-l{list-style:none!important;padding:0!important;margin:0 0 22px!important;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.mj-404-l a{display:inline-block;padding:8px 14px;border:1px solid #dfe2e5;border-radius:999px;color:#2C2E30;font-size:14px;text-decoration:none;background:#fff}
.mj-404-l a:hover{border-color:#D71617;color:#D71617}
.mj-404-home{font-size:15px;font-weight:600;color:#D71617;text-decoration:none}

/* #3 About / Vision / Contact / Privacy pages (.mj-doc) */
.mj-doc{max-width:820px;margin:0 auto;padding:8px 0 40px;color:#2C2E30;font-size:16px;line-height:1.85}
.mj-doc>*{max-width:none!important}
.mj-doc .mj-doc-lead{font-size:18px;line-height:1.8;color:#4a4f54;margin:0 0 22px}
.mj-doc h2{font-size:21px!important;line-height:1.45!important;font-weight:800!important;color:#2C2E30!important;margin:30px 0 10px!important}
.mj-doc h3{font-size:17px!important;line-height:1.5!important;font-weight:700!important;color:#2C2E30!important;margin:18px 0 6px!important}
.mj-doc p,.mj-doc li{font-size:16px!important;line-height:1.85!important;color:#3d4246!important;max-width:none!important;padding:0!important;margin-left:0!important;margin-right:0!important}
.mj-doc p{margin:0 0 12px!important}
.mj-doc ul{padding-inline-start:22px!important;margin:0 0 14px!important}
.mj-doc li{margin:0 0 6px!important}
.mj-doc a{color:#D71617;text-decoration:underline;text-underline-offset:3px}
.mj-doc .mj-doc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0 8px}
.mj-doc .mj-doc-card{border:1px solid #e3e6e9;border-radius:12px;padding:16px;background:#fff}
.mj-doc .mj-doc-card strong{display:block;font-size:16px;margin-bottom:4px;color:#2C2E30}
.mj-doc .mj-doc-card div{font-size:15px;line-height:1.7;color:#4a4f54}
.mj-doc .mj-doc-meta{font-size:14px!important;color:#6b7075!important;border-top:1px solid #eceef0;padding-top:14px!important;margin-top:28px!important}
.mj-doc .mj-doc-cta{display:inline-block;background:#D71617;color:#fff!important;text-decoration:none!important;padding:11px 20px;border-radius:10px;font-weight:700;font-size:15px;margin:4px 0 8px}
/* contact form */
.mj-cf{display:grid;gap:14px;margin:8px 0 10px;padding:20px;border:1px solid #e3e6e9;border-radius:14px;background:#fff}
.mj-cf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:600px){.mj-cf-row{grid-template-columns:1fr}.mj-cf{padding:16px}}
.mj-cf-f{display:flex;flex-direction:column;gap:6px;margin:0!important;font-weight:400!important}
.mj-cf-f>span{font-size:14px;font-weight:700;color:#2C2E30}
.mj-cf-f em{font-style:normal;font-weight:400;color:#6b7075;font-size:13px}
.mj-cf input,.mj-cf select,.mj-cf textarea{width:100%;box-sizing:border-box;border:1px solid #d5d8dc!important;border-radius:10px!important;padding:11px 12px!important;font-size:16px!important;line-height:1.5;background:#fff!important;color:#2C2E30!important;min-height:46px;box-shadow:none!important}
.mj-cf input:focus,.mj-cf select:focus,.mj-cf textarea:focus{outline:2px solid #D71617;outline-offset:1px;border-color:#D71617!important}
.mj-cf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.mj-cf-note{font-size:13px;line-height:1.7;color:#6b7075}
.mj-cf-note a{color:#D71617}
.mj-cf-btn{justify-self:start;height:48px;padding:0 26px;border:0;border-radius:10px;background:#D71617;color:#fff;font-size:16px;font-weight:700;cursor:pointer}
.mj-cf-btn:hover{background:#b81213}
.mj-cf-msg{padding:12px 14px;border-radius:10px;font-size:15px;margin:0 0 12px}
.mj-cf-ok{background:#ecf8ef;border:1px solid #bfe5c8;color:#1d6b33}
.mj-cf-err{background:#fdeeee;border:1px solid #f3c2c2;color:#a3191a}
/* doc pages: full-width column, centred 820px text, side gutters on phones */
.col-md-8:has(.mj-doc){width:100%!important;float:none!important}
.col-md-8:has(.mj-doc)~.col-md-4{display:none!important}
.post-content:has(>.mj-doc)>.mj-bc,.post-content:has(>.mj-doc)>.mj-h1{max-width:820px;margin-left:auto!important;margin-right:auto!important}
@media (max-width:767px){.mj-doc{padding:4px 16px 36px}.post-content:has(>.mj-doc)>.mj-bc,.post-content:has(>.mj-doc)>.mj-h1{padding:0 16px!important}}
/* landing pages: the theme sidebar column is empty — centre the content column */
@media (min-width:992px){.col-md-8:has(.mj-landing){float:none!important;margin:0 auto!important}}
.col-md-8:has(.mj-landing)~.col-md-4.listing-second-view:empty,.col-md-8:has(.mj-landing)~.col-md-4.listing-second-view{display:none!important}
.mj-doc ul{list-style:disc!important}.mj-doc ul li{list-style:disc!important;display:list-item!important}