/* ==========================================================================
   BANIOLA — Style de boutons global
   Reprend les deux boutons de la page « Prix du marché » :
     - primaire : dégradé navy → bleu
     - accent   : dégradé jaune
   Appliqué aux classes Bootstrap (.btn-primary, .btn-warning) et aux
   classes personnalisées du site (.btn-annonce, .sell-cta-btn,
   .btn-contact-phone). Disponible aussi via .bni-btn--primary /
   .bni-btn--yellow.
   ========================================================================== */

/* ── Base : toutes les classes .btn ─────────────────────────────────────── */
.btn,
.bni-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 12px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    transition: background .15s ease, box-shadow .2s ease, transform .15s ease;
}
.btn:not(.btn-sm),
.bni-btn { min-height: 48px; }

.btn:active,
.bni-btn:active { transform: translateY(1px); }

.btn:focus-visible,
.bni-btn:focus-visible {
    outline: 3px solid rgba(255, 198, 43, .55);
    outline-offset: 2px;
}

/* ── Primaire : dégradé navy → bleu ─────────────────────────────────────── */
.btn-primary,
.sell-cta-btn,
.btn-contact-phone,
.bni-btn--primary {
    background: linear-gradient(135deg, #0B2A5B, #1D4A96);
    border: none;
    color: #fff;
    box-shadow: 0 4px 14px rgba(11, 42, 91, .28);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.sell-cta-btn:hover,
.sell-cta-btn:focus,
.sell-cta-btn:active,
.btn-contact-phone:hover,
.btn-contact-phone:focus,
.btn-contact-phone:active,
.bni-btn--primary:hover,
.bni-btn--primary:focus,
.bni-btn--primary:active {
    background: linear-gradient(135deg, #0B2A5B, #1D4A96);
    border: none;
    color: #fff;
    box-shadow: 0 6px 20px rgba(11, 42, 91, .38);
    transform: translateY(-1px);
}
.btn-primary:active,
.sell-cta-btn:active,
.btn-contact-phone:active,
.bni-btn--primary:active { transform: translateY(0); }
.btn-primary:disabled,
.bni-btn--primary:disabled {
    background: #B9C4D6;
    border: none;
    box-shadow: none;
    cursor: not-allowed;
    transform: none;
}

/* ── Accent : dégradé jaune ─────────────────────────────────────────────── */
.btn-warning,
.btn-annonce,
.bni-btn--yellow {
    background: linear-gradient(135deg, #FFC62B, #FFB400);
    border: none;
    color: #0B2A5B;
    box-shadow: 0 4px 14px rgba(255, 180, 0, .30);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-annonce:hover,
.btn-annonce:focus,
.btn-annonce:active,
.bni-btn--yellow:hover,
.bni-btn--yellow:focus,
.bni-btn--yellow:active {
    background: linear-gradient(135deg, #FFC62B, #FFB400);
    border: none;
    color: #0B2A5B;
    box-shadow: 0 6px 20px rgba(255, 180, 0, .42);
    transform: translateY(-1px);
}
.btn-warning:active,
.btn-annonce:active,
.bni-btn--yellow:active { transform: translateY(0); }