/* Style 21 — Signature rose diagonale : composition desktop inspirée de la référence fournie. */
@media (min-width:1101px) {
  #tnav.tnav.tn-modern.tn-style-21 {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:0;
    color:#fff;
    background:linear-gradient(108deg,#270018 0%,#65002d 36%,#c90061 76%,#f00078 100%);
    border-top:2px solid #ff84bd;
    border-bottom:2px solid #ff66ad;
    box-shadow:0 5px 24px rgba(113,0,48,.26);
  }
  #tnav.tnav.tn-modern.tn-style-21:after {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    right:0;
    bottom:0;
    width:58px;
    pointer-events:none;
    background:repeating-linear-gradient(118deg,transparent 0 11px,#ff168b 11px 20px,#ff79b9 20px 24px,transparent 24px 34px);
    opacity:.9;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-shell {
    width:min(var(--tn-width),100%);
    max-width:none;
    margin:0 auto;
    padding:0 64px 0 18px;
    display:grid;
    grid-template-columns:minmax(220px,1.05fr) minmax(300px,1.2fr) 54px minmax(220px,1fr);
    grid-template-rows:76px 52px;
    gap:0 12px;
    align-items:center;
    background:transparent;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-brand {
    grid-column:1;
    grid-row:1;
    position:relative;
    z-index:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:61px;
    flex:none;
    padding:4px 18px 4px 12px;
    overflow:hidden;
    clip-path:polygon(9% 0,100% 0,91% 100%,0 100%);
    background:linear-gradient(110deg,#fff 0%,#f6f3f5 78%,#e4dce1 100%);
    box-shadow:0 0 18px #ff76b888;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-logo-image,
  #tnav.tnav.tn-modern.tn-style-21 .tn-brand img {
    width:auto;
    max-width:100%;
    max-height:53px;
    object-fit:contain;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-modern-main {display:contents}
  #tnav.tnav.tn-modern.tn-style-21 .tn-content {display:contents}
  #tnav.tnav.tn-modern.tn-style-21 .tn-nav {
    grid-column:1/-1;
    grid-row:2;
    align-self:stretch;
    display:flex;
    align-items:center;
    min-width:0;
    margin:0 -64px 0 -18px;
    padding:0 74px 0 18px;
    background:linear-gradient(90deg,#141414,#202020 72%,#111 100%);
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-links {
    display:flex;
    align-items:center;
    justify-content:space-around;
    gap:4px;
    width:100%;
    min-width:0;
    margin:0;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-links>li {flex:1 1 auto;min-width:0}
  #tnav.tnav.tn-modern.tn-style-21 .tn-links>li>a {
    justify-content:center;
    min-height:42px;
    padding:7px 10px;
    border-radius:3px;
    color:#fff;
    font-size:clamp(13px,1vw,16px);
    font-weight:800;
    text-transform:uppercase;
    text-align:center;
    white-space:nowrap;
    transition:background-color .18s ease,color .18s ease;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-links>li>a:hover,
  #tnav.tnav.tn-modern.tn-style-21 .tn-links>.current-menu-item>a,
  #tnav.tnav.tn-modern.tn-style-21 .tn-links>.current-menu-ancestor>a {
    color:#fff;
    background:#a80050;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-links>li+li:before {display:none}
  #tnav.tnav.tn-modern.tn-style-21 .tn-links>li>.tn-sub-toggle {color:#fff}
  #tnav.tnav.tn-modern.tn-style-21 .tn-community {
    grid-column:2;
    grid-row:1;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:0;
    max-width:none;
    padding:0;
    margin:0;
    border:0;
    background:transparent;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-width:0;
    min-height:46px;
    padding:5px 9px;
    border:0;
    border-right:1px solid rgba(255,255,255,.42);
    border-radius:0;
    color:#fff;
    background:transparent;
    box-shadow:none;
    font-size:clamp(11px,.9vw,14px);
    font-weight:750;
    line-height:1.1;
    text-align:left;
    text-decoration:none;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab:hover {color:#fff;background:rgba(255,255,255,.12)}
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab .tn-community-symbol {
    display:grid;
    place-items:center;
    flex:0 0 34px;
    width:34px;
    height:34px;
    border-radius:50%;
    color:#fff;
    background:#0866ff;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab:nth-child(2) .tn-community-symbol {background:#a70064}
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab .tn-community-icon {width:20px;height:20px}
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab .tn-community-arrow {display:none}
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab:last-child {
    min-height:48px;
    padding:7px 14px;
    border:2px solid #ff65ad;
    border-radius:28px;
    background:linear-gradient(100deg,#f50079,#a60050);
    box-shadow:0 0 8px #ff4ca0,0 0 20px #ff2b8b77,inset 0 1px 0 #fff8;
    font-size:clamp(12px,.95vw,15px);
    font-weight:850;
    white-space:nowrap;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab:last-child:before {
    content:"🏆";
    font-size:20px;
    line-height:1;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-searchbox {
    grid-column:3;
    grid-row:1;
    justify-self:center;
    align-self:center;
    width:46px;
    min-width:46px;
    max-width:46px;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-search-toggle {
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    color:#fff;
    border-radius:50%;
    background:transparent;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-search-toggle:hover {background:rgba(255,255,255,.16)}
  #tnav.tnav.tn-modern.tn-style-21 .tn-searchbox>.tn-search {
    position:absolute;
    z-index:20;
    top:68px;
    right:66px;
    width:min(360px,calc(100vw - 32px));
    padding:10px;
    border:1px solid #ff65ad;
    border-radius:12px;
    background:#fff;
    box-shadow:0 12px 32px #17000d55;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-search input[type=search] {min-height:44px;border-color:#d7c4cf}
  #tnav.tnav.tn-modern.tn-style-21 .tn-search button {background:#c90061;color:#fff}
}
@media (min-width:1101px) and (max-width:1399px) {
  #tnav.tnav.tn-modern.tn-style-21 .tn-shell {grid-template-columns:minmax(190px,.9fr) minmax(270px,1.25fr) 46px minmax(190px,1fr);gap:0 7px;padding-right:56px}
  #tnav.tnav.tn-modern.tn-style-21 .tn-brand {height:56px}
  #tnav.tnav.tn-modern.tn-style-21 .tn-community {gap:3px}
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab {padding-left:5px;padding-right:5px}
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab:last-child {padding-left:9px;padding-right:9px}
}
@media (max-width:1100px) {
  #tnav.tnav.tn-modern.tn-style-21 {
    background:linear-gradient(120deg,#430020,#c90061 72%,#f00078);
    border-top:2px solid #ff84bd;
    border-bottom:2px solid #ff65ad;
  }
  #tnav.tnav.tn-modern.tn-style-21:after {display:none}
  #tnav.tnav.tn-modern.tn-style-21 .tn-brand {background:rgba(255,255,255,.96);box-shadow:0 0 12px #ff76b888}
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab:last-child {box-shadow:0 0 10px #ff2b8b77}
  #tnav.tnav.tn-modern.tn-style-21 .tn-toggle {background:#f50079;color:#fff;border-color:#ff65ad;box-shadow:0 0 10px #ff2b8b77}
}

/* Visibility refinement after reviewing the installed desktop screenshot. */
@media (min-width:1101px) {
  #tnav.tnav.tn-modern.tn-style-21 .tn-shell {
    grid-template-columns:minmax(245px,290px) minmax(530px,1fr) 58px;
    grid-template-rows:88px 56px;
    gap:0 14px;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-brand {
    height:70px;
    padding:5px 18px;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-logo-image,
  #tnav.tnav.tn-modern.tn-style-21 .tn-brand img {
    width:min(100%,255px)!important;
    max-height:61px;
    object-fit:contain;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-community {
    grid-column:2;
    grid-row:1;
    display:grid;
    grid-template-columns:minmax(165px,1fr) minmax(165px,1fr) minmax(238px,auto);
    gap:9px;
    align-items:center;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab {
    justify-content:flex-start;
    min-height:58px;
    padding:7px 11px;
    font-size:15px;
    line-height:1.2;
    white-space:normal;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab .tn-community-label {
    display:block;
    min-width:0;
    overflow-wrap:anywhere;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab:last-child {
    justify-content:center;
    min-width:238px;
    min-height:58px;
    padding:8px 16px;
    font-size:16px;
    text-align:center;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab:last-child .tn-community-symbol {display:none}
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab:last-child:before {font-size:23px}
  #tnav.tnav.tn-modern.tn-style-21 .tn-searchbox {grid-column:3;grid-row:1;width:50px;min-width:50px;max-width:50px}
  #tnav.tnav.tn-modern.tn-style-21 .tn-search-toggle {width:50px;height:50px}
}
@media (min-width:1101px) and (max-width:1399px) {
  #tnav.tnav.tn-modern.tn-style-21 .tn-shell {
    grid-template-columns:minmax(205px,245px) minmax(480px,1fr) 52px;
    padding-right:56px;
    gap:0 8px;
  }
  #tnav.tnav.tn-modern.tn-style-21 .tn-community {grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(210px,auto);gap:5px}
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab {padding:6px 7px;font-size:14px}
  #tnav.tnav.tn-modern.tn-style-21 .tn-community-tab:last-child {min-width:210px;padding:7px 10px;font-size:15px}
}