/* 30 Sep (Ji): thumbnail campaign + brief (teks/PDF). */

/* Gambar sampul kartu: thumbnail brand, atau foto kategori (tidak lagi kotak gradien kosong). */
.ccover.cb-foto,.campaign-cover.cb-foto{position:relative;overflow:hidden}
.ccover.cb-foto>img,.campaign-cover.cb-foto>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.ccover.cb-foto:after{background:linear-gradient(to bottom,transparent 45%,rgba(0,0,0,.65));z-index:0}
.ccover.cb-foto .cbadge{z-index:2}
.campaign-cover.cb-foto>span{position:relative;z-index:1}

/* Featured (daftar campaign clipper): foto di belakang gradien teks. */
.campaign-featured .cb-featured-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.campaign-featured .featured-image{background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.5) 55%,rgba(0,0,0,.15)) !important}

/* Detail campaign clipper */
.detail-hero .cb-hero-img{margin:0 0 14px;max-width:440px;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0a0a0e}
.detail-hero .cb-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.cb-brief-box{margin:18px 0;padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.03);scroll-margin-top:90px}
.cb-brief-box:focus{outline:2px solid #ff2e6a;outline-offset:2px}
.cb-brief-box h3{margin:0 0 8px;font-size:1.05rem}
.cb-brief-teks{margin:0 0 12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.cb-brief-pdf{display:inline-flex}
a.cb-ke-brief{color:inherit;text-decoration:underline;text-underline-offset:3px}

/* Wizard brand */
.cb-berkas{display:grid;gap:8px;margin-bottom:12px}
.cb-berkas>label{margin-bottom:0}
.cb-pratinjau{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cb-pratinjau[hidden]{display:none}
.cb-pratinjau img{width:160px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.15)}
.cb-pratinjau a{font-weight:700;text-decoration:underline}
.cb-hapus{min-height:32px !important;padding:4px 12px;border-radius:8px;border:1px solid #ff5f7a;background:transparent;color:#ff5f7a;font-weight:700;cursor:pointer}
.cb-status{margin:0;font-size:.85rem}
.cb-status.ok{color:#22e39a}
.cb-status.gagal{color:#ff6b8a}
.cb-pdf-kecil{display:inline-block;margin:4px 0 6px;font-size:.8rem;font-weight:700;text-decoration:underline}

/* Admin tinjau campaign */
.cb-admin-thumb img{display:block;margin-top:8px;max-width:320px;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}

@media (max-width:600px){
  .detail-hero .cb-hero-img{max-width:100%}
  .cb-pratinjau img{width:120px}
}

/* Brief: tautan bisa diklik (Ji 1 Okt 13:25) */
.cb-brief-teks a{color:#ff7ae6;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere;word-break:break-all}
.cb-brief-teks a:hover{color:#fff}

/* Brief campaign di SEMUA halaman (Ji 4 Okt 22:27, 248): satu aturan untuk kelas .cly-brief (templates/_brief.html).
   Link/kata panjang (URL Drive) dipatahkan supaya halaman tidak melebar di HP. white-space tetap milik tiap halaman. */
.cly-brief{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.cly-brief a{color:#ff7ae6;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere;word-break:break-all}
.cly-brief a:hover{color:#fff}
.camp-brief,.cb-brief-box{min-width:0;max-width:100%}