/**
 * Fil: wp-content/plugins/helmia-org-directory/assets/css/hod-ort-chip-nav.css
 * Syfte: Ort-chip-nav – /kontakt/ och /oppettider/ (plugin, oberoende av tema).
 */

.helmia-ort-chip-nav {
	background: var(--bg-primary, #fff) !important;
	border: 1px solid var(--border-light, var(--border-color, #e5e9f0)) !important;
	border-radius: var(--helmia-radius-md, var(--border-radius, 4px)) !important;
	padding: var(--space-4, 1rem) var(--space-5, 1.25rem) !important;
	margin-bottom: var(--space-8, 2rem) !important;
	box-shadow: var(--helmia-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.06)) !important;
	display: block !important;
	box-sizing: border-box !important;
}

/* Temat ger .helmia-entry-content ul grå bakgrund – endast knapparna ska vara grå */
.helmia-standard-page .helmia-entry-content .helmia-ort-chip-nav ul,
.helmia-standard-page .helmia-entry-content .helmia-ort-chip-nav ol,
.entry-content .helmia-ort-chip-nav ul,
.entry-content .helmia-ort-chip-nav ol,
.helmia-ort-chip-nav__nav,
.helmia-ort-chip-nav__list {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	border-left: none !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.helmia-standard-page .helmia-entry-content .helmia-ort-chip-nav li,
.entry-content .helmia-ort-chip-nav li,
.helmia-ort-chip-nav__item {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

@media (min-width: 768px) {
	.helmia-ort-chip-nav--mobile-only {
		display: none !important;
	}
}

.helmia-ort-chip-nav__label {
	margin: 0 0 var(--space-3, 0.75rem) !important;
	padding: 0 !important;
	font-size: var(--helmia-font-size-sm, 0.875rem) !important;
	font-weight: var(--helmia-font-weight-semibold, 600) !important;
	color: var(--text-secondary, #737373) !important;
	letter-spacing: 0.02em !important;
	text-transform: uppercase !important;
	text-align: left !important;
}

.helmia-ort-chip-nav__list {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: var(--space-2, 0.5rem) !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

@media (max-width: 479px) {
	.helmia-ort-chip-nav__list {
		flex-wrap: nowrap !important;
		padding-bottom: var(--space-1, 0.25rem) !important;
	}
}

.helmia-ort-chip-nav__item {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.helmia-ort-chip-nav a.helmia-ort-chip-nav__link,
a.helmia-ort-chip-nav__link {
	display: inline-block !important;
	padding: var(--space-2, 0.5rem) var(--space-4, 1rem) !important;
	border: 1px solid var(--border-light, var(--border-color, #e5e9f0)) !important;
	border-radius: var(--helmia-radius-md, var(--border-radius, 4px)) !important;
	background: var(--bg-secondary, #f7f8fa) !important;
	color: var(--text-primary, #171717) !important;
	font-size: var(--helmia-font-size-sm, 0.9375rem) !important;
	font-weight: var(--helmia-font-weight-medium, 500) !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	text-decoration-color: transparent !important;
	transition: var(--transition, color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease);
	white-space: nowrap !important;
	min-height: auto !important;
	box-sizing: border-box !important;
}

.helmia-ort-chip-nav a.helmia-ort-chip-nav__link:link,
.helmia-ort-chip-nav a.helmia-ort-chip-nav__link:visited,
a.helmia-ort-chip-nav__link:link,
a.helmia-ort-chip-nav__link:visited {
	color: var(--text-primary, #171717) !important;
	background: var(--bg-secondary, #f7f8fa) !important;
	text-decoration: none !important;
}

.helmia-ort-chip-nav a.helmia-ort-chip-nav__link:hover,
.helmia-ort-chip-nav a.helmia-ort-chip-nav__link:focus-visible,
a.helmia-ort-chip-nav__link:hover,
a.helmia-ort-chip-nav__link:focus-visible {
	border-color: var(--primary-color, #003057) !important;
	background: var(--bg-primary, #fff) !important;
	color: var(--primary-color, #003057) !important;
	box-shadow: var(--helmia-shadow-sm, 0 2px 8px rgba(0, 0, 0, 0.06)) !important;
	text-decoration: none !important;
}

.helmia-ort-chip-nav-wrap {
	margin-bottom: 0 !important;
	width: 100%;
	max-width: 100%;
}

.hod-org-kontakt-tider-section .hod-ort-chip-nav-container {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin-bottom: var(--space-6, 1.5rem);
}

.hod-org-kontakt-tider-section .hod-ort-chip-nav-container .helmia-ort-chip-nav {
	margin-bottom: 0 !important;
}

.helmia-entry-content .helmia-ort-chip-nav a.helmia-ort-chip-nav__link,
.entry-content .helmia-ort-chip-nav a.helmia-ort-chip-nav__link {
	text-decoration: none !important;
}