/* Safee Experience Suite — blog sections tabs bar (Articles | Safee News | Safee Updates). */
.safee-xp-blog-tabs{
	--sxp-tabs-green-dark:#249461;
	--sxp-tabs-green:#3fbd61;
	--sxp-tabs-grey:#40403f;
	--sxp-tabs-beige:#fbf0df;
	box-sizing:border-box;
	display:block;
	width:100%;
	max-width:100%;
	min-width:0;
	margin:0 0 28px;
	padding:0;
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	overscroll-behavior-x:contain;
	scrollbar-width:thin;
	scrollbar-color:var(--sxp-tabs-green) transparent;
	font-family:inherit;
	line-height:1.3;
}

/* Inside the suite's archive grid (the bar is printed by loop_start there): span every column. */
.safee-gam-archive-grid>.safee-xp-blog-tabs,
.ast-row>.safee-xp-blog-tabs{
	grid-column:1/-1;
	flex:0 0 100%;
}

.safee-xp-blog-tabs__list{
	display:inline-flex;
	flex-wrap:nowrap;
	gap:6px;
	margin:0;
	padding:6px;
	list-style:none;
	background:var(--sxp-tabs-beige);
	border-radius:999px;
	white-space:nowrap;
	vertical-align:top;
}

.safee-xp-blog-tabs__item{
	flex:0 0 auto;
	margin:0;
	padding:0;
	list-style:none;
}

.safee-xp-blog-tabs__item::before,
.safee-xp-blog-tabs__item::marker{content:none}

.safee-xp-blog-tabs a.safee-xp-blog-tabs__link{
	display:block;
	min-height:44px;
	box-sizing:border-box;
	padding:11px 20px;
	border:2px solid transparent;
	border-radius:999px;
	background:transparent;
	color:var(--sxp-tabs-grey);
	font-size:16px;
	font-weight:600;
	letter-spacing:0;
	text-decoration:none;
	transition:background-color .15s ease,box-shadow .15s ease,border-color .15s ease;
}

.safee-xp-blog-tabs a.safee-xp-blog-tabs__link:hover{
	background:rgba(63,189,97,.12);
	color:var(--sxp-tabs-grey);
	box-shadow:inset 0 -3px 0 var(--sxp-tabs-green);
}

/* Current tab: white chip, dark-green ring and underline, bold text (not colour alone). */
.safee-xp-blog-tabs a.safee-xp-blog-tabs__link.is-current,
.safee-xp-blog-tabs a.safee-xp-blog-tabs__link[aria-current]{
	background:#fff;
	border-color:var(--sxp-tabs-green-dark);
	color:var(--sxp-tabs-grey);
	font-weight:700;
	box-shadow:inset 0 -3px 0 var(--sxp-tabs-green-dark),0 4px 14px rgba(36,148,97,.14);
}

.safee-xp-blog-tabs a.safee-xp-blog-tabs__link:focus{outline:none}
.safee-xp-blog-tabs a.safee-xp-blog-tabs__link:focus-visible{
	outline:3px solid var(--sxp-tabs-green-dark);
	outline-offset:2px;
}

/* Arabic: the list follows dir="rtl" (flex mirrors on its own); only the type needs adjusting. */
.safee-xp-blog-tabs[dir="rtl"]{direction:rtl;text-align:right}
.safee-xp-blog-tabs[dir="rtl"] a.safee-xp-blog-tabs__link{font-size:17px;letter-spacing:0}

@media (max-width:680px){
	.safee-xp-blog-tabs{margin-bottom:22px}
	.safee-xp-blog-tabs__list{gap:2px;padding:4px}
	.safee-xp-blog-tabs a.safee-xp-blog-tabs__link{padding:10px 13px;font-size:14px}
	.safee-xp-blog-tabs[dir="rtl"] a.safee-xp-blog-tabs__link{font-size:15px}
}

@media (prefers-reduced-motion:reduce){
	.safee-xp-blog-tabs a.safee-xp-blog-tabs__link{transition:none}
}