/* Frieslandgoed: woningkaarten (archief + homepage-shortcode) en woningpagina. Laadt na listings.css. Wad Up, sept 2026. */
:root{--fg-navy:#00205B;--fg-deep:#0A1A3F;--fg-red:#D22630;--fg-cash:#B3979B;--fg-cashd:#6F555A;--fg-cashl:#E9DDDC;--fg-cream:#F6F2EE;--fg-white:#FBFAF8;--fg-text:#2B2F3A;--fg-ease:cubic-bezier(.23,1,.32,1)}
body.single-rw_makelaar_houses,body.post-type-archive-rw_makelaar_houses,body.tax-rw_makelaar_city,body.tax-rw_makelaar_type,body.tax-rw_makelaar_status{--color-primary:#00205B;--color-secondary:#D22630;--color-tertiary:#B3979B;--color-accent:#00205B;--bg-color:#F6F2EE;--box-shadow:none}

/* ---------- kaarten ---------- */
/* Elementor geeft de shortcode-widget op mobiel geen definitieve breedte; zonder width:100% rekent Chrome de aspect-ratio-kaarten op 0 hoogte en schuift de volgende sectie eroverheen. */
.elementor-widget.fg-aanbod-cards{width:100%}
.fg-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.results-container.cards.fg-cards{gap:28px;padding:0}
@media (max-width:1023px){.fg-cards,.results-container.cards.fg-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media (max-width:599px){.fg-cards,.results-container.cards.fg-cards{grid-template-columns:minmax(0,1fr);gap:20px}}
.fg-card{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--fg-deep);color:#fff;text-decoration:none;isolation:isolate;-webkit-tap-highlight-color:transparent}
.fg-card__media{position:absolute;inset:0;z-index:0}
.fg-card .fg-card__media .fg-card__img,.elementor .fg-card .fg-card__media img{width:100%;height:100%;max-width:none;object-fit:cover;display:block;transform:scale(1.001);transition:transform 1.1s var(--fg-ease)}
.fg-card::before,.fg-card::after{content:"";position:absolute;left:0;right:0;z-index:1;pointer-events:none}
.fg-card::before{top:0;height:60%;background:linear-gradient(180deg,rgba(10,26,63,.80) 0%,rgba(10,26,63,.38) 55%,rgba(10,26,63,0) 100%)}
.fg-card::after{bottom:0;height:42%;background:linear-gradient(0deg,rgba(10,26,63,.74) 0%,rgba(10,26,63,0) 100%)}
.fg-card__head{position:absolute;z-index:2;left:26px;right:26px;top:24px;display:flex;flex-direction:column;gap:4px}
.fg-card--status .fg-card__head{right:132px}
.fg-card__city{font:600 12px/1.4 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-cashl)}
.fg-card__title{font:600 28px/1.2 "Cormorant Garamond",serif;color:#fff}
.fg-card__price{font:600 17px/1.4 Montserrat,sans-serif;color:#fff;margin-top:2px}
.fg-card__status{position:absolute;z-index:3;right:0;top:24px;background:var(--fg-red);color:#fff;font:600 11px/1 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:9px 14px}
.fg-card__specs{position:absolute;z-index:2;left:26px;right:26px;bottom:22px;display:flex;flex-wrap:wrap;font:500 14px/1.3 Montserrat,sans-serif;color:#fff}
.fg-card__specs span{padding:0 14px;border-left:1px solid rgba(255,255,255,.38)}
.fg-card__specs span:first-child{padding-left:0;border-left:0}
@media (hover:hover) and (pointer:fine){.fg-card:hover .fg-card__img{transform:scale(1.05)}}
.fg-card--nophoto{background:var(--fg-cashl)}
.fg-card--nophoto::before,.fg-card--nophoto::after{display:none}
.fg-card--nophoto .fg-card__media{background:url(/wp-content/uploads/logo/frieslandgoed-icoon.svg) center 58% / 130px auto no-repeat;opacity:.16}
.fg-card--nophoto .fg-card__city{color:var(--fg-cashd)}
.fg-card--nophoto .fg-card__title,.fg-card--nophoto .fg-card__price,.fg-card--nophoto .fg-card__specs{color:var(--fg-navy)}
.fg-card--nophoto .fg-card__specs span{border-color:rgba(0,32,91,.25)}
@media (max-width:767px){.fg-card__head{left:20px;right:20px;top:18px}.fg-card--status .fg-card__head{right:120px}.fg-card__title{font-size:21px}.fg-card__specs{left:20px;right:20px;bottom:18px;font-size:12px}.fg-card__specs span{padding:0 10px}.fg-card__status{top:18px}}

/* ---------- status-navigatie (te koop / onder voorbehoud / verkocht) ---------- */
.fg-status-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}
.fg-status-nav a{display:inline-flex;align-items:baseline;gap:8px;padding:12px 20px;border:1px solid var(--fg-cash);color:var(--fg-navy);font:600 13px/1 Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background-color .25s ease,color .25s ease,border-color .25s ease}
.fg-status-nav a:hover{border-color:var(--fg-navy);color:var(--fg-navy)}
.fg-status-nav a.is-active{background:var(--fg-navy);border-color:var(--fg-navy);color:#fff}
.fg-status-nav a span{font-weight:500;letter-spacing:0;opacity:.7}
@media (max-width:599px){.fg-status-nav a{padding:11px 14px;font-size:12px}}

/* ---------- archief ---------- */
.fg-archive-head{padding:64px 0 0;background:var(--fg-cream)}
.fg-archive .archive__title{margin:0;font:600 clamp(39px,4.2vw,56px)/1.1 "Cormorant Garamond",serif;color:var(--fg-navy)}
.fg-archive .search-filters{padding-block:2.25rem 3rem}
.fg-archive .search-content{padding-block:2.5rem 5rem}
.fg-archive .archive__toolbar{margin-bottom:8px}
.fg-archive .archive__none{font:400 19px/1.6 Montserrat,sans-serif;color:var(--fg-text)}

/* ---------- woningpagina ---------- */
.single-rw_makelaar_houses .single__heading{left:1.25rem;right:1.25rem;bottom:1.75rem}
@media (min-width:768px){.single-rw_makelaar_houses .single__heading{left:3.5rem;right:3.5rem;bottom:3.5rem}.photos .photos__grid__item:first-child{height:76vh}}
.single__heading .single__status{font:600 11px/1 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:9px 14px;margin-bottom:16px;background:var(--fg-red)}
.single__heading .single__city{font:600 12px/1.4 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-cashl);margin-bottom:8px;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.single__heading h1.single__title{font:600 clamp(32px,3.8vw,52px)/1.1 "Cormorant Garamond",serif;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35)}
.single__heading .single__price{font:600 18px/1.4 Montserrat,sans-serif;text-transform:none;margin-top:12px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.photos .photos__grid__item:not(:first-child){overflow:hidden}
.photos .photos__grid__item:not(:first-child) .photos__image{transition:transform .9s var(--fg-ease)}
@media (hover:hover) and (pointer:fine){.photos .photos__grid__item:not(:first-child):hover .photos__image{transform:scale(1.04)}}
.photos__all-media{font:500 15px/1.3 Montserrat,sans-serif}
@media (max-width:479px){.photos__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photos .photos__grid__item:first-child{grid-column:span 2;height:60vh}.photos .photos__grid__item:nth-of-type(2),.photos .photos__grid__item:nth-of-type(3),.photos .photos__grid__item:nth-of-type(4),.photos .photos__grid__item:nth-of-type(5){display:grid}.photos .photos__grid__item:nth-of-type(n+6){display:none}}
.single__h2{font:600 clamp(28px,2.7vw,35px)/1.15 "Cormorant Garamond",serif;color:var(--fg-navy);margin:0 0 18px}
.single__block.description{padding-block:4.5rem 3rem;margin-bottom:0}
.description__content{max-width:72ch;font:400 19px/1.7 Montserrat,sans-serif;color:var(--fg-text)}
.description__content p{margin:0 0 1em}
.single__block__more{font:600 13px/1 Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-navy)}
.description .single__block__more{border-top:1px solid var(--fg-cash);padding-top:10px;margin-top:8px}
.single__block__more__text::after{font-size:11px}
.single__block.characteristics{background-color:var(--fg-navy);padding-block:2.5rem 1.25rem}
.characteristics__list{justify-content:space-between;gap:1.5em 2em;padding-bottom:2.25em}
.characteristics__item{flex:1 1 120px}
.characteristics__item img{height:1.9rem}
.characteristics__value{font:500 17px/1.4 Montserrat,sans-serif;margin-top:.8rem;text-align:center}
.table__title{font:600 22px/1.3 "Cormorant Garamond",serif;text-transform:none;color:#fff;margin-bottom:.75em}
.table__row,.table__row:not(:first-child){border-color:rgba(255,255,255,.22)}
.table__cell{font:400 17px/1.5 Montserrat,sans-serif;padding:10px 0}
.table__cell+.table__cell{font-weight:500}
.characteristics .single__block__more{border-top:1px solid rgba(255,255,255,.25);padding-top:1.1rem;color:#fff}
.single__block.location{padding-block:4.5rem 0}
.location__address{font:400 18px/1.5 Montserrat,sans-serif;color:var(--fg-cashd);margin:-8px 0 22px}
.mke-map{display:block;height:460px}
@media (max-width:767px){.mke-map{height:320px}.single__block.description,.single__block.location{padding-block:3rem 2rem}}
.single__block.fg-single-cta{padding:0;margin:5rem 0 0;background:#fff}
.fg-single-cta__inner{display:grid;grid-template-columns:1fr 1fr}
.fg-single-cta__photo{overflow:hidden}
.fg-single-cta__photo img,.elementor .fg-single-cta__photo img{width:100%;height:100%;object-fit:cover;display:block;min-height:440px;transition:transform .9s var(--fg-ease)}
@media (hover:hover) and (pointer:fine){.fg-single-cta:hover .fg-single-cta__photo img{transform:scale(1.03)}}
.fg-single-cta__panel{background:var(--fg-cashl);padding:88px 80px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.fg-single-cta__panel h2{font:600 clamp(30px,3.2vw,43px)/1.15 "Cormorant Garamond",serif;color:var(--fg-navy);margin:0}
.fg-single-cta__panel p{font:400 19px/1.65 Montserrat,sans-serif;color:var(--fg-navy);margin:0;max-width:46ch}
.fg-single-cta__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px}
.fg-btn-solid,.fg-btn-ghost{display:inline-block;font:600 13px/1 Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:16px 28px;text-decoration:none;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .16s ease}
.fg-single-cta__actions a.fg-btn-solid{background:var(--fg-navy);color:#fff}.fg-single-cta__actions a.fg-btn-solid:hover{background:var(--fg-deep);color:#fff}
.fg-single-cta__actions a.fg-btn-ghost{border:1px solid var(--fg-cash);color:var(--fg-navy)}.fg-single-cta__actions a.fg-btn-ghost:hover{border-color:var(--fg-navy);color:var(--fg-navy)}
.fg-btn-solid:active,.fg-btn-ghost:active{transform:scale(.98)}
@media (max-width:1023px){.fg-single-cta__panel{padding:64px 48px}}
@media (max-width:767px){.fg-single-cta__inner{grid-template-columns:1fr}.fg-single-cta__photo img{min-height:0;aspect-ratio:3/2}.fg-single-cta__panel{padding:48px 24px}.single__block.fg-single-cta{margin-top:3rem}}
@media (prefers-reduced-motion:reduce){.fg-card__img,.photos__image,.fg-single-cta__photo img{transition:none}}