/* ==========================================================================
   BrahimGSM — Brand overrides (Bootstrap + dark)
   ========================================================================== */

.btn-primary {
    --bs-btn-bg: var(--orange-cta);
    --bs-btn-border-color: var(--orange-cta);
    --bs-btn-color: #fff;
    --bs-btn-hover-bg: var(--orange-cta-hover);
    --bs-btn-hover-border-color: var(--orange-cta-hover);
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: var(--orange-cta-hover);
    --bs-btn-active-border-color: var(--orange-cta-hover);
    border-radius: var(--btn-radius);
    font-weight: var(--btn-font-weight);
    transition: transform var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);
}
.btn-primary:hover {
    transform: translateY(var(--btn-lift));
    box-shadow: var(--shadow-gold);
}

.btn-outline-primary {
    --bs-btn-color: var(--color-gold);
    --bs-btn-border-color: var(--color-gold);
    --bs-btn-hover-bg: var(--color-gold);
    --bs-btn-hover-border-color: var(--color-gold);
    --bs-btn-hover-color: var(--color-on-gold);
    border-radius: var(--btn-radius);
}

.btn-secondary {
    --bs-btn-bg: var(--color-surface-raised);
    --bs-btn-border-color: var(--color-border-strong);
    --bs-btn-color: var(--text-body);
    --bs-btn-hover-bg: var(--color-navy-soft);
    --bs-btn-hover-border-color: var(--color-navy);
    --bs-btn-hover-color: var(--text-heading);
}

.text-primary { color: var(--color-gold) !important; }
.bg-primary { background-color: var(--blue-500) !important; }
.text-promo { color: var(--color-gold) !important; }
.bg-brand-soft { background-color: var(--color-bg-soft) !important; }

.btn-whatsapp {
    background-color: var(--color-whatsapp);
    border-color: var(--color-whatsapp);
    color: #fff;
    border-radius: var(--btn-radius);
}
.btn-whatsapp:hover {
    background-color: var(--color-whatsapp-hover);
    color: #fff;
    transform: translateY(var(--btn-lift));
}

/* Bootstrap dark surfaces */
.breadcrumb { --bs-breadcrumb-divider-color: var(--text-subtle); }
.breadcrumb-item a { color: var(--color-gold); }
.breadcrumb-item.active { color: var(--text-muted); }
.form-control, .form-select {
    background-color: var(--color-surface-raised);
    border-color: var(--color-border-strong);
    color: var(--text-body);
}
.form-control:focus, .form-select:focus {
    background-color: var(--color-surface-raised);
    border-color: var(--color-gold);
    color: var(--text-heading);
    box-shadow: var(--focus-ring);
}
.form-control::placeholder { color: var(--text-subtle); }
.dropdown-menu {
    background: var(--color-surface-raised);
    border-color: var(--color-border-strong);
}
.dropdown-item { color: var(--text-body); }
.dropdown-item:hover { background: var(--color-navy-soft); color: var(--text-heading); }