/* woo/downloads.css — página de Downloads (myaccount/downloads.php).
   Depende de _variables.css. */

/* =====================================================================
   17. DOWNLOADS (downloads.php)
   ===================================================================== */

/* ===== Wrapper ===== */

.dlv2-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ===== Bloco de pedido / cabeçalho =====
   downloads.php reutiliza o SISTEMA DE CARD da seção 2:
   .order-card (bloco), .card-header (cabeçalho) e .card-header-title
   (número do pedido). Só os elementos exclusivos de downloads ficam aqui. */

.dlv2-order-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    padding: 1px 8px;

    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;

    border-radius: 99px;
    border: 1px solid var(--badge-border);
    background: var(--badge-bg);
    color: var(--badge-text);
}

.dlv2-order-badge::before {
    content: "";
}

/* ===== Link Visualizar ===== */

.dlv2-view-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    font-size: 12px;
    text-decoration: none;
    white-space: nowrap;

    color: var(--dlv2-link);
}

.dlv2-view-link:hover {
    color: var(--dlv2-link);
    text-decoration: underline;
}

.dlv2-view-link:focus {
    color: var(--dlv2-link);
}

.dlv2-view-link svg {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}

/* As regras responsivas de componentes compartilhados (produtos, ações,
   card-header, modal) foram movidas para components.css e modal.css. */