/* Webcotec Header Width + Premium Footer Polish */
:root{
  --wc-navy:#07152f;
  --wc-blue:#0190ce;
  --wc-purple:#a00ebe;
  --wc-pink:#dd2b90;
  --wc-orange:#fea100;
  --wc-muted:#68758e;
  --wc-line:#e3eaf4;
}

/* Wider, centered header and mega menu */
.wc-header-shell{
  width:min(100% - 56px,1440px) !important;
}
.wc-brand-pro{min-width:190px !important;}
.wc-brand-pro img{height:62px !important;max-width:250px !important;object-fit:contain;}
.wc-nav-pro{gap:6px !important;}
.wc-nav-link,.wc-nav-button{padding:14px 12px !important;}

.wc-mega-panel{
  left:50% !important;
  right:auto !important;
  width:min(1480px,calc(100vw - 80px)) !important;
  transform:translateX(-50%) translateY(10px) !important;
  margin:0 auto !important;
  z-index:100500 !important;
}
.wc-nav-item.is-open>.wc-mega-panel{
  transform:translateX(-50%) translateY(0) !important;
}
.wc-mega-services{
  grid-template-columns:320px 1fr !important;
  padding:22px !important;
  gap:22px !important;
}
.wc-mega-columns{
  grid-template-columns:repeat(4,minmax(180px,1fr)) !important;
  gap:18px !important;
}
.wc-mega-col a,.wc-mega-list-grid a,.wc-mega-small-panel a{
  border-radius:18px !important;
}
.wc-mega-feature{
  min-height:100% !important;
}

/* Premium footer */
.footer-v7{display:none !important;}
.wc-footer-pro{
  position:relative;
  background:
    radial-gradient(circle at 12% 15%,rgba(1,144,206,.22),transparent 32%),
    radial-gradient(circle at 80% 12%,rgba(221,43,144,.18),transparent 34%),
    linear-gradient(180deg,#07152f 0%,#061026 100%);
  color:#eaf2ff;
  overflow:hidden;
}
.wc-footer-pro:before{
  content:"";position:absolute;inset:0;opacity:.22;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:42px 42px;
}
.wc-footer-pro .container{position:relative;z-index:1;width:min(100% - 56px,1280px);margin-inline:auto;}
.wc-footer-cta{padding:42px 0 18px;}
.wc-footer-cta-inner{
  display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;
  padding:34px;border-radius:30px;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 24px 80px rgba(0,0,0,.22);
}
.wc-footer-cta span{display:inline-flex;color:#8edfff;font:900 12px/1 Manrope,Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;}
.wc-footer-cta h2{margin:0;color:#fff;font:900 clamp(26px,3vw,42px)/1.08 Manrope,Inter,system-ui,sans-serif;letter-spacing:-.045em;max-width:850px;}
.wc-footer-cta p{margin:14px 0 0;color:#b9c8df;font:600 16px/1.7 Manrope,Inter,system-ui,sans-serif;max-width:760px;}
.wc-footer-cta-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.wc-footer-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:999px;text-decoration:none;font:900 14px/1 Manrope,Inter,system-ui,sans-serif;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.wc-footer-btn.primary{color:#fff;background:linear-gradient(135deg,var(--wc-blue),var(--wc-pink) 56%,var(--wc-orange));box-shadow:0 16px 38px rgba(221,43,144,.28);}
.wc-footer-btn.secondary{color:#eaf2ff;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);}
.wc-footer-btn:hover{transform:translateY(-2px);}

.wc-footer-main{display:grid;grid-template-columns:1.35fr .85fr .95fr .8fr .9fr;gap:34px;padding:50px 0 34px;}
.wc-footer-brand img{width:175px;height:auto;display:block;margin-bottom:22px;}
.wc-footer-brand p{margin:0;color:#b8c8dd;font:600 15px/1.85 Manrope,Inter,system-ui,sans-serif;max-width:390px;}
.wc-footer-contact-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;}
.wc-footer-contact-pills a{display:inline-flex;text-decoration:none;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 13px;font:800 13px/1 Manrope,Inter,system-ui,sans-serif;}
.wc-footer-col h4{margin:0 0 16px;color:#fff;font:900 14px/1 Manrope,Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.09em;}
.wc-footer-col a{display:flex;width:max-content;max-width:100%;text-decoration:none;color:#bed0e6;font:700 14px/1.35 Manrope,Inter,system-ui,sans-serif;margin:0 0 12px;transition:color .2s ease,transform .2s ease;}
.wc-footer-col a:hover{color:#fff;transform:translateX(3px);}
.wc-footer-support a:nth-child(2),.wc-footer-support a:nth-child(3){color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);padding:10px 12px;border-radius:14px;margin-bottom:10px;}
.wc-footer-locations{border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);padding:20px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.wc-footer-locations span{color:#8fa2bd;font:800 12px/1 Manrope,Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.10em;margin-right:6px;}
.wc-footer-locations b{display:inline-flex;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#eaf2ff;border-radius:999px;padding:8px 12px;font:800 13px/1 Manrope,Inter,system-ui,sans-serif;}
.wc-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:24px 0 34px;color:#8fa2bd;font:600 13px/1.5 Manrope,Inter,system-ui,sans-serif;}
.wc-footer-bottom a{color:#cfe0f6;text-decoration:none;}
.wc-footer-bottom a:hover{color:#fff;}

@media(max-width:1280px){
  .wc-header-shell{width:min(100% - 36px,1240px)!important;}
  .wc-mega-panel{width:min(1280px,calc(100vw - 44px))!important;}
  .wc-mega-services{grid-template-columns:280px 1fr!important;}
}
@media(max-width:1024px){
  .wc-footer-main{grid-template-columns:1fr 1fr 1fr;}
  .wc-footer-brand{grid-column:1/-1;}
  .wc-footer-cta-inner{grid-template-columns:1fr;}
}
@media(max-width:920px){
  .wc-header-shell{width:calc(100% - 28px)!important;}
  .wc-brand-pro img{height:48px!important;max-width:210px!important;}
  .wc-mega-panel{width:100%!important;transform:none!important;}
  .wc-nav-item.is-open>.wc-mega-panel{transform:none!important;}
}
@media(max-width:720px){
  .wc-footer-pro .container{width:calc(100% - 26px);}
  .wc-footer-cta{padding:26px 0 10px;}
  .wc-footer-cta-inner{padding:24px;border-radius:24px;}
  .wc-footer-cta-actions{display:grid;grid-template-columns:1fr;width:100%;}
  .wc-footer-btn{width:100%;}
  .wc-footer-main{grid-template-columns:1fr;gap:22px;padding:34px 0 26px;}
  .wc-footer-col a{width:100%;}
  .wc-footer-bottom{display:grid;gap:10px;}
}

/* V2 Mega Menu Center + Width Fix
   Fixes: panel opening from nav item, left/right hidden menus, over-wide small menus. */
.wc-header-pro{
  overflow:visible !important;
  z-index:100000 !important;
}
.wc-header-shell,
.wc-nav-pro{
  overflow:visible !important;
}

/* Important: make dropdowns position against the full header, not the single nav item. */
.wc-nav-item.has-mega{
  position:static !important;
}
.wc-nav-item.has-mega:after{
  display:none !important;
}

.wc-mega-panel{
  position:absolute !important;
  top:100% !important;
  left:50% !important;
  right:auto !important;
  margin:0 !important;
  transform:translateX(-50%) translateY(12px) !important;
  transform-origin:top center !important;
  z-index:100200 !important;
  max-height:calc(100vh - 150px) !important;
  overflow:auto !important;
  overscroll-behavior:contain !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.wc-nav-item:hover > .wc-mega-panel,
.wc-nav-item:focus-within > .wc-mega-panel,
.wc-nav-item.is-open > .wc-mega-panel{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}
.wc-mega-panel:before{
  display:none !important;
}

/* Services should feel wide and centered, never hidden off the left side. */
.wc-mega-services{
  width:min(1500px, calc(100vw - 72px)) !important;
  grid-template-columns:310px minmax(0,1fr) !important;
  padding:22px !important;
  gap:24px !important;
}
.wc-mega-services .wc-mega-feature{
  min-height:420px !important;
}
.wc-mega-columns{
  grid-template-columns:repeat(4, minmax(190px, 1fr)) !important;
  gap:16px !important;
}

/* Software + Industries panels centered, not attached to the menu trigger. */
.wc-mega-compact{
  width:min(1180px, calc(100vw - 72px)) !important;
  grid-template-columns:290px minmax(0,1fr) !important;
  padding:22px !important;
  gap:22px !important;
}
.wc-mega-list-grid{
  grid-template-columns:repeat(2, minmax(260px,1fr)) !important;
  gap:14px !important;
}
.wc-industry-menu-grid{
  grid-template-columns:repeat(4, minmax(160px,1fr)) !important;
  gap:14px !important;
}
.wc-industry-menu-grid a{
  min-height:108px !important;
  background:linear-gradient(180deg,#f8fbff,#fff) !important;
}

/* Company / Resources should be compact, centered and professional, not full width. */
.wc-mega-small-panel{
  width:min(520px, calc(100vw - 72px)) !important;
  max-width:520px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  padding:14px !important;
  border-radius:24px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) translateY(12px) !important;
}
.wc-nav-item:hover > .wc-mega-small-panel,
.wc-nav-item:focus-within > .wc-mega-small-panel,
.wc-nav-item.is-open > .wc-mega-small-panel{
  transform:translateX(-50%) translateY(0) !important;
}
.wc-mega-small-panel a{
  min-height:76px !important;
  padding:16px !important;
  border:1px solid #e5ecf7 !important;
  background:#fff !important;
}

/* Better clickable feel across panels. */
.wc-mega-col a,
.wc-mega-list-grid a,
.wc-mega-small-panel a{
  border:1px solid transparent !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}
.wc-mega-col a:hover,
.wc-mega-list-grid a:hover,
.wc-mega-small-panel a:hover,
.wc-industry-menu-grid a:hover{
  transform:translateY(-3px) !important;
  border-color:#cfdcff !important;
  box-shadow:0 18px 42px rgba(7,21,47,.10) !important;
}

/* Keep dropdown visible above page content and forms. */
.wc-page,
.site-main,
main,
.section,
.pricing-page,
.support-page{
  position:relative;
  z-index:1;
}

@media(max-width:1280px){
  .wc-mega-services,
  .wc-mega-compact{
    width:calc(100vw - 44px) !important;
  }
  .wc-mega-services{
    grid-template-columns:270px minmax(0,1fr) !important;
  }
  .wc-mega-columns{
    grid-template-columns:repeat(2, minmax(220px,1fr)) !important;
  }
}
@media(max-width:920px){
  .wc-nav-item.has-mega{
    position:relative !important;
  }
  .wc-mega-panel,
  .wc-mega-services,
  .wc-mega-compact,
  .wc-mega-small-panel{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    max-width:none !important;
    max-height:none !important;
    overflow:visible !important;
    display:none !important;
    grid-template-columns:1fr !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
  }
  .wc-nav-item.is-open > .wc-mega-panel,
  .wc-nav-item.is-open > .wc-mega-small-panel{
    display:grid !important;
    transform:none !important;
  }
  .wc-mega-services .wc-mega-feature{
    min-height:auto !important;
  }
  .wc-mega-columns,
  .wc-mega-list-grid,
  .wc-industry-menu-grid{
    grid-template-columns:1fr !important;
  }
  .wc-industry-menu-grid a{
    min-height:auto !important;
  }
}