/*
Theme Name: Gratis Reisadviezen
Author: SiteNomads
Version: 1.1.1
Description: Het bestaande ontwerp van Gratis Reisadviezen, met bewerkbare WordPress-inhoud.
Requires PHP: 8.1
*/
.header .navbar-brand { flex: 0 0 auto; }
.header .navbar-brand img { display: block; width: 230px; height: auto; }
.editorial-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .45rem .65rem; margin: 0; padding: 0; list-style: none; font-size: .88rem; line-height: 1.6; }
.editorial-breadcrumbs li+li::before { content: "/"; margin-right: .65rem; color: #8a9a92; }
.editorial-breadcrumbs a { color: #0d6964; text-decoration: none; }
.editorial-breadcrumbs [aria-current] { color: #596b62; }
.editorial-page .gra-page-description { margin-top: 1.75rem; color: #435750; font-size: 1.06rem; line-height: 1.85; overflow-wrap: anywhere; }
.editorial-page .editorial-heading h1 { font-size: clamp(1.9rem,3.7vw,3.15rem); line-height: 1.18; overflow-wrap: normal; }
.editorial-page .editorial-blocks { margin-top: 2rem; gap: 2rem; }
.editorial-page .editorial-block.is-text-only .editorial-block-copy { max-width: none; }
.editorial-page .editorial-layout:not(.has-navigation) { max-width: 1040px; margin-inline: auto; }
.travel-view .travel-description { color: #435750; font-size: 1.06rem; line-height: 1.85; }
.gra-child-pages { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin-top: 2rem; }
.gra-child-page { display: grid; gap: .7rem; padding: 1.5rem; border: 1px solid #dfe6e1; border-radius: 14px; color: #435750; text-decoration: none; transition: border-color .2s,box-shadow .2s; }
.gra-child-page:hover,.gra-child-page:focus-visible { color: #163d3b; border-color: #0d6964; box-shadow: 0 8px 24px #163d3b0c; }
.gra-child-page h2 { margin: 0; color: #163d3b; font-size: 1.2rem; line-height: 1.4; }
.gra-child-page p { margin: 0; font-size: .94rem; line-height: 1.7; }
.gra-child-page>span { align-self: end; color: #0d6964; font-size: .9rem; font-weight: 700; }
.travel-view .editorial-breadcrumbs { padding: 1.5rem 0 .5rem; }
.gra-content .gra-content-gallery { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.gra-content .gra-content-gallery>a { display: block; aspect-ratio: 4/3; overflow: hidden; border-radius: 12px; }
.gra-content .gra-content-gallery>a>img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.travel-directory .gra-travel-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; margin-inline: 0; }
.travel-directory .gra-travel-grid>[class*="col-"] { width: 100%; padding: 0; }
.gra-travel-grid .travel-card { width: 100%; max-width: none; }
.gra-listing-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin: 1.25rem 0 3rem; padding: 1.5rem 0; border-top: 1px solid #dfe6e1; }
.gra-listing-footer p { margin: 0; color: #596b62; font-size: .94rem; }
.gra-listing-footer .gra-pagination { margin: 0; }
.gra-pagination ul { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin: 0; padding: 0; list-style: none; }
.gra-pagination .page-numbers,.gra-content-pages>a,.gra-content-pages>.post-page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: .55rem .9rem; border: 1px solid #dfe6e1; border-radius: 8px; background: #fff; color: #163d3b; font-weight: 600; text-decoration: none; }
.gra-pagination .current,.gra-content-pages>.current { border-color: #0d6964; background: #0d6964; color: #fff; }
.gra-pagination a:hover,.gra-pagination a:focus-visible { border-color: #0d6964; background: #edf4ef; }
.gra-page-pagination { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: stretch; gap: 1rem; margin-top: 3rem; padding-block: 1.75rem; border-top: 1px solid #dfe6e1; }
.gra-page-pagination>a { display: grid; align-content: center; gap: .4rem; padding: 1rem; border: 1px solid #dfe6e1; border-radius: 10px; color: #163d3b; text-decoration: none; overflow-wrap: anywhere; }
.gra-page-pagination>a:hover { border-color: #0d6964; background: #f5f8f5; }
.gra-page-pagination span { color: #52685e; font-size: .85rem; }
.gra-page-pagination strong { font-size: .98rem; line-height: 1.5; }
.gra-page-pagination .gra-page-overview { align-self: center; border: 0; color: #0d6964; font-size: .9rem; font-weight: 700; text-align: center; }
.gra-page-next { text-align: right; }
.gra-content-pages { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin: 2rem 0; }
.gra-empty-state { padding-block: 2rem 4rem; text-align: center; }
@media (max-width: 991px) {
    .editorial-page .editorial-layout.has-navigation .editorial-content { grid-row: 1; }
    .editorial-page .editorial-layout.has-navigation .editorial-navigation { grid-row: 2; }
    .gra-content .gra-content-gallery,.travel-directory .gra-travel-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
    .gra-child-pages,.travel-directory .gra-travel-grid { grid-template-columns: minmax(0,1fr); }
    .gra-content .gra-content-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; }
    .gra-listing-footer { justify-content: center; text-align: center; }
    .gra-page-pagination { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; margin-top: 2rem; }
    .gra-page-pagination .gra-page-overview { grid-column: 1/-1; grid-row: 1; }
    .gra-page-pagination>a { padding: .8rem; }
    .gra-page-pagination strong { font-size: .9rem; }
}
@media (min-width: 992px) {
    .homepage-slider .home-hero { max-width: 1560px; margin-inline: auto; padding-inline: clamp(24px, 4vw, 64px); }
}
.gra-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.gra-contact-form{max-width:760px;margin:2rem auto}.gra-contact-form label{display:block;font-weight:600;margin-bottom:.5rem}.gra-contact-form textarea{width:100%}.navbar-brand img{max-width:230px;max-height:76px;width:auto;height:auto}.gra-country-filters{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;padding:1rem 0 2rem}.gra-country-filters a{border:1px solid #dce4db;border-radius:999px;padding:.6rem 1.2rem;color:inherit;background:#fff;text-decoration:none}.gra-country-filters .active{background:#375b39;color:white}.gra-locations{display:grid;grid-template-columns:minmax(280px,1fr) 2fr;gap:2rem;margin:2rem auto 4rem}.gra-locations iframe{width:100%;height:620px;border:0;border-radius:1rem}.gra-point-list{max-height:620px;overflow:auto;display:grid;gap:.8rem;align-content:start}.gra-point{border:1px solid #e1e7de;border-radius:10px;padding:1rem;background:#fff;text-align:left}.gra-point strong{display:block}.gra-point span{display:block;font-size:.85rem;color:#65735e}.gra-point a{display:inline-block;margin-top:.5rem}.gra-content-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:2rem 0}.gra-content-gallery img{width:100%;height:250px;object-fit:cover;border-radius:12px}.editorial-content>.gra-content>h2{margin-top:2rem}.gra-content .wp-block-image img{max-width:100%;height:auto}.gra-content figure{margin:1.5rem 0}.gra-content iframe{max-width:100%}.gra-pagination{display:flex;gap:1rem;justify-content:center;margin:2rem}.gra-page-description img{max-width:100%;height:auto}@media(max-width:800px){.gra-locations{grid-template-columns:1fr}.gra-locations iframe{height:380px}.gra-point-list{max-height:380px}.navbar-brand img{max-width:170px}}
