/* =========================================================
   ChapResto Pro - Final Primary Button Visibility Fix
   Fixes:
   - Nouveau plat
   - Actualiser
   - Ajouter / Mettre à jour
   - Disabled primary buttons too pale / invisible
   ========================================================= */

.mgmt-shell {
    --cr-fix-primary: #df6520;
    --cr-fix-primary-dark: #a94712;
}

    /* Normal primary buttons */
    .mgmt-shell .cr-btn.cr-btn-primary,
    .mgmt-shell button.cr-btn.cr-btn-primary,
    .mgmt-shell a.cr-btn.cr-btn-primary,
    .owner-menu-page-v3 .cr-btn.cr-btn-primary,
    .owner-orders-hero-actions .cr-btn.cr-btn-primary,
    .owner-menu-hero-actions-v3 .cr-btn.cr-btn-primary,
    .owner-drawer-actions-v3 .cr-btn.cr-btn-primary {
        min-height: 48px !important;
        padding: 0 22px !important;
        border: 1px solid #df6520 !important;
        border-radius: 18px !important;
        background: linear-gradient(135deg, #df6520 0%, #f07b2e 100%) !important;
        color: #ffffff !important;
        opacity: 1 !important;
        visibility: visible !important;
        box-shadow: 0 16px 34px rgba(223, 101, 32, .25) !important;
        font-weight: 950 !important;
        text-decoration: none !important;
    }

        /* Text and icons inside primary buttons */
        .mgmt-shell .cr-btn.cr-btn-primary i,
        .mgmt-shell .cr-btn.cr-btn-primary span,
        .owner-menu-page-v3 .cr-btn.cr-btn-primary i,
        .owner-menu-page-v3 .cr-btn.cr-btn-primary span,
        .owner-orders-hero-actions .cr-btn.cr-btn-primary i,
        .owner-orders-hero-actions .cr-btn.cr-btn-primary span,
        .owner-menu-hero-actions-v3 .cr-btn.cr-btn-primary i,
        .owner-menu-hero-actions-v3 .cr-btn.cr-btn-primary span,
        .owner-drawer-actions-v3 .cr-btn.cr-btn-primary i,
        .owner-drawer-actions-v3 .cr-btn.cr-btn-primary span {
            color: #ffffff !important;
            opacity: 1 !important;
            visibility: visible !important;
        }

        /* Hover */
        .mgmt-shell .cr-btn.cr-btn-primary:hover:not(:disabled),
        .owner-menu-page-v3 .cr-btn.cr-btn-primary:hover:not(:disabled),
        .owner-orders-hero-actions .cr-btn.cr-btn-primary:hover:not(:disabled),
        .owner-menu-hero-actions-v3 .cr-btn.cr-btn-primary:hover:not(:disabled),
        .owner-drawer-actions-v3 .cr-btn.cr-btn-primary:hover:not(:disabled) {
            background: linear-gradient(135deg, #c45116 0%, #df6520 100%) !important;
            transform: translateY(-1px) !important;
            box-shadow: 0 18px 38px rgba(223, 101, 32, .32) !important;
        }

        /* Disabled primary buttons: visible but clearly disabled */
        .mgmt-shell .cr-btn.cr-btn-primary:disabled,
        .mgmt-shell button.cr-btn.cr-btn-primary:disabled,
        .owner-menu-page-v3 .cr-btn.cr-btn-primary:disabled,
        .owner-orders-hero-actions .cr-btn.cr-btn-primary:disabled,
        .owner-menu-hero-actions-v3 .cr-btn.cr-btn-primary:disabled,
        .owner-drawer-actions-v3 .cr-btn.cr-btn-primary:disabled {
            background: linear-gradient(135deg, #df6520 0%, #f07b2e 100%) !important;
            color: #ffffff !important;
            border-color: #df6520 !important;
            opacity: .55 !important;
            filter: none !important;
            box-shadow: none !important;
            cursor: not-allowed !important;
        }

    /* Light button beside primary button */
    .mgmt-shell .cr-btn.cr-btn-light,
    .owner-menu-page-v3 .cr-btn.cr-btn-light,
    .owner-orders-hero-actions .cr-btn.cr-btn-light,
    .owner-menu-hero-actions-v3 .cr-btn.cr-btn-light,
    .owner-drawer-actions-v3 .cr-btn.cr-btn-light {
        min-height: 48px !important;
        padding: 0 22px !important;
        border-radius: 18px !important;
        background: #ffffff !important;
        color: #1f1b19 !important;
        border: 1px solid rgba(35, 31, 32, .10) !important;
        box-shadow: 0 12px 28px rgba(42, 30, 18, .08) !important;
        font-weight: 950 !important;
    }

/* Keep hero action buttons aligned */
.owner-menu-hero-actions-v3,
.owner-orders-hero-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

/* Mobile */
@media (max-width: 720px) {
    .owner-menu-hero-actions-v3,
    .owner-orders-hero-actions {
        justify-content: stretch !important;
        width: 100% !important;
    }

        .owner-menu-hero-actions-v3 .cr-btn,
        .owner-orders-hero-actions .cr-btn,
        .owner-drawer-actions-v3 .cr-btn {
            width: 100% !important;
        }
}