/* ==========================================================
   GUANG LIKE — CAT CANDY
   ========================================================== */

/* Gutenberg dynamic block wrapper */
.wp-block-guang-like-button {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}


/* actual button */
button.guang-like-button {
    all: unset;

    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;

    box-sizing: border-box;
    cursor: pointer;

    color: #8b8b8b;
    font-family: inherit;
    font-size: 12px;
    line-height: 1;

    opacity: .82;

    transition:
        color .16s ease,
        opacity .16s ease;
}


/* heart */
button.guang-like-button .guang-like-heart {
    display: inline-block;

    color: #efa0ab;
    font-size: 17px;
    font-family:
        "Arial",
        "Helvetica Neue",
        sans-serif;
    font-weight: 400;
    line-height: .9;

    transform-origin: center;

    transition:
        color .16s ease,
        transform .16s ease;
}


/* number */
button.guang-like-button .guang-like-count {
    display: inline-block;

    min-width: .65em;

    color: #929292;
    font-size: 11px;
    line-height: 1;
}


/* hover */
button.guang-like-button:hover {
    opacity: 1;
}

button.guang-like-button:hover .guang-like-heart {
    color: #ee788c;
    transform: scale(1.14) rotate(-5deg);
}


/* liked */
button.guang-like-button.is-liked {
    opacity: 1;
}

button.guang-like-button.is-liked .guang-like-heart {
    color: #ed7086;
}

button.guang-like-button.is-liked .guang-like-count {
    color: #d86e80;
}


/* click animation */
button.guang-like-button.guang-like-pop .guang-like-heart {
    animation: guang-heart-pop .28s ease;
}

@keyframes guang-heart-pop {
    0% {
        transform: scale(1);
    }

    45% {
        transform: scale(1.38) rotate(-8deg);
    }

    72% {
        transform: scale(.92) rotate(3deg);
    }

    100% {
        transform: scale(1);
    }
}


/* waiting for AJAX */
button.guang-like-button.is-busy {
    pointer-events: none;
    opacity: .48;
}


/* ==========================================================
   H 猫糖
   ========================================================== */

html[data-guang-palette="candy"]
button.guang-like-button .guang-like-heart {
    color: #F39A9B;
}

html[data-guang-palette="candy"]
button.guang-like-button:hover .guang-like-heart {
    color: #EE7387;
}

html[data-guang-palette="candy"]
button.guang-like-button.is-liked .guang-like-heart {
    color: #EB657E;
}

html[data-guang-palette="candy"]
button.guang-like-button.is-liked .guang-like-count {
    color: #D96C7E;
}


/* Don't inherit generic theme button decoration */
.guang-post-actions button.guang-like-button,
.serendipity-meta button.guang-like-button {
    min-height: 0 !important;
    min-width: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: none !important;
    box-shadow: none !important;
}


/* Cat Candy action-bar integration */
.guang-like-button {
    border: 0 !important;
    box-shadow: none !important;
}