:root{
  --gcm-gap:10px; --gcm-radius:10px; --gcm-font:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --gcm-btn:#0d6efd; --gcm-txt:#fff; --gcm-hover:#0b5ed7; --gcm-hover-txt:#fff; --gcm-outline:#0d6efd;
}
.gcm{font-family:var(--gcm-font);}
.gcm .gcm-list{list-style:none;margin:0;padding:0;display:flex;gap:var(--gcm-gap);flex-wrap:wrap}
.gcm.gcm-o-vertical .gcm-list{flex-direction:column}
.gcm.gcm-o-grid .gcm-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--gcm-gap)}
.gcm.gcm-a-left .gcm-list{justify-content:flex-start}
.gcm.gcm-a-center .gcm-list{justify-content:center}
.gcm.gcm-a-right .gcm-list{justify-content:flex-end}
.gcm.gcm-a-between .gcm-list{justify-content:space-between}
/* Item base */
.gcm .gcm-item{display:flex;align-items:center;gap:.5rem;text-decoration:none;border-radius:var(--gcm-radius);padding:.7em 1em; border:1px solid transparent}
.gcm .gcm-item .dashicons, .gcm .gcm-item i{font-size:1.05em;line-height:1;width:auto;height:auto}
/* Styles */
.gcm.gcm-style-solid .gcm-item,
.gcm .gcm-type-solid .gcm-item{ background:var(--gcm-btn); color:var(--gcm-txt); }
.gcm.gcm-style-solid .gcm-item:hover,
.gcm .gcm-type-solid .gcm-item:hover{ background:var(--gcm-hover); color:var(--gcm-hover-txt); }
.gcm.gcm-style-outline .gcm-item,
.gcm .gcm-type-outline .gcm-item{ background:transparent; color:var(--gcm-btn); border-color:var(--gcm-outline); }
.gcm.gcm-style-outline .gcm-item:hover,
.gcm .gcm-type-outline .gcm-item:hover{ background:var(--gcm-outline); color:#fff; }
.gcm.gcm-style-link .gcm-item,
.gcm .gcm-type-link .gcm-item{ background:transparent; color:var(--gcm-btn); padding:0; border:0; }
.gcm.gcm-style-link .gcm-item:hover,
.gcm .gcm-type-link .gcm-item:hover{ text-decoration:underline; }
/* Tailles */
.gcm.gcm-size-sm .gcm-item, .gcm .gcm-size-sm .gcm-item{ font-size:.92em; padding:.5em .8em; }
.gcm.gcm-size-lg .gcm-item, .gcm .gcm-size-lg .gcm-item{ font-size:1.08em; padding:.9em 1.15em; font-weight:600; }
/* Accessibilité focus */
.gcm .gcm-item:focus{ outline:2px solid #0002; outline-offset:2px }
