/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* ── NORMALE ── */
#blur {
  position: relative !important;
  overflow: hidden;
}

#blur::before {
  content: '';
  position: absolute;
  inset: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: linear-gradient(to bottom, rgba(255,255,255,0.11) 0%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 0%, rgba(0,0,0,0.95) 10%, rgba(0,0,0,0.85) 20%, rgba(0,0,0,0.70) 35%, rgba(0,0,0,0.50) 50%, rgba(0,0,0,0.30) 65%, rgba(0,0,0,0.12) 80%, rgba(0,0,0,0.04) 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 0%, rgba(0,0,0,0.95) 10%, rgba(0,0,0,0.85) 20%, rgba(0,0,0,0.70) 35%, rgba(0,0,0,0.50) 50%, rgba(0,0,0,0.30) 65%, rgba(0,0,0,0.12) 80%, rgba(0,0,0,0.04) 92%, transparent 100%);
  z-index: 0;
  pointer-events: none;
}

#blur > * {
  position: relative;
  z-index: 2;
}

/* ── STICKY ATTIVO ── */
.et_pb_sticky#blur,
.et_pb_sticky #blur {
  position: relative !important;
  overflow: hidden;
}

.et_pb_sticky#blur::before,
.et_pb_sticky #blur::before {
  content: '';
  position: absolute;
  inset: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: linear-gradient(to bottom, rgb(62 59 59) 0%, #000000 100%);
  mask-image: linear-gradient(to bottom, black 0%, rgba(0,0,0,0.95) 10%, rgba(0,0,0,0.85) 20%, rgba(0,0,0,0.70) 35%, rgba(0,0,0,0.50) 50%, rgba(0,0,0,0.30) 65%, rgba(0,0,0,0.12) 80%, rgba(0,0,0,0.04) 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, black 0%, rgba(0,0,0,0.95) 10%, rgba(0,0,0,0.85) 20%, rgba(0,0,0,0.70) 35%, rgba(0,0,0,0.50) 50%, rgba(0,0,0,0.30) 65%, rgba(0,0,0,0.12) 80%, rgba(0,0,0,0.04) 92%, transparent 100%);
  z-index: 0;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.4s ease;
}

.et_pb_sticky#blur > *,
.et_pb_sticky #blur > * {
  position: relative;
  z-index: 2;
}

/* ── UTILITY CLASSES ── */
.bg-glass-white {
  background: #ffffff91;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  transition: all 0.3s ease;
}

.bg-glass-viola {
  background: #1c1428;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  transition: all 0.3s ease;
}