.provincie-view .view-content {
  padding: 24px 0;
}

.provincie-container{
  background:#fff;
  border-radius:16px;
  border:1px solid #e6e6e6;
  overflow:hidden;
  box-shadow: 
    0 2px 6px rgba(0,0,0,0.06),
    0 10px 24px rgba(0,0,0,0.08);
  transition: all 0.25s ease;
}

.provincie-foto{
  padding:12px;
}

.provincie-foto img{
  width:100%;
  min-height:210px;
  border-radius:12px;
  display:block;
}

.provincie-label{
  padding:6px 16px 0 16px;
}

.provincie-label h2{
  margin:0;
  font-size:17px;
  font-weight:700;
  color:var(--brand-color);
}

.provincie-label h2 a{
  text-decoration:none;
  color:var(--brand-color);
}

.provincie-label ion-icon {
  color:var(--brand-color) !important;
}

.provincie-city{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap:6px;
  font-size:13px;
  color:#777;
  padding:6px 16px 12px 16px;
}

.provincie-city ion-icon{
  font-size:14px;
}

.provincie-location-icon {
  color:#777;
}

.provincie-container .item-list ul{
  margin:0;
  padding:0;
}

.provincie-container .item-list ul li{
  list-style:none;
  margin:0;
  padding:0;
}

.provincie-zalen summary{
  background:#fcf7ca;
  color:#000;
  padding:12px 14px;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:8px;
}

.provincie-zalen summary::-webkit-details-marker{
  display:none;
}

.provincie-container summary::after{
  content:none !important;
}

.provincie-zalen summary::before{
  content:"\25B6";
  font-size:10px;
  color:#000;
}

.provincie-zalen details[open] summary::before{
  transform: rotate(90deg);
}

.provincie-zalen summary a{
  margin-left:auto;
  color: var(--brand-color);
  text-decoration: underline;
  border: unset;
}

.provincie-zalen summary a:hover{
  border: unset;
  color: var(--brand-color);
}
.provincie-zalen details {
  margin-top: 0.5em;
  margin-bottom: unset;
  border: unset;
}

.provincie-zalen details > div{
  background:#ffffff;
  display:flex;
  justify-content:space-around;
  align-items:center;
  padding:12px 10px;
  font-size:15px;
  border-top:1px solid #eee;
  color:#333;
}

.provincie-meer-details{
  border:none;
  margin: unset;
}

.provincie-meer-summary{
  cursor:pointer;
  background: unset;
  text-align: center;
  justify-content: center;
  border: unset !important;
}

.provincie-meer-summary p{
    text-decoration: underline;
}

.provincie-meer-zalen{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:#1a9f60;
  font-weight:600;
  font-size:14px;
  margin: unset;
}

.provincie-meer-details[open] .provincie-meer-zalen ion-icon{
  transform: rotate(180deg);
}
@media (max-width:991px){
  .provincie-view .views-view-responsive-grid--horizontal{
    --views-responsive-grid--column-count: 2 !important;
  }
}

@media (max-width:767px){
  .provincie-view .views-view-responsive-grid--horizontal{
    --views-responsive-grid--column-count: 1 !important;
  }
}

@media (max-width:480px){

  .provincie-foto img{
    min-height:180px;
  }

  .provincie-label h2{
    font-size:16px;
  }

  .provincie-zalen summary{
    font-size:13px;
  }

}