/**
 * MC Creator — sistema global de cursores
 * Fonte única para seta, bolinha e arrastar em todo o Creator.
 * Carregar após style.css em creator.html (body.mc-creator).
 */

:root {
    /* Tamanho unificado 32×32 · amarelo MC · contorno escuro */
    --mc-cursor-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffd700' stroke='%231a1a22' stroke-width='1.5' stroke-linejoin='round' d='M5 3.5v22.5l6.2-6 4.6 9.6 3.4-1.6-4.6-9.6L24.5 17 5 3.5z'/%3E%3C/svg%3E") 5 3, auto;
    --mc-cursor-pointer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffd700' stroke='%231a1a22' stroke-width='1.5' stroke-linejoin='round' d='M5 3.5v22.5l6.2-6 4.6 9.6 3.4-1.6-4.6-9.6L24.5 17 5 3.5z'/%3E%3C/svg%3E") 5 3, pointer;
    --mc-cursor-dot: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='7' fill='%23ffd700' stroke='%231a1a22' stroke-width='1.5'/%3E%3Ccircle cx='16' cy='16' r='2.6' fill='%23fff8c4'/%3E%3C/svg%3E") 16 16, auto;
    --mc-cursor-click: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffd700' stroke='%231a1a22' stroke-width='1.5' stroke-linejoin='round' d='M16 4.5L27 26H5L16 4.5z'/%3E%3C/svg%3E") 16 6, pointer;
    /* Mão aberta — path fechado limpo (sem riscos) */
    --mc-cursor-grab: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffd700' stroke='%231a1a22' stroke-width='1.45' stroke-linejoin='round' d='M12.2 15.2V9.1a1.9 1.9 0 0 1 3.8 0v5.3h.15V7.6a1.9 1.9 0 0 1 3.8 0v7.2h.15V9.4a1.9 1.9 0 0 1 3.8 0V17h.1v-2.2a1.75 1.75 0 0 1 3.45.5v5.1c0 3.7-2.55 6.6-6.15 6.6h-2.7c-2.7 0-4.95-1.25-6.35-3.35l-2.55-3.9a2 2 0 0 1 3.35-2.2l1.35 2.05v-5.35a1.9 1.9 0 0 1 3.8 0z'/%3E%3C/svg%3E") 10 7, grab;
    /* Mão fechada — path fechado limpo */
    --mc-cursor-grabbing: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffd700' stroke='%231a1a22' stroke-width='1.45' stroke-linejoin='round' d='M11.5 16.2v-1.3a1.75 1.75 0 0 1 3.5 0v1h.1v-2.1a1.75 1.75 0 0 1 3.5 0v2h.1v-1.5a1.75 1.75 0 0 1 3.5 0v2.2h.1v-.7a1.65 1.65 0 0 1 3.25.45v3.9c0 3.35-2.3 5.95-5.55 5.95h-2.35c-2.5 0-4.55-1.15-5.8-3.15l-1.95-3.1a1.85 1.85 0 0 1 3.1-2.05l.95 1.5v-2.2a1.75 1.75 0 0 1 3.5 0z'/%3E%3C/svg%3E") 10 9, grabbing;

    /* Aliases legados (Canva / código antigo) */
    --cursor-editor-arrow: var(--mc-cursor-arrow);
    --cursor-editor-dot: var(--mc-cursor-dot);
    --cursor-editor-pointer: var(--mc-cursor-pointer);
    --cursor-editor-click: var(--mc-cursor-click);
    --cursor-editor-grab: var(--mc-cursor-grab);
    --cursor-editor-grabbing: var(--mc-cursor-grabbing);
}

/* ── Padrão em TODO o MC Creator (desde o 1º paint) ───────────── */
body.mc-creator,
body.mc-creator .creator-screen,
body.mc-creator .editor-body,
body.mc-creator .editor-canvas,
body.mc-creator .canvas-scroll-area,
body.mc-creator .canva-workspace,
body.mc-creator .canva-stage-area,
body.mc-creator .canva-stage-scroll,
body.mc-creator .creator-app-loader {
    cursor: var(--mc-cursor-arrow) !important;
}

/* Bolinha — estados especiais (press / canvas idle explícito) */
body.mc-creator .mc-cursor--dot,
body.mc-creator .is-cursor-pressing,
body.mc-creator .color-picker-sv {
    cursor: var(--mc-cursor-dot) !important;
}

/* Clicáveis */
body.mc-creator :is(
    a[href],
    button,
    [role="button"],
    label,
    summary,
    select,
    .btn,
    .chip,
    .switch,
    .product-item,
    .capa-opcao,
    .tab-btn,
    .preview-zoom-btn,
    .logo-upload-field__btn,
    .color-picker-field,
    .catalog-cores-toggle,
    .capa-editor__toggle,
    .catalog-card,
    .project-card,
    .lib-thumb,
    .canva-layer-item,
    .canva-page-thumb,
    .ctx-preset-btn,
    .creator-btn,
    [tabindex]:not([tabindex="-1"])
):not(:disabled):not([disabled]):not(.is-disabled):not([draggable="true"]) {
    cursor: var(--mc-cursor-pointer) !important;
}

body.mc-creator :is(
    a[href],
    button,
    [role="button"],
    .btn,
    .product-item,
    .capa-opcao,
    .creator-btn,
    .catalog-card,
    .project-card
):active:not(:disabled):not([disabled]):not(.is-disabled) {
    cursor: var(--mc-cursor-click) !important;
}

body.mc-creator :is(button, a, [role="button"], .capa-opcao, .product-item, .creator-btn):disabled,
body.mc-creator :is(button, a, [role="button"], .capa-opcao, .product-item).is-disabled,
body.mc-creator :is(button, a, [role="button"])[disabled] {
    cursor: not-allowed !important;
}

/* Arrastar */
body.mc-creator :is(
    [draggable="true"],
    .creator-reorder-item,
    .cli-drag,
    .canva-page-drag,
    .lib-thumb,
    .mm-lib-card,
    .canva-stage-scroll--pan-ready
) {
    cursor: var(--mc-cursor-grab) !important;
}

body.mc-creator :is(
    [draggable="true"]:active,
    .creator-reorder-item:active,
    .creator-reorder-item.is-dragging,
    .cli-drag:active,
    .canva-page-drag:active,
    .lib-thumb:active,
    .lib-thumb--dragging,
    .mm-lib-card--dragging,
    .canva-stage-scroll--panning,
    .canva-stage--crop-mode,
    .canva-stage--crop-dragging,
    .canva-stage--slot-edit-mode,
    .canva-stage--slot-edit-dragging,
    .is-dragging
) {
    cursor: var(--mc-cursor-grabbing) !important;
}

/* Texto */
body.mc-creator :is(input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"]), textarea, [contenteditable="true"]) {
    cursor: text !important;
}

/* Canvas Fabric (quando ativo) — seta por padrão; bolinha só se marcada */
body.mc-creator .canva-stage .upper-canvas,
body.mc-creator .canva-stage .lower-canvas,
body.mc-creator .canva-stage .canvas-container {
    cursor: var(--mc-cursor-arrow) !important;
}

body.mc-creator .canva-stage-scroll.is-cursor-pressing .upper-canvas,
body.mc-creator .canva-stage-scroll.is-cursor-pressing .lower-canvas,
body.mc-creator .canva-stage:active .upper-canvas,
body.mc-creator .canva-stage:active .lower-canvas {
    cursor: var(--mc-cursor-click) !important;
}