/* Musajil site shell (stream A): header, language switch, home hero + sections, footer. Tokens from design.css. */

/* html is 10px under Bootstrap 3, so the rem-based type tokens are re-declared in px for the shell */
.mj-home,.mj-foot,.mj-shell .lp-header{--mj-fs-xs:12.5px;--mj-fs-sm:14px;--mj-fs:16px;--mj-fs-md:18px;--mj-fs-lg:22px;--mj-fs-xl:28px;--mj-fs-2xl:36px}

/* ===== Header (all pages): one balanced row ===== */
.mj-shell .lp-header,.mj-shell .lp-header *:not(i):not([class*="fa-"]){font-family:var(--mj-font)}
.mj-shell .lp-menu-bar .fullwidth-header{padding:0 24px}
.mj-shell .lp-menu-bar .fullwidth-header>.row{display:flex;align-items:center;min-height:68px;margin:0 auto;max-width:1320px}
.mj-shell .lp-menu-bar .fullwidth-header>.row::before,.mj-shell .lp-menu-bar .fullwidth-header>.row::after{display:none}
.mj-shell .lp-logo-container{float:none!important;width:auto!important;flex:0 0 auto;padding:0!important;min-height:0!important}
.mj-shell .lp-logo{padding:0!important;margin:0!important;line-height:0}
.mj-shell .lp-logo a{display:inline-block;line-height:0}
.mj-shell .lp-logo img{height:40px!important;width:auto!important;max-width:none!important;max-height:none!important;display:block;margin:0!important}
.mj-shell .header-right-panel{float:none!important;width:auto!important;flex:1 1 auto;display:flex!important;align-items:center;justify-content:flex-end;padding:0!important;min-width:0;margin:0!important}
.mj-shell .header-right-panel::before,.mj-shell .header-right-panel::after{display:none}
.mj-shell .lp-menu-container{float:none!important;width:auto!important;display:flex!important;align-items:center;gap:6px;padding:0!important;margin:0!important}
.mj-shell .lp-menu-container::before,.mj-shell .lp-menu-container::after{display:none}
.mj-shell .lp-menu-container>.pull-right{float:none!important;display:flex;align-items:center;gap:8px;margin:0!important;padding:0!important}
.mj-shell .lp-menu-container>.padding-right-10{order:1}
.mj-shell .mj-hdr-tools{order:2;display:flex;align-items:center}
.mj-shell .lp-menu-container>.pull-right:not(.padding-right-10){order:3}
.mj-shell .lp-menu .menu-main-menu-container>ul,.mj-shell .lp-menu div>ul{display:flex;align-items:center;margin:0!important;padding:0!important}
.mj-shell .lp-menu div>ul>li{float:none!important;margin:0!important;padding:0!important}
.mj-shell .lp-menu div>ul>li>a{display:flex!important;align-items:center;gap:4px;height:40px;padding:0 11px!important;font-size:15px!important;font-weight:500!important;line-height:1!important;border-radius:8px;color:#fff!important;transition:background-color .15s}
.mj-shell .lp-menu div>ul>li>a:hover,.mj-shell .lp-menu div>ul>li.current-menu-item>a{background:rgba(255,255,255,.14)}
.mj-shell .lp-join-now{display:flex!important;align-items:center;gap:6px;height:40px;padding:0 10px!important;margin:0!important;line-height:1!important}
.mj-shell .lp-join-now>span{display:none!important}
.mj-shell .lp-join-now a{color:#fff!important;font-size:15px!important;font-weight:500!important;cursor:pointer}
.mj-shell .lp-add-listing-btn ul{margin:0!important;padding:0!important;list-style:none}
.mj-shell .lp-add-listing-btn li{margin:0!important;padding:0!important}
.mj-shell .lp-add-listing-btn a{display:inline-flex!important;align-items:center;gap:6px;height:40px;padding:0 16px!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:8px!important;background:transparent!important;color:#fff!important;font-size:15px!important;font-weight:600!important;line-height:1!important;white-space:nowrap}
.mj-shell .lp-add-listing-btn a:hover{background:#fff!important;color:var(--mj-ink)!important}
.mj-shell .lp-add-listing-btn a i{font-size:13px}
.mj-home-page .lp-header-overlay,.mj-home-page .lp-home-banner-contianer .page-header-overlay{display:none!important}
.mj-home-page .lp-header .header-container{position:relative}
.mj-home-page .lp-header .header-container::before{content:"";position:absolute;inset:0;background:rgba(18,20,22,.6);z-index:0;pointer-events:none}
.mj-home-page .lp-header header{z-index:30!important}
.mj-shell .lp-menu-bar{padding:0!important}
.mj-shell .lp-menu div>ul>li{position:relative}
.mj-shell .lp-menu div>ul>li.menu-item-has-children>a{padding-inline-end:26px!important}
.mj-shell .lp-menu div>ul>li.menu-item-has-children::after{position:absolute!important;top:50%!important;inset-inline-end:10px;left:auto;right:auto;margin:0!important;transform:translateY(-50%);color:#fff;font-size:12px;line-height:1;pointer-events:none}
[dir=rtl] .mj-shell .lp-menu div>ul>li.menu-item-has-children::after{left:10px!important;right:auto!important}
html:not([dir=rtl]) .mj-shell .lp-menu div>ul>li.menu-item-has-children::after{right:10px!important;left:auto!important}
/* language switch */
.mj-lang{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 10px;border-radius:8px;color:#fff!important;font-size:15px;font-weight:500;line-height:1;text-decoration:none!important;white-space:nowrap}
.mj-lang:hover{background:rgba(255,255,255,.14)}
.mj-lang .mj-ico{width:18px;height:18px}
.mj-lang span{color:inherit!important;opacity:1!important;font:inherit!important}
.mj-lang-s{display:none}
.mj-hdr-m{display:none}
/* inner pages: solid brand bar, same row height */
.mj-shell:not(.mj-home-page) .lp-header .header-container{background:var(--mj-red)!important}
.mj-shell:not(.mj-home-page) .lp-header .lp-header-overlay{display:none}
/* home: transparent bar over the hero */
.mj-home-page .lp-header .lp-menu-bar,.mj-home-page .lp-header header{background-color:transparent!important}
@media (max-width:1199px){.mj-shell .lp-menu div>ul>li>a{padding:0 8px!important;font-size:14px!important}.mj-shell .lp-join-now a,.mj-lang,.mj-shell .lp-add-listing-btn a{font-size:14px!important}}
@media (max-width:991px){
  .mj-shell .lp-menu-bar .fullwidth-header{padding:0 16px}
  .mj-shell .lp-menu-bar .fullwidth-header>.row{min-height:60px}
  .mj-shell .lp-logo img{height:34px!important}
  .mj-shell .lp-menu-container{display:none!important}
  .mj-shell .mj-hdr-m{display:flex;align-items:center}
  .mj-shell .mobile-nav-icon{display:flex!important;align-items:center;float:none!important;width:auto!important;padding:0!important;margin:0!important;position:static!important}
  .mj-shell .mobile-nav-icon .nav-icon{position:static!important;margin:0!important;padding:10px 8px!important}
  .mj-lang-m{padding:0 8px;height:40px;font-size:14px}
  .mj-lang-m .mj-lang-l{display:none}.mj-lang-m .mj-lang-s{display:inline;font-weight:600}
}

/* ===== Footer (Tripadvisor-style) ===== */
.mj-foot *{box-sizing:border-box}
.mj-foot{background:#F2F2F2;color:var(--mj-ink);font-family:var(--mj-font);border-top:1px solid var(--mj-line);text-align:start;line-height:1.6}
.mj-foot-in{max-width:var(--mj-max);margin:0 auto;padding:48px 20px 32px}
.mj-foot-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.mj-foot h2.mj-fh{font-family:var(--mj-font)!important;font-size:15px!important;font-weight:700!important;line-height:1.4!important;color:var(--mj-ink)!important;margin:0 0 14px!important;letter-spacing:0!important;text-transform:none!important}
.mj-foot ul{list-style:none;margin:0;padding:0}
.mj-fcol li{margin:0 0 10px;padding:0;line-height:1.5}
.mj-foot a{color:var(--mj-ink-2)!important;text-decoration:none!important;font-size:14px}
.mj-foot a:hover{color:var(--mj-ink)!important;text-decoration:underline!important}
.mj-foot-bot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:36px;padding-top:24px;border-top:1px solid #D9DBDD}
.mj-foot-brand{display:flex;align-items:center;gap:20px;min-width:0}
.mj-foot-logo{flex:0 0 auto;line-height:0}
.mj-foot-logo img{height:48px;width:auto;display:block}
.mj-foot-legal{display:flex;flex-direction:column;gap:4px}
.mj-copy{margin:0!important;font-size:13px;color:var(--mj-ink)}
.mj-foot-legal ul{display:flex;flex-wrap:wrap;gap:4px 16px}
.mj-foot-legal a{font-size:13px;text-decoration:underline!important;text-underline-offset:2px}
.mj-foot-side{display:flex;align-items:center;gap:16px;flex:0 0 auto}
.mj-foot .mj-lang-box{height:40px;padding:0 14px;border:1px solid #9A9EA2;border-radius:8px;background:#fff;color:var(--mj-ink)!important;font-size:14px;font-weight:600;text-decoration:none!important}
.mj-foot .mj-lang-box:hover{border-color:var(--mj-ink);background:#fff}
.mj-soc{display:flex;gap:8px}
.mj-soc a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--mj-line-2);color:var(--mj-ink)!important}
.mj-soc a:hover{border-color:var(--mj-ink)}
.mj-soc .mj-ico{width:18px;height:18px}
@media (max-width:991px){.mj-foot-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}}
@media (max-width:767px){
  .mj-foot-in{padding:36px 16px 28px}
  .mj-foot-bot{flex-direction:column;align-items:flex-start;gap:20px}
  .mj-foot-brand{flex-direction:column;align-items:flex-start;gap:12px}
}
@media (prefers-reduced-motion:reduce){.mj-city-pic img,.mj-cat,.mj-post{transition:none}}
.mj-foot p{padding:0!important}