/**
 * Panneau latéral Gutenberg — paramètres infobulle attribut.
 */

/* Masque l'ancienne métabox côté Gutenberg : tout passe par le panneau latéral */
.block-editor-page #pc_attr_tooltip_settings,
.block-editor-page .postbox#pc_attr_tooltip_settings {
    display: none !important;
}

/* Le panneau lui-même */
.pc-attr-tooltip-panel .components-panel__body-title {
    font-weight: 600;
}

.pc-attr-tooltip-panel__group {
    padding: 12px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.pc-attr-tooltip-panel__group:first-of-type {
    padding-top: 0;
    border-top: 0;
}

.pc-attr-tooltip-panel__group + .pc-attr-tooltip-panel__group {
    margin-top: 4px;
}

/* Notice "toutes catégories" */
.pc-attr-tooltip-panel__notice {
    margin: 12px 0 0 !important;
}

/* Compteur sous l'arbre */
.pc-attr-tooltip-panel__counter {
    margin: 8px 0 0;
    font-size: 12px;
    color: #50575e;
    font-style: italic;
}

/* --- Arbre des catégories --- */

.pc-attr-tooltip-panel__cats {
    margin-top: 12px;
}

.pc-attr-tooltip-cat-tree {
    border: 1px solid #dcdcde;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
}

.pc-attr-tooltip-cat-tree__toolbar {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px;
    background: #f6f7f7;
    border-bottom: 1px solid #dcdcde;
}

.pc-attr-tooltip-cat-tree__search .components-base-control {
    margin-bottom: 0;
}

.pc-attr-tooltip-cat-tree__bulk {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}

.pc-attr-tooltip-cat-tree__bulk .components-button.is-link {
    text-decoration: none;
    padding: 0;
    height: auto;
    min-height: 0;
    line-height: 1.3;
}

.pc-attr-tooltip-cat-tree__bulk .components-button.is-link:hover,
.pc-attr-tooltip-cat-tree__bulk .components-button.is-link:focus {
    text-decoration: underline;
}

.pc-attr-tooltip-cat-tree__bulk span[aria-hidden="true"] {
    color: #c3c4c7;
}

.pc-attr-tooltip-cat-tree__scroll {
    max-height: 280px;
    overflow-y: auto;
    padding: 6px 8px 8px;
}

.pc-attr-tooltip-cat-tree__row {
    padding: 2px 0;
    border-radius: 3px;
}

.pc-attr-tooltip-cat-tree__row:hover {
    background: #f0f6fc;
}

/* CheckboxControl interne : compact + alignement vertical */
.pc-attr-tooltip-cat-tree__row .components-checkbox-control__input-container {
    margin-top: 2px;
}

.pc-attr-tooltip-cat-tree__row .components-base-control__field {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pc-attr-tooltip-cat-tree__row .components-checkbox-control__label {
    line-height: 1.4;
}

.pc-attr-tooltip-cat-tree__label {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
}

.pc-attr-tooltip-cat-tree__name {
    color: #1d2327;
}

.pc-attr-tooltip-cat-tree__count {
    color: #8c8f94;
    font-size: 11px;
}

.pc-attr-tooltip-cat-tree__empty {
    margin: 8px 0;
    color: #757575;
    font-style: italic;
    font-size: 12px;
    text-align: center;
}

/* --- Largeurs --- */

.pc-attr-tooltip-panel__widths {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 6px;
}

.pc-attr-tooltip-panel__widths > * {
    min-width: 0;
}

.pc-attr-tooltip-panel__widths > *:first-child {
    grid-column: 1 / -1;
}

/* RadioControl resserré */
.pc-attr-tooltip-panel .components-radio-control__option {
    margin-bottom: 4px;
}

/* État chargement */
.pc-attr-tooltip-panel__loading {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    color: #50575e;
    font-size: 12px;
    font-style: italic;
}

/* Badge de statut "Enregistrement / Enregistré / Erreur" */
.pc-attr-tooltip-panel__status {
    margin-top: 12px;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pc-attr-tooltip-panel__status--saving {
    background: #f0f6fc;
    color: #1d4ed8;
    border: 1px solid #cfe2ff;
}

.pc-attr-tooltip-panel__status--saved {
    background: #edfaef;
    color: #156c2c;
    border: 1px solid #c6e7cb;
}

.pc-attr-tooltip-panel__status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #1f9d52;
    box-shadow: 0 0 0 3px rgba(31, 157, 82, 0.2);
}

/* Notice d'erreur déjà gérée par <Notice> mais on resserre la marge */
.pc-attr-tooltip-panel__status.components-notice {
    margin: 12px 0 0 !important;
}