/* ============================================================
   v99-guild-style.css  (claude-guildstyle-2-pro)  [2026-06-30]
   Restyle PREMIUM "pro" de l'onglet Guilde. Cible les classes posées par
   v99-guild-customization.js (.mx-guild-banner / .mx-guild-tabs / .mx-gc-logo)
   + la structure de renderGuildContentV2. Visuel only (aucune logique).
   ============================================================ */

/* ---- Fond de l'écran guilde : [2026-07-06 demande user] image de guilde + héraldique ---- */
#guild-screen {
  background:
    radial-gradient(ellipse 60% 40% at 50% -8%, rgba(255,205,70,0.14), transparent 62%),
    radial-gradient(ellipse 85% 55% at 50% 118%, rgba(150,70,220,0.10), transparent 64%),
    linear-gradient(rgba(6,8,16,0.52), rgba(6,8,16,0.70)),
    url('../icone/fond_guilde.png') !important;
  background-size: auto, auto, cover, cover !important;
  background-position: center, center, center, center !important;
  background-repeat: no-repeat !important;
  background-color: #06040c !important;
}
#guild-content { animation: gldFadeIn 0.5s cubic-bezier(0.22,1,0.36,1); }
@keyframes gldFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

/* ---- Bandeau guilde (carte nom + logo + rang) : carte héraldique ---- */
/* [2026-07-03 demande user] cadre JAUNE retiré (moche) → carte sombre discrète, sans liseré or */
.mx-guild-banner {
  position: relative !important;
  min-width: 300px !important;
  padding: 22px 34px 18px !important;
  border-radius: 22px !important;
  background: linear-gradient(160deg, rgba(24,22,34,0.94), rgba(13,11,20,0.97)) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow:
    0 18px 52px rgba(0,0,0,0.6),
    inset 0 1px 0 rgba(255,255,255,0.07) !important;
  overflow: hidden !important;
}
/* liseré doré supérieur — RETIRÉ (2026-07-03) */
.mx-guild-banner::after { content: none !important; }
/* reflet animé qui balaie la carte */
.mx-guild-banner::before {
  content: ''; position: absolute; top: 0; left: -50%; width: 45%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.11), transparent);
  transform: skewX(-18deg); pointer-events: none;
  animation: gldShine 6s ease-in-out infinite;
}
@keyframes gldShine { 0%, 100% { left: -50%; } 55%, 78% { left: 135%; } }

/* logo de guilde : halo doré (cible le VRAI logo .mx-gc-logo + legacy .mx-gp-logo) */
/* [2026-07-03] cercle JAUNE autour du logo retiré → contour discret (le CADRE payant choisi reste visible) */
.mx-guild-banner .mx-gc-logo,
.mx-guild-banner .mx-gp-logo {
  margin: 0 auto 9px !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  box-shadow: 0 6px 24px rgba(0,0,0,0.55) !important;
}
.mx-guild-banner .mx-gp-logo { width: 84px !important; height: 84px !important; font-size: 2.4em !important; }

/* nom de guilde en dégradé or */
.mx-guild-banner [style*="Cinzel"] {
  background: linear-gradient(180deg, #fff 0%, #ffe390 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 1.32em !important; letter-spacing: 0.6px !important;
  filter: drop-shadow(0 2px 9px rgba(255,200,60,0.28));
}

/* ---- Barre d'onglets — segmented control premium ---- */
.mx-guild-tabs {
  background: linear-gradient(180deg, rgba(0,0,0,0.5), rgba(0,0,0,0.34)) !important;
  border: 1px solid rgba(255,215,0,0.14) !important;
  border-radius: 16px !important;
  padding: 6px !important;
  gap: 5px !important;
  box-shadow: inset 0 1px 6px rgba(0,0,0,0.5), 0 4px 16px rgba(0,0,0,0.3);
}
.mx-guild-tabs button {
  border-radius: 12px !important;
  padding: 10px 4px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px;
  transition: transform 0.15s ease, color 0.2s, background 0.2s, box-shadow 0.2s !important;
}
.mx-guild-tabs button:hover { transform: translateY(-2px); filter: brightness(1.12); }
/* onglet ACTIF : pastille dorée lumineuse (le JS marque souvent l'actif via fond inline ;
   on renforce les états .active / [aria-selected] / .on si présents) */
.mx-guild-tabs button.active,
.mx-guild-tabs button[aria-selected="true"],
.mx-guild-tabs button.on {
  background: linear-gradient(135deg, rgba(255,215,0,0.28), rgba(255,150,30,0.12)) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(255,170,40,0.32), inset 0 0 0 1px rgba(255,215,0,0.45) !important;
}

/* ---- Corps d'onglet : panneaux glassy + liseré doré + transitions ---- */
#mx-guild-tabbody { animation: gldFadeIn 0.4s ease; }
#mx-guild-tabbody > div {
  position: relative;
  border-radius: 16px !important;
}
/* panneaux directs : fond verre + bordure subtile + ombre douce */
#mx-guild-tabbody > div[style*="background"] {
  border: 1px solid rgba(255,215,0,0.12) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}
/* en-têtes de section (titres en gras dans le corps) : touche dorée */
#mx-guild-tabbody h2, #mx-guild-tabbody h3 {
  font-family: 'Cinzel', serif !important;
  letter-spacing: 0.4px;
}
/* boutons d'action (boutique guilde, contribuer raid, upgrades) : hover lift premium */
#mx-guild-tabbody button { transition: transform 0.14s ease, box-shadow 0.2s, filter 0.2s !important; }
#mx-guild-tabbody button:hover:not(:disabled) { transform: translateY(-2px); filter: brightness(1.1); box-shadow: 0 6px 18px rgba(0,0,0,0.4); }
#mx-guild-tabbody button:active:not(:disabled) { transform: translateY(0) scale(0.98); }

/* lignes de membres : relief + glissement au survol + séparateur fin */
#mx-guild-tabbody [data-mx-avatar-uid] {
  transition: transform 0.14s ease, background 0.2s !important;
  border-radius: 12px !important;
}
#mx-guild-tabbody [data-mx-avatar-uid]:hover {
  transform: translateX(3px);
  background: rgba(255,215,0,0.06) !important;
}

/* barre d'XP de guilde (Aperçu) : dégradé + lueur, coins arrondis */
#mx-guild-tabbody [style*="linear-gradient"][style*="width"] { box-shadow: 0 0 10px rgba(255,200,60,0.35); }

/* image de raid / monstre : coins doux + cadre */
#mx-go-raid img, #guild-content img {
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.45);
}

/* scrollbar fine premium dans le corps d'onglet */
#mx-guild-tabbody::-webkit-scrollbar { width: 8px; }
#mx-guild-tabbody::-webkit-scrollbar-thumb { background: rgba(255,215,0,0.25); border-radius: 8px; }

/* ---- Bouton « Personnaliser (titre & cadre) » du bandeau ---- */
.mx-gc-perso-btn { transition: transform .14s ease, box-shadow .2s, filter .2s; }
.mx-gc-perso-btn:hover { transform: translateY(-2px); filter: brightness(1.12); box-shadow: 0 7px 20px rgba(255,170,40,0.34) !important; }
.mx-gc-perso-btn:active { transform: translateY(0) scale(0.97); }

/* ---- Modale de personnalisation : aperçus de cadre/titre premium ---- */
.mx-gc-frbtn { transition: transform .14s ease, border-color .2s, box-shadow .2s !important; }
.mx-gc-frbtn:hover { transform: translateY(-3px) scale(1.04); box-shadow: 0 8px 20px rgba(0,0,0,0.45); }
.mx-gc-frbtn.on { box-shadow: 0 0 0 1px currentColor, 0 6px 18px rgba(0,0,0,0.4); }
.mx-gc-titbtn { transition: transform .14s ease, background .2s, border-color .2s !important; }
.mx-gc-titbtn:hover:not(:disabled) { transform: translateX(3px); background: rgba(255,215,0,0.06) !important; }

/* ============================================================
   [guildstyle-4] POLISH COMPLET « plus propre » des panneaux d'onglet
   (Aperçu / Raid / Boosts / Marché / Membres). Cible les conteneurs
   stables #mx-go-raid / #mx-go-boosts / #mx-go-shop remplis par
   v99-guild-overhaul (rendu déterministe → sélecteurs structurels sûrs).
   ============================================================ */

/* cartes de la BOUTIQUE de guilde (grille 3 colonnes) : hover lift + bord net */
#mx-go-shop [style*="grid-template-columns"] > div {
  transition: transform .15s ease, box-shadow .2s, border-color .2s !important;
}
#mx-go-shop [style*="grid-template-columns"] > div:hover {
  transform: translateY(-3px);
  box-shadow: 0 9px 22px rgba(0,0,0,0.5);
}

/* lignes de BOOST : léger relief au survol */
#mx-go-boosts > div[style*="border-radius:12px"] { transition: transform .14s ease, filter .2s !important; }
#mx-go-boosts > div[style*="border-radius:12px"]:hover { transform: translateY(-1px); filter: brightness(1.06); }

/* boîtes « 💡 astuce » en bas des panneaux : liseré gauche discret + texte calme */
#mx-go-raid > div[style*="rgba(0,0,0,0.25)"],
#mx-go-boosts > div[style*="rgba(0,0,0,0.25)"],
#mx-go-shop > div[style*="rgba(0,0,0,0.25)"] {
  border-left: 3px solid rgba(255,215,0,0.4) !important;
}

/* image du MONSTRE de raid : cadre + ombre nette */
#mx-go-raid img[src] { box-shadow: inset 0 0 40px rgba(0,0,0,0.5); }

/* barre de progression du raid : lueur rouge propre */
#mx-go-raid-bar > div { box-shadow: 0 0 10px rgba(255,90,60,0.45); }

/* badges de pièces de guilde / or : pilule nette */
#mx-guild-tabbody [style*="border-radius:999px"] { backdrop-filter: blur(2px); }

/* espacement homogène entre les panneaux et le haut */
#mx-guild-tabbody > div { margin-top: 2px; }

/* ============================================================
   [2026-07-08 demande user] FIX « logo de guilde ÉNORME ~1s puis
   rétrécit » à l'entrée de la guilde : clamp DÉFENSIF — l'emblème
   ne peut JAMAIS s'afficher plus grand que son cadre, quel que
   soit l'ordre de rendu (img chargée avant le layout, re-render,
   frame SVG, etc.). Le picker (modal séparé) n'est pas touché.
   ============================================================ */
.mx-gc-logo{ width:84px !important; height:84px !important; }
.mx-gc-logo img,
.mx-gc-emblem img,
#guild-content img[src*="icone/emb"]{
  max-width:76px !important;
  max-height:76px !important;
  width:auto; height:auto;
  object-fit:contain;
}