/* RMGT — header + recherche (dépend de rmgt.css) */
.topbar{background:var(--ink);color:var(--paper);font:700 var(--fs-xs)/1 var(--font);text-transform:uppercase;letter-spacing:.06em}
.topbar .container{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s5);padding-block:var(--s2)}
.topbar b{color:var(--yellow)}

.site-header{background:var(--yellow);border-bottom:var(--bw-lg) solid var(--ink)}
.site-header__row{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s4) var(--s5);align-items:center;padding-block:var(--s4)}
.logo{display:inline-block;padding:var(--s1) var(--s3);background:var(--ink);color:var(--yellow);
  font:700 1.4rem/1 var(--font);letter-spacing:-.04em;text-decoration:none;border:var(--bw) solid var(--ink);box-shadow:var(--sh)}
.logo:hover{background:var(--ink);color:var(--paper)}
.logo span{color:var(--paper)}

/* Recherche */
.search{position:relative}
.search__form{display:flex}
.search__input{flex:1;min-width:0;min-height:52px;padding:0 var(--s4);font:500 var(--fs-lg) var(--font);
  background:var(--paper);color:var(--ink);border:var(--bw) solid var(--ink);border-right:0;border-radius:0;box-shadow:var(--sh);appearance:none}
.search__input:focus{outline:none;background:#FFFBE0}
.search__btn{min-height:52px;padding:0 var(--s5);font:700 var(--fs-md) var(--font);color:#fff;background:var(--blue);
  border:var(--bw) solid var(--ink);box-shadow:var(--sh);cursor:pointer}
.search__btn:hover{background:var(--ink)}
.search__btn:active{transform:translate(4px,4px);box-shadow:none}
.search__spin{position:absolute;right:calc(var(--s5) + 90px);top:50%;transform:translateY(-50%);font-weight:700}

/* Suggestions (fragment HTMX) */
.suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:50;background:var(--paper);
  border:var(--bw) solid var(--ink);box-shadow:var(--sh-lg);list-style:none;margin:0;padding:0;max-height:70vh;overflow:auto}
.suggest:empty{display:none}
.suggest__group{padding:var(--s1) var(--s3);background:var(--ink);color:var(--yellow);
  font:700 var(--fs-xs)/1.6 var(--font);text-transform:uppercase;letter-spacing:.08em}
.suggest a{display:grid;grid-template-columns:2rem 1fr auto;gap:var(--s3);align-items:center;
  padding:var(--s2) var(--s3);color:var(--ink);text-decoration:none;border-bottom:2px solid var(--ink)}
.suggest a:hover,.suggest a[aria-selected="true"]{background:var(--yellow)}
.suggest mark{background:var(--yellow);color:var(--ink);padding:0}
.suggest a:hover mark{background:var(--paper)}
.suggest__price{font-weight:700;font-variant-numeric:tabular-nums}
.suggest__sub{display:block;font-size:var(--fs-xs);font-weight:500;color:#333}
.suggest__empty{padding:var(--s4);font-weight:700;background:var(--yellow)}

/* Actions */
.header-actions{display:flex;gap:var(--s3);align-items:center}
.counter{display:flex;flex-direction:column;align-items:center;padding:var(--s1) var(--s3);background:var(--paper);
  border:var(--bw) solid var(--ink);box-shadow:var(--sh-sm);font:700 var(--fs-xs)/1.1 var(--font);text-transform:uppercase}
.counter b{font-size:var(--fs-lg);font-variant-numeric:tabular-nums}

/* Navigation */
.main-nav{background:var(--paper);border-bottom:var(--bw) solid var(--ink)}
.main-nav ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.main-nav a{display:block;padding:var(--s3) var(--s4);color:var(--ink);text-decoration:none;
  font:700 var(--fs-sm)/1 var(--font);text-transform:uppercase;letter-spacing:.04em;border-right:var(--bw) solid var(--ink)}
.main-nav li:first-child a{border-left:var(--bw) solid var(--ink)}
.main-nav a:hover{background:var(--yellow)}
.main-nav a[aria-current="page"]{background:var(--ink);color:var(--yellow)}
.main-nav .nav-cta a{background:var(--green)}
.main-nav .nav-cta a:hover{background:var(--yellow)}

@media (max-width:760px){
  .site-header__row{grid-template-columns:1fr auto}
  .search{grid-column:1/-1;order:3}
  .counter{display:none}
}
@media (max-width:480px){
  .logo{font-size:1.15rem}
  .search__input{font-size:var(--fs-md);min-height:48px}
  .search__btn{padding:0 var(--s3);min-height:48px}
  .search__spin{display:none}
  .main-nav ul{flex-wrap:nowrap;overflow-x:auto}
  .main-nav a{white-space:nowrap}
  .suggest a{grid-template-columns:1.5rem 1fr auto}
}