/**
 * הכפתור בתפריט הראשי.
 *
 * הכלל של ווודמארט על פריט תפריט (.wd-nav>li>a) חזק בסגוליות, ולכן כל כלל
 * כאן חייב לכלול גם את מחלקת הניווט וגם את המחלקה שלנו. הצבע נמשך מטוקן
 * הכפתורים של התמה, כך ששינוי הירוק בהגדרות מחלחל לכאן מעצמו.
 */

.wd-nav > li.olive-dealers-nav > a,
.menu-item.olive-dealers-nav > a {
	padding: 9px 18px;
	border-radius: var(--btn-accented-brd-radius, 5px);
	background: var(--btn-accented-bgcolor, #788C78);
	color: var(--btn-accented-color, #fff);
	transition: background-color .18s ease, box-shadow .18s ease;
}

.wd-nav > li.olive-dealers-nav > a .nav-link-text,
.menu-item.olive-dealers-nav > a .nav-link-text {
	color: inherit;
}

/* הקו התחתון שווודמארט מצייר על פריט תפריט מיותר על גוף צבעוני */
.wd-nav > li.olive-dealers-nav > a .nav-link-text::before,
.wd-nav > li.olive-dealers-nav > a .nav-link-text::after {
	display: none;
}

.wd-nav > li.olive-dealers-nav:hover > a,
.wd-nav > li.olive-dealers-nav.current-menu-item > a,
.menu-item.olive-dealers-nav > a:hover {
	background: var(--btn-accented-bgcolor-hover, var(--wd-primary-color, #0B2C21));
	color: var(--btn-accented-color-hover, #fff);
	box-shadow: 0 4px 12px rgb(11 44 33 / 18%);
}

/* בתפריט המובייל הפריט נפרס לרוחב, ולכן הוא מקבל צורת רצועה ולא כפתור צר */
.wd-nav-mobile > li.olive-dealers-nav > a,
.mobile-nav .olive-dealers-nav > a {
	margin: 6px 0;
	padding: 12px 20px;
	border-radius: var(--btn-accented-brd-radius, 5px);
	background: var(--btn-accented-bgcolor, #788C78);
	color: var(--btn-accented-color, #fff);
}
