/* =========  ROOT  ========= */
:root {
    --ecp-accent: #2271b1;      /* WP-синий */
    --ecp-accent-text: #fff;
    --ecp-border: #ccc;
    --ecp-shadow: rgba(0, 0, 0, .2);
    --ecp-radius: 3px;
    --ecp-gap: 4px;
    --ecp-margin-left: 8px;      /* отступ кнопки от файла */
}

/* =========  TOOLTIP  ========= */
.ecpv-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 260px;
    padding: 8px 12px;
    font-size: 12px;
    background: #fff;
    border: 1px solid var(--ecp-border);
    border-radius: 4px;
    box-shadow: 0 2px 6px var(--ecp-shadow);
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity .25s ease, transform .25s ease;
}
.ecpv-tooltip.show {
    opacity: 1;
    transform: translateY(0);
}

/* =========  BLOCK-WRAPPER  ========= */
.ecpv-wrap {
    display: inline-flex;
    align-items: center;
    gap: var(--ecp-gap);
}

/* =========  ГАЛОЧКА  ========= */
.ecpv-check {
    vertical-align: middle;
    cursor: pointer;
}

/* =========  КНОПКА «СКАЧАТЬ АРХИВ»  ========= */
a.ecpv-dl {
    margin-left: var(--ecp-margin-left);
    display: inline-flex;
    align-items: center;
    gap: var(--ecp-gap);
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1.4;
    color: var(--ecp-accent);
    background: #f6f7f7;
    border: 1px solid var(--ecp-accent);
    border-radius: var(--ecp-radius);
    text-decoration: none;
    transition: color .15s, background .15s;
}
a.ecpv-dl:hover,
a.ecpv-dl:focus {
    color: var(--ecp-accent-text);
    background: var(--ecp-accent);
}
/* иконка внутри кнопки наследует цвет текста */
a.ecpv-dl svg {
    width: 14px;
    height: 14px;
}