/*****************************************/
/****** Start - Side Controls **********/
/*************************************/
.block-editor-inserter__panel-header:has(.dashicons-er-block-cat-icon) {
    position: relative;
    padding: 40px 40px 0;
}
.block-editor-inserter__panel-header:has(.dashicons-er-block-cat-icon):after {
    position: absolute;
    left: 60px;
    top: 24px;
    width: 40px;
    height: 40px;
    content: "";
    background-image: url( "data:image/png;base64,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");
    background-repeat: no-repeat;
    background-size: 40px;
}
.block-editor-inserter__panel-header:has(.dashicons-er-block-cat-icon) h2.block-editor-inserter__panel-title {
    position: relative;
    margin-left: 70px;
    font-size: 14px;
    color: #222;
    margin-top: -14px;
}
.block-editor-inserter__panel-header:has(.dashicons-er-block-cat-icon) h2.block-editor-inserter__panel-title:after {
    content: "The unlimited Rating Kit";
    display: block;
    font-size: 12px;
    color: gray;
    text-transform: capitalize;
    text-decoration: underline;
}

/* Right Sidebar - Before Panel */
.block-editor-block-inspector:has(.frhd__control) h2.block-editor-block-card__title {
    border-bottom: 1px dashed #bfbfbf;
}

/* PanelBody Tab Control */
.frhd-tab-header {
    display: flex;
    justify-content: center;
    gap: 7px;
    padding: 20px 20px 0;
    background: #6576b4;
    margin-bottom: -8px;
}
.frhd-tab-header button {
    width: 100%;
    cursor: pointer;
    padding: 8px 16px;
    font-size: 16px;
    transition: all 0.3s;
    outline: none;
    position: relative;
    display: flex;
    justify-content: center;
    border-color: transparent;
    background: #9eabdb;
    color: #fff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.frhd-tab-header button.active {
    background: #fff;
    color: #6576b4;
    box-shadow: 2px -8px 12px -8px rgb(0 0 0 / 25%);
    transform: translateY(-4px);
}
.frhd-tab-header button:hover {
    box-shadow: 2px -8px 12px -8px rgb(255 255 255 / 25%);
    border-color: #a2b0e5;
}

/* Preset */
.block-editor-block-inspector .components-panel__body.frhd__control {
    border-top: 2px solid #6576b4;
}
.frhd__control .frhd__component {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.frhd__component-width-90 .components-input-control__container {
    max-width: 90px;
}
.frhd__component-mt-5 {
    margin-top: 5px;
}
.frhd__control label {
    font-size: 12px !important;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 !important;
}

/* Panel - PanelBody */
.components-panel__body.frhd__control {
    background: #E4EBF5;
}
.frhd__control .components-button.components-panel__body-toggle {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left;
    gap: 10px;
    align-items: center;
    background: #E4EBF5;
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
}
.frhd__control .components-button.components-panel__body-toggle .components-panel__icon {
    color: #fff;
}
.frhd__control .components-button.components-panel__body-toggle svg {
    fill: #fff;
    filter: drop-shadow(2px 4px 6px rgb(255 255 255 / 25%));
}
.frhd__control .components-button.components-panel__body-toggle:hover {
    background-image: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
}
.components-panel__body.frhd__control.is-opened > div {
    padding-top: 15px;
}
.frhd__control.components-panel__body.frhd__control.is-opened > div:not(:last-child) {
    padding-bottom: 15px;
    border-bottom: 1px solid #dae0e9;
}
.frhd__control.components-panel__body.frhd__control.is-opened .components-card {
    padding: 0;
    margin-top: 20px;
}

/* Gallery */
.frhd__control .frhd-slider-gallery button {
    width: 100%;
    justify-content: center;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px !important;
    font-weight: bold;
    border: 1px solid #006ba1;
    margin-top: 10px;
    transition: .3s;
    background: #fff;
}
.frhd__control .frhd-slider-gallery button:hover {
    color: #fff !important;
    background: #006ba1;
}
.frhd-slider-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.frhd-slider-gallery img {
    flex-basis: calc(100% / 4 - 5px);
    max-width: calc(100% / 4 - 5px);
}
img.frhd-slider-gallery-img-demo {
    max-width: 100%;
    flex-basis: 100%;
    opacity: .3;
}

/* Unit Control */
.frhd__control .components-unit-control__select {
    font-size: 11px !important;
    background: #F1F1F1 !important;
    border-left: 1px solid #8c8f94 !important;
}

/* Select Control */
.block-editor-block-inspector .frhd__control .components-base-control {
    margin-bottom: 0;
}

/* Toottip  & Icon */
.popover-slot .components-tooltip .components-popover__content {
    min-width: 210px;
    max-width: 300px;
    overflow: visible !important;
    white-space: pre-wrap;
    border-radius: 4px;
}
.frhd__control .frhd__component-wrap {
    position: relative;
}
.frhd__control .frhd__component-wrap .dashicons-editor-help {
    position: absolute;
    left: -5px;
    top: 0;
    color: #673AB7;
    font-size: 20px;
    line-height: 20px;
    opacity: .7;
}
.frhd__control .frhd__component-wrap .components-toggle-control + .dashicons-editor-help {
    top: 50%;
    transform: translateY(-50%);
}
.frhd__control .frhd__component-wrap .components-unit-control-wrapper + .dashicons-editor-help {top: 21px;}
.frhd__control .frhd__component-wrap .components-input-control + .dashicons-editor-help {top: 15px;}
.frhd__control .frhd__component-wrap .dashicons-editor-help:hover {
    cursor: pointer;
    opacity: 1;
}
.frhd__control .frhd__component-wrap label {
    padding-left: 17px;
}

/* Placeholder */
.frhd__control .frhd-com-placeholder legend.components-placeholder__instructions {
    display: block;
}

/* Heading */
.interface-complementary-area h2.frhd_com-heading,
.interface-complementary-area h2.frhd__pb-heading {
    margin-bottom: 0;
    margin-top: 15px;
    text-transform: uppercase;
}
.components-panel__body.frhd__control.frhd__control-colors .components-text.components-heading.frhd__pb-heading {
    margin-bottom: 0;
    padding-top: 15px;
}

/* AlignmentMatrixControl */
.frhd__control .frhd_com-align-matrix {
    background: #fff;
    padding: 0 !important;
    margin-top: 10px;
}
.frhd__control .frhd_com-align-matrix [role="gridcell"]:hover {
    border: 1px dashed #1e1e1e;
}

/* RadioGroup */
.components-button-group.frhd__component button {
    background: transparent !important;
}
.components-button-group.frhd__component button svg {
    width: 24px;
    height: 24px;
}
.components-button-group.frhd__component button[tabindex^="-1"] {
    color: #007cba;
}
.components-button-group.frhd__component button[tabindex^="0"] {
    background: #007cba !important;
    color: #fff;
}
label.frhd__label-for-radiogroup {
    display: block;
    padding-top: 15px;
}

/* FormTokenField */
.frhd__control .components-base-control__field:has(.components-text-control__input),
.frhd__control .components-form-token-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/* ColorPalette */
.frhd__control .components-color-palette__custom-color-wrapper {
    flex-direction: row;
    gap: 8px;
}
.frhd__control .components-circular-option-picker__option-wrapper {
    max-width: 20px;
    max-height: 20px;
}
.frhd__control .components-circular-option-picker__option-wrapper button.components-button {
    padding: 0;
}
.frhd__control .components-circular-option-picker__option-group.components-circular-option-picker__swatches {
    gap: 8px;
}
.frhd__control .components-color-palette__custom-color-button {
    height: 40px;
    flex-basis: 30%;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    border-radius: 3px;
}
.frhd__control .components-color-palette__custom-color-text-wrapper {
    flex-direction: column;
    gap: 0;
    align-items: center;
    padding: 2px 10px;
    flex-basis: 70%;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 0px 1px;
}
.frhd__control .components-circular-option-picker__option.is-pressed+svg {
    left: -2px;
    top: -2px;
}

/* Custom Icon Selector With RadioGroup */
.frhd-compo-icon-selector {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.frhd-compo-icon-selector button svg {
    width: 20px;
    height: 20px;
}

/* Customize RadioGroup */
.frhd-radio-group-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-bottom: 15px;
}
.frhd-tab-controls.frhd-tab-sizing .frhd-radio-group-wrap:not(:last-child) {
    border-bottom: 1px solid #efefef;
}
.frhd-radio-group-wrap > h2 {
    margin-bottom: 0;
}

/* Others Mix */
.frhd__control .frhd__component-diff .components-base-control__field > div {
    flex-direction: row-reverse;
    justify-content: space-between;
    text-transform: uppercase;
}
.components-tooltip {
    max-width: 200px;
}
/***************************************/
/* End - Editor Page - Side Controls */
/***********************************/