/* Legacy content from the WPZOOM discovery era, restyled for pass 2. */

/* [box]. wpzoom_header_code (.wpz-sc-box.tick background) is folded in here. */
.wpz-sc-box{margin:0 0 1.2em;padding:16px 20px;border-left:4px solid var(--lagoon);background:var(--foam)}
.wpz-sc-box>:last-child{margin-bottom:0}
.wpz-sc-box.tick{background:var(--tick);border-left-color:var(--tick-line)}
.wpz-sc-box.none_class{background-image:none}

/* Old buttons: orange pills, no arrows */
a.my-button,.partner-link .my-button,a.kj-button,a.visit-agency{display:inline-block;padding:.75em 1.4em;border:0;border-radius:999px;background:var(--orange);color:#fff;font-weight:800;line-height:1.2;text-decoration:none;box-shadow:none;text-shadow:none;transition:background .15s}
a.my-button:hover,a.kj-button:hover,a.visit-agency:hover{background:var(--orange-d);color:#fff}
a.my-button.my-blue,a.kj-button.kj-blue,a.my-button.my-green,a.kj-button.kj-green,a.visit-agency{background:var(--sea)}
a.my-button.my-blue:hover,a.kj-button.kj-blue:hover,a.my-button.my-green:hover,a.kj-button.kj-green:hover,a.visit-agency:hover{background:var(--lagoon)}

/* [tt-feed]: plain h2, hairline-separated offers, photo right */
.tt-feed-offers{margin:2em 0}
.entry-content .tt-feed-offers h2{margin:0 0 8px;padding:0;background:none;color:var(--sea);text-align:left;letter-spacing:-.02em;font-size:1.75rem}
.tt-feed-offer{padding:28px 0;border-top:1px solid var(--line)}
.tt-feed-offer h3{margin:0 0 12px;font-size:1.375rem}
.tt-feed-offer-content{display:flex;flex-direction:row-reverse;justify-content:space-between;gap:28px;align-items:flex-start}
.tt-feed-offer-content p{margin:0 0 .8em}
.tt-feed-offer-content>div{flex:1 1 auto;min-width:0}
.tt-feed-offer-image{background:var(--foam);box-shadow:none;display:block;flex:0 0 40%;width:40%;max-width:300px;height:auto;aspect-ratio:1;object-fit:cover;margin:0;border-radius:16px}
.tt-feed-offer a.kj-button{gap:.3em;background:var(--orange)}
.tt-feed-offer a.kj-button:hover{background:var(--orange-d)}
@media (max-width:760px){.tt-feed-offer-content{display:block}.tt-feed-offer-image{width:100%;max-width:100%;aspect-ratio:3/2;margin:0 0 16px}}

/* Alignment, captions, images */
.alignleft{float:left;margin:.3em 1.5em 1em 0}
.alignright{float:right;margin:.3em 0 1em 1.5em}
.aligncenter{display:block;margin:1em auto;text-align:center}
.alignnone{margin:1em 0}
/* Content photos (compat.php marks them .is-wide) span the text column at their own proportions. */
.entry-content img.is-wide{display:block;width:100%;max-width:none;height:auto;margin:1.75em 0 1.25em;background:var(--foam)}
/* Old content puts the photo in the paragraph it introduces, followed by a <br>. */
.entry-content img.is-wide+br,.entry-content img.is-wide+noscript+br{display:none}
img.alignleft,img.alignright,img.aligncenter,img.alignnone{max-width:100%;height:auto}
.entry-content img{max-width:100%;height:auto;border-radius:16px}
.entry-content img[class*="size-"],.entry-content img[class*="wp-image-"]{height:auto}
.wp-caption{max-width:100%;margin:1em 0}
.wp-caption img{display:block;margin:0 auto}
.wp-caption-text,.wp-caption .wp-caption-text{font-size:.875rem;color:var(--sea-soft);text-align:left;margin:.5em 0 0}
.gallery{display:flex;flex-wrap:wrap;gap:12px;margin:1em 0}
.gallery-item{margin:0;flex:1 1 140px}
.entry-content::after{content:"";display:table;clear:both}
.entry-content p:empty{display:none}
.entry-content h4{margin:1.2em 0 .4em;font-size:1.1rem}
.entry-content span[style*="underline"]{text-decoration:none!important}
.entry-content img[style*="border"]{border:0!important}
.cleaner{clear:both}
/* Embedded maps and videos: framed so the box reads as a slot while it loads. */
.entry-content iframe{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;margin:1.5em 0;border:0;border-radius:16px;background:var(--foam)}
.entry-content iframe[src*="google.com/maps"],.entry-content iframe[src*="youtube"]{min-height:260px}
@media (max-width:620px){.alignleft,.alignright{float:none;display:block;margin:1em auto}}

/* Contact Form 7 */
.wpcf7 form p{margin:0 0 1em}
.wpcf7 label{font-weight:700;display:block}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=url],.wpcf7 input[type=number],.wpcf7 textarea,.wpcf7 select{width:100%;max-width:560px;min-height:48px;font:inherit;padding:.6em 1em;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--sea);margin-top:4px}
.wpcf7 textarea{min-height:160px}
.wpcf7 input[type=submit]{font:inherit;font-weight:800;min-height:48px;color:#fff;background:var(--orange);border:0;border-radius:999px;padding:.75em 1.8em;cursor:pointer}
.wpcf7 input[type=submit]:hover{background:var(--orange-d)}
.wpcf7-not-valid-tip{color:#b3261e;font-size:.875rem}
.wpcf7 form .wpcf7-response-output{border:0;border-left:4px solid var(--lagoon);background:var(--foam);margin:1em 0;padding:.7em 1em}

/* Sitemap */
.wsp-pages-title{display:none}
.wsp-container ul{list-style:none;padding-left:0}
.wsp-container li{padding:4px 0}
.wsp-container li::before{content:none}
.wsp-container ul ul{padding-left:20px}

/* Horizontal rules in content (e.g. between the operators on the Reisorganisaties pages). */
.entry-content hr{height:1px;margin:2.5em 0;border:0;background:var(--line)}

.operator{display:flow-root}
.operator h2{margin-top:0}
.operator-logo{float:right;width:200px;margin:.3em 0 1em 1.5em}
.operator-logo img{display:block;width:100%;height:auto;max-height:100px;object-fit:contain;object-position:right center}
@media (max-width:620px){.operator-logo{width:140px;margin:.2em 0 .8em 1em}.operator-logo img{max-height:70px}}

/* [tt-feed] feeds whose items have no description: a grid of hotel tiles (photo, name, price)
   instead of rows with an empty text column. */
.tt-feed-offers.is-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
.tt-feed-offers.is-tiles>h2{grid-column:1/-1;margin-bottom:0}
.tt-feed-offers.is-tiles .tt-feed-offer{display:flex;flex-direction:column;padding:0;border:0}
.tt-feed-offers.is-tiles .tt-feed-offer h3{order:2;margin:12px 0 10px;font-size:1.05rem;line-height:1.3;flex:1}
.tt-feed-offers.is-tiles .tt-feed-offer-content,
.tt-feed-offers.is-tiles .tt-feed-offer-content>div{display:contents}
.tt-feed-offers.is-tiles .tt-feed-offer-image{order:1;width:100%;max-width:none;flex:none;aspect-ratio:4/3;margin:0;box-shadow:none}
.tt-feed-offers.is-tiles .tt-feed-offer p:not(:empty){order:3;margin:0}
.tt-feed-offers.is-tiles .kj-button{padding:.6em 1.1em;font-size:.92rem}
@media (max-width:900px){.tt-feed-offers.is-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}
/* Three columns: drop a lone last tile so the grid ends on a full row (2-column layouts keep it). */
@media (min-width:901px){.tt-feed-offers.is-tiles .tt-feed-offer:nth-of-type(3n+1):last-of-type{display:none}}
@media (max-width:520px){.tt-feed-offers.is-tiles .kj-button{padding:.55em .9em;font-size:.82rem}}

/* [link-exchange]: categories as a simple list of headed groups */
.entry-content .link-exchanges,.entry-content .link-exchanges ul{list-style:none;margin:0;padding:0}
.entry-content .link-exchanges ul ul{padding-left:20px}
.entry-content .link-exchanges li{padding:3px 0}
.entry-content .link-exchanges li::before,.entry-content .link-exchanges li::marker{content:none}
.entry-content .link-exchanges-category{float:none;width:auto;margin:0 0 16px}
.entry-content .link-exchanges-category h3{font-size:1.1rem;margin:0 0 6px}