/*
Theme Name: Big K Computers
Theme URI: https://bigkcomputers.com/
Author: OpenAI
Description: A clean, responsive custom WordPress theme for Big K Computers.
Version: 3.7.0
Text Domain: bigk-computers
*/
:root{--navy:#0b1f3a;--blue:#1769aa;--cyan:#36b8d8;--ink:#17243a;--muted:#617086;--pale:#f3f7fb;--line:#e3eaf1;--white:#fff;--radius:18px;--shadow:0 18px 50px rgba(10,31,58,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:1.22rem;font-weight:850;letter-spacing:-.04em;color:var(--navy)}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;color:white;font-weight:900}.main-nav{display:flex;align-items:center;gap:26px;font-size:.94rem;font-weight:650;color:#40516a}.main-nav a:hover{color:var(--blue)}.header-actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:999px;font-weight:750;font-size:.94rem;transition:.2s;border:1px solid transparent}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px rgba(23,105,170,.22)}.btn-primary:hover{background:#0e548f;transform:translateY(-1px)}.btn-outline{border-color:#cbd8e5;color:var(--navy);background:#fff}.btn-outline:hover{border-color:var(--blue);color:var(--blue)}.menu-toggle{display:none;background:none;border:0;font-size:1.5rem;color:var(--navy)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 25%,rgba(54,184,216,.2),transparent 30%),linear-gradient(120deg,#091c35,#103c67);color:#fff;padding:92px 0 82px}.hero:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-120px;bottom:-290px;box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.02)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.13em;font-size:.76rem;font-weight:800;color:#8fe5f4}.eyebrow:before{content:"";width:24px;height:2px;background:var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.6rem,5vw,4.65rem);line-height:1.04;letter-spacing:-.055em;margin:18px 0 22px;max-width:720px}.hero p{font-size:1.13rem;color:#d8e6f4;max-width:630px;margin-bottom:30px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.hero .btn-outline{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35);color:#fff}.hero-panel{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:28px;backdrop-filter:blur(8px);box-shadow:0 25px 60px rgba(0,0,0,.16)}.panel-top{display:flex;align-items:center;justify-content:space-between;color:#c7e6f5;font-size:.82rem;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:#55dfae;display:inline-block;margin-right:7px}.device-art{height:205px;margin:22px 0;display:grid;place-items:center;position:relative}.laptop{width:230px;height:145px;border:8px solid #dceaf5;border-bottom-width:13px;border-radius:13px;background:linear-gradient(135deg,#153f68,#1c85b6);box-shadow:0 18px 25px rgba(0,0,0,.2);display:grid;place-items:center;position:relative}.laptop:after{content:"";position:absolute;width:270px;height:10px;border-radius:0 0 12px 12px;background:#b8c9d8;bottom:-20px}.screen-symbol{font-size:3.6rem;color:#fff}.floating-chip{position:absolute;background:#fff;color:var(--navy);padding:10px 14px;border-radius:12px;box-shadow:var(--shadow);font-weight:800;font-size:.78rem}.chip-one{top:10px;left:0}.chip-two{right:0;bottom:15px}.panel-foot{border-top:1px solid rgba(255,255,255,.2);padding-top:18px;color:#d5e8f4;font-size:.9rem}
.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:23px 0}.trust-item{display:flex;align-items:center;gap:12px;color:#40516a;font-weight:700;font-size:.9rem}.trust-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#eaf5fb;color:var(--blue);display:grid;place-items:center;font-size:1.1rem}
.section{padding:86px 0}.section-soft{background:var(--pale)}.section-heading{text-align:center;max-width:720px;margin:0 auto 42px}.section-heading .eyebrow{color:var(--blue)}.section-heading h2{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.045em;line-height:1.12;margin:13px 0}.section-heading p{color:var(--muted);font-size:1.04rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:.22s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c7dceb}.service-icon{width:52px;height:52px;border-radius:15px;background:#eaf5fb;display:grid;place-items:center;font-size:1.45rem;margin-bottom:19px}.service-card h3{font-size:1.12rem;margin-bottom:8px}.service-card p{color:var(--muted);font-size:.94rem;margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:26px}.audience-card{padding:34px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 28px rgba(10,31,58,.04)}.audience-card h3{font-size:1.45rem;letter-spacing:-.03em}.audience-card p{color:var(--muted)}.check-list{padding:0;margin:18px 0 0;list-style:none;display:grid;gap:9px}.check-list li:before{content:"✓";color:#159b78;font-weight:900;margin-right:10px}
.remote{background:linear-gradient(115deg,#0c2b4c,#145d8e);border-radius:26px;color:#fff;padding:44px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}.remote h2{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.04em;margin-bottom:10px}.remote p{color:#d5e7f4;margin:0;max-width:680px}.remote .btn{white-space:nowrap;background:#fff;color:var(--navy)}
.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.why-copy h2{font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.12;letter-spacing:-.045em}.why-copy p{color:var(--muted)}.credential-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.credential{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}.credential strong{display:block;color:var(--navy);font-size:1.05rem;margin-bottom:5px}.credential span{font-size:.9rem;color:var(--muted)}
.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.location-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;display:flex;gap:18px}.location-pin{width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:#eaf5fb;color:var(--blue);display:grid;place-items:center;font-size:1.3rem}.location-card h3{margin:2px 0 7px}.location-card p{color:var(--muted);margin:0}
.cta-band{background:#eaf5fb;padding:60px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-inner h2{font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.04em;margin:0 0 8px}.cta-inner p{margin:0;color:var(--muted)}
.site-footer{background:#081a30;color:#d6e2ed;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px}.footer-brand{color:#fff}.footer-grid p,.footer-grid li{color:#aebfd0;font-size:.92rem}.footer-grid h3{color:#fff;font-size:1rem}.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:8px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:35px;padding-top:18px;color:#93a7ba;font-size:.82rem;display:flex;justify-content:space-between;gap:20px}
@media(max-width:900px){.hero-grid,.why-grid{grid-template-columns:1fr}.hero-panel{max-width:520px}.trust-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.remote{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.container{width:min(100% - 30px,1160px)}.header-inner{min-height:68px}.main-nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;padding:18px 22px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:16px}.main-nav.is-open{display:flex}.header-actions .btn-outline{display:none}.menu-toggle{display:block}.hero{padding:66px 0 60px}.hero-grid{gap:38px}.hero-panel{padding:22px}.trust-grid{gap:12px}.trust-item{font-size:.8rem}.section{padding:65px 0}.service-grid,.split,.location-grid,.credential-list,.footer-grid{grid-template-columns:1fr}.remote{padding:30px 24px}.cta-inner{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column}.device-art{transform:scale(.9)}}

/* Header branding and dedicated Remote Assistance action */
.brand-logo{display:block;width:190px;height:auto;max-height:65px;object-fit:contain}
.btn-remote{background:#e8f5fc;color:#095b94;border:1px solid #b8e0f3;white-space:nowrap}
.btn-remote:hover{background:#d5eefb;border-color:#70c2e7;transform:translateY(-1px)}
.header-actions{flex-shrink:0}
@media(max-width:1050px){.main-nav{gap:15px}.header-inner{gap:14px}.brand-logo{width:160px}.header-schedule{display:none}}
@media(max-width:680px){.brand-logo{width:125px}.header-inner{gap:8px}.header-actions{margin-left:auto}.btn-remote{font-size:.76rem;padding:9px 10px}.menu-toggle{order:3;margin-left:2px}.header-actions{order:2}.main-nav{order:4}}
@media(max-width:360px){.brand-logo{width:105px}.btn-remote{font-size:.7rem;padding:8px}.btn-remote span{display:none}}

/* Strong Testimonials integration: respect the plugin's View layout. */
.testimonials-section .bigk-testimonials-view{max-width:1080px;margin:0 auto}
.testimonials-section .strong-view .testimonial{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 8px 28px rgba(10,31,58,.04)}
.testimonials-section .strong-view .testimonial-content{color:var(--ink);line-height:1.75}
.testimonials-section .strong-view .testimonial-name{font-weight:750;color:var(--navy)}
.testimonials-section .strong-view .testimonial-heading{color:var(--navy)}
@media(max-width:680px){.testimonials-section .strong-view .testimonial{padding:20px}}

/* Keep the service-area heading visible below the sticky header. */
#areas { scroll-margin-top: 92px; }

/* v2.3: allow all three contact actions to wrap on smaller screens */
.cta-inner .hero-buttons{display:flex;flex-wrap:wrap;gap:12px}

/* Footer CTA: matching blue buttons */
.cta-band .hero-buttons .btn-primary{background:#1769aa;color:#fff;border-color:#1769aa}
.cta-band .hero-buttons .btn-primary:hover{background:#0e548f;border-color:#0e548f}

/* Service-area phone and email buttons */
.location-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:15px}
.location-actions .btn{white-space:nowrap}

/* v2.9: Spread call and email buttons across each service-area card. */
.location-card > div:last-child { flex: 1; min-width: 0; }
.location-actions { display: flex; justify-content: space-between; align-items: center; gap: 16px; width: 100%; }
.location-actions .btn { flex: 0 0 auto; }
@media (max-width: 480px) {
  .location-actions { flex-wrap: wrap; justify-content: space-between; gap: 12px; }
}

/* v3.0: Stack email directly below phone in both location cards. */
.location-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;width:100%}
.location-actions .btn{flex:none}
@media(max-width:480px){.location-actions{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px}}

/* v3.1: Business hours replace duplicated regional footer contact blocks. */
.site-footer .footer-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
@media(max-width:680px){.site-footer .footer-grid{grid-template-columns:1fr}}

/* v3.3: Add breathing room below descriptions and stack call/email buttons. */
.location-card .location-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;margin-top:26px;width:100%}
.location-card .location-actions .btn{flex:0 0 auto}

/* v3.4: Independent action rows prevent older flex styles from placing buttons side by side. */
.location-card .location-actions{display:block!important;margin-top:30px!important}
.location-card .location-actions>div{display:block!important;width:100%}
.location-card .location-actions>div:first-child{margin-bottom:14px!important}
.location-card .location-actions .btn{display:inline-flex;max-width:100%;white-space:normal;text-align:center}

/* v3.5: Align location phone and email actions side by side with a clear gap. */
.location-card .location-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:18px!important;margin-top:30px!important;width:100%}
.location-card .location-actions>.location-action{display:block!important;width:auto!important;margin:0!important;flex:0 0 auto}
.location-card .location-actions .btn{display:inline-flex;white-space:nowrap;max-width:100%}
@media(max-width:440px){.location-card .location-actions{gap:12px!important}.location-card .location-actions .btn{white-space:normal}}

/* v3.6: definitive service-area action layout, no conflicting stacked rules. */
.location-card .location-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;column-gap:22px!important;row-gap:12px!important;margin-top:30px!important}
.location-card .location-actions>.location-action{display:block!important;width:auto!important;margin:0!important;flex:0 0 auto!important}
.location-card .location-actions>.location-action .btn{display:inline-flex!important;vertical-align:middle}