/* =========================================================
   CSS PERSONALIZADO — Lightbox de galerías raulpalma.es
   Objetivo: barra superior en blanco, iconos en negro
   Cobertura: Prettyphoto, PhotoSwipe y Fancybox
   (los 3 sistemas de lightbox que usa WPBakery Page Builder)

   Dónde pegarlo: Apariencia > Personalizar > CSS adicional
   Se aplica automáticamente a TODAS las páginas del sitio
   y a todos los navegadores (Chrome, Safari, Firefox, Edge)
   porque es CSS estándar, sin nada específico de un motor.
   ========================================================= */

/* ---------------------------------------------------------
   CASO 1: Prettyphoto
   --------------------------------------------------------- */
.pp_default .pp_top,
.pp_default .pp_top .pp_middle,
.pp_default .pp_top .pp_left,
.pp_default .pp_top .pp_right,
.pp_default .pp_bottom,
.pp_default .pp_bottom .pp_middle,
.pp_default .pp_bottom .pp_left,
.pp_default .pp_bottom .pp_right,
.pp_default .pp_gallery,
.pp_default .pp_nav,
.pp_default .pp_close,
.pp_default .pp_details,
.pp_default .pp_content,
.pp_default #pp_full_res {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
}

.pp_default .currentTextHolder,
.pp_default .pp_description,
.pp_default a.pp_arrow_previous,
.pp_default a.pp_arrow_next {
    color: #000000 !important;
}

.pp_default .pp_close,
.pp_default .pp_expand,
.pp_default .pp_contract,
.pp_default .pp_arrow_previous,
.pp_default .pp_arrow_next,
.pp_default .pp_next,
.pp_default .pp_previous {
    filter: brightness(0) saturate(100%) !important;
    -webkit-filter: brightness(0) saturate(100%) !important;
}


/* ---------------------------------------------------------
   CASO 2: PhotoSwipe
   --------------------------------------------------------- */
.pswp__top-bar,
.pswp__caption {
    background-color: #ffffff !important;
    opacity: 1 !important;
}

.pswp__caption,
.pswp__counter {
    color: #000000 !important;
}

.pswp__button {
    filter: brightness(0) saturate(100%) !important;
    -webkit-filter: brightness(0) saturate(100%) !important;
}

.pswp__bg {
    background: #ffffff !important;
    opacity: 1 !important;
}


/* ---------------------------------------------------------
   CASO 3: Fancybox (la otra opción típica del bloque
   "Image Gallery" de WPBakery en el campo "Type")
   --------------------------------------------------------- */
.fancybox-bg {
    background: #ffffff !important;
}

.fancybox-toolbar,
.fancybox-infobar,
.fancybox-caption {
    background: #ffffff !important;
    background-image: none !important;
    color: #000000 !important;
}

.fancybox-caption,
.fancybox-infobar__body {
    color: #000000 !important;
}

.fancybox-button {
    background: transparent !important;
}

.fancybox-button svg {
    fill: #000000 !important;
    color: #000000 !important;
}

.fancybox-button--disabled svg {
    fill: #999999 !important;
}


/* ---------------------------------------------------------
   Ajuste general de accesibilidad/legibilidad:
   como el fondo pasa a blanco, forzamos un borde sutil
   para que la barra no se confunda con el fondo de la foto
   --------------------------------------------------------- */
.pp_default .pp_top,
.pswp__top-bar,
.fancybox-toolbar {
    border-bottom: 1px solid #e5e5e5 !important;
}