/* Mihrabi brand: emerald green and gold. */
:root {
  --mh-green: #147A64;
  --mh-deep: #063B31;
  --mh-gold: #F2C96B;
  --mh-sand: #F6F4EE;
}
body { -webkit-font-smoothing: antialiased; }
a { color: var(--mh-green); }
a:hover { color: var(--mh-deep); }
#main-header, #top-header { box-shadow: none; }
#main-header { background: var(--mh-deep) !important; }
#top-menu a, #et_mobile_nav_menu a, .mobile_menu_bar:before { color: #fff !important; }
#top-menu li.current-menu-item > a { color: var(--mh-gold) !important; }
#logo { max-height: 44%; border-radius: 22%; }
.et_pb_blurb .et_pb_main_blurb_image { margin-bottom: 18px; text-align: left; }
.et_pb_blurb .et_pb_main_blurb_image img { width: 56px; height: 56px; }
.et_pb_blurb { background: #fff; border-radius: 22px; padding: 28px; box-shadow: 0 6px 24px rgba(6,59,49,.07); height: 100%; }
.et_pb_toggle { border-radius: 16px; border-color: #e6e1d3; }
.et_pb_toggle_open { background: #fff; }
#main-footer { background: var(--mh-deep); }
#footer-bottom { background: rgba(0,0,0,.2); }
#footer-info, #footer-info a { color: rgba(255,255,255,.75); }
/* Arabic text renders right-to-left with a generous size. */
h3:lang(ar), .mh-ar { font-family: "Geeza Pro", "Noto Naskh Arabic", serif; }

/* Store badges: same height, side by side. */
.mh-soon { color: var(--mh-gold); font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-size: 13px; padding-bottom: 12px !important; }
.mh-badges { display: flex; gap: 14px; justify-content: center; align-items: center; flex-wrap: wrap; }
.mh-badge { display: inline-flex; transition: transform .15s ease; }
.mh-badge img { height: 54px; width: auto; display: block; }
a.mh-badge:hover { transform: translateY(-2px); }
.mh-badge--soon img { opacity: .5; }

/* Footer: hide Divi's default footer, show ours. */
#main-footer { display: none !important; }
.mh-footer { background: var(--mh-deep); color: rgba(255,255,255,.75); text-align: center; padding: 48px 20px 40px; font-size: 15px; }
.mh-footer__icon { width: 56px; height: 56px; border-radius: 14px; margin-bottom: 14px; }
.mh-footer nav { display: flex; gap: 10px; justify-content: center; margin-bottom: 6px; }
.mh-footer nav a { color: #fff; font-weight: 600; }
.mh-footer nav a:hover { color: var(--mh-gold); }
.mh-footer p { padding: 0; margin-bottom: 22px; }
.mh-footer__novita { display: inline-flex; flex-direction: column; align-items: center; gap: 6px; color: rgba(255,255,255,.6); }
.mh-footer__novita img { height: 18px; width: auto; }