/*
Theme Name: Gotronic Engineering
Author: Gotronic Ltd
Description: A responsive, editable block theme for industrial electronic repairs. Includes an offline homepage preview.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: gotronic-engineering
*/
:root{--red:#df2635;--ink:#151a20;--muted:#606773;--line:#dce0e4;--paper:#f4f5f6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.65 Arial,Helvetica,sans-serif;color:#252b32;background:white}a{color:inherit;text-underline-offset:5px}img{max-width:100%;height:auto}figure{margin:0}:root p{margin:0 0 20px}:root h1,:root h2,:root h3{line-height:1.12;letter-spacing:-.04em;margin:0 0 22px;font-weight:700}h1{font-size:clamp(42px,5.3vw,76px)}h2{font-size:clamp(32px,3.4vw,48px)}h3{font-size:22px;letter-spacing:-.025em}.shell{width:min(1160px,calc(100% - 64px));margin-inline:auto!important}.section{padding-block:92px}.site-header{background:white;border-bottom:1px solid #e9ebed}.header-row{min-height:100px;display:flex;align-items:center;gap:32px}.brand{width:224px;flex-shrink:0}.brand img{display:block;width:100%}.main-nav{margin-left:auto!important;font-size:14px;font-weight:600;display:flex;gap:28px}.main-nav a{text-decoration:none}.main-nav a:hover{color:var(--red)}.wp-block-navigation__container{gap:26px!important}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.wp-block-button__link{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;background:var(--red);color:white;padding:14px 21px;min-height:48px;border:1px solid var(--red);border-radius:3px;font-size:14px;font-weight:700;line-height:1.3;letter-spacing:.005em}.wp-block-button__link:hover{background:#b71926;border-color:#b71926}.is-style-outline .wp-block-button__link{background:transparent;color:inherit;border-color:currentColor}.is-style-outline .wp-block-button__link:hover{background:rgba(128,128,128,.1)}p.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;margin-bottom:22px;line-height:1.5}.red{color:#bd1d2b}.hero{background:var(--ink);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.07fr 1fr;gap:60px;align-items:center;min-height:590px}.hero-copy{padding:68px 0}.hero p.eyebrow{color:#ff7180}.hero h1{max-width:650px}p.hero-lead{font-size:18px;line-height:1.7;color:#c4cbd2;max-width:500px;margin-bottom:32px}p.hero-note{font-size:12px;color:#c4cbd2;margin:22px 0 0}.hero-visual{position:relative;align-self:stretch;min-height:480px}.hero-photo{position:absolute;inset:0 -110px 0 0;height:100%}.hero-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.65) saturate(.7);display:block}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),transparent 35%);pointer-events:none}.photo-label{position:absolute;bottom:45px;left:30px;z-index:1;border-left:3px solid var(--red);padding-left:24px}.photo-label p.eyebrow{color:#fff;font-size:10px;margin-bottom:12px}p.photo-caption{font-size:25px;line-height:1.3;letter-spacing:-.02em;margin:0}.trust-strip{border-bottom:1px solid var(--line);background:var(--paper)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:28px}.trust-item{border-right:1px solid var(--line);padding:0 25px}.trust-item:first-child{padding-left:0}.trust-item:last-child{border:0}.trust-item h3{font-size:17px;margin:0 0 5px}.trust-item p{font-size:12px;color:var(--muted);margin:0}.section-intro{margin-bottom:40px}.section-intro p:last-child{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:28px}.service-card{padding:30px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);transition:background .2s}.service-card:hover{background:var(--paper)}p.service-no{font-size:12px;font-weight:700;color:var(--red);margin-bottom:27px}.service-card h3{font-size:21px}.service-card h3 a{display:flex;gap:10px;justify-content:space-between;text-decoration:none}.service-card h3 a span{color:var(--red)}.service-card p:last-child{font-size:14px;color:var(--muted);margin:0}.text-link{font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--red);padding-bottom:6px}.brands{background:var(--paper);padding:32px 0;text-align:center}.brands p.eyebrow{color:var(--muted);margin-bottom:20px}p.brand-names{font-weight:700;font-size:25px;letter-spacing:.03em;display:flex;gap:40px;justify-content:center;flex-wrap:wrap;margin-bottom:12px}.brand-names span{color:#626b76}p.smallprint{font-size:10px;color:var(--muted);margin:0}.process{background:var(--ink);color:white}.process p.eyebrow{color:#ff7180}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-block:46px!important}.step{border-top:1px solid #434a52;padding-top:22px}p.step-no{color:#ff7180;font-size:12px;font-weight:700;margin-bottom:22px}.step h3{font-size:20px}.step p:last-child{font-size:14px;color:#c4cbd2;margin:0}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:16px}.engineer-note{background:#f1f3f5;border-top:4px solid var(--red);padding:40px}.engineer-note p.eyebrow{font-size:10px}.engineer-note h3{font-size:34px}.engineer-note>p{font-size:14px;color:var(--muted)}.engineer-note .scope-note{font-size:12px;border-top:1px solid #cdd2d8;padding-top:22px;margin:25px 0 0}.faq-section{border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.wp-block-details{border-bottom:1px solid var(--line);padding:19px 0}.wp-block-details:first-child{border-top:1px solid var(--line)}.wp-block-details summary{cursor:pointer;font-weight:600;font-size:16px;line-height:1.5}.wp-block-details p{font-size:14px;color:var(--muted);margin:18px 0 0}.contact-cta{background:var(--red);color:white}.cta-row{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-block:50px}.cta-row h2{font-size:40px;margin-bottom:0}.cta-row p.eyebrow{margin-bottom:15px}.cta-row .wp-block-button:not(.is-style-outline) .wp-block-button__link{background:white;color:var(--ink);border-color:white}.site-footer{background:#101419;color:#c4cbd2;padding-top:50px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:55px;padding-bottom:36px}.site-footer h3{color:white;font-size:17px;letter-spacing:0;margin-bottom:18px}.footer-address h3{font-size:29px;font-weight:400}.site-footer p{font-size:13px;margin-bottom:12px}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #343b44;padding-block:20px}.footer-bottom p{font-size:11px;margin:0}.inner-page{padding-block:64px;min-height:60vh}.inner-page h1{font-size:clamp(36px,5vw,58px);margin-bottom:35px}.inner-page .wp-block-post-content{overflow-wrap:anywhere}.inner-page .wp-block-post-content>:not(.alignwide):not(.alignfull){max-width:780px;margin-inline:auto}.inner-page input:not([type=checkbox]):not([type=radio]),.inner-page select,.inner-page textarea{max-width:100%;padding:12px;border:1px solid #bac1c9;border-radius:3px;font:inherit}.inner-page input[type=submit],.inner-page button{background:var(--red);color:white;border:0;cursor:pointer;padding:14px 22px}.inner-page textarea{width:100%}.inner-page iframe{max-width:100%}.wp-block-post-content p{margin-bottom:20px}.wp-block-post-content h2,.wp-block-post-content h3{margin-top:30px}.wp-site-blocks>main,.wp-site-blocks>header,.wp-site-blocks>footer{margin-block-start:0!important}.wp-block-navigation__responsive-container.is-menu-open{padding:30px;color:var(--ink);background:white}.skip-link{position:absolute;top:-100px;left:16px;background:white;color:black;padding:15px;z-index:10000}.skip-link:focus{top:10px}:focus-visible{outline:3px solid #2584d4;outline-offset:4px}
@media(min-width:1600px){.hero-photo{right:-200px}}
@media(max-width:1000px){.header-row{gap:22px}.brand{width:190px}.main-nav{gap:18px;font-size:13px}.header-row>.wp-block-buttons .wp-block-button__link{padding:12px}.hero-grid{gap:20px}.hero h1{font-size:56px}.about-grid{gap:40px}p.brand-names{gap:24px}.footer-grid{gap:30px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.section{padding-block:58px}.header-row{min-height:86px;gap:12px;flex-wrap:wrap;padding-block:16px}.brand{width:180px}.header-row>.wp-block-buttons{margin-left:auto}.header-row>.wp-block-buttons .wp-block-button__link{font-size:12px;padding:10px;min-height:42px}.header-row>.main-nav{order:3;width:100%;justify-content:space-between;margin-top:10px!important;font-size:13px}.header-row>.wp-block-navigation{width:100%;order:3}.header-row .wp-block-navigation__container{width:100%;justify-content:space-between;gap:12px!important}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:48px 0 35px}.hero h1{font-size:clamp(43px,10vw,60px)}p.hero-lead{font-size:16px}.hero-visual{min-height:240px}.hero-photo{inset:0 -18px}.hero-visual:after{background:linear-gradient(180deg,var(--ink),transparent 25%)}.photo-label{bottom:25px;left:5px}p.photo-caption{font-size:22px}.trust-grid{grid-template-columns:1fr 1fr;padding-block:10px}.trust-item,.trust-item:first-child{padding:18px 10px}.trust-item:nth-child(2){border-right:0}.trust-item h3{font-size:15px}.trust-item p{font-size:11px}.service-grid{grid-template-columns:1fr 1fr}.service-card{padding:24px 18px}.service-card h3{font-size:19px}.steps{grid-template-columns:1fr 1fr;gap:30px 20px}.about-grid,.faq-grid{grid-template-columns:1fr;gap:30px}.engineer-note{padding:28px}p.brand-names{font-size:20px;gap:16px}.cta-row{flex-direction:column;align-items:flex-start;padding-block:40px}.cta-row h2{font-size:34px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-address{grid-column:1/-1}}
@media(max-width:390px){.brand{width:157px}.service-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.header-row>.wp-block-buttons .wp-block-button__link{font-size:11px;padding:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Full website pages share the approved homepage palette, scale and spacing. */
.page-hero{background:var(--ink);color:white;padding:30px 0 65px}.page-hero h1{font-size:clamp(38px,4.5vw,64px);max-width:950px}.page-hero p.eyebrow{color:#ff7180;margin-top:36px}p.page-lead{color:#c4cbd2;font-size:19px;max-width:820px;margin:0}.breadcrumbs{font-size:12px;color:#c4cbd2}.breadcrumbs a{text-decoration:none}.content-section+.content-section{border-top:1px solid var(--line)}.detail-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:70px;align-items:start}.detail-copy p{color:var(--muted)}.detail-copy h2{font-size:36px}.detail-copy h3{margin-top:30px}.wp-block-list{padding-left:22px;margin:18px 0 24px}.wp-block-list li{margin-bottom:10px}.enquiry-panel{padding:32px;border-top:4px solid var(--red);background:var(--paper)}.enquiry-panel h3{font-size:30px}.enquiry-panel p,.enquiry-panel li{font-size:14px}.enquiry-panel .wp-block-buttons{align-items:stretch;flex-direction:column}.enquiry-panel .wp-block-button{width:100%}.enquiry-panel .wp-block-button__link{display:flex}.content-section .service-grid{margin-bottom:0}.two-panels,.three-panels{display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.three-panels{grid-template-columns:repeat(3,1fr)}.info-panel{background:var(--paper);border-top:3px solid var(--red);padding:30px}.info-panel p{margin:0;color:var(--muted);font-size:15px}.about-photo img{display:block;min-height:320px;object-fit:cover;width:100%;border-bottom:5px solid var(--red)}.full-faq{max-width:900px;margin-inline:auto!important}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.repair-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:55px;align-items:start}.contact-info h3{margin-top:32px}.contact-phone{font-size:29px;letter-spacing:-.03em;font-weight:700;text-decoration:none}.form-panel{border:1px solid var(--line);padding:34px;background:var(--paper)}.form-panel>p{font-size:15px;color:var(--muted)}.gotronic-form label{display:block;font-size:14px;font-weight:600;margin-bottom:20px}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.gotronic-form input,.gotronic-form textarea{display:block;width:100%;padding:12px;background:white;border:1px solid #aab3bd;border-radius:3px;font:16px/1.5 Arial,Helvetica,sans-serif;color:var(--ink);margin-top:7px}.gotronic-form textarea{resize:vertical}.gotronic-form input[type=file]{font-size:13px}.field-hint,.form-privacy,.preview-note{font-size:12px;line-height:1.6;color:var(--muted)}.field-hint{display:block;margin-top:7px;font-weight:400}.gotronic-form button{cursor:pointer}p.form-result{padding:15px;border-left:3px solid var(--red);background:white;margin-top:20px;font-size:14px}.form-result:empty{display:none}.form-result.is-success{border-color:#23804b}.form-result.is-error{border-color:var(--red)}.gotronic-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.preview-note{margin-top:18px}.quote-card{padding:32px;border-top:3px solid var(--red);background:var(--paper)}.quote-text{font-size:26px;line-height:1.35;letter-spacing:-.02em}p.quote-byline{font-size:13px;color:var(--muted);margin:0}.legal-copy{max-width:850px;margin-inline:auto!important;overflow-wrap:anywhere}.legal-copy h2{font-size:25px;margin-top:32px}.legal-copy p{font-size:15px}.sitemap-columns{columns:2;column-gap:70px}.sitemap-columns h2{font-size:26px;break-after:avoid}.sitemap-columns li{font-size:15px}.gotronic-page{margin-top:0!important}.main-nav a[aria-current=page]{color:var(--red);text-decoration:underline}.form-panel h2{font-size:32px}
@media(max-width:1050px) and (min-width:761px){.header-row{gap:20px}.brand{width:180px}.wp-block-navigation__container{gap:16px!important}.main-nav{gap:16px;font-size:13px}.detail-grid,.contact-grid{gap:35px}.repair-grid{gap:30px}}
@media(max-width:760px){.page-hero{padding-bottom:42px}.page-hero p.eyebrow{margin-top:28px}p.page-lead{font-size:16px}.detail-grid,.contact-grid,.repair-grid{grid-template-columns:1fr;gap:32px}.two-panels,.three-panels{grid-template-columns:1fr}.detail-copy h2{font-size:30px}.form-panel,.enquiry-panel{padding:24px}.sitemap-columns{columns:1}.main-nav{gap:12px}.header-row .wp-block-navigation__container{font-size:12px!important;gap:10px!important}.about-photo img{min-height:220px}}
@media(max-width:420px){.form-fields{grid-template-columns:1fr}.header-row>.main-nav{font-size:12px}.brand{width:170px}}
@media(max-width:350px){.header-row>.main-nav{flex-wrap:wrap;justify-content:flex-start;gap:14px}}