/* Boutons illustrés quatre saisons, partagés par le site et la boutique. */
.button.button-gold,.button.button-green,.button.button-cream,.button.button-outline,
.shop-account,.shop-cart-button,.shop-help button,.subscription-options button[aria-pressed="true"]{
  background:#ffdc60 url('assets/button-seasons.svg') center/100% 100% no-repeat;
  color:#805024;
  border:1px solid #fff5cd;
  border-radius:13px;
  box-shadow:inset 0 2px 0 #ffffff45,0 5px 0 #ba8a46;
  font-family:'Arial Black','Trebuchet MS',Arial,sans-serif;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.4px;
  text-shadow:0 1px 0 #fff4c34d;
  transition:transform .16s,box-shadow .16s,filter .16s;
}
.button.button-gold:hover,.button.button-green:hover,.button.button-cream:hover,.button.button-outline:hover,
.shop-account:hover,.shop-cart-button:hover,.shop-help button:hover{
  transform:translateY(-2px);
  filter:brightness(1.04);
  box-shadow:inset 0 2px 0 #ffffff65,0 7px 0 #ba8a46;
}
.button.button-gold:active,.button.button-green:active,.button.button-cream:active,.button.button-outline:active,
.shop-account:active,.shop-cart-button:active,.shop-help button:active{
  transform:translateY(3px);
  box-shadow:inset 0 2px 0 #ffffff45,0 2px 0 #ba8a46;
}
.header-actions .button.button-small{min-height:40px;padding:8px 28px;font-size:16px;letter-spacing:.7px;border-radius:12px}
.shop-cart-button .cart-count{background:#8050241a;color:#805024}
.button:disabled{cursor:default;filter:saturate(.65);transform:none}
@media(max-width:760px){.header-actions .button.button-small{min-height:36px;padding:8px 22px;font-size:13px}.shop-account,.shop-cart-button{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.button,.shop-account,.shop-cart-button,.shop-help button{transition:none!important}}

/* Panneau IP : contenu centré dans la planche, hors attaches et feuillage. */
.hero .wood-sign{width:min(460px,calc(100vw - 24px));height:auto;aspect-ratio:360/150;padding:0;margin:0 auto;display:block}
.hero .wood-sign>.wood-sign-content{position:absolute;inset:22.7% 13.5% 18%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}
.hero .wood-sign strong{display:block;width:100%;font-size:clamp(15px,4.4vw,24px);line-height:1.2;white-space:nowrap;text-align:center}
.hero .wood-sign-content>span{display:flex;justify-content:center;align-items:center;gap:7px;font-size:clamp(9px,2.4vw,12px);line-height:1.3;font-weight:900;text-transform:uppercase}
.hero .wood-sign svg{width:14px;height:14px;flex-shrink:0}
.server-card .server-address input{height:44px;box-sizing:border-box;padding:0 52px 0 12px;line-height:normal;margin:0}
.server-address .server-copy{position:absolute;top:50%;right:5px;bottom:auto;transform:translateY(-50%);width:34px;height:34px;min-height:0;box-sizing:border-box;padding:0;border:1px solid #fff0bc;border-radius:9px;background:#ffdc60;color:#ba7b28;box-shadow:inset 0 -2px 0 #efb64b;display:grid;place-items:center;line-height:1;transition:filter .16s}
.server-address .server-copy svg{display:block;width:18px;height:18px;margin:0;grid-area:1 / 1;align-self:center;justify-self:center}
.server-address .server-copy .copy-check,.server-address .server-copy.is-copied .copy-symbol{display:none}
.server-address .server-copy.is-copied .copy-check{display:block}
.server-address .server-copy:hover{filter:brightness(1.06)}
@media(max-width:400px){.server-card .server-address input{font-size:12px;padding-left:8px}}
.hero .wood-sign>.wood-sign-confirmation{display:none;position:absolute;inset:22.7% 13.5% 18%;align-items:center;justify-content:center;font-family:'Trebuchet MS',Arial,sans-serif;font-size:clamp(17px,4.4vw,22px);font-weight:900;line-height:1.2;text-transform:none;letter-spacing:0}
.hero .wood-sign.is-copied>.wood-sign-content{visibility:hidden}
.hero .wood-sign.is-copied>.wood-sign-confirmation{display:flex}
.hero .wood-sign{transform-origin:50% 0;transition:transform .3s ease,filter .3s ease}
.hero .wood-sign:focus-visible{transform:scale(1.045);filter:brightness(1.06);outline:3px solid #fff1bb;outline-offset:4px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .hero .wood-sign:hover{animation:sign-welcome .65s ease both;filter:brightness(1.06) drop-shadow(0 7px 4px #71451c25)}
}
.hero .wood-sign:active{animation:none;transform:scale(.98);filter:brightness(.98)}
@keyframes sign-welcome{0%{transform:scale(1) rotate(0)}35%{transform:scale(1.055) rotate(-2deg)}65%{transform:scale(1.045) rotate(1.3deg)}100%{transform:scale(1.045) rotate(0)}}
@media(prefers-reduced-motion:reduce){.hero .wood-sign,.hero .wood-sign:hover,.hero .wood-sign:focus-visible,.hero .wood-sign:active{animation:none;transition:none;transform:none}.character-motion{display:none}}