/* PAF Creator Connect: front-end */

/* Creator Caddie CTA */
.paf-cc { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); border-radius: var(--paf-radius, 12px); overflow: hidden; background: var(--paf-primary, #0f2a44); color: #fff; box-shadow: 0 18px 50px rgba(16,24,40,.12); }
.paf-cc--compact, .paf-cc:not(:has(.paf-cc__media)) { grid-template-columns: 1fr; }
.paf-cc__media { min-height: 320px; background: center/cover no-repeat; }
.paf-cc__body { padding: clamp(24px, 4vw, 48px); display: flex; flex-direction: column; justify-content: center; }
.paf-cc--compact .paf-cc__body { padding: 24px 28px; }
.paf .paf-cc__title { color: #fff; font-size: clamp(1.5rem, 3vw, 2.3rem); }
.paf-cc--compact .paf-cc__title { font-size: 1.4rem; }
.paf-cc__text { color: rgba(255,255,255,.88); }
.paf-cc__text p { margin: 0 0 1em; }
.paf-cc__logo { max-height: 48px; width: auto; align-self: flex-start; margin-bottom: 14px; }
@media (max-width: 820px) { .paf-cc { grid-template-columns: 1fr; } .paf-cc__media { min-height: 200px; } }
.pafc-dash-cta { margin-top: 24px; }

/* Creators */
.paf-creator { text-align: center; }
.paf-creator__img { width: 96px; height: 96px; margin: 0 auto 10px; border-radius: 50%; overflow: hidden; background: var(--paf-surface); display: flex; align-items: center; justify-content: center; }
.paf-creator__img img { width: 100%; height: 100%; object-fit: cover; }
.paf-creator__img span { font-size: 2em; font-weight: 800; color: var(--paf-primary); }

/* Upload form */
.paf-upload-form { margin-bottom: 24px; }
.paf-consent { border: 1px solid var(--paf-border); border-radius: var(--paf-radius); padding: 14px 18px; margin: 10px 0 18px; }
.paf-consent legend { font-weight: 800; color: var(--paf-primary); padding: 0 6px; font-family: inherit; }
.paf-consent hr { border: 0; border-top: 1px solid var(--paf-border); margin: 10px 0; }
.pafc-preview { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.pafc-preview img, .pafc-preview video { width: 110px; height: 110px; object-fit: cover; border-radius: 8px; border: 1px solid var(--paf-border); }
.pafc-stars { display: inline-flex; flex-direction: row-reverse; gap: 2px; }
.pafc-stars input { position: absolute; opacity: 0; pointer-events: none; }
.pafc-stars label { font-size: 28px; color: #d0d4da; cursor: pointer; line-height: 1; }
.pafc-stars input:checked ~ label, .pafc-stars label:hover, .pafc-stars label:hover ~ label { color: var(--paf-accent, #c8a24a); }
.pafc-stars input:focus-visible + label { outline: 2px solid var(--paf-primary); }
.pafc-thumb { aspect-ratio: 4/3; background: var(--paf-surface) center/cover no-repeat; }
.pafc-thumb video { width: 100%; height: 100%; object-fit: cover; background: #000; }
.pafc-mine { padding: 0; overflow: hidden; }
.pafc-mine .paf-activity__body { gap: 6px; }

/* Gallery */
.pafc-gallery { columns: 3 260px; column-gap: 14px; }
.pafc-gallery__item { break-inside: avoid; margin: 0 0 14px; background: var(--paf-card); border: 1px solid var(--paf-border); border-radius: var(--paf-radius); overflow: hidden; }
.pafc-gallery__item .pafc-thumb { aspect-ratio: auto; min-height: 200px; }
.pafc-gallery__item figcaption { padding: 12px 14px; font-size: .92em; }
.pafc-gallery__item figcaption p { margin: 0 0 4px; }
.pafc-gallery__item cite { color: var(--paf-muted); font-style: normal; font-weight: 600; }
.pafc-social-proof { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.pafc-social-proof figure { margin: 0; border-radius: var(--paf-radius); overflow: hidden; box-shadow: 0 6px 20px rgba(0,0,0,.08); }
.pafc-social-proof img { display: block; width: 100%; }

/* Sharing */
.pafc-share { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0; }
.paf .pafc-share__btn { display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 99px; font-size: .88em; font-weight: 700; text-decoration: none; color: #fff; background: #4b5563; border: 0; cursor: pointer; font-family: inherit; line-height: 1.2; }
.paf .pafc-share__btn:hover { filter: brightness(1.1); color: #fff; }
.paf .pafc-share__btn--facebook { background: #1877f2; }
.paf .pafc-share__btn--x { background: #000; }
.paf .pafc-share__btn--linkedin { background: #0a66c2; }
.paf .pafc-share__btn--whatsapp { background: #25d366; }
.paf .pafc-share__btn--email { background: #6b7280; }
.paf .pafc-share__btn--sms { background: #0ea5e9; }
.paf .pafc-share__btn--native, .paf .pafc-share__btn--copy { background: var(--paf-primary, #0f2a44); }
.pafc-refer, .pafc-share-trip { margin: 18px 0; }
.pafc-reflink { display: flex; gap: 8px; }
.pafc-reflink input { flex: 1; }
.pafc-graphic { display: grid; grid-template-columns: 200px 1fr; gap: 16px; align-items: center; margin-top: 14px; }
.pafc-graphic img { width: 100%; border-radius: 10px; }
@media (max-width: 600px) { .pafc-graphic { grid-template-columns: 1fr; } }