/*
Theme Name: Park-Tech Group Ltd
Theme URI: https://park-techgroupltd.co.uk/
Author: OpenAI
Description: Fully editable responsive WordPress theme for Park-Tech Group Ltd, Bridlington. Blue technology styling, editable desktop/mobile layouts, services, training, sales, support, consultancy and innovation pages.
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: park-tech-group
*/
:root{
 --pt-blue:#008cff;
 --pt-blue2:#005fd6;
 --pt-navy:#051326;
 --pt-deep:#020b18;
 --pt-cyan:#44d5ff;
 --pt-white:#fff;
 --pt-text:#203047;
 --pt-soft:#f4f8fc;
 --pt-line:#dbe7f3;
 --pt-max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--pt-text);background:#fff;line-height:1.65}
a{color:var(--pt-blue2);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.container{width:min(var(--pt-max),calc(100% - 42px));margin:auto}
.topbar{background:var(--pt-deep);color:#cfefff;font-size:.9rem}
.topbar .container{min-height:42px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.topbar a{color:#fff;font-weight:700}
.site-header{background:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--pt-line);box-shadow:0 2px 14px rgba(0,25,60,.05)}
.header-row{min-height:94px;display:flex;align-items:center;gap:24px}
.site-brand{display:flex;align-items:center;gap:14px;min-width:285px}
.site-brand img{width:190px;height:62px;object-fit:contain}
.brand-text strong{display:block;color:var(--pt-navy);font-size:1rem}
.brand-text span{font-size:.76rem;color:#668}
.main-nav{margin-left:auto}
.main-nav ul{display:flex;align-items:center;gap:20px;list-style:none;padding:0;margin:0;flex-wrap:wrap}
.main-nav a{color:var(--pt-navy);font-weight:800;font-size:.92rem}
.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--pt-blue),var(--pt-blue2));color:#fff!important;border:0;border-radius:6px;padding:12px 18px;font-weight:900;text-decoration:none!important;cursor:pointer}
.btn-outline{background:transparent;border:2px solid var(--pt-blue);color:var(--pt-blue)!important}
.btn-white{background:#fff;color:var(--pt-navy)!important}
.mobile-toggle{display:none;width:44px;height:42px;border:0;border-radius:5px;background:var(--pt-blue);padding:8px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px}
.mobile-toggle span{height:2px;background:#fff;width:25px;margin:auto}
.mobile-nav{display:none;background:#fff;border-top:1px solid var(--pt-line)}
.mobile-nav.open{display:block}
.mobile-nav ul{list-style:none;padding:8px 0;margin:0}
.mobile-nav li{border-bottom:1px solid #edf2f7}
.mobile-nav a{display:block;padding:12px 21px;font-weight:800;color:var(--pt-navy)}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:900;color:var(--pt-blue);margin-bottom:10px}
h1,h2,h3{color:var(--pt-navy);line-height:1.12}
h1{font-size:clamp(2.6rem,5vw,5rem);letter-spacing:-.04em}
h2{font-size:clamp(2rem,3vw,3.2rem);letter-spacing:-.025em}
h3{font-size:1.28rem}
.lead{font-size:1.16rem;color:#52647a}
.hero{position:relative;min-height:620px;display:flex;align-items:center;color:#fff;background:var(--pt-deep) center/cover no-repeat;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,10,24,.93),rgba(1,21,50,.72) 48%,rgba(0,25,60,.20))}
.hero .container{position:relative;z-index:2;padding:78px 0}
.hero-copy{max-width:720px}
.hero h1{color:#fff;margin:0 0 20px}
.hero p{color:#d9ecff;font-size:1.22rem;max-width:660px}
.hero .eyebrow{color:var(--pt-cyan)}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.pills span{border:1px solid rgba(116,215,255,.42);background:rgba(0,92,180,.18);padding:8px 11px;border-radius:999px;color:#dff7ff;font-size:.87rem;font-weight:800}
.section{padding:78px 0}
.section.alt{background:var(--pt-soft)}
.section.dark{background:var(--pt-navy);color:#d9ebff}
.section.dark h2,.section.dark h3{color:#fff}
.section-head{max-width:780px;margin-bottom:36px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid var(--pt-line);border-radius:10px;padding:26px;box-shadow:0 8px 25px rgba(0,35,80,.05)}
.card h3{margin-top:0}
.card-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#e2f4ff,#d5eaff);color:var(--pt-blue2);display:grid;place-items:center;font-weight:900;margin-bottom:15px}
.tech-image{border-radius:12px;overflow:hidden;box-shadow:0 18px 50px rgba(0,25,60,.18)}
.tech-image img{width:100%;height:440px;object-fit:cover}
.checks{list-style:none;padding:0}
.checks li{position:relative;padding:7px 0 7px 29px}
.checks li:before{content:"✓";position:absolute;left:0;color:var(--pt-blue);font-weight:900}
.service-link{display:block;margin-top:15px;font-weight:900}
.partner-cloud{display:flex;gap:10px;flex-wrap:wrap}
.partner-cloud span{background:#fff;border:1px solid var(--pt-line);padding:10px 13px;border-radius:999px;font-weight:700}
.cta-band{background:linear-gradient(135deg,var(--pt-blue2),#001e57);color:#fff;padding:54px 0}
.cta-band .container{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.cta-band h2{color:#fff;margin:0}
.page-hero{background:linear-gradient(120deg,var(--pt-deep),#07285a);color:#fff;padding:65px 0}
.page-hero h1{color:#fff;margin:0;font-size:clamp(2.2rem,4vw,3.7rem)}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:44px;padding:58px 0 74px}
.entry-content h2{margin-top:2.1rem}
.sidebar{background:var(--pt-soft);border:1px solid var(--pt-line);border-radius:9px;padding:22px;margin-bottom:18px}
.sidebar.dark{background:var(--pt-navy);color:#d7e8ff}
.sidebar.dark h3{color:#fff}
.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.quote-form .full{grid-column:1/-1}
.quote-form label{font-weight:800;display:block;margin-bottom:5px}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:12px;border:1px solid #c8d7e6;border-radius:5px;font:inherit}
.notice{padding:13px;border-radius:5px;margin-bottom:18px}
.success{background:#eaf8ef;border:1px solid #9dd1aa}
.error{background:#fff0f0;border:1px solid #e0aaaa}
.site-footer{background:#020914;color:#bbd6ee;padding:55px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:35px}
.site-footer h3{color:#fff}
.site-footer a{color:#d9f2ff}
.footer-logo{width:230px;margin-bottom:15px}
.footer-bottom{border-top:1px solid #17365a;margin-top:35px;padding-top:18px;font-size:.88rem}

/* Desktop variables injected by Customizer */
@media(max-width:1000px){
 .main-nav{display:none}
 .mobile-toggle{display:flex}
 .header-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;min-height:var(--pt-mobile-header-height,78px);padding:9px 0}
 .site-brand{min-width:0}
 .site-brand img{width:var(--pt-mobile-logo-width,145px)}
 .header-cta{font-size:.78rem;padding:10px 12px}
 .hero{min-height:var(--pt-mobile-hero-height,600px);background-position:var(--pt-mobile-hero-position,center center)}
 .hero h1{font-size:var(--pt-mobile-h1,42px)}
 .hero p{font-size:var(--pt-mobile-text,18px)}
 .hero .container{padding-top:var(--pt-mobile-hero-padding,65px);padding-bottom:var(--pt-mobile-hero-padding,65px)}
 .section{padding-top:var(--pt-mobile-section-space,56px);padding-bottom:var(--pt-mobile-section-space,56px)}
 .grid-4,.grid-3{grid-template-columns:1fr 1fr}
 .grid-2,.content-layout{grid-template-columns:1fr}
 .footer-grid{grid-template-columns:1fr 1fr}
 body.pt-hide-mobile-hero-text .hero-copy>p{display:none}
 body.pt-hide-mobile-pills .pills{display:none}
}
@media(max-width:650px){
 .container{width:min(var(--pt-max),calc(100% - 26px))}
 .topbar .container{display:block;text-align:center;padding:7px 0}
 .brand-text{display:none}
 .site-brand img{width:var(--pt-mobile-logo-width,135px)}
 .header-cta{max-width:96px;white-space:normal;line-height:1.05;text-align:center}
 .grid-3,.grid-4,.footer-grid,.quote-form{grid-template-columns:1fr}
 .quote-form .full{grid-column:auto}
 .btn-row{flex-direction:var(--pt-mobile-buttons,column)}
 .btn-row .btn{width:var(--pt-mobile-button-width,100%)}
}