/* dealsfortune-child :: assets/affiliate.css — /affiliate/ + /affiliate-dashboard/ (Phase 9B, SliceWP). */

/* --- Landing hero --- */
.df-aff-hero{max-width:760px;margin:8px auto 36px;text-align:center;padding:44px 20px 0}
.df-aff-eye{color:var(--df-brand);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin:0 0 10px}
.df-aff-hero h1{font-size:40px;line-height:1.1;margin:0 0 14px;color:var(--df-text)}
.df-aff-sub{font-size:17px;color:var(--df-text-muted);margin:0 auto 22px;max-width:560px}
.df-aff-perks{list-style:none;padding:0;margin:0 auto;max-width:480px;display:grid;gap:11px;text-align:left}
.df-aff-perks li{position:relative;padding-left:30px;color:var(--df-text-muted);font-size:15px}
.df-aff-perks li::before{content:"";position:absolute;left:0;top:2px;width:19px;height:19px;border-radius:50%;
  background:rgba(0,194,111,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2300c26f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/12px no-repeat}
.df-aff-perks li strong{color:var(--df-text)}

/* --- Two-column register / login --- */
.df-aff-forms{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:980px;margin:0 auto 56px;padding:0 20px}
.df-aff-col{background:var(--df-card);border:1px solid var(--df-border);border-radius:16px;padding:26px 24px}
.df-aff-col h2{font-size:20px;margin:0 0 18px;color:var(--df-text)}

/* --- SliceWP form skin (dark) --- */
.slicewp-field-wrapper{margin-bottom:15px}
.slicewp-field-label-wrapper label,.slicewp-form label{color:var(--df-text);font-size:13px;font-weight:600;display:block;margin-bottom:6px}
.slicewp-form input[type=text],.slicewp-form input[type=email],.slicewp-form input[type=password],
.slicewp-form input[type=url],.slicewp-form textarea,.slicewp-form select{
  width:100%;background:rgba(0,0,0,.22);border:1px solid var(--df-border);border-radius:9px;
  padding:11px 13px;color:var(--df-text);font-size:14px;box-sizing:border-box}
.slicewp-form input:focus,.slicewp-form textarea:focus,.slicewp-form select:focus{
  outline:none;border-color:var(--df-brand);box-shadow:0 0 0 3px rgba(0,194,111,.18)}
.slicewp-form input::placeholder,.slicewp-form textarea::placeholder{color:var(--df-text-dim)}
.slicewp-button-primary{display:inline-block;background:var(--df-brand);color:#04130c;font-weight:700;font-size:15px;
  border:0;border-radius:10px;padding:12px 22px;cursor:pointer;transition:filter .2s}
.slicewp-button-primary:hover{filter:brightness(1.07)}
.slicewp-field-inner{position:relative}
.slicewp-show-hide-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--df-text-dim)}
.slicewp-lost-password,.slicewp-lost-password a{color:var(--df-text-muted);font-size:13px}
.slicewp-user-notice{border-radius:10px;padding:12px 14px;margin-bottom:16px;font-size:14px;
  background:rgba(0,194,111,.08);border:1px solid rgba(0,194,111,.3);color:var(--df-text)}
.slicewp-user-notice-error{background:rgba(255,77,79,.08);border-color:rgba(255,77,79,.35)}

/* --- Affiliate dashboard (account) --- */
.slicewp-account,.slicewp-affiliate-account{max-width:1040px;margin:0 auto;padding:40px 20px 56px;color:var(--df-text)}
.slicewp-account a,.slicewp-affiliate-account a{color:var(--df-brand)}

@media(max-width:760px){.df-aff-forms{grid-template-columns:1fr}.df-aff-hero h1{font-size:30px}}