/* ------------------------------------------------------------------
   Second pass over the components the first sweep missed.
   ------------------------------------------------------------------ */

/* --- desktop header height.
       polish.css gives the hamburger and search toggles a 44px minimum so
       they are usable on a phone. The desktop sticky bar is only 51px tall
       and also holds a 42px wordmark, so 44px controls overflowed it and
       the top edge of the bar clipped on scroll. Above 1024px the theme's
       own sizing is restored, with 24px minimums, which is the WCAG 2.2 AA
       target size for pointer input. --- */
@media (min-width: 1025px) {
	.jeg_mobile_toggle,
	.jeg_search_toggle,
	.jeg_nav_item > a.jeg_search_toggle,
	.jeg_nav_icon .jeg_mobile_toggle {
		display: block !important;
		min-width: 24px !important;
		min-height: 24px !important;
	}

	.jeg_stickybar .jeg_mobile_toggle,
	.jeg_stickybar .jeg_search_toggle,
	.jeg_stickybar .hg-mobile-cart {
		min-width: 24px !important;
		min-height: 24px !important;
	}

	.jeg_stickybar,
	.jeg_stickybar .jeg_nav_row,
	.jeg_stickybar .item_wrap {
		overflow: visible;
	}
}

/* --- broken icon glyphs.
       The theme enqueues FontAwesome 4.7 (fontawesome-webfont.woff2) and
       also fontawesome-v4-shims.css, but never loads a FontAwesome 6 font
       file. The shim rewrites these classes to "Font Awesome 6 Brands" /
       "Font Awesome 6 Free", which do not exist on the page, so each one
       renders as an empty box. Pointing them back at the v4 family that is
       actually loaded, with the v4 code points. --- */
.fa-facebook::before,
.fa-facebook-f::before { content: "\f09a"; }
.fa-youtube-play::before { content: "\f16a"; }
.fa-youtube::before { content: "\f167"; }
.fa-twitch::before { content: "\f1e8"; }
.fa-twitter::before { content: "\f099"; }
.fa-instagram::before { content: "\f16d"; }
.fa-linkedin::before { content: "\f0e1"; }
.fa-pinterest::before { content: "\f0d2"; }
.fa-whatsapp::before { content: "\f232"; }
.fa-telegram::before { content: "\f2c6"; }
.fa-clock-o::before { content: "\f017"; }
.fa-comment-o::before { content: "\f075"; }

.fa-facebook::before,
.fa-facebook-f::before,
.fa-youtube-play::before,
.fa-youtube::before,
.fa-twitch::before,
.fa-twitter::before,
.fa-instagram::before,
.fa-linkedin::before,
.fa-pinterest::before,
.fa-whatsapp::before,
.fa-telegram::before,
.fa-clock-o::before,
.fa-comment-o::before {
	font-family: "FontAwesome" !important;
	font-weight: normal !important;
	font-style: normal !important;
}

/* --- logo must never wrap. --- */
.jeg_logo,
.jeg_logo a,
.jeg_logo h1,
.jeg_logo h1 a,
.jeg_mobile_logo,
.jeg_mobile_logo a {
	white-space: nowrap !important;
}

.jeg_logo {
	flex: 0 0 auto;
	max-width: none;
}

@media (min-width: 1025px) and (max-width: 1480px) {
	.jeg_logo a,
	.jeg_logo h1,
	.jeg_logo h1 a {
		font-size: 32px !important;
		line-height: 1.18 !important;
	}
}

/* --- colour: #A0A0A0 at 2.61:1, #888888 at 3.54:1 and #757575 at
       4.08:1 on white. All raised to #595959, which measures 7.0:1. --- */
.jeg_news_ticker .post-date,
.jeg_news_ticker_item .post-date,
.jeg_video_playlist_category,
.jeg_video_playlist_description .jeg_video_playlist_category,
.jeg_socialshare .share-count,
.socialshare_list .share-count,
.jeg_pl_sm .jeg_post_meta,
.jeg_pl_md .jeg_post_meta,
.popularpost_item .jeg_post_meta,
.jeg_sidebar .jeg_post_meta,
.jeg_sidebar .jeg_post_meta a,
ul.jeg_top_menu li a,
.jeg_top_bar ul.jeg_menu li a,
.jeg_topbar ul.jeg_menu li a,
.jeg_topbar .jeg_menu > li > a,
.woocommerce-mini-cart-item a.remove,
.woocommerce-mini-cart-item .variation dt,
.woocommerce-mini-cart-item .variation dd,
.woocommerce-mini-cart-item .variation dd p,
.widget_shopping_cart_content .quantity {
	color: #595959 !important;
}

/* --- light-on-dark exception for the slider caption (#212121 slide) --- */
.jeg_slide_caption .jeg_post_meta,
.jeg_slide_caption .jeg_post_meta a,
.jeg_slide_caption .jeg_meta_date,
.jeg_slide_caption .jeg_meta_author,
.jeg_slide_caption .jeg_meta_author a,
.jeg_slide_caption .jeg_meta_comment,
.jeg_heroblock .jeg_post_meta,
.jeg_heroblock .jeg_meta_date,
.jeg_heroblock .jeg_meta_author a {
	color: rgba(255, 255, 255, .92) !important;
}

.jeg_news_ticker .post-date,
.jeg_video_playlist_category,
.jeg_socialshare .share-count {
	font-size: 12px;
}

.woocommerce-mini-cart-item a.remove:hover {
	color: #b3261e !important;
}

/* --- touch targets: inline links sat in 16-21px line boxes. --- */
.jeg_post_title a,
.jeg_news_ticker_item a,
.jeg_video_playlist_current_info h2 a,
.popularpost_item .jeg_post_title a,
.jeg_postblock_content .jeg_post_title a {
	padding-top: 4px;
	padding-bottom: 4px;
}

/* --- mobile logo sizing --- */
@media (max-width: 1024px) {
	.jeg_mobile_logo a,
	.jeg_mobile_logo h1,
	.jeg_mobile_logo h1 a,
	.jeg_navbar_mobile .jeg_logo a,
	.jeg_navbar_mobile .jeg_logo h1 {
		font-size: 24px !important;
		line-height: 1.2 !important;
	}

	.jeg_mobile_logo,
	.jeg_navbar_mobile .jeg_logo {
		max-height: 56px;
		display: flex !important;
		align-items: center;
		justify-content: center;
	}

	.jeg_mobile_logo img,
	.jeg_navbar_mobile .jeg_logo img {
		max-height: 40px;
		width: auto;
	}
}

@media (max-width: 400px) {
	.jeg_mobile_logo a,
	.jeg_mobile_logo h1,
	.jeg_mobile_logo h1 a {
		font-size: 21px !important;
	}
}

/* --- footer --- */
ul.jeg_menu_footer li a,
.jeg_footer .jeg_menu_footer li a,
.jeg_footer p.copyright a {
	display: inline-block;
	min-height: 26px;
	line-height: 26px;
}

.jeg_footer .jeg_social_icon_block a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	min-height: 40px;
}

.jeg_header .jeg_social_icon_block a,
.jeg_nav_item .jeg_social_icon_block a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 26px;
	min-height: 26px;
}

ul.jeg_menu_footer {
	display: flex;
	flex-wrap: wrap;
	gap: 2px 18px;
	justify-content: center;
}

@media (max-width: 767px) {
	ul.jeg_menu_footer {
		gap: 2px 14px;
	}
	ul.jeg_menu_footer li a,
	.jeg_footer p.copyright a {
		font-size: 13px;
	}
}
