/*
Theme Name: WIN OPERATIONS
Theme URI: https://www.winoperations.ca/
Author: EDDE CREATIVE / ILLE TECH
Description: Reconstructed WIN OPERATIONS public website theme based on the approved recovered visual master. Responsive WordPress theme for Hostinger deployment.
Version: 1.4.0-recovered
Text Domain: win-operations
*/
:root{--wo-dark:#07101d;--wo-dark2:#0d1726;--wo-green:#8ee000;--wo-white:#fff;--wo-text:#111827;--wo-muted:#5f6673;--wo-card:#fff;--wo-border:#e5e7eb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--wo-text);background:#fff;line-height:1.45}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.topbar{background:#02060d;color:#e5e7eb;font-size:13px;border-bottom:1px solid rgba(255,255,255,.1)}.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.top-links{display:flex;gap:22px;flex-wrap:wrap}.top-links a:hover{color:var(--wo-green)}.site-header{position:sticky;top:0;z-index:50;background:rgba(6,14,26,.97);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}.brand{display:flex;align-items:center;gap:13px;min-width:260px}.brand-mark{width:57px;height:57px;border:2px solid #cbd5e1;border-radius:8px;display:grid;place-items:center;font-weight:900;font-size:26px;letter-spacing:-3px}.brand-copy strong{display:block;font-size:28px;line-height:1}.brand-copy strong span{color:var(--wo-green);font-size:17px;letter-spacing:.2px}.brand-copy small{display:block;font-size:10px;margin-top:3px;color:#d1d5db}.menu{display:flex;align-items:center;gap:26px;font-size:14px}.menu a{padding:30px 0 24px;border-bottom:3px solid transparent}.menu a:hover,.menu .current-menu-item>a{border-color:var(--wo-green)}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--wo-green);color:#07101d;font-weight:700;border-radius:5px;padding:14px 22px}.cta-btn.dark{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.65)}.mobile-toggle{display:none;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:9px 11px;font-size:18px}.hero{background:radial-gradient(circle at 80% 20%,#223857 0,#0a1728 38%,#040910 70%);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-80px;top:20px;width:54%;height:100%;background:linear-gradient(135deg,transparent 0 45%,rgba(142,224,0,.07) 45% 47%,transparent 47% 100%);pointer-events:none}.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;min-height:520px;align-items:center;gap:28px;padding:54px 0}.eyebrow{color:var(--wo-green);font-size:16px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700}.hero h1{font-size:58px;line-height:.98;margin:8px 0 20px;max-width:760px;letter-spacing:-2px}.hero h1 span{color:var(--wo-green)}.hero p{font-size:19px;color:#e5e7eb;max-width:690px}.keywords{font-size:18px;margin:18px 0}.keywords span{color:var(--wo-green);padding:0 8px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.hero-visual{min-height:360px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,.25));display:flex;align-items:flex-end;padding:24px;position:relative}.hero-visual:before{content:"TORONTO";position:absolute;right:22px;top:20px;font-size:56px;font-weight:900;letter-spacing:5px;color:rgba(255,255,255,.06)}.hero-quote{background:rgba(7,16,29,.86);border-left:4px solid var(--wo-green);padding:20px 22px;font-size:25px;font-weight:700;max-width:360px}.hero-quote span{color:var(--wo-green)}.values{background:linear-gradient(90deg,#091321,#111d2f);color:#fff;border-top:1px solid rgba(255,255,255,.12)}.value-grid{display:grid;grid-template-columns:repeat(5,1fr)}.value{padding:22px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.18)}.value:last-child{border-right:0}.value .ico{font-size:32px;margin-bottom:7px}.value strong{display:block;font-size:14px}.value small{display:block;color:#cbd5e1;margin-top:3px}.section{padding:64px 0}.section-title{text-align:center;margin:0 0 30px}.section-title h2{font-size:38px;margin:0 0 6px;color:#111827}.section-title p{margin:0;color:var(--wo-muted);font-size:18px}.green-line{width:54px;height:3px;background:var(--wo-green);margin:12px auto 0}.services-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.service-card{border:1px solid var(--wo-border);border-radius:9px;padding:24px 18px;text-align:center;background:#fff;box-shadow:0 8px 25px rgba(15,23,42,.06)}.service-icon{width:54px;height:54px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:var(--wo-dark);color:var(--wo-green);font-size:25px}.service-card h3{font-size:16px;margin:0 0 10px}.service-card p{font-size:14px;color:#4b5563;min-height:62px}.learn{color:#4d8f00;font-weight:700;font-size:14px}.framework{background:linear-gradient(135deg,#06101c,#12243b);color:#fff}.framework-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}.framework h2{font-size:36px;margin:0}.framework h2 sup{font-size:13px}.framework h3{color:var(--wo-green);margin:4px 0 13px}.framework p{color:#e5e7eb}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px;margin:20px 0}.checks div:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;background:var(--wo-green);color:#06101c;border-radius:50%;font-weight:900;margin-right:8px}.wheel{width:min(360px,100%);aspect-ratio:1;margin:auto;border-radius:50%;background:conic-gradient(var(--wo-dark2) 0 20%,var(--wo-green) 20% 40%,var(--wo-dark2) 40% 60%,var(--wo-green) 60% 80%,var(--wo-dark2) 80%);display:grid;place-items:center;border:4px solid #dbeafe;box-shadow:0 0 36px rgba(142,224,0,.12)}.wheel-center{width:36%;aspect-ratio:1;border-radius:50%;background:#050b14;border:4px solid #fff;display:grid;place-items:center;font-size:42px;font-weight:900}.industries-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.industry{border:1px solid var(--wo-border);border-radius:8px;padding:18px 8px;text-align:center;font-weight:700;font-size:13px}.industry .ico{font-size:25px;margin-bottom:7px}.band{background:linear-gradient(90deg,#1d8f00,#07111f 18%,#0a1727);color:#fff;padding:27px 0}.band .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.band h2{margin:0;font-size:28px}.band p{margin:3px 0 0;color:#d1d5db}.site-footer{background:#050b14;color:#e5e7eb}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr 1fr;gap:38px;padding:42px 0 30px}.footer-title{font-weight:700;color:#fff;margin-bottom:12px}.footer-list{display:grid;gap:7px;font-size:14px;color:#cbd5e1}.footer-list a:hover{color:var(--wo-green)}.footer-brand .brand{min-width:0}.footer-brand p{font-size:13px;color:#cbd5e1}.copyright{border-top:1px solid rgba(255,255,255,.14);padding:18px 0;font-size:12px;color:#aab3c1}.copyright .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.inner-hero{background:linear-gradient(135deg,#07101d,#10243e);color:#fff;padding:70px 0}.inner-hero h1{font-size:46px;margin:0 0 8px}.inner-hero p{font-size:18px;color:#dbe4ef;max-width:760px}.content-area{padding:55px 0}.content-area h2{font-size:30px}.content-area p,.content-area li{font-size:17px;color:#374151}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-card{padding:28px;border:1px solid var(--wo-border);border-radius:10px}.wp-block-button__link{background:var(--wo-green)!important;color:#07101d!important}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:980px){.menu{display:none;position:absolute;left:0;right:0;top:82px;background:#07101d;padding:15px 24px;flex-direction:column;align-items:stretch;gap:0}.menu.open{display:flex}.menu a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-toggle{display:block}.header-cta{display:none}.hero-inner{grid-template-columns:1fr;min-height:0}.hero h1{font-size:48px}.hero-visual{min-height:240px}.services-grid{grid-template-columns:repeat(2,1fr)}.value-grid{grid-template-columns:repeat(2,1fr)}.value:last-child{grid-column:1/-1}.framework-grid{grid-template-columns:1fr}.industries-grid{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wrap{width:min(100% - 24px,1180px)}.topbar .wrap{justify-content:center}.top-links{display:none}.brand-copy strong{font-size:22px}.brand-copy strong span{font-size:13px}.brand-mark{width:50px;height:50px;font-size:22px}.hero-inner{padding:38px 0}.eyebrow{font-size:13px}.hero h1{font-size:39px;letter-spacing:-1px}.hero p{font-size:17px}.hero-visual{display:none}.value-grid{grid-template-columns:1fr}.value{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.services-grid{grid-template-columns:1fr}.section{padding:45px 0}.section-title h2{font-size:30px}.framework h2{font-size:31px}.checks{grid-template-columns:1fr}.industries-grid{grid-template-columns:repeat(2,1fr)}.band .wrap{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.inner-hero{padding:48px 0}.inner-hero h1{font-size:38px}.contact-grid{grid-template-columns:1fr}}

/* v1.2 recovered visual assets */
.brand{min-width:300px}
.brand-image-link{display:block;line-height:0}
.brand-image{display:block;width:330px;max-width:100%;height:auto}
.custom-logo-link{display:block;line-height:0}
.custom-logo{display:block;max-width:330px;width:auto;max-height:70px;height:auto}

/* Approved Toronto hero asset */
.hero{
  background:
    linear-gradient(90deg, rgba(4,9,16,.98) 0%, rgba(4,9,16,.92) 35%, rgba(4,9,16,.45) 58%, rgba(4,9,16,.12) 100%),
    url('assets/images/toronto-hero.png') right center / 58% 100% no-repeat,
    #07101d;
}
.hero:after{display:none}
.hero-visual{
  min-height:360px;
  border:0;
  border-radius:0;
  background:transparent;
  padding:24px;
  align-items:flex-end;
}
.hero-visual:before{display:none}

@media(max-width:980px){
  .brand{min-width:240px}
  .brand-image{width:270px}
  .hero{
    background:
      linear-gradient(90deg, rgba(4,9,16,.98) 0%, rgba(4,9,16,.90) 55%, rgba(4,9,16,.45) 100%),
      url('assets/images/toronto-hero.png') center / cover no-repeat,
      #07101d;
  }
}
@media(max-width:620px){
  .brand{min-width:0;max-width:235px}
  .brand-image{width:235px}
  .custom-logo{max-width:235px;max-height:58px}
  .hero{
    background:
      linear-gradient(rgba(4,9,16,.90),rgba(4,9,16,.92)),
      url('assets/images/toronto-hero.png') center / cover no-repeat,
      #07101d;
  }
}


/* v1.3 authoritative approved header — self-contained and independent of WP menu assignments */
@media (min-width:981px){
  .site-header .header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:22px!important;min-height:82px!important}
  .site-header .brand-image-link{display:block!important;flex:0 0 316px!important;line-height:0!important}
  .site-header .brand-image{display:block!important;width:316px!important;max-width:316px!important;height:auto!important}
  .site-header .menu{display:flex!important;position:static!important;flex:1 1 auto!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:25px!important;background:transparent!important;padding:0!important;margin:0!important}
  .site-header .menu>a{display:block!important;white-space:nowrap!important;padding:30px 0 24px!important;border-bottom:3px solid transparent!important;font-size:14px!important}
  .site-header .menu>a:hover{border-bottom-color:var(--wo-green)!important}
  .site-header .mobile-toggle{display:none!important}
  .site-header .header-cta{display:inline-flex!important;flex:0 0 auto!important;white-space:nowrap!important}
}
@media (max-width:1180px) and (min-width:981px){
  .site-header .header-inner{gap:14px!important}
  .site-header .brand-image-link{flex-basis:270px!important}
  .site-header .brand-image{width:270px!important;max-width:270px!important}
  .site-header .menu{gap:17px!important}
  .site-header .menu>a{font-size:13px!important}
  .site-header .header-cta{padding:13px 17px!important}
}
@media (max-width:980px){
  .site-header .brand-image-link{display:block;line-height:0;max-width:270px}
  .site-header .brand-image{display:block;width:270px;max-width:100%;height:auto}
  .site-header .menu{z-index:1000}
}
@media (max-width:620px){
  .site-header .brand-image-link{max-width:225px}
  .site-header .brand-image{width:225px}
}

/* v1.4 — footer uses exact approved header logo */
.footer-brand-image-link{display:block;line-height:0;margin-bottom:16px}
.footer-brand-image{display:block;width:330px;max-width:100%;height:auto}
@media(max-width:620px){.footer-brand-image{width:280px}}