/* ============================================================
   WC Community page — bottone gradient "Carica uno sfondo".
   ============================================================ */

.wc-upload-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    margin: 0 0 28px;
    padding: 18px 24px;
    border: 0;
    border-radius: 999px;
    color: #fff;
    font: 700 16px/1 var(--wc-font, inherit);
    letter-spacing: .2px;
    cursor: pointer;
    background: linear-gradient(90deg, #6b73ff 0%, #b46cff 50%, #ff7ec4 100%);
    box-shadow: 0 8px 22px rgba(120, 100, 220, .28);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.wc-upload-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(120, 100, 220, .35);
    filter: brightness(1.04);
}

.wc-upload-cta:active { transform: translateY(0); filter: brightness(.97); }

.wc-upload-cta:focus-visible {
    outline: 3px solid rgba(180, 108, 255, .45);
    outline-offset: 3px;
}

.wc-upload-cta__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.wc-upload-cta__label { letter-spacing: .3px; }

@media (max-width: 520px) {
    .wc-upload-cta { padding: 16px 20px; font-size: 15px; }
}

/* (Le regole H1/title/body intro sono ora in wc-page-intro.css condiviso.) */

/* ---- Griglia card community (riusa card-wallpaper) ---- */
.wc-community-grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 280px));
    gap: 28px;
    justify-content: space-between;
}
.wc-community-grid--2col { grid-template-columns: repeat(2, minmax(0, 280px)); }
.wc-community-grid--3col { grid-template-columns: repeat(3, minmax(0, 280px)); }
.wc-community-grid--4col { grid-template-columns: repeat(4, minmax(0, 230px)); }

@media (max-width: 960px) {
    .wc-community-grid,
    .wc-community-grid--3col,
    .wc-community-grid--4col { grid-template-columns: repeat(2, 1fr); gap: 14px; }
}

@media (max-width: 520px) {
    .wc-community-grid,
    .wc-community-grid--2col,
    .wc-community-grid--3col,
    .wc-community-grid--4col { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}

.wc-community-grid__item { margin: 0; }

.wc-page-community .wc-empty {
    text-align: center;
    padding: 60px 16px;
    color: var(--wc-mute, #57667d);
    font-size: 15px;
}