/*
Theme Name: Durbuy Bungalow
Theme URI: https://durbuy-bungalow.be
Author: Sander Spit + ChatGPT
Author URI: https://durbuy-bungalow.be
Description: Warm, bosrijk en knus WordPress thema voor verhuur van bungalows. Inclusief custom post type “Bungalow”, overzicht- en detailtemplates.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: durbuy-bungalow
*/

:root{
  --db-green:#0d3b2e;
  --db-green-2:#145a43;
  --db-beige:#e7dcc5;
  --db-cream:#f5efe2;
  --db-text:#1f2937;
  --db-white:#ffffff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--db-text);
  background:var(--db-cream);
  line-height:1.6;
}
a{color:var(--db-green-2);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:0 1.25rem}
.btn{display:inline-block;background:var(--db-green);color:#fff;padding:.85rem 1.2rem;border-radius:.6rem;font-weight:600}
.btn--light{background:var(--db-beige);color:var(--db-green)}
.btn:hover{opacity:.95;text-decoration:none}
.grid{display:grid;gap:1.25rem}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width: 900px){ .grid--3{grid-template-columns:1fr 1fr} }
@media (max-width: 640px){ .grid--3{grid-template-columns:1fr} }

/* Header */
.db-header{position:sticky;top:0;z-index:40;background:rgba(13,59,46,.98);color:#fff}
.db-header a{color:#fff}
.db-nav{display:flex;align-items:center;justify-content:space-between;padding:.9rem 0}
.db-logo{font-size:1.15rem;font-weight:800;letter-spacing:.5px}

/* Hero */
.db-hero{position:relative;background:var(--db-green);color:#fff;min-height:68vh;display:flex;align-items:center;overflow:hidden}
.db-hero__bg{position:absolute;inset:0;background-position:center;background-size:cover;filter:brightness(.7)}
.db-hero__content{position:relative;z-index:2}
.db-hero h1{font-size:clamp(2rem,4vw,3.4rem);margin:0 0 .75rem}
.db-hero p{font-size:1.1rem;max-width:50ch;margin:.25rem 0 1.25rem}

/* Availability form */
.db-search{display:grid;gap:.6rem;grid-template-columns:repeat(4,minmax(0,1fr));background:rgba(255,255,255,.92);padding:.75rem;border-radius:.75rem;color:#111}
.db-search label{font-size:.8rem;font-weight:600;display:block;margin-bottom:.25rem}
.db-search input,.db-search select{width:100%;padding:.65rem .7rem;border:1px solid #d1d5db;border-radius:.5rem}
@media(max-width:900px){.db-search{grid-template-columns:1fr 1fr}}

/* Cards */
.db-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 8px 24px rgba(16,24,40,.08)}
.db-card__img{display:block;aspect-ratio:16/10;object-fit:cover;width:100%}
.db-card__body{padding:1rem}
.db-card h3{margin:.2rem 0 .4rem;font-size:1.1rem}
.db-card__meta{font-size:.9rem;color:#475569}

/* Sections */
.section{padding:3.2rem 0}
.section--dark{background:var(--db-green);color:#fff}

/* Footer */
.db-footer{background:var(--db-green);color:#fff;padding:2rem 0}
.db-footer a{color:#fff}

.wp-caption{max-width:100%}
.alignwide{margin-left:calc(50% - 45vw);margin-right:calc(50% - 45vw)}
.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}