/* =========================
POSTALES V3.7
EDITOR ESTABLE PC + MOBILE
FIX SCROLL SMARTPHONE
========================= */


/* PANEL */

.ecard-editor-panel{

margin-top:20px;

background:#f7f7f7;

border-radius:8px;

padding:20px;

display:flex;

flex-direction:column;

gap:15px;

/* FIX SCROLL */

max-height:85vh;

overflow-y:auto;

overflow-x:hidden;

}


/* LAYOUT */

.ecard-editor-layout{

display:flex;

gap:25px;

align-items:flex-start;

}


/* SMARTPHONE */

@media (max-width:768px){

.ecard-editor-layout{

flex-direction:column;

}

.ecard-editor-left,
.ecard-editor-right{

width:100%;

}

.ecard-editor-right{

margin-top:15px;

}

/* FIX SCROLL MOBILE */

.ecard-editor-panel{

max-height:78vh;

}

}


/* POSTAL */

.ecard-editor-left{

flex:1;

display:flex;

justify-content:center;

align-items:flex-start;

}


.ecard-editor-preview{

position:relative;

max-width:460px;

width:100%;

}


.ecard-editor-preview img{

width:100%;

display:block;

}


/* TEXTO */

.ecard-editor-text{

position:absolute;

top:12%;

left:12%;

width:auto;

min-height:80px;

display:flex;

flex-direction:column;

align-items:center;

justify-content:center;

text-align:center;

color:white;

font-size:22px;

font-weight:bold;

text-shadow:2px 2px 6px rgba(0,0,0,0.7);

background:rgba(0,0,0,0.35);

border-radius:8px;

cursor:move;

padding:10px 14px;

}


/* FORMULARIO */

.ecard-editor-right{

flex:1;

display:flex;

flex-direction:column;

gap:12px;

min-width:320px;

}


/* INPUTS */

.ecard-editor-panel input,
.ecard-editor-panel textarea,
.ecard-editor-panel select{

width:100%;

padding:9px;

border-radius:5px;

border:1px solid #ccc;

font-size:14px;

box-sizing:border-box;

}


/* TEXTAREA */

.ecard-message{

min-height:150px;

resize:vertical;

line-height:1.4;

}


/* BLOQUES */

.ecard-editor-section{

border-top:1px solid #ddd;

padding-top:12px;

display:flex;

flex-direction:column;

gap:8px;

}


.ecard-editor-section-title{

font-weight:bold;

font-size:14px;

color:#333;

margin-bottom:4px;

}


/* CONTROLES */

.ecard-editor-tools select,
.ecard-editor-tools input[type=color],
.ecard-editor-tools input[type=range]{

padding:6px;

border-radius:4px;

border:1px solid #ccc;

}


/* BOTONES */

.ecard-editor-actions{

margin-top:15px;

display:flex;

gap:10px;

flex-wrap:wrap;

}


.ecard-editor-actions button{

padding:10px 18px;

border:none;

border-radius:6px;

cursor:pointer;

font-size:14px;

transition:.2s;

}


.ecard-editor-actions button:hover{

opacity:.85;

}


/* COLORES */

.ecard-editor-download{

background:#0d6270;

color:white;

}


.ecard-editor-email{

background:#444;

color:white;

}


.ecard-editor-share{

background:#888;

color:white;

}


/* PC GRANDE */

@media(min-width:1200px){

.ecard-editor-preview{

max-width:520px;

}

.ecard-message{

min-height:180px;

}

}

/* ── Formulaire email minimizable ── */
.ecard-form-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0 8px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.ecard-form-title {
    font-size: 13px;
    font-weight: 600;
    color: #444;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.ecard-form-toggle {
    background: #555;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex-shrink: 0;
    transition: background .2s;
}
.ecard-form-toggle:hover { background: #333; }