/* Homepage navigation rules reused across editorial templates. Source: templates/home.html. */
:root{--green:#203731;--gold:#FFB612;--cream:#F8F1DF}
.announcement{background:var(--gold);color:var(--green);text-align:center;text-transform:uppercase;font-weight:900;letter-spacing:.05em;font-size:12px;padding:11px 16px}
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(16px,4vw,54px);background:rgba(32,55,49,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.12)}
.logo img{width:98px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.24))}
.nav-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.nav-links a{padding:10px 12px;border-radius:999px;font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.06em}
.nav-links a:hover{background:rgba(255,255,255,.08)}
.nav-links .shop{background:var(--gold);color:var(--green);padding-inline:17px}
@media (max-width:980px){.nav-links a:not(.shop){display:none}}
@media (max-width:580px){.announcement{font-size:10px}
.nav{padding:12px 16px}
.logo img{width:80px}}
.mobile-menu-btn{display:none;background:none;border:0;color:var(--cream);font-size:26px;line-height:1;cursor:pointer}
.mobile-drawer{position:fixed;inset:0;background:var(--green);color:var(--cream);z-index:9999;transform:translateX(100%);transition:transform .28s ease;display:flex;flex-direction:column;padding:22px}
.mobile-drawer.open{transform:translateX(0)}
.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.16)}
.mobile-drawer-head img{width:138px;height:auto}
.mobile-close{border:0;background:none;color:var(--cream);font-size:34px;cursor:pointer}
.mobile-drawer-links{display:flex;flex-direction:column;padding:22px 0}
.mobile-drawer-links a{font-size:clamp(29px,9vw,48px);font-weight:900;letter-spacing:-.045em;line-height:1.08;text-transform:uppercase;padding:9px 0}
.mobile-drawer-links a:hover{color:var(--gold)}
.mobile-drawer-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.16);padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65)}
.upcoming-card .logos{display:flex;align-items:center;justify-content:center;gap:4px;margin:4px 0}
.upcoming-card .logos .team-logo-frame{width:70px;height:70px}
@media (max-width:800px){.nav-links{display:none!important}
.mobile-menu-btn{display:block}}
.nav{
  background:#203731 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
@media (max-width:820px){.nav{background:#203731 !important}
.logo img{width:80px !important;height:auto !important}
.mobile-drawer{background:#203731 !important}
.mobile-drawer-head img{width:80px !important;height:auto !important}}
.nav-links a,
.nav-links a:link,
.nav-links a:visited{
  color:#F8F1DF!important;
}
.nav-links a:hover,
.nav-links a:focus,
.nav-links a:focus-visible,
.nav-links a:active{
  color:#F8F1DF!important;
  background:rgba(255,255,255,.08)!important;
}
.nav-links .shop,
.nav-links .shop:link,
.nav-links .shop:visited,
.nav-links .shop:hover,
.nav-links .shop:focus,
.nav-links .shop:focus-visible,
.nav-links .shop:active{
  background:#FFB612!important;
  color:#203731!important;
}
.mobile-drawer-links a,
.mobile-drawer-links a:link,
.mobile-drawer-links a:visited{
  color:#F8F1DF!important;
}
.mobile-drawer-links a:hover,
.mobile-drawer-links a:focus,
.mobile-drawer-links a:focus-visible,
.mobile-drawer-links a:active{
  color:#FFB612!important;
}
.announcement{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFB612!important;
  color:#203731!important;
  text-align:center;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.055em;
  font-size:12px;
  line-height:1;
  padding:0 16px!important;
  overflow:hidden;
}
.announcement a{
  color:#203731!important;
  text-decoration:none!important;
  display:block;
  white-space:nowrap;
}
.announcement .tteu-announcement-text{
  display:inline-block;
  transition:opacity .18s ease, transform .18s ease;
}
.announcement .tteu-announcement-text.is-changing{
  opacity:0;
  transform:translateY(-3px);
}
@media (max-width:700px){.announcement{
    min-height:42px;
    font-size:10px!important;
    letter-spacing:.04em!important;
    padding:0 10px!important;
  }
.announcement a{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
  }}
@media (max-width:900px){.mobile-drawer{background:#203731!important;padding-bottom:max(22px,env(safe-area-inset-bottom));overflow-y:auto!important}
.mobile-drawer-head{padding-bottom:18px!important;margin-bottom:18px!important;border-bottom:1px solid rgba(246,240,224,.22)!important}
.mobile-drawer-head img{max-width:132px!important}
.mobile-drawer-links.tteu-mobile-nav{display:flex!important;flex-direction:column!important;gap:4px!important;margin:0!important}
.tteu-mobile-nav a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:56px!important;padding:7px 2px!important;color:#f6f0e0!important;text-decoration:none!important;font-size:clamp(29px,8vw,44px)!important;line-height:.96!important;font-weight:900!important;letter-spacing:-.045em!important;text-transform:uppercase!important;border:0!important}
.tteu-mobile-nav a b{font-size:.82em!important;line-height:1!important;color:#ffb612!important;font-weight:500!important;opacity:.95}
.tteu-mobile-nav .tteu-mobile-shop{border:2px solid #ffb612!important;border-radius:999px!important;padding:8px 18px!important;margin:3px -10px 5px!important}
.tteu-mobile-community{margin-top:18px!important;padding-top:20px!important;border-top:1px solid rgba(246,240,224,.22)!important}
.tteu-community-label{color:#f6f0e0!important;font-size:12px!important;line-height:1!important;font-weight:800!important;letter-spacing:.22em!important;text-transform:uppercase!important;margin-bottom:14px!important}
.tteu-social-icons{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:13px!important;margin:0 0 18px!important}
.tteu-social-link{width:45px!important;height:45px!important;border:1.5px solid rgba(246,240,224,.82)!important;border-radius:50%!important;display:grid!important;place-items:center!important;color:#f6f0e0!important;text-decoration:none!important}
.tteu-paris-signature{margin:17px 0 12px!important;text-align:center!important;color:rgba(246,240,224,.72)!important}
.tteu-skyline-svg{display:block!important;width:100%!important;height:auto!important;max-height:118px!important;margin:0 auto!important;color:rgba(246,240,224,.58)!important;overflow:visible!important}
.mobile-drawer-foot{margin-top:0!important;padding-top:13px!important;border-top:1px solid rgba(246,240,224,.22)!important;font-size:9px!important;letter-spacing:.14em!important;color:rgba(246,240,224,.72)!important}
.tteu-social-link.is-placeholder,.tteu-whatsapp.is-placeholder{cursor:default}}
@media (max-width:380px),(max-height:740px){.mobile-drawer-head{padding-bottom:12px!important;margin-bottom:11px!important}
.mobile-drawer-head img{max-width:112px!important}
.tteu-mobile-nav a{min-height:47px!important;font-size:clamp(25px,7.2vw,34px)!important}
.tteu-mobile-community{margin-top:10px!important;padding-top:14px!important}
.tteu-social-link{width:39px!important;height:39px!important}
.tteu-paris-signature{margin:10px 0 8px!important}
.tteu-skyline-svg{display:block!important;width:100%!important;height:auto!important;max-height:118px!important;margin:0 auto!important;color:rgba(246,240,224,.58)!important;overflow:visible!important}}
@media (max-width:900px){.mobile-drawer{
   height:100dvh!important;max-height:100dvh!important;min-height:0!important;
   overflow:hidden!important;box-sizing:border-box!important;
   padding-top:max(14px,env(safe-area-inset-top))!important;
   padding-bottom:max(10px,env(safe-area-inset-bottom))!important;
   display:flex!important;flex-direction:column!important;
 }
.mobile-drawer-head{flex:0 0 auto!important;padding-bottom:10px!important;margin-bottom:8px!important}
.mobile-drawer-head img{max-width:108px!important}
.mobile-drawer-links.tteu-mobile-nav{flex:0 0 auto!important;gap:0!important}
.tteu-mobile-nav a{
   min-height:42px!important;padding:2px 2px!important;
   font-size:clamp(24px,6.8vw,37px)!important;line-height:.94!important;
 }
.tteu-mobile-nav .tteu-mobile-shop{
   min-height:48px!important;padding:4px 14px!important;margin:2px -7px 3px!important;
 }
.tteu-mobile-nav a:link,.tteu-mobile-nav a:visited{color:#f6f0e0!important}
.tteu-mobile-nav a:hover,.tteu-mobile-nav a:focus-visible{color:#ffb612!important}
.tteu-mobile-nav a[aria-current="page"]{color:#ffb612!important}
.tteu-mobile-nav .tteu-mobile-shop:link,.tteu-mobile-nav .tteu-mobile-shop:visited{color:#f6f0e0!important}
.tteu-mobile-community{
   flex:0 0 auto!important;margin-top:9px!important;padding-top:10px!important;
 }
.tteu-community-label{font-size:10px!important;margin-bottom:8px!important}
.tteu-social-icons{gap:10px!important;margin-bottom:9px!important}
.tteu-social-link{width:35px!important;height:35px!important}
.tteu-paris-signature{
   flex:1 1 auto!important;min-height:88px!important;margin:5px 0 3px!important;
   display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
   overflow:hidden!important;
 }
.tteu-skyline-svg{
   width:100%!important;height:auto!important;max-height:91px!important;
   color:rgba(246,240,224,.58)!important;margin:0 auto!important;
 }
.mobile-drawer-foot{
   flex:0 0 auto!important;padding-top:6px!important;font-size:7.5px!important;
   line-height:1!important;margin-top:0!important;
 }}
@media (max-width:390px),(max-height:760px){.mobile-drawer-head{padding-bottom:6px!important;margin-bottom:5px!important}
.mobile-drawer-head img{max-width:92px!important}
.tteu-mobile-nav a{min-height:35px!important;font-size:clamp(21px,6.1vw,29px)!important}
.tteu-mobile-nav .tteu-mobile-shop{min-height:40px!important}
.tteu-mobile-community{margin-top:6px!important;padding-top:7px!important}
.tteu-community-label{margin-bottom:6px!important}
.tteu-social-icons{margin-bottom:6px!important}
.tteu-social-link{width:31px!important;height:31px!important}
.tteu-paris-signature{min-height:65px!important;margin-top:3px!important}
.tteu-skyline-svg{max-height:63px!important}
.mobile-drawer-foot{font-size:6.8px!important;padding-top:4px!important}}
@media (max-width:900px){.mobile-drawer{justify-content:flex-start!important;overflow:hidden!important}
.mobile-drawer-head{margin-bottom:12px!important}
.tteu-mobile-nav a{min-height:44px!important}
.tteu-mobile-community{margin-top:14px!important;padding-top:14px!important}
.tteu-paris-signature{
   flex:0 0 auto!important;min-height:0!important;
   margin:16px 0 7px!important;justify-content:flex-start!important;
 }
.tteu-skyline-svg{max-height:76px!important}
.mobile-drawer-foot{margin-top:0!important}}
@media (max-width:390px),(max-height:760px){.mobile-drawer-head{margin-bottom:7px!important}
.tteu-mobile-nav a{min-height:37px!important}
.tteu-mobile-community{margin-top:8px!important;padding-top:8px!important}
.tteu-paris-signature{margin:8px 0 4px!important}
.tteu-skyline-svg{max-height:52px!important}}
@media (max-width:900px){.tteu-paris-signature{margin:18px 0 8px!important;min-height:0!important}
.tteu-skyline-svg{display:none!important}
.mobile-drawer-foot{
   border-top:1px solid rgba(246,240,224,.24)!important;
   padding-top:11px!important;margin-top:0!important
 }}
@media  (max-width:1100px){.desktop-nav,.desktop-menu,.nav-links,.site-nav-links{display:none!important}
.hamburger,.menu-toggle,.mobile-menu-toggle,.tteu-menu-toggle{display:flex!important}}
@media  (min-width:1101px){.hamburger,.menu-toggle,.mobile-menu-toggle,.tteu-menu-toggle{}}
@media (max-width:900px){.tteu-paris-signature{
   display:flex!important;flex-direction:column!important;
   margin:16px 0 8px!important;min-height:0!important;
 }
.tteu-skyline-svg{display:none!important}
.tteu-paris-signature::after{
   content:"";display:block;width:100%;height:74px;margin:2px auto 7px;
   background-image:url("https://titletown.eu/wp-content/uploads/2026/09/france_line-Edited-scaled.png");
   background-repeat:no-repeat;background-position:center;background-size:contain;
   filter:grayscale(1) brightness(0) invert(1);
   opacity:.48;
 }}
@media (max-width:420px){.tteu-paris-signature::after{height:62px;opacity:.46}}
@media (max-width:700px){.next-game-card .teams,.next-game-card .logos{margin-bottom:14px!important}}
@media  (max-width:1100px){.nav-links{display:none!important}
.mobile-menu-btn{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:10001!important;
    color:var(--cream)!important;
  }}
@media  (min-width:1101px){.mobile-menu-btn{display:none!important}}
@media  (max-width:1100px){.mobile-drawer{padding:20px 22px 18px!important;overflow-y:auto!important}
.mobile-drawer-head{padding-bottom:15px!important;margin-bottom:0!important}
.mobile-drawer-links{padding:16px 0 12px!important}
.mobile-drawer-links a{padding:7px 0!important;line-height:1.03!important}
.tteu-mobile-community{margin-top:8px!important;padding-top:12px!important}
.tteu-mobile-socials{margin-top:7px!important;margin-bottom:10px!important}
.tteu-mobile-whatsapp{min-height:58px!important;padding-top:9px!important;padding-bottom:9px!important}
.tteu-paris-signature{margin:12px -22px 5px!important;width:calc(100% + 44px)!important}
.tteu-paris-signature::after{
   width:100%!important;height:92px!important;margin:0!important;
   background-size:cover!important;background-position:center bottom!important;
   opacity:.52!important;
 }
.mobile-drawer-foot{margin-left:0!important;margin-right:0!important;padding-top:9px!important}}
@media (max-height:780px){.mobile-drawer-links{padding:10px 0 8px!important}
.mobile-drawer-links a{padding:5px 0!important}
.tteu-mobile-community{padding-top:8px!important}
.tteu-paris-signature::after{height:66px!important}}
@media  (max-width:1100px){.site-header .nav-links, header .nav-links, .nav-links{display:none!important}
.mobile-menu-btn{
    display:flex!important;align-items:center!important;justify-content:center!important;
    visibility:visible!important;opacity:1!important;pointer-events:auto!important;
    width:48px!important;height:48px!important;margin-left:auto!important;
    position:relative!important;z-index:10010!important;
  }}
@media  (min-width:1101px){.mobile-menu-btn{display:none!important}}
@media  (max-width:1100px){.mobile-drawer{
    box-sizing:border-box!important;
    padding:18px 24px 16px!important;
    overflow-y:auto!important;
    justify-content:flex-start!important;
  }
.mobile-drawer-head{padding-bottom:14px!important;margin:0!important}
.mobile-drawer-links{padding:14px 0 11px!important}
.mobile-drawer-links a{padding:7px 0!important;min-height:0!important;line-height:1.04!important}
.tteu-mobile-community{margin:8px 0 0!important;padding:12px 0 0!important}
.tteu-mobile-socials{margin:8px 0 11px!important;gap:12px!important}
.tteu-mobile-whatsapp{min-height:56px!important;margin:0!important;padding:8px 15px!important}
.tteu-paris-signature{
    width:calc(100% + 48px)!important;margin:14px -24px 4px!important;
    min-height:0!important;overflow:hidden!important;
  }
.tteu-skyline-svg{display:none!important}
.tteu-paris-signature::after{
    content:""!important;display:block!important;
    width:100%!important;height:92px!important;margin:0!important;
    background-image:url("https://titletown.eu/wp-content/uploads/2026/09/france_line-Edited-scaled.png")!important;
    background-repeat:no-repeat!important;background-position:center bottom!important;
    background-size:cover!important;
    filter:grayscale(1) brightness(0) invert(1)!important;opacity:.50!important;
  }
.mobile-drawer-foot{margin:0!important;padding-top:9px!important}}
@media  (max-height:800px){.mobile-drawer{padding-top:13px!important}
.mobile-drawer-links{padding:9px 0 7px!important}
.mobile-drawer-links a{padding:5px 0!important}
.tteu-mobile-community{padding-top:8px!important}
.tteu-mobile-socials{margin:6px 0 8px!important}
.tteu-mobile-whatsapp{min-height:50px!important}
.tteu-paris-signature{margin-top:9px!important}
.tteu-paris-signature::after{height:64px!important}}
@media  (max-width:1100px){.mobile-menu-btn{
    display:flex!important;align-items:center!important;justify-content:center!important;
    visibility:visible!important;opacity:1!important;pointer-events:auto!important;
    width:48px!important;height:48px!important;margin-left:auto!important;position:relative!important;z-index:10010!important;
  }
.tteu-mobile-community{margin-top:12px!important;padding-top:15px!important;}
.tteu-mobile-socials{margin:10px 0 14px!important;gap:12px!important;}
.tteu-mobile-whatsapp{margin:0 0 0!important;}
.tteu-paris-signature{
    width:calc(100% + 48px)!important;
    margin:24px -24px 4px!important;
    min-height:0!important;overflow:hidden!important;
  }
.tteu-skyline-svg{display:none!important;}
.tteu-paris-signature::after{
    content:""!important;display:block!important;width:100%!important;height:118px!important;margin:0!important;
    background-image:url("https://titletown.eu/wp-content/uploads/2026/09/france_line-Edited-scaled.png?v=493")!important;
    background-repeat:no-repeat!important;background-size:cover!important;background-position:center top!important;
    filter:grayscale(1) brightness(0) invert(1)!important;opacity:.50!important;
  }
.mobile-drawer-foot{margin:0!important;padding-top:9px!important;}}
@media  (max-height:800px) and (max-width:1100px){.tteu-mobile-community{margin-top:10px!important;padding-top:10px!important;}
.tteu-mobile-socials{margin:7px 0 10px!important;}
.tteu-paris-signature{margin-top:17px!important;}
.tteu-paris-signature::after{height:88px!important;background-position:center top!important;}}
@media  (min-width:1101px){.mobile-menu-btn{display:none!important;}}
@media (max-width:760px){.mobile-drawer{left:0!important;right:0!important;width:100vw!important;max-width:100vw!important;box-sizing:border-box!important;overflow-y:auto!important}
.mobile-drawer-links a{font-size:clamp(22px,6vw,30px)!important;line-height:1.1!important;padding:6px 0!important}}
body>.nav{position:relative;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}
body>.nav .nav-links{display:flex}
@media(max-width:1100px){body>.nav .nav-links{display:none!important}body>.nav .mobile-menu-btn{display:flex!important;align-items:center;justify-content:center}body>.nav .logo{flex-shrink:0}}
@media(min-width:1101px){body>.nav .mobile-menu-btn{display:none!important}}