/**
 * Product Ads — Fallback CSS shell
 * Content Bridge Plugin
 *
 * IMPORTANT: This file is a FALLBACK ONLY.
 * The canonical kreacje CSS is served by B2B at /api/feed-ads/kreacje-css
 * and injected as inline style via wp_add_inline_style().
 *
 * This file provides minimal base styles so kreacje don't appear broken
 * if the B2B endpoint is temporarily unreachable.
 */

/* Base reset & CSS custom properties */
.cb-pad {
    --cb-pad-brand-color: #D32F2F;
    --cb-pad-cta-color: #D32F2F;
    --cb-pad-cta-hover: #b71c1c;
    --cb-pad-brand-secondary: #0b1369;
    --cb-pad-radius: 8px;
    --cb-pad-gap: 12px;
    --cb-pad-card-bg: #fff;
    --cb-pad-text: #333;
    --cb-pad-text-secondary: #666;
    --cb-pad-border: #ebebeb;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    box-sizing: border-box;
}
.cb-pad *, .cb-pad *::before, .cb-pad *::after { box-sizing: border-box; }

/* Minimal card fallback so content is at least readable */
.cb-pad__card {
    background: var(--cb-pad-card-bg);
    border: 1px solid #ebebeb;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: var(--cb-pad-text);
}
.cb-pad__image { width: 100%; height: auto; object-fit: contain; }
.cb-pad__info { padding: 6px 8px; }
.cb-pad__name { font-size: 11px; font-weight: 600; margin: 0; }
.cb-pad__price { font-size: 13px; color: var(--cb-pad-cta-color); }
.cb-pad__cta {
    display: block;
    text-align: center;
    background: var(--cb-pad-cta-color);
    color: #fff !important;
    font-size: 10px;
    font-weight: 700;
    padding: 5px 8px;
    border-radius: 4px;
    text-decoration: none;
}
.cb-pad__label { display: block; font-size: 10px; color: #999; }