/* WC Product PDF Downloader v1.6.0 */

/* ── Flex row (PDF btn + WhatsApp btn) ───── */
.wcpdf-btn-row {
    display:     flex;
    flex-wrap:   nowrap;
    gap:         10px;
    margin-top:  0;         /* margin comes from the buttons themselves */
    align-items: flex-start; /* align to top – margin-top on each btn handles spacing */
    line-height: 1;
}
.wcpdf-btn-row > * {
    flex:           0 0 auto;
    box-sizing:     border-box;
    vertical-align: top;
}

/* ── PDF button base ──────────────────────── */
#wcpdf-download-btn,
.wcpdf-btn {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    gap:             7px;
    background-color: #2ecc71;
    color:           #ffffff !important;
    border:          none;
    border-radius:   4px;
    padding:         12px 20px;
    font-size:       14px;
    font-weight:     700;
    font-family:     inherit;
    letter-spacing:  0.3px;
    cursor:          pointer;
    text-transform:  uppercase;
    line-height:     1;
    text-decoration: none !important;
    white-space:     nowrap;
    vertical-align:  middle;
    margin-top:      10px;
    transition:      filter .15s ease, transform .1s ease, box-shadow .15s ease;
    box-shadow:      0 2px 6px rgba(0,0,0,.18);
}

/* When inside a row — JS sets margin to match WA button */
.wcpdf-btn-row #wcpdf-download-btn,
.wcpdf-btn-row .wcpdf-btn {
    display:         inline-flex !important;
    align-items:     center !important;
    justify-content: center !important;
}

/* Full width variant */
#wcpdf-download-btn.wcpdf-full,
.wcpdf-btn.wcpdf-full {
    width:           100%;
    justify-content: center;
    display:         flex;
}

#wcpdf-download-btn:hover, .wcpdf-btn:hover {
    filter:     brightness(0.88);
    box-shadow: 0 4px 12px rgba(0,0,0,.24);
    transform:  translateY(-1px);
    color:      #ffffff !important;
}
#wcpdf-download-btn:active, .wcpdf-btn:active {
    transform:  translateY(0);
    box-shadow: 0 1px 3px rgba(0,0,0,.12);
}
#wcpdf-download-btn:disabled, .wcpdf-btn:disabled, .wcpdf-loading {
    opacity: .72;
    cursor:  wait !important;
    transform: none !important;
}

#wcpdf-download-btn svg, .wcpdf-btn svg {
    flex-shrink: 0;
    width:       1em;
    height:      1em;
    stroke:      #ffffff;
}

@keyframes wcpdf-spin { to { transform: rotate(360deg); } }
.wcpdf-loading svg { animation: wcpdf-spin .85s linear infinite; }

@media (max-width: 600px) {
    .wcpdf-btn-row          { flex-direction: column; }
    .wcpdf-btn-row > *,
    #wcpdf-download-btn,
    .wcpdf-btn              { width: 100%; justify-content: center; display: flex; }
}