/*
Theme Name: TX Service
Author: TX Service
Description: Bewerkbaar thema voor tuinonderhoud, ramen wassen en kleine klusjes in Bierbeek.
Version: 1.5.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: tx-service
*/
:root{--green:#24543c;--blue:#173f68;--cream:#f5f5ed;--ink:#182c24}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,sans-serif;font-size:17px;line-height:1.65;background:#fff}a{color:var(--green)}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5vw,5rem)}h2{font-size:clamp(2rem,3.4vw,3.3rem)}h3{font-size:1.5rem}p{max-width:70ch}.site-header{padding:18px max(5vw,20px);display:flex;align-items:center;gap:25px;border-bottom:1px solid #e3e8df;background:white}.brand{font-size:24px;font-weight:900;text-decoration:none;white-space:nowrap}.brand img{width:160px;max-height:75px;object-fit:contain}.site-header nav{margin-left:auto}.site-header ul{list-style:none;display:flex;gap:22px;padding:0;flex-wrap:wrap;margin:0}.site-header nav a{text-decoration:none;color:var(--ink);font-size:15px;font-weight:700}.site-header nav a:hover{text-decoration:underline}.header-cta,.button{display:inline-block;background:var(--green);color:white;border-radius:100px;padding:12px 23px;text-decoration:none;font-weight:700}.skip-link{position:absolute;top:-100px}.skip-link:focus{top:10px;background:white;z-index:50;padding:10px}.entry{max-width:1200px;margin:auto;padding:65px 24px}.entry.home{max-width:none;padding:0}.tx-section{padding:80px max(6vw,24px)}.tx-section>.wp-block-columns,.tx-section>.wp-block-group{max-width:1180px;margin-left:auto;margin-right:auto}.tx-hero{background:var(--cream)}.tx-hero .wp-block-image img{height:580px;width:100%;object-fit:cover;border-radius:160px 160px 15px 15px}.tx-eyebrow{font-size:13px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.tx-green{background:var(--green);color:white}.tx-blue{background:var(--blue);color:white}.tx-green a,.tx-blue a{color:white}.tx-green .wp-block-button__link,.tx-blue .wp-block-button__link{background:white;color:var(--ink)}.wp-block-button__link{background:var(--green);color:white;border-radius:100px;font-weight:700;padding:14px 24px;text-decoration:none}.wp-block-buttons{gap:12px;display:flex;flex-wrap:wrap}.tx-card{padding:30px;border:1px solid #dce3d9;border-radius:20px;background:#fff}.tx-card p{font-size:16px}.tx-portrait img{width:100%;height:450px;object-fit:cover;border-radius:16px}.tx-gallery img{height:340px;width:100%;object-fit:cover;border-radius:14px}.tx-soft{background:var(--cream)}.wp-block-columns{gap:40px}.wp-block-column{min-width:0}.site-footer{background:#132c24;color:#fff;padding:55px max(6vw,24px)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}.site-footer a{color:white}.footer-small{font-size:13px;margin-top:35px;opacity:.85}.contact-links a{display:block;margin:12px 0}.tx-sticky{position:fixed;bottom:20px;right:20px;box-shadow:0 5px 25px #0003;z-index:20;background:var(--green);color:white;border-radius:40px;padding:12px 20px;text-decoration:none;font-size:14px;font-weight:700}details{border-bottom:1px solid #cbd5cd;padding:20px 0}summary{cursor:pointer;font-weight:bold}a:focus-visible,summary:focus-visible{outline:3px solid #edb655;outline-offset:5px}.seo-box input,.seo-box textarea{width:100%}@media(max-width:850px){.site-header{flex-wrap:wrap;gap:12px}.site-header nav{order:3;width:100%}.site-header ul{gap:10px 18px}.header-cta{margin-left:auto;font-size:13px;padding:9px 14px}.tx-section{padding:50px 22px}.tx-hero .wp-block-image img{height:420px}.wp-block-columns{flex-direction:column!important}.footer-grid{grid-template-columns:1fr}.tx-sticky{bottom:12px;right:12px}.entry{padding-top:35px}}
.wp-block-image{margin:0}.tx-hero h1{font-size:clamp(2.6rem,4.5vw,4.3rem)}

/* TX Service 1.1 — typografie, vakmanschap en navigatie */
@font-face{font-family:Manrope;src:url('assets/fonts/Manrope.woff') format('woff');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:Lora;src:url('assets/fonts/Lora.woff') format('woff');font-weight:400 700;font-style:normal;font-display:swap}
body{font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.8;color:#1a3026}h1,h2{font-family:Lora,Georgia,serif;font-weight:500;letter-spacing:-.045em;line-height:1.16}h3{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.025em;line-height:1.35}.tx-hero h1{font-size:clamp(2.5rem,4.2vw,4.3rem);max-width:14ch}.tx-eyebrow{color:#516c58;font-size:11px;letter-spacing:.2em;font-weight:800}.tx-green .tx-eyebrow,.tx-blue .tx-eyebrow{color:#e6f0e9}.tx-topbar{display:flex;justify-content:space-between;gap:15px;padding:9px max(4vw,20px);background:#183729;color:#f2f6ee;font-size:11px;font-weight:600;letter-spacing:.04em}.site-header{position:relative;padding:21px max(3vw,20px);gap:20px;box-shadow:0 8px 30px #18372906;border-bottom:1px solid #e3e8df}.tx-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink)}.tx-monogram{display:flex;align-items:center;justify-content:center;background:var(--green);color:#fff;width:51px;height:55px;border-radius:8px 8px 20px 8px;font-family:Lora,Georgia,serif;font-size:25px;letter-spacing:-.06em}.tx-brand-name{display:block;font-size:21px;font-weight:800;letter-spacing:-.06em;line-height:1.3}.tx-brand-tagline{display:block;font-size:10px;letter-spacing:.025em;font-weight:500;color:#5f7065;margin-top:2px}.site-header nav ul{gap:5px;align-items:center}.site-header nav a{display:block;padding:10px 12px;border-radius:7px;font-size:12px;font-weight:700;transition:background .15s,color .15s}.site-header nav a:hover{background:#eef3ea;text-decoration:none}.site-header nav .current-menu-item>a,.site-header nav .current_page_item>a{background:var(--green);color:#fff}.site-header .header-cta{background:var(--blue);font-size:12px;padding:13px 19px;border-radius:8px;white-space:nowrap;box-shadow:0 4px 12px #173f6814}.tx-menu-toggle{display:none;align-items:center;gap:8px;border:1px solid #d3ddd4;background:#fff;border-radius:8px;padding:10px 14px;font:700 12px Manrope,Arial,sans-serif;color:var(--ink);cursor:pointer}.tx-menu-icon{font-size:17px;line-height:1}.tx-card{border-radius:10px;padding:30px;background:#fff;box-shadow:0 10px 35px #18372906;border:1px solid #e0e7dd;border-top:3px solid var(--green)}.tx-card h3{font-size:21px}.tx-card p{font-size:14px;line-height:1.9}.tx-green .tx-card,.tx-blue .tx-card{color:#183729}.tx-green .tx-card a,.tx-blue .tx-card a{background:var(--green);color:white}.tx-hero{background:linear-gradient(120deg,#f5f5ed,#edf1e7)}.tx-hero .wp-block-image img{border-radius:12px 130px 12px 12px;box-shadow:15px 15px 0 #dce5d7}.wp-block-button__link,.button{border-radius:8px;font-size:13px;letter-spacing:.015em;padding:15px 24px}.tx-portrait img,.tx-gallery img{border-radius:9px}.tx-section{padding-top:85px;padding-bottom:85px}.tx-soft{background:#f4f4ed}.tx-green{background:linear-gradient(135deg,var(--green),#19372a)}.tx-blue{background:linear-gradient(135deg,var(--blue),#112f4b)}.site-footer h2{font-size:clamp(2rem,3vw,3rem)}.tx-sticky{background:var(--green);border:1px solid #ffffff55;font-size:12px}.site-header nav{order:initial;width:auto}.site-header .header-cta{margin-left:0}.wp-block-image{margin:0}.tx-gallery{margin-bottom:20px}
@media(max-width:1000px){.site-header{flex-wrap:wrap;padding:17px 24px;gap:12px}.site-header .brand{margin-right:auto}.tx-menu-toggle{display:flex}.site-header nav{order:4;width:100%;margin:0;border-top:1px solid #e2e7df;padding-top:14px}.site-header nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:stretch}.site-header nav a{font-size:14px;padding:12px 15px;background:#f5f6f1}.tx-js .site-header nav{display:none}.tx-js .site-header nav.is-open{display:block}.site-header .header-cta{margin-left:0}}
@media(max-width:600px){.tx-topbar{padding:8px 20px;font-size:9px}.tx-topbar span:first-child{max-width:55%}.site-header{padding:15px 20px;gap:12px}.tx-monogram{width:42px;height:46px;font-size:23px}.tx-brand-name{font-size:20px}.tx-brand-tagline{font-size:9px}.site-header .header-cta{order:3;width:100%;text-align:center;padding:11px 16px;font-size:12px}.tx-menu-toggle{padding:10px 12px}.tx-section{padding:48px 22px}.tx-hero h1{font-size:2.7rem;max-width:15ch}.tx-hero .wp-block-image img{height:410px;border-radius:10px 90px 10px 10px;box-shadow:9px 9px 0 #dce5d7}.tx-hero .wp-block-columns{gap:38px}.tx-card{padding:25px}.site-header nav ul{grid-template-columns:1fr 1fr}.tx-sticky{right:12px;bottom:12px}.site-footer{padding-bottom:90px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* TX Service 1.2 — logo en eigen aanspreekpunten */
.tx-brand{gap:14px}.tx-brand .tx-supplied-logo{display:block;width:78px;height:65px;max-height:none;object-fit:contain}.tx-logo-tagline{font-size:11px;font-weight:600;line-height:1.5;max-width:95px;color:#536659}.tx-person-cta{margin:18px 0}.tx-contact-person{border-left:3px solid var(--green);padding:8px 0 8px 20px;margin:22px 0}.tx-contact-tiziano{border-color:var(--blue)}.tx-contact-role{font-size:13px}.tx-contact-tiziano .button{background:var(--blue)}.tx-v12-roles .wp-block-column:last-child .tx-card{border-top-color:var(--blue)}.tx-v12-roles .wp-block-column:last-child .button{background:var(--blue)}.tx-blue .tx-person-cta .button{background:#fff;color:var(--blue)}.tx-green .tx-person-cta .button{background:#fff;color:var(--green)}
@media(min-width:1001px){.site-header{gap:14px}.site-header nav a{padding:10px 8px;font-size:12px}.site-header .header-cta{padding:12px 15px}.tx-logo-tagline{max-width:75px}}
@media(max-width:600px){.tx-brand .tx-supplied-logo{width:68px;height:57px}.tx-logo-tagline{font-size:10px;max-width:75px}}

/* TX Service 1.4 — drie pagina’s en een heldere contactindeling */
[id]{scroll-margin-top:30px}.tx-hero .wp-block-buttons{display:inline-flex;margin:4px 10px 8px 0}.tx-hero .wp-block-buttons:nth-of-type(2) .wp-block-button__link{background:transparent;color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.tx-contact-intro{max-width:820px;padding:20px 0 35px}.tx-contact-intro h2{font-size:clamp(2.5rem,4.5vw,4.1rem);margin:18px 0}.tx-contact-intro p{max-width:65ch}.tx-contact-card{height:100%;display:flex;flex-direction:column;padding:38px;border:1px solid #dce5dd;border-top:4px solid var(--green);border-radius:14px;background:#f5f7f0;box-shadow:0 15px 40px #1d342706}.tx-contact-card-top{display:flex;align-items:center;gap:16px;margin-bottom:12px}.tx-contact-initial{width:54px;height:54px;border-radius:50%;background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:500 27px Lora,Georgia,serif}.tx-contact-card h2{font-size:40px;margin:0 0 12px}.tx-contact-card p{font-size:15px}.tx-contact-card-top p{font-size:10px;line-height:1.7;margin:0}.tx-contact-services{border-top:1px solid #d8e1d4;padding-top:18px;color:#516354;font-size:12px!important;margin-bottom:25px}.tx-contact-number{font-size:clamp(22px,2.6vw,31px);font-weight:800;color:var(--green);text-decoration:none;letter-spacing:-.045em;margin-top:auto;margin-bottom:22px}.tx-contact-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.tx-call-button{padding:14px 18px;border:1px solid #cad8cd;border-radius:8px;text-decoration:none;font-size:12px;font-weight:800;color:var(--green)}.tx-contact-card-tiziano{border-color:#d3dfea;border-top-color:var(--blue);background:#f0f5fa}.tx-contact-card-tiziano .tx-contact-initial,.tx-contact-card-tiziano .button{background:var(--blue)}.tx-contact-card-tiziano .tx-contact-number,.tx-contact-card-tiziano .tx-call-button{color:var(--blue)}.tx-contact-card-tiziano .tx-contact-services{border-color:#d2deeb;color:#526478}.tx-contact-card-tiziano .tx-eyebrow{color:var(--blue)}.tx-contact-info{padding:30px 0 10px}.tx-contact-info h3{font-size:22px}.tx-contact-address{font-size:22px;font-weight:700;line-height:1.5}.tx-contact-faq{padding:20px 0 40px;border-top:1px solid #dce3da;margin-top:20px}.tx-contact-faq .wp-block-details p{max-width:none}.site-header nav ul{gap:10px}.site-header nav a{font-size:14px;padding:12px 18px}@media(max-width:600px){.tx-contact-card{padding:27px}.tx-contact-intro{padding-top:0}.tx-contact-intro h2{font-size:2.5rem}.tx-contact-card h2{font-size:34px}.tx-contact-actions .button{flex:1;text-align:center}.tx-contact-actions .tx-call-button{flex:1;text-align:center}.site-header nav ul{grid-template-columns:1fr}.tx-contact-info{padding-top:20px}.tx-contact-services{line-height:1.9}}

.tx-contact-intro h1{font-size:clamp(2.5rem,4.5vw,4.1rem);margin:18px 0}@media(max-width:600px){.tx-contact-actions{display:grid;grid-template-columns:1fr}.tx-contact-actions .button,.tx-contact-actions .tx-call-button{width:100%}.tx-contact-intro h1{font-size:2.5rem}}
#diensten .wp-block-columns + .wp-block-columns{margin-top:24px}#diensten .tx-card{height:100%}

/* TX Service 1.5 — dienstenoverzicht en directe WhatsApp-knoppen */
.tx-services-intro h1{font-size:clamp(2.5rem,4.3vw,4.4rem);max-width:16ch}.tx-services-intro .tx-portrait img{height:520px;border-radius:12px 90px 12px 12px}.tx-service-jumps{padding-top:30px;padding-bottom:30px}.tx-service-jumps .wp-block-columns{gap:14px}.tx-service-jumps .wp-block-button{width:100%}.tx-service-jumps .wp-block-button__link{background:#edf2e9;color:var(--green);text-align:center;display:block}.tx-service-detail-card{padding:34px;border:1px solid #ffffff38;border-radius:12px;background:#ffffff0b}.tx-service-detail-card h3{font-size:24px}.tx-solar{background:#edf3f8;color:var(--blue)}.tx-solar .tx-service-detail-card{background:#fff;border-color:#d9e3ed}.tx-solar .tx-eyebrow{color:var(--blue)}.tx-wa-button{display:inline-flex;align-items:center;gap:11px;box-shadow:0 5px 14px #18372910;line-height:1.55;border:1px solid transparent}.tx-wa-icon{width:24px;height:24px;flex-shrink:0}.tx-wa-arrow{margin-left:auto;font-size:18px;flex-shrink:0}.tx-wa-tiziano .tx-wa-button{background:var(--blue)}.tx-blue .tx-wa-button,.tx-green .tx-wa-button{background:#fff;color:var(--ink)}.tx-wa-button:hover{box-shadow:0 8px 22px #18372924;transform:translateY(-1px)}.tx-service-overview .wp-block-columns+.wp-block-columns{margin-top:24px}.tx-service-overview .tx-card{height:100%}.tx-hero .tx-person-cta{margin:10px 0}.tx-hero .tx-wa-button{font-size:12px;padding:11px 17px}.entry:not(.home):has(.tx-services-intro){max-width:none;padding:0}.tx-service-jumps .wp-block-column{display:flex;align-items:stretch}.tx-service-jumps .wp-block-buttons{width:100%}@media(max-width:600px){.tx-services-intro .tx-portrait img{height:380px}.tx-service-detail-card{padding:25px}.tx-service-jumps .wp-block-columns{flex-direction:row!important;display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.tx-service-jumps .wp-block-button__link{padding:12px 10px;font-size:11px}.tx-wa-button{width:100%;font-size:12px;padding:13px 16px}.tx-service-jumps{padding-top:20px;padding-bottom:20px}.tx-services-intro h1{font-size:2.7rem}}