/* Casa N°7 v7 — infobalk, kop met hoofdmenu, voet. */

/* Flatsome-kop neutraliseren */
#header, #header .header-wrapper{background:var(--cn7-paper);box-shadow:none;height:auto;min-height:0;}
#header .header-wrapper.stuck{position:relative;}

/* Infobalk */
.cn7-infobalk{display:flex;flex-wrap:wrap;gap:6px 22px;padding:9px var(--cn7-pad-x);border-bottom:1px solid var(--cn7-rule-top);
  font-family:var(--cn7-mono);font-size:12px;line-height:1.5;color:var(--cn7-text-3);background:var(--cn7-paper);}

/* Kop */
.cn7-kop{position:relative;display:flex;align-items:center;gap:36px;padding:18px var(--cn7-pad-x);background:var(--cn7-paper);}
.cn7-woordmerk{font-family:var(--cn7-serif);font-size:30px;line-height:1;letter-spacing:-.015em;color:var(--cn7-ink);text-decoration:none;white-space:nowrap;}
.cn7-woordmerk:hover{color:var(--cn7-ink);}
.cn7-nav{display:flex;gap:28px;flex:1;}
.cn7-kop summary{list-style:none;cursor:pointer;font-family:var(--cn7-sans);font-size:15px;font-weight:500;color:var(--cn7-ink);padding:6px 0;}
.cn7-kop summary::-webkit-details-marker{display:none;}
.cn7-groep > summary::after{content:" ▾";font-size:11px;}
.cn7-kop details[open] > summary{font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;}
.cn7-groep.cn7-accent > summary{color:var(--cn7-oxide);}

/* Paneel over de volle breedte */
.cn7-paneel{position:absolute;left:0;right:0;top:100%;z-index:60;background:var(--cn7-paper);
  border-top:1px solid var(--cn7-rule);border-bottom:2px solid var(--cn7-ink);padding:28px var(--cn7-pad-x) 36px;}
.cn7-kolommen{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px 40px;max-width:1180px;margin:0 auto;}
.cn7-kolomkop{font-family:var(--cn7-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--cn7-oxide);margin:0 0 6px;}
.cn7-kolom ul{list-style:none;margin:0;padding:0;}
.cn7-kolom li{margin:0;}
.cn7-kolom a{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-bottom:1px solid var(--cn7-rule);font-size:16px;color:var(--cn7-ink);text-decoration:none;}
.cn7-kolom a:hover,.cn7-kolom a[aria-current]{color:var(--cn7-oxide);}
.cn7-uitleg{font-family:var(--cn7-mono);font-size:12px;color:var(--cn7-label);}
.cn7-noot{grid-column:1/-1;font-size:13px;color:var(--cn7-text-3);margin:10px 0 0;list-style:none;}
.cn7-kolom li.cn7-noot{padding-top:10px;}

/* Acties rechts */
.cn7-acties{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:14px;}
.cn7-acties > a,.cn7-acties summary{font-size:14px;font-weight:500;color:var(--cn7-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
.cn7-zoekvorm{display:grid;grid-template-columns:1fr auto;gap:10px 16px;align-items:end;max-width:1180px;margin:0 auto;}
.cn7-zoekvorm .cn7-label{grid-column:1/-1;}
.cn7-zoekvorm input[type=search]{font-family:var(--cn7-serif);font-size:clamp(26px,3.4vw,44px);border-bottom:2px solid var(--cn7-ink);padding:6px 0;height:auto;margin:0;}
.cn7-zoekvorm .button{margin:0;}
.cn7-menuknop{display:none;}

.cn7-nav-account{display:none;}
.cn7-infobalk-mobiel{display:none;}
/* 13:00-belofte alleen als er plaats is op één regel */
.cn7-infobalk > .cn7-infobalk-breed{display:none;}
@media (min-width:1240px){.cn7-infobalk > .cn7-infobalk-breed{display:inline;}}

/* Mobiel (HANDOFF-foto-mobiel §2, breekpunt 760px): kop op één regel, menu als paneel over de volle breedte */
@media (max-width:760px){
  .cn7-kop{flex-wrap:nowrap;gap:12px;padding-top:10px;padding-bottom:6px;}
  .cn7-woordmerk{font-size:26px;}
  .cn7-acties{gap:12px;margin-left:auto;font-size:14px;}
  .cn7-acties > a,.cn7-acties summary,.cn7-menuknop{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;font-size:14px;}
  .cn7-account{display:none !important;}
  html .cn7-menuknop{background:none !important;color:var(--cn7-ink) !important;border:0 !important;padding:0;margin:0;box-shadow:none;
    font-family:var(--cn7-sans);font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;text-decoration:none;cursor:pointer;}
  .cn7-menuknop[aria-expanded="true"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;}
  .cn7-nav{display:none;position:absolute;left:0;right:0;top:100%;z-index:70;flex-direction:column;gap:0;
    max-height:calc(100vh - 80px);overflow-y:auto;background:var(--cn7-paper);
    border-top:1px solid var(--cn7-ink);border-bottom:2px solid var(--cn7-ink);padding:4px var(--cn7-pad-x) 24px;}
  .cn7-nav.is-open{display:flex;}
  .cn7-nav .cn7-groep{border-bottom:1px solid var(--cn7-rule);}
  .cn7-nav summary{min-height:44px;display:flex;align-items:center;padding:8px 0;font-family:var(--cn7-serif);font-size:24px;font-weight:400;}
  .cn7-nav details[open] > summary{font-weight:400;}
  .cn7-paneel{position:static;border:0;padding:0 0 16px;}
  .cn7-zoeken .cn7-paneel{position:absolute;padding:20px var(--cn7-pad-x);}
  .cn7-kolommen{grid-template-columns:1fr;gap:18px;}
  .cn7-kolom a{min-height:44px;justify-content:center;}
  .cn7-nav-account{display:flex;align-items:center;min-height:44px;margin-top:8px;font-size:16px;font-weight:600;color:var(--cn7-ink);}
}

/* Voet op ink */
#footer.footer-wrapper{background:var(--cn7-ink);}
.cn7-voet{background:var(--cn7-ink);color:var(--cn7-cream-2);padding:clamp(56px,7vw,96px) var(--cn7-pad-x) 28px;}
.cn7-voet-binnen{display:grid;grid-template-columns:1.2fr 1.4fr 1fr;gap:40px;max-width:1180px;margin:0 auto;}
.cn7-voet .cn7-woordmerk{color:var(--cn7-cream-1);}
.cn7-voet-merk p{margin-top:12px;font-size:15px;color:var(--cn7-cream-2);}
.cn7-voet-gegevens{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:0;font-family:var(--cn7-mono);font-size:12px;}
.cn7-voet-gegevens dt{color:var(--cn7-cream-3);font-weight:400;}
.cn7-voet-gegevens dd{margin:0;color:var(--cn7-cream-1);}
.cn7-voet a{color:var(--cn7-cream-1);}
.cn7-voet a:hover{color:var(--cn7-oxide-light);}
.cn7-voet-links ul{list-style:none;margin:0;padding:0;}
.cn7-voet-links li{margin:0;}
.cn7-voet-links a{display:block;padding:6px 0;font-size:15px;text-decoration:none;border-bottom:1px solid #2c251e;}
.cn7-voet-regel{max-width:1180px;margin:48px auto 0;padding-top:16px;border-top:1px solid #2c251e;font-family:var(--cn7-mono);font-size:12px;color:var(--cn7-cream-3);}
.cn7-voet-regel p{margin:0 0 6px;}
.cn7-voet-sociaal a{margin-right:18px;color:var(--cn7-cream-2);}
@media (max-width:899px){.cn7-voet-binnen{grid-template-columns:1fr;gap:28px;}}

/* Infobalk mobiel: één regel "gratis afhalen · gratis verzending in BE €120 · NL €160"; adres, uren en score staan in menu en voet */
@media (max-width:760px){
  .cn7-infobalk{flex-wrap:nowrap;white-space:nowrap;overflow:hidden;font-size:10.5px;padding-top:7px;padding-bottom:7px;}
  .cn7-infobalk > span{display:none;}
  .cn7-infobalk > .cn7-infobalk-mobiel{display:inline;}
}

/* TrustProfile-balk bovenaan (mobiel): blijft staan, maar in de papierkleur van de site met een lijn eronder */
@media (max-width:760px){
  html #wwkPreactRoot .wwk-sidebar--top-wrapper,html #wwkPreactRoot .wwk-sidebar--top,
  html #wwkPreactRoot .wwk-sidebar--top *:not(.wwk-sidebar__balloon):not(.wwk-sidebar__balloon *){background-color:var(--cn7-paper) !important;box-shadow:none !important;}
  html #wwkPreactRoot .wwk-sidebar--top-container{border-bottom:1px solid var(--cn7-rule-top);}
}

/* Overgangsmelding (tijdelijk, tot 16 maart 2027): balk boven de infobalk */
.cn7-overgang{display:flex;align-items:center;gap:14px;padding:10px var(--cn7-pad-x);background:#F7F2E8;border-bottom:1px solid var(--cn7-rule);}
.cn7-overgang[hidden]{display:none;}
.cn7-overgang img{display:block;width:44px;height:44px;flex:none;}
.cn7-overgang p{margin:0;flex:1;font-family:var(--cn7-sans);font-size:14px;line-height:1.45;color:var(--cn7-ink);}
html .cn7-overgang-sluit{min-height:44px;margin:0;padding:0 6px;border:0;background:none !important;box-shadow:none;color:var(--cn7-ink) !important;
  font-family:var(--cn7-sans);font-size:13px;font-weight:400;text-transform:none;letter-spacing:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
@media (max-width:760px){
  .cn7-overgang{gap:10px;padding-top:6px;padding-bottom:6px;}
  .cn7-overgang img{width:36px;height:36px;}
  .cn7-overgang p{font-size:13px;line-height:1.35;}
}