/* Decorazione foglie — sfondo decorativo, nessun impatto su tap/layout */
.phone {
  overflow: clip;
  isolation: isolate;
}

.phone::before,
.phone::after {
  content: '';
  position: absolute;
  inset: -8%;
  z-index: 0;
  pointer-events: none;
  user-select: none;
  background: url('../img/leaves/leaves-scatter.svg') center / 108% auto no-repeat;
}

.phone::before {
  opacity: 0.11;
}

.phone::after {
  opacity: 0.08;
  transform: rotate(148deg) scale(1.12);
  transform-origin: 50% 45%;
}

.gw-leaf-decor {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.gw-leaf-decor span {
  position: absolute;
  display: block;
  background: center / contain no-repeat;
  opacity: 0.15;
}

.gw-leaf-decor span:nth-child(1) {
  top: 4%;
  left: -2px;
  width: 58px;
  height: 72px;
  transform: rotate(-28deg);
  background-image: url('../img/leaves/leaf-single.svg');
}

.gw-leaf-decor span:nth-child(2) {
  top: 11%;
  right: -4px;
  width: 70px;
  height: 56px;
  transform: rotate(34deg);
  background-image: url('../img/leaves/leaf-pair.svg');
}

.gw-leaf-decor span:nth-child(3) {
  top: 24%;
  left: 6%;
  width: 46px;
  height: 64px;
  transform: rotate(18deg);
  background-image: url('../img/leaves/leaf-sprig.svg');
}

.gw-leaf-decor span:nth-child(4) {
  top: 31%;
  right: 8%;
  width: 48px;
  height: 48px;
  transform: rotate(-44deg);
  background-image: url('../img/leaves/leaf-round.svg');
}

.gw-leaf-decor span:nth-child(5) {
  top: 44%;
  left: -6px;
  width: 78px;
  height: 68px;
  transform: rotate(52deg);
  background-image: url('../img/leaves/leaf-triple.svg');
}

.gw-leaf-decor span:nth-child(6) {
  top: 50%;
  right: -2px;
  width: 62px;
  height: 58px;
  transform: rotate(-20deg);
  background-image: url('../img/leaves/leaf-curve.svg');
}

.gw-leaf-decor span:nth-child(7) {
  top: 62%;
  left: 10%;
  width: 50px;
  height: 62px;
  transform: rotate(26deg);
  background-image: url('../img/leaves/leaf-single.svg');
}

.gw-leaf-decor span:nth-child(8) {
  top: 58%;
  right: 14%;
  width: 66px;
  height: 54px;
  transform: rotate(-36deg);
  background-image: url('../img/leaves/leaf-pair.svg');
}

.gw-leaf-decor span:nth-child(9) {
  bottom: 26%;
  left: 4%;
  width: 54px;
  height: 70px;
  transform: rotate(42deg);
  background-image: url('../img/leaves/leaf-sprig.svg');
}

.gw-leaf-decor span:nth-child(10) {
  bottom: 20%;
  right: 6%;
  width: 52px;
  height: 52px;
  transform: rotate(-14deg);
  background-image: url('../img/leaves/leaf-round.svg');
}

.gw-leaf-decor span:nth-child(11) {
  bottom: 12%;
  left: 18%;
  width: 80px;
  height: 70px;
  transform: rotate(-50deg);
  background-image: url('../img/leaves/leaf-triple.svg');
}

.gw-leaf-decor span:nth-child(12) {
  bottom: 6%;
  right: 10%;
  width: 56px;
  height: 68px;
  transform: rotate(24deg);
  background-image: url('../img/leaves/leaf-single.svg');
}

.gw-leaf-decor span:nth-child(13) {
  top: 38%;
  right: 22%;
  width: 44px;
  height: 50px;
  transform: rotate(-58deg);
  opacity: 0.11;
  background-image: url('../img/leaves/leaf-curve.svg');
}

.gw-leaf-decor span:nth-child(14) {
  top: 16%;
  left: 22%;
  width: 42px;
  height: 58px;
  transform: rotate(16deg);
  opacity: 0.12;
  background-image: url('../img/leaves/leaf-sprig.svg');
}

[data-theme='light'] .phone::before {
  opacity: 0.16;
  filter: saturate(1.12) brightness(0.74);
}

[data-theme='light'] .phone::after {
  opacity: 0.12;
  filter: saturate(1.12) brightness(0.74);
}

[data-theme='light'] .gw-leaf-decor span {
  opacity: 0.2;
  filter: saturate(1.1) brightness(0.76);
}

@media (prefers-reduced-transparency: reduce) {
  .phone::before,
  .phone::after,
  .gw-leaf-decor {
    display: none;
  }
}

.phone > .rolebar,
.phone > main,
.phone > nav,
.phone > #app-nav,
.phone > .admin-content {
  position: relative;
  z-index: 1;
}