/** * Qoyod Countries — switcher and geo suggestion. * * The country-visibility rules (.qyc-v) are printed inline in instead of * here: they must apply on the first paint, and an external stylesheet arrives * too late to prevent a flash. * * Everything below inherits the site's own typography and colours rather than * declaring its own, so the switcher looks native inside an Elementor header. */ .qyc-switcher { display: flex; align-items: center; gap: 12px; } .qyc-switcher--list { flex-direction: column; align-items: flex-start; gap: 6px; } .qyc-switcher__item { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; color: inherit; font: inherit; line-height: 1.4; opacity: 0.75; transition: opacity 0.15s ease; } .qyc-switcher__item:hover, .qyc-switcher__item:focus-visible { opacity: 1; } .qyc-switcher__item[aria-current="true"] { opacity: 1; font-weight: 600; } .qyc-switcher__flag { font-size: 1.1em; line-height: 1; } /* Geo suggestion — a dismissible bar, never a redirect. */ .qyc-suggest { position: fixed; inset-inline: 16px; bottom: 16px; z-index: 9999; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; max-width: 640px; margin-inline: auto; padding: 14px 18px; border-radius: 10px; background: #021544; color: #fff; box-shadow: 0 8px 28px rgba(2, 21, 68, 0.28); font-size: 15px; line-height: 1.5; } .qyc-suggest__text { flex: 1 1 220px; } .qyc-suggest__go { padding: 8px 16px; border-radius: 6px; background: #fff; color: #021544 !important; font-weight: 600; text-decoration: none; white-space: nowrap; } .qyc-suggest__stay { padding: 8px 12px; border: 0; background: none; color: inherit; font: inherit; opacity: 0.75; cursor: pointer; white-space: nowrap; } .qyc-suggest__stay:hover { opacity: 1; } @media (max-width: 480px) { .qyc-suggest { inset-inline: 8px; bottom: 8px; padding: 12px 14px; font-size: 14px; } }