/*
Theme Name: Grooteinder-camping
Version: 1.0
Description: A child theme of Twenty Twenty-Four
Template: twentytwentyfour
Author: Beheerder
*/
@import url("../twentytwentyfour/style.css");
/* Your awesome customization starts here */



.centreren {text-align:center!important;}
.centreren p {text-align:center!important;}
input.wpcf7-form-control {    padding: 11px;}
h1.has-text-align-center.wp-block-post-title {    margin-bottom: -22px!important;}
.entry-content {    margin-top: 0;}
.geenbolletje ul {    list-style: none;}

/* Wrapper voor tabellen */
.tabellenmobileproof {
  max-width: 767px;
  margin: 40px auto;
  padding: 0 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Tabel zelf */
.tabellenmobileproof table {
  width: 100%;
  min-width: 600px;
  margin: 0 auto;
  border-collapse: collapse;
}

/* Cel-ruimte voor rust */
.tabellenmobileproof th,
.tabellenmobileproof td {
  padding: 10px 12px;
  line-height: 1.4;
  vertical-align: top;
}

/* Koppen iets sterker */
.tabellenmobileproof th {
  font-weight: 600;
  white-space: nowrap;
}

/* Basis tabel styling */
.tabellenmobileproof table {
  width: 100%;
  border-collapse: collapse;
}

/* Header rij rustig gekleurd */
.tabellenmobileproof thead th {
  background: #f3f5f7;
  font-weight: 700;
}

/* Zebra stripes: om en om een zachte tint */
.tabellenmobileproof tbody tr:nth-child(even) td {
  background: #fafafa;
}

/* Cel styling */
.tabellenmobileproof th,
.tabellenmobileproof td {
  padding: 10px 12px;
  border-bottom: 1px solid #e6e6e6;
  text-align: left;
  vertical-align: top;
}

/* Laat de prijs-kolom wat strakker uitkomen */
.tabellenmobileproof td:last-child,
.tabellenmobileproof th:last-child {
  font-weight: 700;
  white-space: nowrap;
}


/* Button container */
.home-buttons {
  margin: 20px 0 30px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}

/* Algemene knop */
.home-buttons .btn {
  display: inline-block;
  padding: 10px 22px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* Primaire knop: Lees meer */
.home-buttons .btn-primary {
  background-color: #22ad57;
  color: #ffffff;
}

.home-buttons .btn-primary:hover {
  background-color: #1c8f48;
  color: #ffffff;
}

/* Secundaire knop: Bel ons */
.home-buttons .btn-secondary {
  border: 2px solid #22ad57;
  color: #22ad57;
  background: transparent;
}

.home-buttons .btn-secondary:hover {
  background-color: #22ad57;
  color: #ffffff;
}

/* Oude WordPress gallery fix voor Twenty Twenty Four */
.gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}

.gallery-item {
  width: 100% !important;
  margin: 0 !important;
}

.gallery img {
  width: 100%;
  height: auto;
  display: block;
}


/* Gallery niet mega breed op desktop */
.gallery {   max-width: 1024px;  margin-left: auto;  margin-right: auto;}


/* Mobiel extra fijn afstellen */
@media (max-width: 767px) {
  .tabellenmobileproof {
    margin: 24px auto;
    padding: 0 12px;
  }

  .tabellenmobileproof table {
    min-width: 560px;
  }
}