

:root{
    --bg:#000;
    --panel:#0e1118;
    --panel-2:#0a0d14;

    --gold:#f5c518;
    --neon:#00e5ff;

    --text:#e6edf3;
    --muted:#8b949e;

    --border-yellow:rgba(255,255,0,0.5);
}

.acf-notice.-success{
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
}

.acf-notice.-success p{
    margin:0!important;
}

.artist-success-msg{
    position: fixed;
    top: 120px;
    right: 230px;
    background: #2e7d32;
    color: #fff;
    font-size: 13px;
    padding: 12px 18px;
    border-radius: 8px;
    z-index: 99999;
    opacity: 1;
    transition: opacity 1s ease, transform 1s ease;
}

.artist-success-msg.hide{
    opacity:0;
    transform: translateY(-20px);
}



/* =====================================
   TOP BAR (ARTIST PROFILE)
===================================== */

.lh-artist-topbar{
    position:relative;
    top:60px;
    left:50%;
    transform:translateX(-50%);
     backdrop-filter: blur(10px);

    width:90%;
    max-width:1400px;

    height:70px; /* πιο compact */

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:0 25px;

    background:#000;

    border:3px solid var(--border-yellow);
    border-radius:18px;

    box-shadow:
        0 0 12px rgba(255,255,0,0.15),
        0 10px 30px rgba(0,0,0,0.6);

    z-index:10;

}

.lh-save-wrapper{
    display:flex;
    align-items:center;
    gap:10px;
}

.lh-save-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--neon);
    box-shadow:0 0 10px var(--neon);
}

/* SAVING STATE */
.lh-save-wrapper.saving .lh-save-dot{
    animation: lhPulse 1.2s infinite ease-in-out;
}

/* SUCCESS STATE */
.lh-save-wrapper.success .lh-save-dot{
    animation:none;
    background:#2e7d32;
    box-shadow:0 0 10px #2e7d32;
}


@keyframes lhPulse{
    0%{
        transform:scale(1);
        opacity:1;
    }
    50%{
        transform:scale(1.8);
        opacity:0.4;
    }
    100%{
        transform:scale(1);
        opacity:1;
    }
}



/* LEFT */
.lh-artist-top-left,
.lh-artist-top-center,
.lh-artist-top-right{
    flex:1;
    display:flex;
    align-items:center;
}

/* LEFT ALIGN */
.lh-artist-top-left{
    justify-content:flex-start;
}

/* CENTER TITLE */
.lh-artist-top-center{
    justify-content:center;

    font-size:22px;
    font-weight:900;
    letter-spacing:1.5px;
    color:var(--gold);
}

/* RIGHT */
.lh-artist-top-right{
    justify-content:flex-end;
}

/* BUTTON STYLE (UPLOAD ARTWORK) */
.lh-artist-upload-btn{
    padding:10px 16px;
    background:linear-gradient(135deg,#0f172a,#000);
    border:1px solid rgba(0,229,255,0.3);
    color:var(--neon);

    border-radius:10px;

    font-size:13px;
    font-weight:700;

    text-decoration:none;

    transition:0.2s;
}

.lh-artist-upload-btn:hover{
    transform:translateY(-1px);
    border-color:rgba(0,229,255,0.8);
}

/* SUBMIT BUTTON (ACF) */
.lh-artist-top-right input[type="submit"]{
    padding:10px 18px;
    background:linear-gradient(135deg,#00e5ff,#00bcd4);
    color:#001018;
    border:none;
    border-radius:10px;
    font-weight:700;
    cursor:pointer;
    transition:0.2s;
}

.lh-artist-top-right input[type="submit"]:hover{
    transform:translateY(-1px);
    filter:brightness(1.1);
}


/* HIDE OLD SUBMIT BUTTON */
.lh-artist-main .acf-form-submit{
    position:absolute;
    top:-9999px;
    left:-9999px;
}

/* SUCCESS MESSAGE */
.artist-success-msg-inline{
    font-size:13px;
    color:#66bb6a;

    opacity:0;
    transform:translateX(-6px);

    transition:all 0.3s ease;

    margin-right:4px;
}

/* visible */
.artist-success-msg-inline.show{
    opacity:1;
    transform:translateX(0);
}

/* LABEL */
.acf-label label{
    font-size:11px;
    color:#8b949e;
    text-transform:uppercase;
    padding:8px 8px !important;
    margin-bottom:6px;
    display:block;
    
}

#lh-artist-save{
    padding:10px 18px;
    background:linear-gradient(135deg,#00e5ff,#00bcd4);
    color:#001018;
    border:none;
    border-radius:10px;
    font-weight:700;
    cursor:pointer;
}

/* =========================
   MAIN WRAPPER
========================= */
.lh-artist-main{
    position:relative;
    margin-top:100px;

    max-width:1400px;
    height:1400px;

    margin-left:auto;
    margin-right:auto;

    background:#000;
    border-radius:12px;
    padding:20px;
}


/* =========================
   FORM BASE
========================= */
.artist-dashboard-wrapper{
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    height: 1400px;
    align-self: flex-start !important;

    font-family: "Times New Roman", Times, serif;
    font-size: 20px;
    line-height: 1.4;
}

/* ACF STRUCTURE */
.artist-dashboard-wrapper .acf-form{
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
}

.artist-dashboard-wrapper .acf-fields{
    position: relative !important;
    width: 100%;
    height: 100%;
}

/* =========================
   ARTIST FIELDS – UNIFIED STYLE
========================= */

.artist-dashboard-wrapper .acf-field{
    background:linear-gradient(180deg,#0e1118,#0a0d14);
    border:3px solid var(--border-yellow);
    border-radius:10px;

    padding:18px;

    box-shadow:
        0 0 0 2px rgba(255,255,0,0.1),
        0 10px 30px rgba(0,0,0,0.5);

    transition:0.2s;
}

.artist-dashboard-wrapper .acf-field:hover{
    border-color:rgba(255,255,0,0.9);
}

/* TYPOGRAPHY */
.artist-dashboard-wrapper .acf-field,
.artist-dashboard-wrapper input,
.artist-dashboard-wrapper label,
.artist-dashboard-wrapper .artist-email-value{
    font-size: 1em;
}

.artist-dashboard-wrapper label,
.artist-email-label{
    font-size: 0.75em;
    letter-spacing: 1px;
}

.artist-dashboard-wrapper .acf-input input,
.artist-dashboard-wrapper .acf-input textarea,
.artist-dashboard-wrapper .acf-input select{

    width:100%;
    padding:12px 14px;

    background:#0a0d14 !important;
    border:1px solid rgba(255,255,0,0.25);
    border-radius:8px;

    color:#e6edf3;
}
.artist-email-value{
    font-size: 1em;
}




.artist-dashboard-wrapper .acf-field .description{
    font-size:12px;
    color:#888;
    margin-top:6px;
}

/* =========================
   FIELDS POSITIONS (UNCHANGED)
========================= */

/* PHOTOS */
.acf-field[data-name="artist_photo_1"]{
    position:absolute;
    top:100px; left:0;
    width:300px; height:300px;
   overflow:visible;
    border-radius:10px;
}

.acf-field[data-name="artist_photo_2"]{
    position:absolute;
    top:100px; left:400px;
    width:300px; height:300px;
    overflow:visible;
    border-radius:10px;
}

.acf-field[data-name="artist_photo_3"]{
    position:absolute;
    top:100px; left:800px;
    width:300px; height:300px;
   overflow:visible;
    border-radius:10px;
}

.acf-field[data-name="artist_photo_1"] img,
.acf-field[data-name="artist_photo_2"] img,
.acf-field[data-name="artist_photo_3"] img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:10px;
}

/* TEXT FIELDS */
.acf-field[data-name="artist_first_name"]{
    position:absolute;
    top:500px; left:0;
    width:300px; height:100px;
    
    padding:15px;
    border-radius:10px;
}

.acf-field[data-name="artist_last_name"]{
    position:absolute;
    top:650px; left:0;
    width:300px; height:100px;
   
    padding:15px;
    border-radius:10px;
}

.acf-field[data-name="artist_nickname"]{
    position:absolute;
    top:500px; left:400px;
    width:300px; height:100px;
    
    padding:15px;
    border-radius:10px;
}

.acf-field[data-name="artist_country"]{
    position:absolute;
    top:800px; left:0;
    width:300px; height:100px;
    
    padding:15px;
    border-radius:10px;
}

.acf-field[data-name="artist_city"]{
    position:absolute;
    top:950px; left:0;
    width:300px; height:100px;
   
    padding:15px;
    border-radius:10px;
}

.acf-field[data-name="artist_address"]{
    position:absolute;
    top:1100px; left:0;
    width:300px; height:100px;
    
    padding:15px;
    border-radius:10px;
}

.acf-field[data-name="artist_summary"]{
    position:absolute;
    top:800px; left:400px;
    width:300px; height:100px;
   
    padding:15px;
    border-radius:10px;
}

.acf-field[data-name="artist_instagram"]{
    position:absolute;
    top:500px; left:800px;
    width:300px; height:100px;
    
    padding:15px;
    border-radius:10px;
}

.acf-field[data-name="artist_facebook"]{
    position:absolute;
    top:650px; left:800px;
    width:300px; height:100px;
    
    padding:15px;
    border-radius:10px;
}

.acf-field[data-name="artist_pinterest"]{
    position:absolute;
    top:800px; left:800px;
    width:300px; height:100px;
   
    padding:15px;
    border-radius:10px;
}

.acf-field[data-name="artist_linkedin"]{
    position:absolute;
    top:950px; left:800px;
    width:300px; height:100px;
   
    padding:15px;
    border-radius:10px;
}


/* =========================
   EMAIL BOX
========================= */
.artist-email-box{
    position:absolute;
    top:670px;
    left:423px;
    width:300px;
    background:linear-gradient(180deg,#0e1118,#0a0d14);
border:3px solid var(--border-yellow);
color:var(--text);
    padding:15px;
    border-radius:10px;
}

.artist-email-label{
    font-size:12px;
    font-weight:bold;
    margin-bottom:5px;
    text-transform:uppercase;
}

.artist-email-value{
    font-size:16px;
    word-break:break-all;
}

/* =========================
   DELETE PROFILE
========================= */

.delete-profile-value{
    background:linear-gradient(180deg,#0e1118,#0a0d14);
    border:3px solid rgba(255,0,0,0.4);
    color:#fff;
}

.delete-profile-value{
    position:absolute;
    top:1200px;
    left:820px;

    width:280px;
   
    padding:15px;
    border-radius:10px;
}

/* =========================
   IMAGE BUTTONS
========================= */
.artist-delete-btn{
    position:absolute;
    top:10px;
    right:10px;
    width:36px;
    height:36px;
    border-radius:50%;
    background:white;
    color:red;
    font-size:22px;
    font-weight:bold;
    border:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:10;
}

.artist-upload-btn{
    padding:12px 18px;
    background:#000;
    color:#fff;
    cursor:pointer;
    display:inline-block;
}

.artist-upload-btn:hover{
    background:#222;
}


/* =========================
   CLEAN ACF SPACING
========================= */
.acf-field{
    margin-bottom:0;
}
