/*
 * What every public layout shares, in the Shortext palette instead of the template's navy and lavender (main.css
 * stays untouched): the header, and the Meta partner badge (components/meta-partner)
 */
.header .nav > li > a,
.header .nav > li { color: var(--text-dark-1); }
.header .nav > li.text-white,
.header .nav > li.text-white > a { color: #fff; }
.menu .nav li:hover > a,
.header .nav > li > a:hover { color: #2A8737 !important; text-decoration: none !important; }
.menu .nav__submenu li a { color: var(--text-dark-1); }
.menu .nav__submenu_item > a:hover,
.menu .nav li a::before,
.menu .nav__submenu li a::before,
.mega__list a:hover { background-color: #F4FBEE; }
.header.is-sticky.-sticky-light .header__bar { background-color: #0A1908 !important; }

/* Meta partner badge: frosted glass, readable on the background it sits on */
.partner { display: inline-flex; align-items: center; gap: 12px; padding: 10px 20px 10px 10px; border-radius: 16px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); text-align: left; }
.partner__icon { width: 38px; height: 38px; border-radius: 12px; background: #70D715; color: #000; display: flex; align-items: center; justify-content: center; flex: none; }
.partner__text { display: flex; flex-direction: column; line-height: 1.3; }
.partner__text strong { font-size: 15px; font-weight: 600; }
.partner__text small { font-size: 13px; }
.partner.-dark { background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .2); box-shadow: 0 14px 34px rgba(0, 0, 0, .25); }
.partner.-dark strong { color: #fff; }
.partner.-dark small { color: rgba(255, 255, 255, .75); }
.partner.-light { background: rgba(255, 255, 255, .65); border: 1px solid rgba(10, 25, 8, .1); box-shadow: 0 12px 30px rgba(10, 25, 8, .08); }
.partner.-light strong { color: #0A1908; }
.partner.-light small { color: #55585D; }