/* ── Dokumenta Widget ──────────────────────────────────────────────────── */

/* ── Button base ─────────────────────────────────────────────────────── */
.dokumenta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;  /* centers icon+text horizontally when width is set */
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    line-height: 1;
    box-sizing: border-box;
    /* flex-direction, gap, width — all from Elementor controls */
}

.dokumenta-btn.btn-full-width {
    width: 100%;
}

/* Inner text span — don't stretch, just wrap content */
.dokumenta-btn-text {
    display: inline-flex;
    align-items: center;
}

/* Icon wrapper */
.dokumenta-btn-icon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 1;
}

/* Spacing between icon and text — controlled by Elementor slider
   via .icon-before / .icon-after classes on the <a> */
.dokumenta-btn.icon-before .dokumenta-btn-icon { margin-right: 6px; margin-left: 0; }
.dokumenta-btn.icon-after  .dokumenta-btn-icon { margin-left:  6px; margin-right: 0; }

/* ── LIST layout ─────────────────────────────────────────────────────── */
.dokumenta-list {
    display: flex;
    flex-direction: column;
    /* gap — set by Elementor control */
    margin: 0;
    padding: 0;
}

.dokumenta-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    box-sizing: border-box;
    flex-wrap: wrap;
}

.dokumenta-name {
    flex: 1 1 0;
    min-width: 0;
    word-break: break-word;
}

/* ── BUTTONS layout ──────────────────────────────────────────────────── */
.dokumenta-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center; 
    /* gap, flex-direction, and justify-content will be injected by your Elementor controls */
}

/* ── Empty state ──────────────────────────────────────────────────────── */
.dokumenta-empty {
    margin: 0;
    padding: 12px 0;
    opacity: .6;
}