:root {
    --clonable-bg: rgb(255 90 31 / 1);
    --clonable-color: #f0f0f1;
    --clonable-img-height: 14px;
    --clonable-img-width: 14px;
    --clonable-flag-width: 18px;
    --clonable-flag-height: 11px;
}

.menupop.clonable-clones-parent {
    background: var(--clonable-bg) !important;
}

/* Keep the top-level item clonable orange in all states */
.menupop.clonable-clones-parent,
.menupop.clonable-clones-parent:hover,
.menupop.clonable-clones-parent:focus,
.menupop.clonable-clones-parent:active,
.menupop.clonable-clones-parent > .ab-item,
.menupop.clonable-clones-parent:hover > .ab-item,
.menupop.clonable-clones-parent:focus > .ab-item,
.menupop.clonable-clones-parent:active > .ab-item {
    background: var(--clonable-bg) !important;
    background-image: none !important;
    color: var(--clonable-color) !important;
    box-shadow: none !important;
}

.menupop.clonable-clones-parent .ab-label {
    color: var(--clonable-color) !important;
}

/* Make the submenu consistently clonable orange */
.menupop.clonable-clones-parent .ab-sub-wrapper,
.menupop.clonable-clones-parent .ab-submenu,
.menupop.clonable-clones-parent .ab-submenu li,
.menupop.clonable-clones-parent .ab-submenu a.ab-item,
.menupop.clonable-clones-parent .ab-submenu a.ab-item:hover,
.menupop.clonable-clones-parent .ab-submenu a.ab-item:focus,
.menupop.clonable-clones-parent .ab-submenu a.ab-item:active {
    background-image: none !important;
    box-shadow: none !important;
    color: var(--clonable-color) !important;
}

.menupop.clonable-clones-parent img {
    height: var(--clonable-img-height) !important;
    width: var(--clonable-img-width) !important;
}

.fflag.ff-sm {
    width: var(--clonable-flag-width) !important;
    height: var(--clonable-flag-height) !important;
}