/* WP Gallery Hover Effects */

/* --- Pufrobo (default) --- */
.wpg-effect-pufrobo .wpg-item:hover .wpg-item-img {
  transform: scale(1.05);
  filter: brightness(0.85);
}
.wpg-effect-pufrobo .wpg-item:hover .wpg-item-overlay {
  opacity: 1;
}

/* --- Layla --- */
.wpg-effect-layla .wpg-item::before,
.wpg-effect-layla .wpg-item::after {
  content: '';
  position: absolute;
  inset: 15px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s;
  pointer-events: none;
}
.wpg-effect-layla .wpg-item::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: scale(0, 1);
}
.wpg-effect-layla .wpg-item::after {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: scale(1, 0);
}
.wpg-effect-layla .wpg-item:hover::before,
.wpg-effect-layla .wpg-item:hover::after {
  opacity: 1;
  transform: scale(1);
}
.wpg-effect-layla .wpg-item:hover .wpg-item-img {
  filter: brightness(0.7);
}
.wpg-effect-layla .wpg-item:hover .wpg-item-overlay {
  opacity: 1;
}

/* --- Sadie --- */
.wpg-effect-sadie .wpg-item-overlay {
  transform: translateY(100%);
  transition: transform 0.35s, opacity 0.35s;
}
.wpg-effect-sadie .wpg-item:hover .wpg-item-overlay {
  opacity: 1;
  transform: translateY(0);
}
.wpg-effect-sadie .wpg-item:hover .wpg-item-img {
  transform: scale(1.08);
  filter: brightness(0.8);
}

/* --- Oscar --- */
.wpg-effect-oscar .wpg-item::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4);
  opacity: 0;
  transition: opacity 0.35s;
  z-index: 1;
  pointer-events: none;
}
.wpg-effect-oscar .wpg-item:hover::before {
  opacity: 1;
}
.wpg-effect-oscar .wpg-item-overlay {
  z-index: 2;
  padding: 20px;
  text-align: center;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: none;
}
.wpg-effect-oscar .wpg-item:hover .wpg-item-overlay {
  opacity: 1;
}

/* --- Ruby --- */
.wpg-effect-ruby .wpg-item:hover .wpg-item-img {
  transform: scale(1.15) rotate(2deg);
  filter: brightness(0.75);
}
.wpg-effect-ruby .wpg-item:hover .wpg-item-overlay {
  opacity: 1;
}

/* --- Bubba --- */
.wpg-effect-bubba .wpg-item::before,
.wpg-effect-bubba .wpg-item::after {
  content: '';
  position: absolute;
  inset: 20px;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s;
  pointer-events: none;
}
.wpg-effect-bubba .wpg-item::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: scaleX(0);
}
.wpg-effect-bubba .wpg-item::after {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: scaleY(0);
}
.wpg-effect-bubba .wpg-item:hover::before {
  opacity: 1;
  transform: scaleX(1);
}
.wpg-effect-bubba .wpg-item:hover::after {
  opacity: 1;
  transform: scaleY(1);
  transition-delay: 0.15s;
}
.wpg-effect-bubba .wpg-item:hover .wpg-item-img {
  filter: brightness(0.7);
}
.wpg-effect-bubba .wpg-item:hover .wpg-item-overlay {
  opacity: 1;
}

/* --- Dexter --- */
.wpg-effect-dexter .wpg-item-overlay {
  top: 0;
  background: rgba(0,0,0,0.5);
  transform: translateX(-100%);
  transition: transform 0.35s, opacity 0.35s;
}
.wpg-effect-dexter .wpg-item:hover .wpg-item-overlay {
  opacity: 1;
  transform: translateX(0);
}

/* --- Sarah --- */
.wpg-effect-sarah .wpg-item:hover .wpg-item-img {
  transform: translateY(-10px);
}
.wpg-effect-sarah .wpg-item-overlay {
  background: linear-gradient(transparent 50%, rgba(0,0,0,0.7));
}
.wpg-effect-sarah .wpg-item:hover .wpg-item-overlay {
  opacity: 1;
}

/* --- Chico --- */
.wpg-effect-chico .wpg-item::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3);
  opacity: 0;
  transition: opacity 0.35s;
  z-index: 1;
  pointer-events: none;
}
.wpg-effect-chico .wpg-item:hover::before {
  opacity: 1;
}
.wpg-effect-chico .wpg-item-overlay {
  z-index: 2;
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  background: none;
  padding: 20px;
}
.wpg-effect-chico .wpg-item:hover .wpg-item-overlay {
  opacity: 1;
}

/* --- Lily --- */
.wpg-effect-lily .wpg-item:hover .wpg-item-img {
  transform: scale(1.2);
  opacity: 0.6;
}
.wpg-effect-lily .wpg-item-overlay {
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: none;
}
.wpg-effect-lily .wpg-item-title {
  transform: translateY(40px);
  transition: transform 0.35s;
}
.wpg-effect-lily .wpg-item:hover .wpg-item-title {
  transform: translateY(0);
}
.wpg-effect-lily .wpg-item:hover .wpg-item-overlay {
  opacity: 1;
}

/* --- None --- */
.wpg-effect-none .wpg-item-overlay {
  opacity: 1;
}