/*
 * PHOTOBOOK-39H11B
 * Refinamiento visual de paneles
 */

/* Evitar encabezados duplicados dentro del desplegable */

.pb39-background-controls .pb39-fold-content > h3:first-child,
.pb39-border-controls .pb39-fold-content > h3:first-child,
.pb39-photo-frame-controls .pb39-fold-content > h3:first-child {
    display: none !important;
}

/* Separacion entre encabezado y contenido */

.pb39-background-controls .pb39-fold-content,
.pb39-border-controls .pb39-fold-content,
.pb39-photo-frame-controls .pb39-fold-content {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Mejorar lectura de controles */

.pb39-background-controls .pb39-fold-content label,
.pb39-border-controls .pb39-fold-content label,
.pb39-photo-frame-controls .pb39-fold-content label {
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.5;
}

/* Botones mas consistentes */

.pb39-background-controls .pb39-fold-content button,
.pb39-border-controls .pb39-fold-content button,
.pb39-photo-frame-controls .pb39-fold-content button {
    min-height: 42px;
    padding: 9px 14px !important;
    font-size: 13px !important;
    line-height: 1.4;
}

/* Estados de interaccion */

.pb39-background-controls button:focus-visible,
.pb39-border-controls button:focus-visible,
.pb39-photo-frame-controls button:focus-visible,
.pb39-background-controls select:focus-visible,
.pb39-border-controls select:focus-visible,
.pb39-photo-frame-controls select:focus-visible {
    outline: 2px solid #e56d4c !important;
    outline-offset: 3px;
}

/* Mejorar espaciado en pantallas pequenas */

@media (max-width: 640px) {
    .pb39-background-controls,
    .pb39-border-controls,
    .pb39-photo-frame-controls {
        border-radius: 12px !important;
    }

    .pb39-background-controls .pb39-fold-content,
    .pb39-border-controls .pb39-fold-content,
    .pb39-photo-frame-controls .pb39-fold-content {
        padding: 16px !important;
    }
}