/* =============================================================================
   FILE: assets/css/ad-network/sponsorship-public.css
   MODULE: CCL Sponsorship Engine - Public Slot Styles
   =============================================================================

   Small frontend stylesheet for [ccl_sponsor_slot] and future module-rendered
   sponsorship placements. Kept separate from the admin dashboard stylesheet so
   public pages do not inherit heavy dashboard layout rules.

   Colour-scheme note:
   The explicit color-scheme declarations help native link/form defaults avoid
   unreadable system-theme inversions on mixed light/dark pages.
   ============================================================================= */

.ccl-sponsorship-slot,
.ccl-sponsorship-slot * {
    box-sizing: border-box;
}

.ccl-sponsorship-slot {
    color-scheme: light;
    width: 100%;
    max-width: 100%;
    margin: 18px 0;
    padding: 12px;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.26);
    background:
        radial-gradient(circle at top left, rgba(79, 70, 229, 0.08), transparent 38%),
        rgba(255, 255, 255, 0.84);
    color: #0f172a;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

@media (prefers-color-scheme: dark) {
    .ccl-sponsorship-slot {
        color-scheme: dark;
        border-color: rgba(148, 163, 184, 0.22);
        background:
            radial-gradient(circle at top left, rgba(129, 140, 248, 0.13), transparent 38%),
            rgba(15, 23, 42, 0.86);
        color: #e5e7eb;
        box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24);
    }
}

.ccl-sponsorship-slot-label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 10px;
    padding: 5px 8px;
    border-radius: 999px;
    border: 1px solid rgba(99, 102, 241, 0.2);
    background: rgba(99, 102, 241, 0.09);
    color: #4f46e5;
    font-size: 10px;
    line-height: 1;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ccl-sponsorship-slot-items {
    display: grid;
    gap: 12px;
}

.ccl-sponsorship-item {
    min-width: 0;
    display: grid;
    gap: 9px;
}

.ccl-sponsorship-copy {
    display: grid;
    gap: 3px;
}

.ccl-sponsorship-copy strong {
    color: inherit;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 850;
}

.ccl-sponsorship-copy span {
    color: rgba(71, 85, 105, 0.92);
    font-size: 12px;
    line-height: 1.45;
}

@media (prefers-color-scheme: dark) {
    .ccl-sponsorship-copy span {
        color: rgba(203, 213, 225, 0.88);
    }
}

.ccl-sponsorship-slot .ccl-global-ad-wrapper,
.ccl-sponsorship-slot .ccl-global-ad-link,
.ccl-sponsorship-slot .ccl-global-ad-image {
    display: block;
    max-width: 100%;
}

.ccl-sponsorship-slot .ccl-global-ad-link {
    color: inherit;
    text-decoration: none;
}

.ccl-sponsorship-slot .ccl-global-ad-image {
    height: auto;
    border-radius: 14px;
}