/* White cards only. The material is copied from the approved Google review
   summary. A scoped important layer avoids the imported specificity ladder.
   The existing text, buttons, blue reflections and transforms stay in place. */
@layer pillow-glass {
  main :is(#servicii .card, #seminarii .card, #locatii .card, #programare .contact-lines > div, #testimoniale .quote) {
    background:
      radial-gradient(ellipse 105% 72% at 26% -8%, rgba(255,255,255,.98), rgba(255,255,255,.18) 62%, transparent 74%),
      linear-gradient(145deg, rgba(255,255,255,.78), rgba(220,232,247,.62)) !important;
    border-color: transparent !important;
    border-radius: 34px !important;
    box-shadow:
      inset 10px 10px 22px rgba(255,255,255,.78),
      inset -12px -14px 28px rgba(65,91,126,.18) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  main :is(#servicii .card, #seminarii .card, #locatii .card, #programare .contact-lines > div, #testimoniale .quote)::before {
    border-radius: inherit !important;
    background:
      radial-gradient(ellipse 92% 38% at 24% -8%, rgba(255,255,255,.86) 0%, rgba(255,255,255,.2) 48%, transparent 72%),
      linear-gradient(116deg, rgba(255,255,255,.34) 0%, transparent 42%) !important;
  }
  main :is(#servicii .card, #seminarii .card, #locatii .card, #testimoniale .quote)[data-pillow-static] {
    /* Match the existing light page beneath the original glass gradients.
       The stationary shadow must not tint this translucent material from
       behind. Clip inside the transparent border to avoid a white lower rim. */
    background-color: #f5f7fa !important;
    background-clip: padding-box !important;
  }
  /* One layer BELOW every card in each group. A card's shadow cannot be
     painted over an adjacent card; the glass and its blue reflections stay
     clipped exactly as before. No box-shadow animation or backdrop blur. */
  main .pillow-glass-group {
    position: relative !important;
    isolation: isolate !important;
  }
  main .pillow-glass-shadows {
    all: initial !important;
    position: absolute !important;
    display: block !important;
    inset: 0 !important;
    z-index: -1 !important;
    pointer-events: none !important;
  }
  main .pillow-glass-shadows > .pillow-glass-shadow {
    all: initial !important;
    position: absolute !important;
    display: block !important;
    left: var(--pillow-x, 0px) !important;
    top: var(--pillow-y, 0px) !important;
    width: var(--pillow-width, 0px) !important;
    height: var(--pillow-height, 0px) !important;
    border-radius: 34px !important;
    pointer-events: none !important;
    /* The cards' ORIGINAL touch/hover shadows, without the summary's fog. */
    box-shadow: 0 30px 64px rgba(36,61,94,.16), 0 8px 24px rgba(0,113,227,.09) !important;
    opacity: var(--pillow-shadow-opacity, 0) !important;
    transform: var(--pillow-transform, none) !important;
    scale: var(--pillow-scale, none) !important;
    translate: var(--pillow-translate, none) !important;
  }
  main .pillow-glass-shadow[data-review-summary] {
    /* Its own approved shadow remains at a fixed intensity and position. */
    box-shadow: 0 34px 66px rgba(25,53,88,.26), 0 0 38px rgba(255,255,255,.74) !important;
  }
  main .pillow-glass-shadows::before,
  main .pillow-glass-shadows::after,
  main .pillow-glass-shadow::before,
  main .pillow-glass-shadow::after {
    content: none !important;
    display: none !important;
  }
  /* Full cached shadow silhouettes have no hard interior cutout to expose
     below a floating card. Colors, blur widths and offsets remain unchanged. */
  main .pillow-glass-shadows > .pillow-glass-shadow[data-raster-shadow] {
    box-shadow: none !important;
    will-change: transform !important;
  }
  main .pillow-glass-shadows > .pillow-glass-shadow[data-static-shadow] {
    transform: translate3d(0, 0, 0) !important;
  }
  main .pillow-glass-shadows > .pillow-glass-shadow[data-raster-shadow]::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: -128px !important;
    border-radius: 0 !important;
    pointer-events: none !important;
    background: var(--pillow-shadow-image) center / 100% 100% no-repeat !important;
  }
  #despre .about-pillow-surface {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    border: 0 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    background: transparent !important;
    /* The existing glass, reflection layers and outer shadow stay intact. */
    box-shadow: inset 10px 10px 22px rgba(255,255,255,.2),
      inset -12px -14px 28px rgba(0,0,0,.5) !important;
  }
  /* Move only VIP's existing exterior white hover light to the same soft
     scroll controller. Its glass, hover insets and dark/blue shadows stay. */
  #premium-vip > .premium-section .card {
    box-shadow: inset 6px 6px 15px rgba(255,255,255,.1),
      inset -10px -12px 24px rgba(0,0,0,.36),
      0 24px 52px rgba(0,0,0,.44), 0 0 24px rgba(0,102,204,.07) !important;
  }
  #premium-vip > .premium-section .card:hover {
    box-shadow: inset 7px 7px 17px rgba(255,255,255,.13),
      inset -12px -14px 28px rgba(0,0,0,.42),
      0 32px 68px rgba(0,0,0,.56), 0 0 30px rgba(0,102,204,.09) !important;
  }
  /* The accredited card keeps its own original material/insets and dark
     shadow. Its old exterior white lights now belong to the scroll halo. */
  #curs-individual .card {
    box-shadow: inset 6px 6px 15px rgba(255,255,255,.1),
      inset -10px -12px 24px rgba(0,0,0,.36),
      0 24px 52px rgba(0,0,0,.44) !important;
  }
  #curs-individual .card:hover {
    box-shadow: inset 7px 7px 17px rgba(255,255,255,.13),
      inset -12px -14px 28px rgba(0,0,0,.42),
      0 32px 68px rgba(0,0,0,.56) !important;
  }
  main .pillow-glass-shadows > .pillow-glass-shadow[data-premium-glow] {
    border-radius: 32px !important;
    /* Exact three diffuse white layers from the gallery's motion-ambient.
       The existing scroll spring controls opacity. The empty interior keeps
       the light outside the translucent card, below every card in the group. */
    box-shadow: 0 0 24.7752px 8.2584px rgba(255,255,255,.7276),
      0 0 59.8734px 25.8075px rgba(255,255,255,.4066),
      0 0 111.4884px 41.292px rgba(255,255,255,.1605) !important;
    will-change: opacity, transform !important;
  }
  @media (hover: hover) and (pointer: fine) {
    #curs-individual .card:hover {
      box-shadow: inset 7px 7px 17px rgba(0,0,0,.23),
        inset -6px -7px 16px rgba(255,255,255,.11),
        0 16px 34px rgba(0,0,0,.54) !important;
    }
    #premium-vip > .premium-section .card:hover {
      box-shadow: inset 7px 7px 17px rgba(0,0,0,.23),
        inset -6px -7px 16px rgba(255,255,255,.1),
        0 16px 34px rgba(0,0,0,.54), 0 0 24px rgba(0,102,204,.07) !important;
    }
    main .pillow-glass-shadows > .pillow-glass-shadow[data-premium-glow] {
      border-radius: 28px !important;
    }
  }
}