/*
Theme Name: EntreCrochetes Theme
Theme URI: https://entrecrochetes.local
Description: Tema artesanal personalizado a mano para EntreCrochetes Store.
Version: 1.0
Author: Tu Nombre
Text Domain: entrecrochetes
*/

/* Aquí guardaremos los estilos globales más adelante si quieres */

/* Contenedor destacado para obligar visualmente a la atención */
/* Contenedor principal del campo */
.wapf-field-container {
    background-color: #fcf8ff !important;
    border: 2px dashed #8e44ad !important;
    padding: 15px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(142, 68, 173, 0.2) !important;
    margin-bottom: 20px !important;
}

/* Etiqueta con iconos */
.wapf-field-label::before {
    content: "✨ ";
}

.wapf-field-label::after {
    content: " ✨";
}

.wapf-field-label, 
.wapf-field-label label {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #6b3fa0 !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 8px !important;
    display: inline-block !important;
}

/* Caja de texto (textarea) */
textarea.wapf-input,
.wapf-field-input textarea {
    width: 100% !important;
    min-height: 110px !important;
    padding: 12px !important;
    font-size: 15px !important;
    border: 2px solid #b19cd9 !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.06) !important;
    box-sizing: border-box !important;
}

/* Estado al enfocar/hacer clic */
textarea.wapf-input:focus,
.wapf-field-input textarea:focus {
    border-color: #6b3fa0 !important;
    box-shadow: 0 0 8px rgba(107, 63, 160, 0.4), inset 0 2px 4px rgba(0, 0, 0, 0.06) !important;
    outline: none !important;
}

/* Marcador de posición */
textarea.wapf-input::placeholder,
.wapf-field-input textarea::placeholder {
    color: #7f8c8d !important;
    font-style: italic !important;
}