/**
 * Alubio Transparency — Frontend Styles
 * Design system: Inter + Playfair Display, warm cream palette
 */

/* Campaign color utilities (use with --campaign CSS variable) */
.alubio-campaign-accent { color: var(--campaign, #1A1A1A); }
.alubio-campaign-bg { background-color: var(--campaign, #1A1A1A); }
.alubio-campaign-border { border-color: var(--campaign, #1A1A1A); }
.alubio-campaign-bg-soft { background-color: color-mix(in srgb, var(--campaign, #1A1A1A) 5%, transparent); }

/* Transparency breakdown on product page */
.alubio-transparency-breakdown {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Campaign badge in shop loop */
.alubio-campaign-badge {
    line-height: 1;
}

/* Cart summary */
.alubio-cart-summary {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Checkout donation row */
.alubio-checkout-donation th,
.alubio-checkout-donation td {
    padding-top: 16px !important;
    padding-bottom: 8px !important;
}

.alubio-checkout-donation .alubio-donation-total {
    font-size: 20px;
    font-weight: 900;
    color: #1A1A1A;
}

.alubio-checkout-note td {
    padding-top: 0 !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #E5E1DA;
}

/* Thank you banner */
.alubio-thankyou-banner {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .alubio-transparency-breakdown .alubio-donation-highlight {
        flex-direction: column;
        gap: 12px;
        text-align: left;
    }

    .alubio-donation-highlight > div:last-child {
        text-align: left !important;
    }

    .alubio-thankyou-banner > div:last-of-type {
        flex-direction: column;
    }
}