/* Emirae directory: the small part of the vertical look that every page of the site needs. */
/* The main menu stays centred between the logo and the buttons. */
.masthead__inner > .mainnav { margin-inline: auto; }
.egd-entry { display: none; align-items: center; gap: 8px; height: 42px; padding: 0 14px; border-radius: 8px; font-size: 14px; font-weight: 500; color: #7e5d1a; text-decoration: none; white-space: nowrap; }
.egd-entry i { width: 7px; height: 7px; border-radius: 50%; background: #d6ae58; box-shadow: 0 0 0 3px rgba(214, 174, 88, .22); }
.egd-entry:hover { background: #fdf9ee; color: #7e5d1a; }
.masthead:not(.is-scrolled) .egd-entry { color: #efd9a0; }
.masthead:not(.is-scrolled) .egd-entry:hover { background: rgba(255, 255, 255, .08); color: #f7ebcb; }
@media (min-width: 1360px) { .egd-entry { display: inline-flex; } }

/* A directory business has no inbox or alerts: hide the marketplace counters in its menu. */
body.is-directory-user .masthead .hdr-ico,
body.is-directory-user .masthead .acc-quick,
body.is-directory-user .masthead .acc-quick + .acc-div { display: none; }
body.is-directory-user .masthead .acc-avatar,
body.is-directory-user .masthead .acc-id__av { background: #0a1428; color: #e6c77f; }

/* ---- "Business | Gold" switch on the main site (14.11.2026). Same shape as inside the gold
   section (directory.css), business colours: Business is on in blue, Gold carries a gold dot. ---- */
.egd-switch--main { display: inline-flex; align-items: center; gap: 2px; flex: none; margin-left: 18px; padding: 3px; border-radius: 999px; background: #eef2f8; border: 1px solid #dbe3ef; }
.egd-switch--main a { display: inline-flex; align-items: center; justify-content: center; gap: 7px; height: 30px; padding: 0 13px; border-radius: 999px; font-size: 13px; font-weight: 600; line-height: 1; color: #5b6577; text-decoration: none; white-space: nowrap; transition: background .15s ease, color .15s ease; }
.egd-switch--main a:hover { color: #0a1428; }
.egd-switch--main a.is-on { background: #fff; color: #116acc; box-shadow: 0 1px 2px rgba(16, 32, 63, .08), 0 0 0 1px #c9daf3; }
.egd-switch--main a.is-on::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #1c74e0; }
.egd-switch--main .egd-switch__v::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #d6ae58; }
.egd-switch--main .egd-switch__v:hover { color: #7e5d1a; background: #fdf9ee; }
.masthead:not(.is-scrolled) .egd-switch--main { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .16); }
.masthead:not(.is-scrolled) .egd-switch--main a { color: rgba(255, 255, 255, .72); }
.masthead:not(.is-scrolled) .egd-switch--main a:hover { color: #fff; background: rgba(255, 255, 255, .06); }
.masthead:not(.is-scrolled) .egd-switch--main a.is-on { background: rgba(61, 134, 236, .2); color: #d9e8fb; box-shadow: inset 0 0 0 1px rgba(107, 163, 245, .45); }
.masthead:not(.is-scrolled) .egd-switch--main a.is-on::before { background: #6ba3f5; }
.masthead:not(.is-scrolled) .egd-switch--main .egd-switch__v::before { background: #e6c77f; }
@media (max-width: 1279px) { .egd-switch--main { margin-left: 12px; } .egd-switch--main a { padding: 0 10px; } }
@media (max-width: 640px) { .egd-switch--main { margin-left: 10px; } .egd-switch--main a { height: 28px; padding: 0 10px; font-size: 12px; gap: 5px; } }
@media (max-width: 379px) { .masthead .egd-switch--main { display: none; } }

/* Sign-in pages (14.11.2026): the theme caps .lg__inner with a CSS variable that the minified
   WP-Rocket copy loses, so on wide screens the split ran edge to edge. Same cap, set plainly. */
.uaec-ds .lg__inner { max-width: 1200px; }