/* KORTVISNING / GRID */
.bo-id__cards {
	display: grid;
	gap: 1rem;
	margin-top: 1.5rem;
	grid-template-columns: 1fr; /* 1 kolonne på mobil */
}

/* 2 kolonner på små skjermer (landskap mobil / små nettbrett) */
@media (min-width: 600px) {
	.bo-id__cards {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* 4 kolonner på desktop */
@media (min-width: 1200px) {
	.bo-id__cards {
		grid-template-columns: repeat(3, 1fr);
	}
}

.bo-id__card {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 0.8rem 1rem;
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	transition: box-shadow .2s ease, transform .1s ease;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.bo-id__card:hover {
	box-shadow: 0 2px 6px rgba(0,0,0,.08);
	transform: translateY(-2px);
}

.bo-id__card-header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-wrap: wrap;
	margin-bottom: .4rem;
}

.bo-id__company {
	font-size: 1rem;
	font-weight: 600;
	color: #111;
}

.bo-id__city {
	font-size: 0.9rem;
	color: #666;
}

.bo-id__name {
	margin: 0.2rem 0;
	color: #333;
}

.bo-id__postcode {
	font-size: .9rem;
	color: #666;
}

.bo-id__contact {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	margin-top: 0.4rem;
}

.bo-id__contact a {
	text-decoration: none;
	color: #222;
	font-weight: 500;
	word-break: break-word;
}

.bo-id__contact a:hover {
	color: var(--bo-accent, #e51c20);
}

.bo-id__disclaimer {
  margin: 15px 0;
  font-style: italic;
  font-size: 0.9rem;
}

/* Popup search box */
.bo-id-popupbox {
	/*border: 1px solid #ddd;
	padding: 1rem;
	border-radius: 10px;
	background: #fafafa;
	max-width: 350px;
	margin: 1rem 0;*/
	display: grid;
	grid-template-columns: 80px 1fr;
	grid-template-rows: 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 0px;
}

.bo-id-popupbox .bo-id-icon {
	width: 70px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.bo-id-popupbox .bo-id-icon svg {
	width: 100%;
	height: 100%;
	display: block;
}

.bo-id-form {
	display: grid;
	grid-template-rows: 24px 1fr;
	grid-template-columns: 1fr 80px;
	grid-gap: 10px;
}

.bo-id-form .bo-id-title {
	grid-column: 1 / span 2;
	margin-bottom: 0;
}

.bo-id-form input.bo-id-postcode {
	width: 100%;
	margin-bottom: 0px;
	background-color: #fff;
	border-radius: 8px;
}

/* Modal styling */
.bo-id-modal {
	border: none;
	border-radius: 12px;
	padding: 0;
	max-width: 1200px;
	width: 90%;
}

.bo-id-modal__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.75rem 1rem;
	border-bottom: 1px solid #ddd;
	background: transparent;
}

.bo-id-modal__header .bo-id-modal__close {
	margin:0;
	padding:0;
	background: transparent;
	border: none;
	font-size: 1.6rem;
	line-height: 1;
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer;
	min-height: 0;
}

.bo-id-modal::backdrop {
	background: rgba(0,0,0,0.4);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	transition: all 0.3s ease-in-out;
}
.bo-id-modal__inner {
	padding: 1rem;
}

.bo-id__cards {
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr;
	margin-top: 1rem;
}
@media (min-width:600px){
	.bo-id__cards{grid-template-columns:repeat(2,1fr);}
}
@media (min-width:1200px){
	.bo-id__cards{grid-template-columns:repeat(3,1fr);}
}
.bo-id__card{
	background:#fff;
	border:1px solid #eee;
	border-radius:10px;
	padding:.8rem 1rem;
	box-shadow:0 1px 2px rgba(0,0,0,.05);
}

.bo-id__card a {
	color: var(--primary-color);
	text-decoration: none;
	font-weight: bold;
	transition: color 0.2s ease;
}