/* ============================================================================
   Download Company Profile button.
   Markup: app/views/partials/download-profile.php

   Wider than a normal button because it carries a second line of metadata
   (format and file size) — telling someone what they are about to download
   before they click is the difference between a download and a dead end.
   ========================================================================== */

.download-profile {
    display: inline-flex;
    align-items: center;
    gap: var(--s-4);
    padding: var(--s-4) var(--s-5);
    border: 1px solid;
    border-radius: var(--radius-sm);
    transition: background var(--dur) var(--ease),
                border-color var(--dur) var(--ease),
                color var(--dur) var(--ease),
                transform var(--dur-fast) var(--ease);
}
.download-profile:hover { transform: translateY(-1px); }
.download-profile:active { transform: translateY(0); }

.download-profile__icon {
    display: grid;
    place-items: center;
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transition: background var(--dur) var(--ease), color var(--dur) var(--ease);
}

/* Nudges downward on hover — a small hint at what the button does. */
.download-profile__icon .icon {
    transition: transform var(--dur) var(--ease);
}
.download-profile:hover .download-profile__icon .icon { transform: translateY(2px); }

.download-profile__text { display: grid; gap: 2px; }

.download-profile__label {
    font-family: var(--font-display);
    font-size: var(--fs-sm);
    font-weight: 700;
    letter-spacing: .01em;
}

.download-profile__meta {
    font-size: var(--fs-xs);
    letter-spacing: var(--ls-wide);
    text-transform: uppercase;
}

/* ---------------------------------------------------------- dark (footer) */
.download-profile--dark {
    margin-top: var(--s-6);
    color: var(--c-white);
    border-color: var(--border-dark);
    background: rgba(255, 255, 255, .03);
}
.download-profile--dark .download-profile__icon {
    color: var(--c-gold);
    background: rgba(178, 125, 67, .16);
}
.download-profile--dark .download-profile__meta { color: var(--ink-400); }

.download-profile--dark:hover {
    border-color: var(--c-gold);
    background: rgba(178, 125, 67, .12);
}
.download-profile--dark:hover .download-profile__icon {
    color: var(--c-white);
    background: var(--c-gold);
}

/* ---------------------------------------------------------- light */
.download-profile--light {
    color: var(--text);
    border-color: var(--border);
    background: var(--bg);
}
.download-profile--light .download-profile__icon {
    color: var(--c-gold);
    background: var(--gold-50);
}
.download-profile--light .download-profile__meta { color: var(--text-muted); }

.download-profile--light:hover {
    border-color: var(--c-gold);
    box-shadow: var(--shadow);
}
.download-profile--light:hover .download-profile__icon {
    color: var(--c-white);
    background: var(--c-gold);
}

@media (max-width: 639px) {
    .download-profile { width: 100%; }
}