/* KaziTasks Core v2.4.15: responsive Elementor-safe site header + cache-busted transparent logo [kazitasks_header] */
:root{
  --kt-header-navy:#173A7A;
  --kt-header-navy-deep:#102F65;
  --kt-header-orange:#F5A623;
  --kt-header-orange-strong:#FF9300;
  --kt-header-text:#12284C;
  --kt-header-muted:#6B7280;
  --kt-header-line:#E7ECF3;
  --kt-header-bg:#FFFFFF;
}

.kt-site-header-shell,
.kt-site-header-shell *,
.kt-site-header-shell *::before,
.kt-site-header-shell *::after{box-sizing:border-box;}
.kt-site-header-shell button,
.kt-site-header-shell a{font-family:"Manrope",Arial,sans-serif!important;}
.kt-site-header-shell button{font:inherit!important;text-transform:none!important;letter-spacing:normal!important;}
.kt-site-header-shell a{box-shadow:none!important;}
/* Keep Elementor/Hello theme controls from overriding the KaziTasks header layout. */
.elementor-widget-shortcode:has(.kt-site-header-shell),
.elementor-widget-shortcode:has(.kt-site-header-shell) > .elementor-widget-container{
  width:100%!important;
  max-width:none!important;
}
body.elementor-editor-active .kt-site-header-shell.is-sticky{
  position:relative!important;
  top:auto!important;
}

.kt-site-header-shell{
  position:relative;
  left:auto;
  right:auto;
  z-index:9995;
  width:100%;
  max-width:none;
  margin:0;
  color:var(--kt-header-text);
  font-family:"Manrope",Arial,sans-serif;
  box-sizing:border-box;
  overflow:visible;
}
.kt-site-header-shell.is-sticky{position:sticky;top:0;}
body.admin-bar .kt-site-header-shell.is-sticky{top:32px;}
.kt-site-header{
  width:100%;
  background:rgba(255,255,255,.98);
  border-bottom:1px solid var(--kt-header-line);
  box-shadow:0 8px 24px rgba(16,47,101,.07);
  backdrop-filter:saturate(160%) blur(12px);
}
.kt-site-header-inner{
  width:min(1400px,calc(100% - 40px));
  min-height:82px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:20px;
}
.kt-site-header-logo{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  text-decoration:none!important;
  min-width:175px;
}
.kt-site-header-logo-img{display:block;width:auto;max-width:175px;height:54px;object-fit:contain;}
.kt-site-header-logo-approved{width:205px!important;max-width:205px!important;height:auto!important;max-height:58px!important;border-radius:0!important;object-fit:contain!important;background:transparent!important;}
.kt-site-header-brand-text{display:grid;grid-template-columns:auto auto;align-items:end;line-height:1;letter-spacing:-1.2px;color:var(--kt-header-navy-deep);font-size:30px;}
.kt-site-header-brand-text strong{font-weight:850;}
.kt-site-header-brand-text b{color:var(--kt-header-orange-strong);font-weight:850;}
.kt-site-header-brand-text small{grid-column:1/-1;text-align:right;margin-top:4px;font-size:9px;letter-spacing:.1px;color:#2D3748;font-weight:700;}
.kt-site-header-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.7vw,28px);flex:1;white-space:nowrap;}
.kt-site-header-nav a,
.kt-header-mobile-menu nav a{
  position:relative;
  color:var(--kt-header-text)!important;
  font-size:15px;
  font-weight:700;
  line-height:1;
  text-decoration:none!important;
  transition:color .18s ease;
}
.kt-site-header-nav a:hover,.kt-site-header-nav a.is-active{color:var(--kt-header-orange-strong)!important;}
.kt-site-header-nav a.is-active:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-17px;
  height:3px;border-radius:3px;
  background:var(--kt-header-orange-strong);
}
.kt-site-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 auto;}
.kt-header-btn{
  min-height:46px;
  border-radius:12px;
  padding:0 20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid #D6DFEB;
  background:#fff;
  color:var(--kt-header-navy-deep)!important;
  font-size:15px;
  font-weight:800;
  line-height:1;
  text-decoration:none!important;
  cursor:pointer;
  box-sizing:border-box;
}
.kt-header-btn-login:hover{border-color:var(--kt-header-navy);}
.kt-header-btn-primary{
  color:#fff!important;
  border-color:var(--kt-header-orange-strong);
  background:linear-gradient(135deg,var(--kt-header-orange),var(--kt-header-orange-strong));
  box-shadow:0 9px 22px rgba(245,166,35,.22);
}
.kt-header-btn-primary:hover{filter:brightness(.98);transform:translateY(-1px);}
.kt-header-plus{font-size:23px;font-weight:400;line-height:1;}
.kt-header-chevron,.kt-header-account-chevron{
  width:7px;height:7px;display:inline-block;flex:0 0 auto;
  border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;
  transform:rotate(45deg);margin-left:5px;margin-top:-4px;
  transition:transform .18s ease,margin-top .18s ease;
}
.kt-header-post-trigger[aria-expanded="true"] .kt-header-chevron,
.kt-header-account-trigger[aria-expanded="true"] .kt-header-account-chevron{
  transform:rotate(225deg);margin-top:4px;
}
.kt-header-icon-btn{
  width:44px;height:44px;border:0;background:transparent;border-radius:50%;
  display:grid;place-items:center;color:var(--kt-header-navy-deep);cursor:pointer;
}
.kt-header-icon-btn:hover{background:#F5F8FC;}
.kt-header-icon-btn svg{width:25px;height:25px;}
.kt-header-account-trigger{
  border:0;background:transparent;padding:4px 4px 4px 2px;display:flex;align-items:center;gap:10px;
  color:var(--kt-header-text);cursor:pointer;border-radius:14px;text-align:left;
}
.kt-header-account-trigger:hover{background:#F6F8FC;}
.kt-header-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;background:#EEF3FA;color:var(--kt-header-navy);font-weight:850;}
.kt-header-avatar-large{width:52px;height:52px;}
.kt-site-header-avatar-img{width:100%;height:100%;object-fit:cover;display:block;}
.kt-site-header-avatar-fallback{display:grid;place-items:center;width:100%;height:100%;}
.kt-header-account-copy{display:flex;flex-direction:column;min-width:94px;max-width:150px;}
.kt-header-account-copy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111E35;}
.kt-header-account-copy small{font-size:12px;color:var(--kt-header-muted);margin-top:3px;}
.kt-header-popover-wrap{position:relative;}
.kt-header-popover{
  position:absolute;
  top:calc(100% + 14px);
  right:0;
  width:320px;
  border:1px solid var(--kt-header-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 22px 55px rgba(16,47,101,.16);
  padding:14px;
  z-index:10010;
  color:#192A44;
}
.kt-header-popover[hidden]{display:none!important;}
.kt-header-post-menu{width:310px;padding:16px;}
.kt-header-post-menu>strong{display:block;margin:2px 4px 12px;font-size:14px;}
.kt-header-post-menu>a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;text-decoration:none!important;color:#17243A!important;}
.kt-header-post-menu>a:hover{background:#F7F9FC;}
.kt-header-post-menu>a span:last-child{display:flex;flex-direction:column;gap:3px;}
.kt-header-post-menu b{font-size:14px;}
.kt-header-post-menu small{font-size:12px;color:var(--kt-header-muted);}
.kt-header-menu-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;font-size:19px;font-weight:800;}
.kt-header-menu-icon.kt-orange{background:#FFF2DA;color:#F19A00;}
.kt-header-menu-icon.kt-purple{background:#EEF4FF;color:#123A78;}
.kt-header-popover-title{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 12px;border-bottom:1px solid #EDF1F6;}
.kt-header-popover-title a{font-size:12px;text-decoration:none!important;color:#1675D1!important;}
.kt-header-notice-item{display:flex;align-items:flex-start;gap:10px;padding:14px 4px 8px;}
.kt-header-notice-dot{width:10px;height:10px;border-radius:50%;background:#28A745;margin-top:4px;box-shadow:0 0 0 5px #EAF8ED;}
.kt-header-notice-item div{display:flex;flex-direction:column;gap:3px;}
.kt-header-notice-item b{font-size:13px;}
.kt-header-notice-item small,.kt-header-notification-note{font-size:12px;color:var(--kt-header-muted);line-height:1.45;}
.kt-header-notification-note{margin:8px 4px 3px;padding-top:10px;border-top:1px solid #EDF1F6;}
.kt-header-account-menu{width:330px;padding:0;overflow:hidden;}
.kt-header-account-summary{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #EDF1F6;}
.kt-header-account-summary>div{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;}
.kt-header-account-summary strong{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.kt-header-account-summary small{font-size:11px;color:var(--kt-header-muted);}
.kt-header-plan-badge{margin-top:3px;background:#E9F8ED;color:#198843;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;}
.kt-header-mode-block{padding:14px 18px;border-bottom:1px solid #EDF1F6;}
.kt-header-mode-block>small{display:block;margin-bottom:8px;color:var(--kt-header-muted);font-size:12px;}
.kt-header-mode-option{margin:0;}
.kt-header-mode-option button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:9px;padding:7px 0;color:#1F2D43;font-weight:700;cursor:pointer;text-align:left;}
.kt-mode-radio{width:14px;height:14px;border:2px solid #CBD5E1;border-radius:50%;box-sizing:border-box;}
.kt-header-mode-option.is-current .kt-mode-radio{border:4px solid #15924B;}
.kt-header-mode-option.is-current button{color:#0B6C36;}
.kt-header-account-links{display:flex;flex-direction:column;padding:9px;}
.kt-header-account-links a,.kt-header-mobile-account-links a{padding:10px 11px;border-radius:9px;color:#1B2D49!important;font-size:13px;font-weight:650;text-decoration:none!important;}
.kt-header-account-links a:hover,.kt-header-mobile-account-links a:hover{background:#F5F7FA;}
.kt-header-account-links hr{border:0;border-top:1px solid #EDF1F6;width:100%;margin:5px 0;}
.kt-header-account-links .kt-header-logout,.kt-header-mobile-account-links .kt-header-logout{color:#E63333!important;}
.kt-header-mobile-toggle{display:none!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:10px!important;padding:9px!important;margin:0!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;position:relative!important;z-index:10060!important;pointer-events:auto!important;touch-action:manipulation!important;}
.kt-header-mobile-toggle span{display:block;height:2px;background:var(--kt-header-navy-deep);margin:5px 0;border-radius:3px;}
.kt-header-mobile-menu{display:none!important;background:#fff;border-top:1px solid #EDF1F6;padding:10px 18px 18px;box-shadow:0 18px 35px rgba(16,47,101,.12);position:absolute;left:0;right:0;top:100%;z-index:10050;max-height:calc(100dvh - 68px);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.kt-header-mobile-menu[hidden]:not(.is-open){display:none!important;}
.kt-header-mobile-menu.is-open{display:block!important;}
.kt-header-mobile-menu nav{display:flex;flex-direction:column;}
.kt-header-mobile-menu nav a{padding:14px 8px;border-bottom:1px solid #F0F3F7;}
.kt-header-mobile-menu nav a.is-active{color:var(--kt-header-orange-strong)!important;background:#FFF8EC;}
.kt-header-mobile-auth{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px;}
.kt-header-mobile-user{display:flex;align-items:center;gap:12px;padding:16px 8px;border-bottom:1px solid #EDF1F6;}
.kt-header-mobile-user>div{display:flex;flex-direction:column;gap:3px;min-width:0;}
.kt-header-mobile-user strong{font-size:14px;}
.kt-header-mobile-user small{font-size:11px;color:var(--kt-header-muted);}
.kt-header-mobile-account-links{display:flex;flex-direction:column;padding:8px 0 0;}

@media(max-width:1180px){
  .kt-site-header-inner{width:min(100% - 28px,1400px);gap:14px;min-height:76px;}
  .kt-site-header-logo{min-width:150px;}
  .kt-site-header-logo-img{max-width:150px;height:48px;}
  .kt-site-header-nav{gap:14px;}
  .kt-site-header-nav a{font-size:14px;}
  .kt-header-account-copy{display:none;}
}
@media(max-width:960px){
  .kt-site-header{position:relative!important;overflow:visible!important;}
  .kt-site-header-shell{overflow:visible!important;}
  .kt-site-header-shell.is-sticky{top:0;}
  body.admin-bar .kt-site-header-shell.is-sticky{top:46px;}
  .kt-site-header-inner{min-height:68px;width:calc(100% - 24px);gap:10px;}
  .kt-header-mobile-toggle{display:block!important;order:0;}
  .kt-site-header-logo{order:1;min-width:0;flex:1;}
  .kt-site-header-logo-img{height:44px;max-width:145px;}
  .kt-site-header-nav{display:none;}
  .kt-site-header-actions{order:2;gap:5px;}
  .kt-site-header-actions>.kt-header-btn-login,.kt-site-header-actions>.kt-header-btn-primary{display:none;}
  .kt-header-post-wrap{display:none;}
  .kt-header-account-copy,.kt-header-account-chevron{display:none;}
  .kt-header-account-trigger{padding:2px;}
  .kt-header-avatar{width:38px;height:38px;}
  .kt-header-icon-btn{width:38px;height:38px;}
  .kt-header-icon-btn svg{width:22px;height:22px;}
  .kt-header-popover{position:fixed;left:12px;right:12px;top:76px;width:auto;max-width:none;}
  body.admin-bar .kt-header-popover{top:122px;}
  .kt-header-mobile-menu:not([hidden]), .kt-header-mobile-menu.is-open{display:block!important;}
}
@media(max-width:782px){body.admin-bar .kt-site-header-shell.is-sticky{top:46px;}}
@media(max-width:520px){
  .kt-site-header-inner{width:calc(100% - 16px);}
  .kt-site-header-logo-img{max-width:128px;height:40px;}
  .kt-site-header-brand-text{font-size:24px;}
  .kt-site-header-brand-text small{font-size:7px;}
  .kt-header-mobile-toggle{width:38px;padding:7px;}
  .kt-header-mobile-auth{grid-template-columns:1fr;}
}


/* ===== v2.4.9 Marketplace mega menus ===== */
.kt-site-header{position:relative;overflow:visible;}
.kt-site-header-nav .kt-nav-mega-trigger{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
  min-width:0!important;
  min-height:0!important;
  color:var(--kt-header-text)!important;
  font-size:15px!important;
  font-weight:750!important;
  line-height:1!important;
  cursor:pointer!important;
  position:relative;
}
.kt-site-header-nav .kt-nav-mega-trigger:hover,
.kt-site-header-nav .kt-nav-mega-trigger.is-active,
.kt-site-header-nav .kt-nav-mega-trigger[aria-expanded="true"]{color:var(--kt-header-orange-strong)!important;}
.kt-site-header-nav .kt-nav-mega-trigger.is-active:after{
  content:"";position:absolute;left:0;right:0;bottom:-17px;height:3px;border-radius:3px;background:var(--kt-header-orange-strong);
}
.kt-nav-caret{
  width:6px;height:6px;display:inline-block;flex:0 0 auto;
  border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
  transform:rotate(45deg);margin-left:2px;margin-top:-4px;
  transition:transform .18s ease,margin-top .18s ease;transform-origin:center;
}
.kt-nav-mega-trigger[aria-expanded="true"] .kt-nav-caret{transform:rotate(225deg);margin-top:4px;}

.kt-header-mega-layer{
  position:absolute;
  left:0;right:0;top:100%;
  z-index:10020;
  pointer-events:none;
}
@media(min-width:961px){
  .kt-header-mega-layer:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;pointer-events:auto;background:transparent;}
}
.kt-header-mega-panel{
  pointer-events:auto;
  width:min(1240px,calc(100vw - 36px));
  margin:0 auto;
  background:#F7F9FD;
  border:1px solid #DDE5EF;
  border-top:4px solid var(--kt-header-orange-strong);
  border-radius:0 0 18px 18px;
  box-shadow:0 24px 54px rgba(16,47,101,.18);
  padding:26px 28px 22px;
  color:#182A46;
}
.kt-header-mega-panel[hidden]{display:none!important;}
.kt-header-mega-panel-compact{width:min(900px,calc(100vw - 36px));}
.kt-header-mega-panel-small{width:min(680px,calc(100vw - 36px));}
.kt-mega-grid{display:grid;grid-template-columns:1.05fr 1.65fr 1fr;gap:28px;align-items:start;position:relative;padding-bottom:54px;}
.kt-mega-col-wide{min-width:0;}
.kt-mega-col h3{
  margin:0 0 12px!important;
  color:var(--kt-header-navy-deep)!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.2!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.kt-mega-link{
  display:flex!important;
  align-items:flex-start!important;
  gap:11px!important;
  padding:9px 10px!important;
  margin:0 0 5px!important;
  border-radius:11px!important;
  color:#172B4D!important;
  text-decoration:none!important;
  border:1px solid transparent!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.kt-mega-link:hover{background:#fff!important;border-color:#E0E7F0!important;transform:translateX(2px);}
.kt-mega-link.is-featured{background:#fff!important;border-color:#E1E8F1!important;}
.kt-mega-link>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0;}
.kt-mega-link b{font-size:13px;color:#152A4C;font-weight:800;}
.kt-mega-link small{font-size:11px;color:#708095;line-height:1.35;white-space:normal;}
.kt-mega-icon{width:34px;height:34px;border-radius:10px;background:#FFF1DB;color:var(--kt-header-orange-strong);display:grid;place-items:center;flex:0 0 auto;font-weight:900;font-size:17px;}
.kt-mega-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;}
.kt-mega-category-grid a,.kt-mega-simple{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:36px!important;
  padding:7px 8px!important;
  border-radius:9px!important;
  color:#27364E!important;
  font-size:12.5px!important;
  font-weight:650!important;
  line-height:1.3!important;
  text-decoration:none!important;
}
.kt-mega-category-grid a:hover,.kt-mega-simple:hover{background:#fff!important;color:var(--kt-header-orange-strong)!important;}
.kt-mega-category-dot{width:7px;height:7px;border-radius:50%;background:#9AA9BA;flex:0 0 auto;transition:background .16s ease;}
.kt-mega-category-grid a:hover .kt-mega-category-dot{background:var(--kt-header-orange-strong);}
.kt-mega-cta{
  position:absolute;left:0;right:0;bottom:0;
  min-height:42px;
  border-top:1px solid #DEE6EF;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px 4px 0;
}
.kt-mega-cta span{font-size:12px;color:#718096;font-weight:650;}
.kt-mega-cta a{font-size:12.5px;color:var(--kt-header-orange-strong)!important;text-decoration:none!important;font-weight:850!important;}
.kt-mega-cta a:hover{text-decoration:underline!important;}
.kt-mega-compact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.kt-mega-resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;}

/* Mobile accordion menu */
.kt-mobile-nav-group{border-bottom:1px solid #F0F3F7;}
.kt-mobile-nav-toggle{
  width:100%!important;
  min-height:48px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:14px 8px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  color:var(--kt-header-text)!important;
  font-size:14px!important;
  font-weight:800!important;
  cursor:pointer!important;
  text-align:left!important;
}
.kt-mobile-nav-toggle span{transition:transform .18s ease;}
.kt-mobile-nav-toggle[aria-expanded="true"]{color:var(--kt-header-orange-strong)!important;}
.kt-mobile-nav-toggle[aria-expanded="true"] span{transform:rotate(180deg);}
.kt-mobile-submenu{padding:0 8px 10px 18px;background:#FBFCFE;border-radius:10px;margin-bottom:7px;}
.kt-mobile-submenu[hidden]:not(.is-open){display:none!important;}
.kt-mobile-submenu.is-open{display:block!important;}
.kt-header-mobile-menu .kt-mobile-submenu a{padding:10px 8px!important;border-bottom:0!important;font-size:13px!important;font-weight:650!important;color:#44536A!important;}
.kt-header-mobile-menu .kt-mobile-submenu a:hover{color:var(--kt-header-orange-strong)!important;}

@media(max-width:1180px){
  .kt-site-header-nav{gap:12px;}
  .kt-site-header-nav a,.kt-site-header-nav .kt-nav-mega-trigger{font-size:13.5px!important;}
  .kt-header-mega-panel{width:min(1120px,calc(100vw - 24px));padding:22px 22px 18px;}
  .kt-mega-grid{gap:18px;}
}
@media(max-width:960px){
  .kt-header-mega-layer{display:none!important;}
}

/* v2.4.11 approved Jobs for ALL logo sizing */
@media(max-width:1100px){.kt-site-header-logo-approved{width:170px!important;max-width:170px!important;height:auto!important;max-height:50px!important;}}
@media(max-width:760px){.kt-site-header-logo-approved{width:150px!important;max-width:150px!important;height:auto!important;max-height:44px!important;}}
@media(max-width:420px){.kt-site-header-logo-approved{width:132px!important;max-width:132px!important;height:auto!important;max-height:40px!important;}}


/* v2.4.12 Manrope typography system */
.kt-site-header-shell,
.kt-site-header-shell button,
.kt-site-header-shell input,
.kt-site-header-shell select,
.kt-site-header-shell textarea,
.kt-site-header-shell a,
.kt-site-header-shell span,
.kt-site-header-shell strong,
.kt-site-header-shell small,
.kt-site-header-shell h1,
.kt-site-header-shell h2,
.kt-site-header-shell h3,
.kt-site-header-shell h4 {
  font-family:"Manrope",Arial,sans-serif!important;
}

/* ===== v2.4.14 Field-service inspired flat mega menus =====
   The main KaziTasks product UI remains Manrope. Desktop mega menus use Inter
   for a lighter, more familiar service-marketplace navigation treatment. */
.kt-header-mega-layer .kt-fieldy-mega,
.kt-header-mega-layer .kt-fieldy-mega *,
.kt-header-mega-layer .kt-fieldy-mega a,
.kt-header-mega-layer .kt-fieldy-mega span {
  font-family:"Inter",Arial,sans-serif!important;
}

.kt-header-mega-panel.kt-fieldy-mega{
  width:min(1440px,calc(100vw - 20px));
  margin:0 auto;
  padding:24px 28px 26px;
  background:#F4F7FC;
  border:0;
  border-top:3px solid var(--kt-header-orange-strong);
  border-radius:0 0 8px 8px;
  box-shadow:0 10px 24px rgba(15,35,70,.13);
}
.kt-header-mega-panel-compact.kt-fieldy-mega{width:min(980px,calc(100vw - 20px));}
.kt-header-mega-panel-small.kt-fieldy-mega{width:min(720px,calc(100vw - 20px));}

.kt-fieldy-mega-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:52px;
  row-gap:10px;
  align-items:start;
}
.kt-fieldy-mega-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:42px;}
.kt-fieldy-mega-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:42px;}
.kt-fieldy-col{display:flex;flex-direction:column;gap:2px;min-width:0;}

.kt-fieldy-item{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:45px!important;
  padding:9px 6px!important;
  margin:0!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#1D2A3F!important;
  text-decoration:none!important;
  font-size:15.5px!important;
  font-weight:500!important;
  line-height:1.32!important;
  letter-spacing:-.01em!important;
  transition:color .14s ease,background-color .14s ease,transform .14s ease!important;
}
.kt-fieldy-item:hover,
.kt-fieldy-item:focus-visible{
  color:var(--kt-header-orange-strong)!important;
  background:rgba(255,255,255,.7)!important;
  transform:translateX(2px);
  outline:none!important;
}
.kt-fieldy-item span{min-width:0;white-space:normal;}
.kt-menu-svg{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  color:#6D788A!important;
  stroke:currentColor!important;
  opacity:.95;
  transition:color .14s ease,transform .14s ease;
}
.kt-fieldy-item:hover .kt-menu-svg,
.kt-fieldy-item:focus-visible .kt-menu-svg{
  color:var(--kt-header-orange-strong)!important;
  transform:translateY(-1px);
}

/* Remove the previous card-like visual language inside the flat mega menus. */
.kt-fieldy-mega .kt-mega-col h3,
.kt-fieldy-mega .kt-mega-cta,
.kt-fieldy-mega .kt-mega-icon,
.kt-fieldy-mega .kt-mega-category-dot{display:none!important;}

@media(max-width:1180px) and (min-width:961px){
  .kt-header-mega-panel.kt-fieldy-mega{padding:20px 20px 22px;}
  .kt-fieldy-mega-grid{column-gap:24px;}
  .kt-fieldy-item{font-size:14px!important;gap:9px!important;padding:8px 4px!important;}
  .kt-menu-svg{width:18px!important;height:18px!important;flex-basis:18px!important;}
}

/* Mobile keeps the tap accordion but borrows the same light icon/text feel. */
@media(max-width:960px){
  .kt-mobile-submenu a{font-family:"Inter",Arial,sans-serif!important;font-weight:500!important;}
}


/* v2.4.15: force the same approved transparent plugin logo at every breakpoint. */
.kt-site-header .kt-site-header-logo .kt-site-header-logo-approved{
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
}
@media(max-width:760px){
  .kt-site-header .kt-site-header-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important;}
  .kt-site-header .kt-site-header-logo .kt-site-header-logo-approved{width:150px!important;max-width:150px!important;height:auto!important;max-height:48px!important;}
}
@media(max-width:420px){
  .kt-site-header .kt-site-header-logo .kt-site-header-logo-approved{width:136px!important;max-width:136px!important;max-height:44px!important;}
}

/* v2.4.17: clean CSS-drawn chevrons instead of font glyph dropdown arrows. */
.kt-mobile-nav-toggle .kt-mobile-caret{
  width:7px;height:7px;display:inline-block;flex:0 0 auto;
  border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
  transform:rotate(45deg);margin-left:auto;margin-right:3px;margin-top:-4px;
  transition:transform .18s ease,margin-top .18s ease;
}
.kt-mobile-nav-toggle[aria-expanded="true"] .kt-mobile-caret{
  transform:rotate(225deg);margin-top:4px;
}

/* ===== v2.4.28 centred header + full supplied category mega menu ===== */
@media (min-width:1081px){
  .kt-site-header-inner{
    width:min(1360px,calc(100% - 48px))!important;
    display:grid!important;
    grid-template-columns:minmax(190px,1fr) auto minmax(190px,1fr)!important;
    align-items:center!important;
    column-gap:22px!important;
  }
  .kt-site-header-logo{justify-self:start!important;min-width:0!important}
  .kt-site-header-nav{justify-self:center!important;flex:none!important;gap:clamp(13px,1.25vw,23px)!important}
  .kt-site-header-actions{justify-self:end!important;min-width:190px!important}
}
.kt-header-mega-panel.kt-category-mega{
  width:min(1320px,calc(100vw - 36px))!important;
  padding:22px 24px 24px!important;
}
.kt-category-mega-layout{
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:26px;
  align-items:start;
}
.kt-category-mega-quick{
  padding-right:22px;
  border-right:1px solid #E8EDF3;
}
.kt-category-mega-title{
  margin:1px 0 10px;
  color:#112E5C;
  font:700 13px/1.2 Inter,Arial,sans-serif;
  letter-spacing:.01em;
}
.kt-category-mega-heading{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin:1px 0 12px;
}
.kt-category-mega-heading strong{color:#112E5C;font:700 13px/1.2 Inter,Arial,sans-serif}
.kt-category-mega-heading span{color:#7B8797;font:500 11px/1.2 Inter,Arial,sans-serif}
.kt-category-mega-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px 14px;
}
.kt-category-mega-item{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  min-height:38px!important;
  padding:7px 8px!important;
  border-radius:9px!important;
  color:#21385F!important;
  text-decoration:none!important;
  font:600 11.5px/1.3 Inter,Arial,sans-serif!important;
  white-space:normal!important;
}
.kt-category-mega-item:hover{background:#F7F9FC!important;color:#E47E00!important}
.kt-category-mega-emoji{
  flex:0 0 20px;
  width:20px;
  text-align:center;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
  font-size:16px;
  line-height:1.2;
}
@media (max-width:1220px) and (min-width:1081px){
  .kt-site-header-inner{grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr)!important;column-gap:14px!important}
  .kt-site-header-nav{gap:12px!important}
  .kt-site-header-nav a,.kt-site-header-nav .kt-nav-mega-trigger{font-size:12.5px!important}
  .kt-site-header-actions{min-width:160px!important;gap:8px!important}
  .kt-header-btn{padding:0 14px!important}
  .kt-category-mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ===== v2.4.29 Weenja-style cascading category mega menus ===== */
.kt-header-mega-panel.kt-category-mega.kt-cascade-mega{
  width:min(1280px,calc(100vw - 40px))!important;
  padding:0!important;
  background:#fff!important;
  border:1px solid #E1E6ED!important;
  border-top:3px solid var(--kt-header-orange-strong)!important;
  border-radius:0 0 10px 10px!important;
  box-shadow:0 18px 44px rgba(15,35,70,.17)!important;
  overflow:hidden!important;
}
.kt-cascade-menu{
  display:grid!important;
  grid-template-columns:360px minmax(0,1fr)!important;
  width:100%!important;
  height:min(640px,calc(100vh - 150px))!important;
  min-height:470px!important;
  background:#fff!important;
}
.kt-cascade-categories{
  min-width:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:8px 0!important;
  background:#fff!important;
  border-right:1px solid #E5E8ED!important;
  scrollbar-width:thin;
}
.kt-cascade-category{
  position:relative!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 12px!important;
  align-items:center!important;
  column-gap:10px!important;
  min-height:45px!important;
  padding:7px 18px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#1E2632!important;
  text-decoration:none!important;
  font:500 14px/1.28 Inter,Arial,sans-serif!important;
  transition:background-color .12s ease,color .12s ease!important;
}
.kt-cascade-category:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:3px!important;
  background:transparent!important;
}
.kt-cascade-category:hover,
.kt-cascade-category:focus-visible,
.kt-cascade-category.is-active{
  background:#F2F3F5!important;
  color:#172B4D!important;
  outline:none!important;
}
.kt-cascade-category.is-active:before{background:var(--kt-header-orange-strong)!important;}
.kt-cascade-emoji{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:30px!important;
  height:30px!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
  font-size:23px!important;
  line-height:1!important;
}
.kt-cascade-category-label{
  min-width:0!important;
  color:inherit!important;
  white-space:normal!important;
}
.kt-cascade-chevron{
  width:7px!important;
  height:7px!important;
  border-right:1.5px solid #5F6772!important;
  border-top:1.5px solid #5F6772!important;
  transform:rotate(45deg)!important;
  justify-self:end!important;
}
.kt-cascade-skills{
  min-width:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:22px 30px 28px!important;
  background:#fff!important;
  scrollbar-width:thin;
}
.kt-cascade-skill-panel[hidden]{display:none!important;}
.kt-cascade-skill-panel{min-width:0!important;}
.kt-cascade-panel-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  min-height:38px!important;
  margin:0 0 14px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid #EEF0F3!important;
}
.kt-cascade-panel-head>div{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
.kt-cascade-panel-head>div>span{
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif!important;
  font-size:20px!important;
}
.kt-cascade-panel-head strong{
  color:#182A46!important;
  font:650 15px/1.25 Inter,Arial,sans-serif!important;
  white-space:normal!important;
}
.kt-cascade-panel-head>a{
  flex:0 0 auto!important;
  color:#E47E00!important;
  text-decoration:none!important;
  font:650 12.5px/1.2 Inter,Arial,sans-serif!important;
}
.kt-cascade-panel-head>a:hover{text-decoration:underline!important;}
.kt-cascade-skill-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  align-items:start!important;
}
.kt-cascade-skill-grid>a{
  display:block!important;
  min-width:0!important;
  padding:8px 2px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#6E7681!important;
  text-decoration:none!important;
  font:500 14px/1.35 Inter,Arial,sans-serif!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  transition:color .12s ease,transform .12s ease!important;
}
.kt-cascade-skill-grid>a:hover,
.kt-cascade-skill-grid>a:focus-visible{
  color:#E47E00!important;
  transform:translateX(2px)!important;
  outline:none!important;
}
.kt-cascade-empty{
  padding:18px 2px!important;
  color:#7A8492!important;
  font:500 13px/1.5 Inter,Arial,sans-serif!important;
}
@media (max-width:1180px) and (min-width:961px){
  .kt-header-mega-panel.kt-category-mega.kt-cascade-mega{width:min(1120px,calc(100vw - 24px))!important;}
  .kt-cascade-menu{grid-template-columns:315px minmax(0,1fr)!important;height:min(600px,calc(100vh - 140px))!important;}
  .kt-cascade-category{grid-template-columns:31px minmax(0,1fr) 10px!important;padding:7px 14px!important;font-size:13px!important;}
  .kt-cascade-emoji{width:27px!important;height:27px!important;font-size:20px!important;}
  .kt-cascade-skills{padding:20px 22px 24px!important;}
  .kt-cascade-skill-grid{grid-template-columns:1fr!important;gap:0!important;}
  .kt-cascade-skill-grid>a{font-size:13px!important;}
}

/* ===== v2.4.31 full-width balanced desktop header + cascading dropdown =====
   Use the entire available header/Elementor container so the header and mega menu
   share the same left/right edges instead of the navigation appearing boxed inside
   a much wider dropdown. */
@media (min-width:1081px){
  .kt-site-header-inner{
    width:100%!important;
    max-width:none!important;
    padding-left:28px!important;
    padding-right:28px!important;
    margin-left:0!important;
    margin-right:0!important;
    grid-template-columns:minmax(205px,1fr) auto minmax(205px,1fr)!important;
    column-gap:20px!important;
  }
  .kt-site-header-logo{
    justify-self:start!important;
  }
  .kt-site-header-nav{
    justify-self:center!important;
  }
  .kt-site-header-actions{
    justify-self:end!important;
  }

  .kt-header-mega-layer{
    left:0!important;
    right:0!important;
    width:100%!important;
  }
  .kt-header-mega-panel.kt-category-mega.kt-cascade-mega{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    border-left:1px solid #E1E6ED!important;
    border-right:1px solid #E1E6ED!important;
    border-radius:0 0 8px 8px!important;
  }
}

/* Keep the same balanced treatment on compact desktop widths. */
@media (max-width:1220px) and (min-width:1081px){
  .kt-site-header-inner{
    padding-left:20px!important;
    padding-right:20px!important;
    grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr)!important;
    column-gap:12px!important;
  }
}
