/* cf7-etsy.css */
/* Счетчик символов для CF7 — чистая версия */

/* === НАСТРОЙКИ (меняешь только тут) === */
:root {
    --counter-gap: 0px;      /* расстояние от textarea (0 = вплотную) */
    --counter-font: 12px;    /* размер текста */
    --counter-color: #666;   /* обычный цвет */
    --counter-x: 0px;        /* сдвиг по горизонтали */
    --counter-y: -35px;        /* сдвиг по вертикали */
}

/* убираем лишние отступы CF7 */
.wpcf7 p {
    margin-bottom: 0px;
}

/* === ОБЕРТКА ПОЛЯ === */
.cf7-field-group {
    margin-bottom: -35px;
}

/* textarea */
.cf7-field-group textarea.js-char-count {
    display: block;
    width: 100%;
    margin-bottom: 0;
}

/* счетчик */
.cf7-field-group .char-counter {
    display: block;
    margin-top: var(--counter-gap);
    font-size: var(--counter-font);
    color: var(--counter-color);

    /* ручное позиционирование */
    transform: translate(var(--counter-x), var(--counter-y));
}
.cf7-field-group textarea.js-char-count {
    height: 80px;       /* ← регулируешь */
}

.cf7-description textarea.description {
    height: 80px;       /* ← регулируешь */
}

.tags-counter {
    display: block;
	font-size: 12px;
	color: #666;
    margin-top: -20px;
}

.materials-counter {
    display: block;
	font-size: 12px;
	color: #666;
    margin-top: -20px;
    
}
.cf7-id textarea.js-tags {
    height: 80px;       /* ← регулируешь */
}
.cf7-id textarea.js-materials {
    height: 80px;       /* ← регулируешь */
}