/* child-theme/assets/axialys-elementor.css */

/* Boutons */
/* ── Base ─────────────────────────────────────────────── */ 
.ax-btn { display: inline-flex; align-items: center; gap: var(--ax-space-2); padding: 12px 24px; border-radius: var(--ax-radius-full); border: 2px solid transparent; font-size: var(--ax-font-size-sm); font-weight: var(--ax-font-weight-semibold); letter-spacing: 0.025em; cursor: pointer; text-decoration: none; transition: all 100ms ease; } 
/* ── Variantes ─────────────────────────────────────────── */ 
.ax-btn-primary { background: var(--ax-color-accent-500); color: #fff; border-color: var(--ax-color-accent-500); } .btn-secondary { background: transparent; color: var(--ax-color-primary-500); border-color: var(--ax-color-primary-500); } 
.ax-btn-secondary-inv{ background: transparent; color: #fff; border-color: rgba(255,255,255,0.5); } 
.ax-btn-ghost { background: transparent; color: var(--ax-color-accent-700); border-color: transparent; } 
.ax-btn-disabled { background: var(--ax-color-neutral-200); color: var(--ax-color-neutral-500); cursor: not-allowed; }

/* ── Hover ─────────────────────────────────────────────── */ 
.ax-btn-primary:hover { background: var(--ax-color-accent-600); transform: translateY(-1px); } 
.ax-btn-secondary:hover { background: var(--ax-color-primary-50); } 
.ax-btn-secondary-inv:hover { background: rgba(255,255,255,0.1); border-color: #fff; } 
.ax-btn-ghost:hover { background: var(--ax-color-accent-50); } 

/* ── Focus (accessibilité) ─────────────────────────────── */ 
.ax-btn-primary:focus-visible { box-shadow: 0 0 0 .3rem rgba(0,0,0,.1); outline: none; } 

/* ── Tailles ───────────────────────────────────────────── */ 
.ax-btn-sm { padding: 8px 16px; font-size: var(--ax-font-size-xs); } 

/* Standard : padding 12px 24px (valeur par défaut du .btn) */ 
.ax-btn-lg { padding: 16px 32px; font-size: var(--ax-font-size-base); } 
.ax-btn-xl { padding: 18px 40px; font-size: var(--ax-font-size-lg); }











/* Sections */
.ax-section-dark   { background: var(--ax-color-primary-500); color: var(--ax-color-neutral-0); }
.ax-section-light  { background: var(--ax-color-neutral-50); }
.ax-section-accent { background: var(--ax-color-accent-500); }

/* Cards */
.ax-card {
    background: var(--ax-color-neutral-0);
    border-radius: var(--ax-radius-xl);
    box-shadow: var(--ax-shadow-md);
    padding: var(--ax-space-8);
}

/* Typographie */
.ax-heading-display { font-size: var(--ax-font-size-5xl); font-weight: var(--ax-font-weight-bold); }
.ax-text-muted      { color: var(--ax-color-neutral-600); }