/* GAP dedicated responsive header system — loaded after the legacy theme CSS */
:root{--gap-pink:#ed0878;--gap-pink-dark:#c90063;--gap-purple:#7426a8;--gap-navy:#142b4a;--gap-ink:#263449;--gap-border:#f1d8e5;}
#tg-header{position:relative;z-index:1000;background:#fff;font-family:'Poppins',Arial,sans-serif;}
#tg-header *{box-sizing:border-box;}
#tg-header .tg-topbar{float:none;width:100%;padding:5px 0;background:var(--gap-pink)!important;border:0;}
#tg-header .tg-topbar>.container{width:min(100% - 40px,1440px);padding:0;margin:0 auto;}
#tg-header .tg-topbar .container>.col-xs-12{padding:0;}
#tg-header .tg-topbar .container>.col-xs-12>.row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0;}
#tg-header .tg-topbar .tg-leftbox,#tg-header .tg-topbar .tg-rightbox{float:none;display:flex;align-items:center;width:auto;min-width:0;padding:0;margin:0;}
#tg-header .tg-topbar .tg-leftbox{gap:12px;flex:0 0 auto;}
#tg-header .tg-topbar .tg-leftbox>span{float:none;color:#fff;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;}
#tg-header .tg-topbar .tg-socialicons{display:flex;align-items:center;gap:8px;float:none;width:auto;margin:0;padding:0;}
#tg-header .tg-topbar .tg-socialicons li{float:none;padding:0;margin:0;}
#tg-header .tg-topbar .tg-socialicons li a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.75);border-radius:50%;color:#fff;font-size:14px;transition:background .2s ease,color .2s ease,transform .2s ease;}
#tg-header .tg-topbar .tg-socialicons li a:hover{background:#fff;color:var(--gap-pink);transform:translateY(-2px);}
#tg-header .tg-topbar .tg-rightbox{justify-content:flex-end;flex:1 1 auto;}
#tg-header .tg-topbar .tg-addnav{float:none;width:auto;padding:0;margin:0;}
#tg-header .tg-topbar .tg-addnav ul{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:0;float:none;width:auto;margin:0;padding:0;}
#tg-header .tg-topbar .tg-addnav ul li{float:none;padding:0 13px;margin:0;font-size:13px;font-weight:600;line-height:1.3;white-space:nowrap;}
#tg-header .tg-topbar .tg-addnav ul li:before{top:50%;right:0;height:12px;background:rgba(255,255,255,.55);transform:translateY(-50%);}
#tg-header .tg-topbar .tg-addnav ul li:last-child:before{display:none;}
#tg-header .tg-topbar .tg-addnav ul li a{color:#fff;text-decoration:none;transition:opacity .2s ease;}
#tg-header .tg-topbar .tg-addnav ul li a:hover{color:#fff;opacity:.78;}
#tg-header .tg-navigationarea{float:none;width:100%;padding:0;background:#fff;border-bottom:1px solid #f3e5ec;box-shadow:0 5px 18px rgba(28,25,45,.055);}
#tg-header .tg-navigationarea>.container{width:min(100% - 40px,1440px);padding:0;margin:0 auto;}
#tg-header .tg-navigationarea .container>.row{display:flex;align-items:center;margin:0;min-height:88px;}
#tg-header .tg-navigationarea .container>.row>.col-xs-12{display:flex;align-items:center;justify-content:space-between;gap:24px;float:none;width:100%;padding:0;}
#tg-header .tg-navigationarea .tg-logo{position:static;float:none;flex:0 0 235px;width:235px;max-width:235px;margin:0;padding:0;z-index:2;}
#tg-header .tg-navigationarea .tg-logo a{display:block;}
#tg-header .tg-navigationarea .tg-logo img{display:block;width:100%;max-width:235px;height:auto;padding:0;}
#tg-header .tg-navigationarea .tg-navplusdropdown{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;min-width:0;float:none;padding:0;text-align:right;}
#tg-header .tg-navigationarea #tg-nav{display:flex;align-items:center;float:none;width:100%;margin:0;padding:0;}
#tg-header .tg-navigationarea .navbar-header{display:none;}
#tg-header .tg-navigationarea #tg-navigation.tg-navigation{float:none;width:100%;padding:0;margin:0;}
#tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:0;float:none;width:100%;margin:0;padding:0;}
#tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li{display:block;float:none;flex:0 0 auto;padding:0;margin:0;white-space:nowrap;}
#tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li:before{width:3px;height:3px;right:0;background:#d3cbd1;}
#tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li:last-child:before{display:none;}
#tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li>a:not(.gap-download-receipt-btn){position:relative;display:block;padding:16px 10px;color:var(--gap-navy);font-size:15px;font-weight:500;line-height:1.35;text-decoration:none;transition:color .2s ease;}
#tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li>a:not(.gap-download-receipt-btn):before{left:10px;right:10px;bottom:7px;width:auto;height:2px;background:var(--gap-pink);transform:scaleX(0);transform-origin:left;transition:transform .2s ease;}
#tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li>a:not(.gap-download-receipt-btn):hover,
#tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li.current-menu-item>a:not(.gap-download-receipt-btn){color:var(--gap-pink);}
#tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li>a:not(.gap-download-receipt-btn):hover:before,
#tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li.current-menu-item>a:not(.gap-download-receipt-btn):before{transform:scaleX(1);}
#tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li.gap-download-receipt-menu{margin-left:12px;}
#tg-header .tg-navigationarea .gap-download-receipt-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px!important;border:1px solid var(--gap-pink);border-radius:10px;background:var(--gap-pink);color:#fff!important;font-size:14px;font-weight:700;line-height:1.2;text-decoration:none;box-shadow:0 6px 15px rgba(237,8,120,.16);transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;}
#tg-header .tg-navigationarea .gap-download-receipt-btn:hover,#tg-header .tg-navigationarea .gap-download-receipt-btn:focus{background:var(--gap-purple);border-color:var(--gap-purple);color:#fff!important;transform:translateY(-1px);box-shadow:0 8px 18px rgba(116,38,168,.2);}
#tg-header .tg-navigationarea .gap-download-receipt-btn i{color:#fff!important;}

/* Laptop: tighten navigation before it reaches the tablet breakpoint. */
@media (min-width:1200px) and (max-width:1450px){
 #tg-header .tg-navigationarea>.container{width:98%;}
 #tg-header .tg-navigationarea .tg-logo{flex-basis:205px;width:205px;max-width:205px;}
 #tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li>a:not(.gap-download-receipt-btn){padding-left:7px;padding-right:7px;font-size:14px;}
 #tg-header .tg-navigationarea .gap-download-receipt-btn{padding:0 13px!important;font-size:13px;}
}
@media (min-width:992px) and (max-width:1199px){
 #tg-header .tg-navigationarea>.container{width:98%;}
 #tg-header .tg-navigationarea .container>.row{min-height:82px;}
 #tg-header .tg-navigationarea .container>.row>.col-xs-12{gap:12px;}
 #tg-header .tg-navigationarea .tg-logo{flex-basis:175px;width:175px;max-width:175px;}
 #tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li>a:not(.gap-download-receipt-btn){padding:13px 5px;font-size:12px;}
 #tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li.gap-download-receipt-menu{margin-left:5px;}
 #tg-header .tg-navigationarea .gap-download-receipt-btn{min-height:42px;padding:0 9px!important;font-size:11px;}
 #tg-header .tg-topbar .tg-addnav ul li{padding:0 9px;font-size:12px;}
}

/* Tablet and mobile: preserve Bootstrap collapse behavior; style its panel. */
@media (max-width:991px){
 #tg-header .tg-topbar>.container,#tg-header .tg-navigationarea>.container{width:100%;padding-left:20px;padding-right:20px;}
 #tg-header .tg-topbar .container>.col-xs-12>.row{flex-wrap:wrap;justify-content:center;gap:7px 18px;padding:5px 0;}
 #tg-header .tg-topbar .tg-leftbox,#tg-header .tg-topbar .tg-rightbox{justify-content:center;}
 #tg-header .tg-topbar .tg-rightbox{flex:1 1 100%;}
 #tg-header .tg-topbar .tg-addnav ul{justify-content:center;}
 #tg-header .tg-navigationarea .container>.row{min-height:76px;}
 #tg-header .tg-navigationarea .container>.row>.col-xs-12{position:relative;flex-wrap:wrap;gap:0;min-height:76px;}
 #tg-header .tg-navigationarea .tg-logo{flex:0 1 205px;width:205px;max-width:205px;margin:0;}
 #tg-header .tg-navigationarea .tg-logo img{max-width:205px;}
 #tg-header .tg-navigationarea .tg-navplusdropdown{flex:0 0 auto;width:auto;margin-left:auto;}
 #tg-header .tg-navigationarea #tg-nav{width:auto;}
 #tg-header .tg-navigationarea .navbar-header{display:block;float:none;margin:0;}
 #tg-header .tg-navigationarea .navbar-toggle{display:flex;float:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:44px;margin:0;padding:10px 11px;border:1px solid #f3c5dc;border-radius:9px;background:#fff;}
 #tg-header .tg-navigationarea .navbar-toggle .icon-bar{display:block;width:22px;height:2px;margin:0;border-radius:2px;background:var(--gap-pink);}
 #tg-header .tg-navigationarea #tg-navigation.tg-navigation{position:absolute;top:calc(100% + 1px);right:0;left:0;z-index:1100;float:none;width:100%;max-height:calc(100vh - 110px);overflow-y:auto;padding:10px 14px 15px;border:1px solid var(--gap-border);border-top:3px solid var(--gap-pink);border-radius:0 0 13px 13px;background:#fff;box-shadow:0 14px 28px rgba(30,24,44,.13);text-align:left;}
 #tg-header .tg-navigationarea #tg-navigation.tg-navigation.collapse{display:none!important;}
 #tg-header .tg-navigationarea #tg-navigation.tg-navigation.collapse.in{display:block!important;}
 #tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:100%;}
 #tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li{display:block;width:100%;border-bottom:1px solid #f5e8ef;white-space:normal;}
 #tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li:before{display:none;}
 #tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li>a:not(.gap-download-receipt-btn){display:block;padding:12px 8px;font-size:15px;line-height:1.35;color:var(--gap-navy);}
 #tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li>a:not(.gap-download-receipt-btn):before{display:none;}
 #tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li.current-menu-item>a:not(.gap-download-receipt-btn){color:var(--gap-pink);font-weight:700;}
 #tg-header .tg-navigationarea #tg-navigation.tg-navigation>ul>li.gap-download-receipt-menu{margin:12px 0 0;border:0;}
 #tg-header .tg-navigationarea .gap-download-receipt-btn{width:100%;min-height:46px;}
 #tg-header .tg-navigationarea #tg-navigation .sub-menu,#tg-header .tg-navigationarea #tg-navigation .children,#tg-header .tg-navigationarea #tg-navigation .mega-menu{position:static;display:none;width:100%;margin:0;padding:5px 10px;opacity:1;visibility:visible;border:0;border-left:2px solid var(--gap-pink);box-shadow:none;}
 #tg-header .tg-navigationarea #tg-navigation li:hover>.sub-menu,#tg-header .tg-navigationarea #tg-navigation li:hover>.children{display:block;}
}
@media (max-width:767px){
 #tg-header .tg-topbar>.container,#tg-header .tg-navigationarea>.container{padding-left:14px;padding-right:14px;}
 #tg-header .tg-topbar .container>.col-xs-12>.row{gap:8px 10px;padding:7px 0;}
 #tg-header .tg-topbar .tg-leftbox{gap:8px;}
 #tg-header .tg-topbar .tg-leftbox>span{font-size:12px;}
 #tg-header .tg-topbar .tg-socialicons{gap:6px;}
 #tg-header .tg-topbar .tg-socialicons li a{width:30px;height:30px;font-size:12px;}
 #tg-header .tg-topbar .tg-addnav ul{gap:5px 0;}
 #tg-header .tg-topbar .tg-addnav ul li{padding:0 8px;font-size:11px;}
 #tg-header .tg-topbar .tg-addnav ul li:before{height:10px;}
 #tg-header .tg-navigationarea .container>.row,#tg-header .tg-navigationarea .container>.row>.col-xs-12{min-height:68px;}
 #tg-header .tg-navigationarea .tg-logo{flex-basis:178px;width:178px;max-width:178px;}
 #tg-header .tg-navigationarea .tg-logo img{max-width:178px;}
 #tg-header .tg-navigationarea .navbar-toggle{width:42px;height:40px;padding:9px;}
 #tg-header .tg-navigationarea #tg-navigation.tg-navigation{max-height:calc(100vh - 95px);}
}
@media (max-width:360px){
 #tg-header .tg-topbar .tg-addnav ul li{padding:0 6px;font-size:10px;}
 #tg-header .tg-navigationarea .tg-logo{flex-basis:155px;width:155px;max-width:155px;}
 #tg-header .tg-navigationarea .tg-logo img{max-width:155px;}
}
@media (prefers-reduced-motion:reduce){#tg-header *{transition:none!important;}}


/* FIX v2: make the collapsed menu use the full navigation row as its containing block.
   Previously #tg-nav / .tg-navplusdropdown could become the narrow positioned parent,
   causing the open menu to collapse to the hamburger width on phones and tablets. */
@media (max-width: 991px) {
  #tg-header .tg-navigationarea .container > .row,
  #tg-header .tg-navigationarea .container > .row > .col-xs-12 {
    position: relative !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  #tg-header .tg-navigationarea .tg-navplusdropdown,
  #tg-header .tg-navigationarea #tg-nav {
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  #tg-header .tg-navigationarea #tg-navigation.tg-navigation {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;
    z-index: 9999 !important;
    display: none;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    max-height: min(70vh, 560px) !important;
    margin: 0 !important;
    padding: 10px 14px 15px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 1px solid #f1d8e5 !important;
    border-top: 3px solid #ed0878 !important;
    border-radius: 0 0 13px 13px !important;
    box-shadow: 0 14px 28px rgba(30, 24, 44, .16) !important;
    text-align: left !important;
  }

  #tg-header .tg-navigationarea #tg-navigation.tg-navigation.collapse.in {
    display: block !important;
  }

  #tg-header .tg-navigationarea #tg-navigation.tg-navigation > ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  #tg-header .tg-navigationarea #tg-navigation.tg-navigation > ul > li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    border-bottom: 1px solid #f5e8ef !important;
  }

  #tg-header .tg-navigationarea #tg-navigation.tg-navigation > ul > li > a:not(.gap-download-receipt-btn) {
    display: block !important;
    width: 100% !important;
    min-height: 42px;
    padding: 12px 8px !important;
    box-sizing: border-box !important;
    color: #142b4a !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  #tg-header .tg-navigationarea #tg-navigation.tg-navigation > ul > li.gap-download-receipt-menu {
    margin: 12px 0 0 !important;
    border: 0 !important;
  }

  #tg-header .tg-navigationarea #tg-navigation.tg-navigation .gap-download-receipt-btn {
    display: flex !important;
    width: 100% !important;
    min-height: 46px !important;
    box-sizing: border-box !important;
    justify-content: center !important;
  }
}