/* ============================================================
CAN JAN VIVES — header + footer voor Lodgify
Plak DEZE CODE in het JAVASCRIPT-veld van Lodgify (niet het HTML-veld).
Accentkleur: wit (geen oranje).
Het HTML-veld mag leeg blijven.
============================================================ */
(function () {
// 1. Lettertypes
var link = document.createElement('link');
link.rel = 'stylesheet';
link.href = 'https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif&display=swap';
document.head.appendChild(link);
// 2. Stijl
var style = document.createElement('style');
style.textContent = `
.cjv-hd,.cjv-hd *{box-sizing:border-box;margin:0;padding:0}
.cjv-hd{background:#004444!important;font-family:'Instrument Sans',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;position:relative;z-index:9999}
.cjv-hd .cjv-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 24px;flex-wrap:wrap}
.cjv-hd .cjv-logo img{height:52px;width:auto;display:block}
.cjv-hd nav{display:flex;align-items:center;flex-wrap:wrap}
.cjv-hd nav ul{list-style:none;display:flex;align-items:center;flex-wrap:wrap}
.cjv-hd nav>ul>li{position:relative}
.cjv-hd nav>ul>li+li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:14px;width:1px;background:rgba(255,255,255,.35)}
.cjv-hd nav a{color:#fff!important;text-decoration:none;text-transform:uppercase;font-size:14px;letter-spacing:.06em;font-weight:500;padding:8px 14px;display:inline-block;line-height:1}
.cjv-hd nav a:hover{color:#ffffff!important;opacity:.7}
.cjv-hd .cjv-caret{font-size:9px;margin-left:5px}
.cjv-hd .cjv-sub{position:absolute;top:100%;left:8px;min-width:190px;background:#004444;border-top:2px solid #ffffff;padding:6px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.cjv-hd .cjv-has:hover .cjv-sub,.cjv-hd .cjv-has:focus-within .cjv-sub{opacity:1;visibility:visible;transform:translateY(0)}
.cjv-hd .cjv-sub li::before{display:none}
.cjv-hd .cjv-sub a{display:block;text-transform:none;letter-spacing:0;font-size:14px;padding:9px 18px;white-space:nowrap}
.cjv-hd .cjv-lang{display:flex;align-items:center;margin-left:6px}
.cjv-hd .cjv-lang a{font-size:12px;letter-spacing:.05em;padding:6px 6px;color:#cfe0dd!important;text-transform:uppercase}
.cjv-hd .cjv-lang a:hover{color:#fff!important}
@media(max-width:860px){
.cjv-hd .cjv-inner{flex-direction:column;gap:10px;padding:12px}
.cjv-hd nav{flex-direction:column}
.cjv-hd nav>ul{justify-content:center}
.cjv-hd nav>ul>li+li::before{display:none}
.cjv-hd .cjv-sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:none;background:transparent;display:flex;flex-wrap:wrap;justify-content:center;padding:0}
.cjv-hd .cjv-sub a{padding:6px 10px;color:#cfe0dd!important}
.cjv-hd .cjv-lang{margin:6px 0 0}
}
.cjv-ft,.cjv-ft *{box-sizing:border-box;margin:0;padding:0}
.cjv-ft{background:#004444!important;color:#eef3f1!important;font-family:'Instrument Sans',system-ui,-apple-system,sans-serif;border-top:3px solid #ffffff}
.cjv-ft .cjv-in{max-width:1200px;margin:0 auto;padding:48px 24px 30px;display:flex;flex-wrap:wrap;gap:40px}
.cjv-ft .cjv-col{flex:1 1 200px;min-width:190px}
.cjv-ft .cjv-brand img{height:70px;width:auto;margin-bottom:16px}
.cjv-ft h3{font-family:'Instrument Serif',serif;font-weight:400;font-size:24px;color:#fff;margin-bottom:16px}
.cjv-ft p,.cjv-ft a,.cjv-ft li{font-size:15px;line-height:1.75;color:#e3ece9!important}
.cjv-ft a{text-decoration:none}
.cjv-ft a:hover{color:#ffffff!important}
.cjv-ft ul{list-style:none}
.cjv-ft ul li{margin-bottom:6px}
.cjv-ft .cjv-social{display:flex;gap:14px;margin-top:4px}
.cjv-ft .cjv-social a{display:inline-flex;width:40px;height:40px;border:1px solid rgba(255,255,255,.3);border-radius:50%;align-items:center;justify-content:center;transition:.18s}
.cjv-ft .cjv-social a:hover{background:#ffffff;border-color:#ffffff}
.cjv-ft .cjv-social svg{width:18px;height:18px;fill:#fff}
.cjv-ft .cjv-social a:hover svg{fill:#004444}
.cjv-ft .cjv-bottom{border-top:1px solid rgba(255,255,255,.15);text-align:center;padding:18px 24px;font-size:13px;color:#bcd0cb!important;line-height:1.7}
@media(max-width:760px){
.cjv-ft .cjv-in{flex-direction:column;gap:28px;text-align:center}
.cjv-ft .cjv-social{justify-content:center}
.cjv-ft .cjv-brand img{margin:0 auto 16px}
}`;
document.head.appendChild(style);
// 3. Logo
var LOGO = 'https://canjanvives.com/wp-content/uploads/2022/09/IMG_7814-e1733317697483.png';
// 4. Header
var HEADER =
'
' +
'

' +
'
' +
'
';
// 5. Footer
var FOOTER =
'
' +
'

A 19th-century casa rural on the Costa Brava. 5 ensuite rooms, pool and breakfast, just 15 minutes from the coast.
' +
'
' +
'
' +
'
' +
'
' +
'
© 2026 Can Jan Vives · All rights reserved · HUTG-0581362
This website is a creative design of Laura de Waal
';
// 6. Plaatsen: header bovenaan, footer onderaan
function inject() {
if (!document.body || document.getElementById('cjv-hd-root')) return;
var h = document.createElement('div'); h.id = 'cjv-hd-root'; h.innerHTML = HEADER;
document.body.insertBefore(h, document.body.firstChild);
var f = document.createElement('div'); f.id = 'cjv-ft-root'; f.innerHTML = FOOTER;
document.body.appendChild(f);
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', inject);
} else {
inject();
}
})();