/* Eigen site-footer (strangler uit Elementor #168). Donkere huisstijl.
 *
 * Breekpunt 1024px, gelijk met de header, de productpagina en de productlijst.
 * Onder 1024 staat de footer in mobiele vorm: een kolom, koppen als uitklapbare
 * accordion. Daarboven de volle kolomindeling.
 *
 * Tot 21-08-2026 schakelde de footer op 900px (twee kolommen) en pas op 560px
 * naar de accordion, terwijl de rest van de site op 1024 omklapte. Die
 * tussenstap van 900 is vervallen: onder 1024 gaat alles ineens naar een kolom.
 *
 * LET OP: assets/js/footer.js draagt hetzelfde breekpunt in een matchMedia.
 * Wijzig je het hier, wijzig het daar mee -- anders reageren de koppen niet.
 */
.taw-ft{ background:#000; color:#c3c7cc; font-size:.9375rem; line-height:1.5; }
.taw-ft__wrap{ max-width:1280px; margin:0 auto; padding:3.5rem 1.5rem 2rem; }
.taw-ft__cols{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:2.5rem 2rem; }
.taw-ft__col{ flex:0 1 auto; }

.taw-ft__title{ margin:0 0 1.1rem; font-size:1.0625rem; font-weight:700; color:#fff; }
.taw-ft__title--sub{ margin-top:2rem; }

.taw-ft__links{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.55rem; }
.taw-ft__links a{ color:#c3c7cc; text-decoration:none; transition:color .15s ease; }
.taw-ft__links a:hover{ color:var(--taw-brand); }

/* kWh-maten: subtiel streepje als sub-markering, links uitgelijnd */
.taw-ft__sub a{ font-size:.875rem; color:#9aa0a6; display:inline-flex; align-items:center; gap:.55rem; }
.taw-ft__sub a::before{ content:""; width:8px; height:1px; background:currentColor; opacity:.5; flex:none; }

.taw-ft__contact{ max-width:280px; }
.taw-ft__contact p{ margin:0 0 1rem; }
.taw-ft__contact strong{ color:#fff; font-weight:600; }
.taw-ft__contact a{ color:#c3c7cc; text-decoration:none; }
.taw-ft__contact a:hover{ color:var(--taw-brand); }
.taw-ft__notice{ margin:.25rem 0 0; padding:.6rem .8rem; background:rgba(255,255,255,.06); border-left:2px solid var(--taw-brand); border-radius:0 5px 5px 0; }
.taw-ft__notice p{ margin:0; font-size:.8125rem; line-height:1.4; color:#9aa0a6; }
.taw-ft__notice a{ color:#fff; font-weight:600; text-decoration:none; }
.taw-ft__notice a:hover{ color:var(--taw-brand); }

.taw-ft__bottom{ margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.1); display:flex; flex-wrap:wrap; justify-content:space-between; gap:.5rem; font-size:.875rem; color:#9aa0a6; }
.taw-ft__bottom a{ color:#c3c7cc; text-decoration:none; }
.taw-ft__bottom a:hover{ color:var(--taw-brand); }

@media (max-width:1023px){
	.taw-ft__col{ flex:1 1 100%; }
	.taw-ft__wrap{ padding:2.5rem 1.25rem 1.5rem; }
	.taw-ft__bottom{ flex-direction:column; }
}

/* Kop als toggle-knop (desktop: gewoon tekst; chevron verborgen) */
.taw-ft__toggle{ display:flex; align-items:center; justify-content:space-between; gap:.5rem; width:100%; margin:0; padding:0; background:none; border:0; font:inherit; color:inherit; text-align:left; cursor:default; }
.taw-ft__chev{ display:none; }

/* Mobiel: kolommen als accordion */
@media (max-width:1023px){
	.taw-ft__cols{ gap:0; }
	.taw-ft__sec{ border-top:1px solid rgba(154,160,166,.4); }
	.taw-ft__cols > .taw-ft__col:first-child > .taw-ft__sec:first-child{ border-top:0; }
	.taw-ft__title{ margin:0; font-size:.9375rem; }
	.taw-ft__toggle{ cursor:pointer; padding:.85rem 0; }
	.taw-ft__chev{ display:inline-flex; align-items:center; color:#c3c7cc; }
	.taw-ft__chev svg{ width:18px; height:18px; transition:transform .2s ease; }
	.taw-ft__sec.is-open .taw-ft__chev svg{ transform:rotate(180deg); }
	.taw-ft__panel{ display:none; padding-bottom:1.1rem; }
	.taw-ft__sec.is-open .taw-ft__panel{ display:block; }
}

/* Titelgrootte forceren (thema zet footer-h2 anders op ~22px) */
.taw-ft .taw-ft__title{ font-size:1.0625rem !important; }
@media (max-width:1023px){ .taw-ft .taw-ft__title{ font-size:1rem !important; } }

/* Twee secties in één kolom (Ga snel naar + Kleine lettertjes): ruimte op desktop, flush op mobiel */
.taw-ft__sec + .taw-ft__sec{ margin-top:2rem; }
@media (max-width:1023px){ .taw-ft__sec + .taw-ft__sec{ margin-top:0; } }

/* Mobiel: copyright-ruimte gelijk aan de bovenmarge (geen lijn/extra padding) */
@media (max-width:1023px){ .taw-ft__bottom{ padding-top:0; border-top:0; } }