/* =========================================================
   ChapResto Client - Final Button Fix
   Load LAST after chapresto-client-public.css,
   chapresto-client-layout.css, and order CSS.
   ========================================================= */

.client-shell {
    --cr-client-primary: #df6424;
    --cr-client-primary-dark: #b94d16;
}

    /* General client primary buttons */
    .client-shell .cr-btn.cr-btn-primary,
    .client-shell button.cr-btn.cr-btn-primary,
    .client-shell a.cr-btn.cr-btn-primary {
        min-height: 48px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        border: 0 !important;
        border-radius: 16px !important;
        background: linear-gradient(135deg, #df6424 0%, #f07b2e 100%) !important;
        color: #ffffff !important;
        font-weight: 950 !important;
        text-decoration: none !important;
        box-shadow: 0 14px 30px rgba(223, 100, 36, .24) !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Full width buttons */
    .client-shell .cr-btn.cr-btn-full,
    .client-shell button.cr-btn.cr-btn-full,
    .client-shell a.cr-btn.cr-btn-full {
        width: 100% !important;
    }

    /* Text/icon inside buttons */
    .client-shell .cr-btn.cr-btn-primary i,
    .client-shell .cr-btn.cr-btn-primary span {
        color: #ffffff !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* Submit order button area */
    .client-shell .cr-order-actions {
        display: grid !important;
        gap: 12px !important;
    }

        .client-shell .cr-order-actions .cr-btn {
            width: 100% !important;
            min-height: 52px !important;
            border-radius: 18px !important;
            font-size: 15px !important;
        }

    /* Disabled state: visible but disabled */
    .client-shell .cr-btn.cr-btn-primary:disabled,
    .client-shell button.cr-btn.cr-btn-primary:disabled {
        background: linear-gradient(135deg, #df6424 0%, #f07b2e 100%) !important;
        color: #ffffff !important;
        opacity: .68 !important;
        filter: none !important;
        box-shadow: none !important;
        cursor: not-allowed !important;
    }

    /* WhatsApp button */
    .client-shell .cr-btn-whatsapp {
        background: #1fa855 !important;
        color: #ffffff !important;
        border: 0 !important;
    }

        .client-shell .cr-btn-whatsapp i,
        .client-shell .cr-btn-whatsapp span {
            color: #ffffff !important;
        }

    /* Light button */
    .client-shell .cr-btn.cr-btn-light {
        background: #ffffff !important;
        color: #201b17 !important;
        border: 1px solid rgba(60, 42, 25, .12) !important;
        box-shadow: 0 10px 22px rgba(45, 30, 18, .07) !important;
    }

/* Mobile */
@media (max-width: 720px) {
    .client-shell .cr-order-actions .cr-btn {
        min-height: 54px !important;
        border-radius: 18px !important;
        font-size: 15px !important;
    }
}