/*
Theme Name: Avada Child – Street Kids Funds
Template: Avada
Description: SKF design layer on top of Avada. Edit colours and fonts in Avada > Options; this file holds component styles only.
Version: 1.0.0
*/

/* ---------- Base ---------- */
.skf-eyebrow{font-family:"Plus Jakarta Sans",Arial,sans-serif;font-size:13px!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0!important}
.skf-lead{font-size:clamp(17px,1.6vw,20px);line-height:1.6}
.skf-img-rounded img{border-radius:18px;box-shadow:0 18px 40px -18px rgba(30,42,36,.35)}
.skf-hero h1{text-wrap:balance}
.skf-hero .fusion-button{box-shadow:0 8px 24px -8px rgba(0,0,0,.35)}

/* ---------- Links & lists ---------- */
.skf-link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--awb-color5);text-decoration:none}
.skf-link-arrow::after{content:"→";transition:transform .2s}
a:hover .skf-link-arrow::after,.skf-link-arrow:hover::after{transform:translateX(4px)}
.skf-checklist{list-style:none;padding:0;margin:0 0 28px}
.skf-checklist li{position:relative;padding:0 0 12px 36px}
.skf-checklist li::before{content:"";position:absolute;left:0;top:3px;width:22px;height:22px;border-radius:50%;background:var(--awb-color5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/14px no-repeat}

/* ---------- Model steps ---------- */
.skf-step{background:#fff;border-radius:18px;padding:34px 30px;height:100%;box-shadow:0 2px 14px rgba(30,42,36,.06)}
.skf-step__num{display:inline-flex;width:48px;height:48px;border-radius:50%;align-items:center;justify-content:center;background:var(--awb-color5);color:#fff;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:20px;margin-bottom:18px}
.skf-step h3{margin:0 0 10px}
.skf-step p{margin:0 0 16px}
.fusion-layout-column:has(.skf-step) .fusion-column-wrapper{height:100%}

/* ---------- Program cards ---------- */
.skf-program{display:block;position:relative;height:100%;background:#fff;border-radius:18px;padding:30px;color:inherit;text-decoration:none;border-top:5px solid var(--awb-color5);box-shadow:0 2px 14px rgba(30,42,36,.06);transition:transform .2s,box-shadow .2s}
.skf-program:hover{transform:translateY(-4px);box-shadow:0 14px 34px -12px rgba(30,42,36,.25)}
.skf-program h3{margin:0 0 10px}
.skf-program p{margin:0 0 14px;color:#4a564f}

/* ---------- Trust strip ---------- */
.skf-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.skf-trust div{border-left:3px solid var(--awb-color5);padding-left:16px}
.skf-trust strong{display:block;font-family:"Plus Jakarta Sans",sans-serif;color:var(--awb-color7);margin-bottom:4px}
.skf-trust span{font-size:14px;color:#4a564f}
@media(max-width:900px){.skf-trust{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.skf-trust{grid-template-columns:1fr}}

/* ---------- Timeline ---------- */
.skf-timeline{list-style:none;margin:0;padding:0;position:relative}
.skf-timeline::before{content:"";position:absolute;left:11px;top:6px;bottom:6px;width:2px;background:var(--awb-color3)}
.skf-timeline li{position:relative;padding:0 0 28px 44px}
.skf-timeline li::before{content:"";position:absolute;left:4px;top:6px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--awb-color5)}
.skf-timeline strong{display:block;font-family:"Plus Jakarta Sans",sans-serif;color:var(--awb-color5);font-size:15px;letter-spacing:.04em}

/* ---------- Header donate button in menus ---------- */
.skf-menu-donate>a{background:var(--awb-color4)!important;color:#fff!important;border-radius:999px;padding:10px 22px!important}

/* ---------- Report / story singles ---------- */
.skf-single-body table{width:100%;border-collapse:collapse;margin:20px 0}
.skf-single-body td{padding:10px 12px;border-bottom:1px solid #e3e7e4}
.skf-single-body td:last-child{text-align:right;font-weight:700}
.skf-single-body blockquote{border-left:4px solid var(--awb-color5);background:var(--awb-color2);padding:18px 24px;border-radius:0 12px 12px 0;font-style:italic}

/* ---------- Button groups & stretched links ---------- */
.skf-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.skf-buttons--center{justify-content:center}
.skf-buttons .fusion-button{margin:0!important}
.skf-program{position:relative}
.skf-stretched::before{content:"";position:absolute;inset:0;border-radius:inherit}

/* ---------- Header ---------- */
.skf-topbar p{margin:0;font-size:13px;color:rgba(255,255,255,.82)}
.skf-topbar a{color:#fff}
.skf-topbar-social .fusion-column-wrapper{justify-content:flex-end;gap:18px;align-items:center}
.skf-topbar__right{text-align:right}
.skf-buttons--end{justify-content:flex-end}
.skf-logo img{width:min(250px,100%);height:auto}
@media(max-width:640px){.skf-logo img{width:100%;max-width:200px}.skf-header-donate{padding:10px 18px!important;font-size:14px!important}}

/* ---------- Footer ---------- */
.skf-footer,.skf-footer p{color:rgba(255,255,255,.75)}
.skf-footer-links{list-style:none;margin:0;padding:0}
.skf-footer-links li{margin:0 0 10px}
.skf-footer-links a{text-decoration:none}
.skf-footer-bottom p{margin:0;font-size:13px;color:rgba(255,255,255,.6)}
.skf-footer-legal{text-align:right}
@media(max-width:800px){.skf-footer-legal{text-align:left}}

/* ---------- Cards: show the top of report covers ---------- */
.skf-card__img{object-position:top center}
.fusion-button{white-space:nowrap}
@media(max-width:640px){.skf-hero .fusion-title h1{font-size:40px!important}.skf-buttons .fusion-button{padding-left:22px!important;padding-right:22px!important}}

/* ---------- Giving ---------- */
.skf-give-card{background:#fff;border-radius:18px;padding:32px;box-shadow:0 10px 30px -14px rgba(30,42,36,.25);border-top:5px solid var(--awb-color4)}
.skf-give-card h3{margin-top:0}
.skf-ways{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.skf-ways>div{background:#fff;border-radius:16px;padding:26px;box-shadow:0 2px 14px rgba(30,42,36,.06)}
.skf-ways h3{margin:0 0 8px;font-size:20px}
.skf-ways p{margin:0;font-size:15px}
@media(max-width:900px){.skf-ways{grid-template-columns:1fr}}
.skf-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.skf-facts>div{background:var(--awb-color2);border-radius:16px;padding:24px}
.skf-facts strong{display:block;font-family:"Plus Jakarta Sans",sans-serif;font-size:28px;color:var(--awb-color5);line-height:1.15;margin-bottom:6px}
.skf-facts span{font-size:15px;color:#4a564f}
.skf-quote{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(20px,2.2vw,26px);line-height:1.45;font-weight:600;color:var(--awb-color7);border-left:5px solid var(--awb-color4);padding-left:24px;margin:0}
.skf-quote cite{display:block;margin-top:12px;font-size:15px;font-weight:500;font-style:normal;color:#4a564f}
.skf-faq details{border-bottom:1px solid #e3e7e4;padding:18px 0}
.skf-faq summary{cursor:pointer;font-family:"Plus Jakarta Sans",sans-serif;font-weight:700;font-size:18px;color:var(--awb-color7);list-style:none;position:relative;padding-right:32px}
.skf-faq summary::after{content:"+";position:absolute;right:0;top:-2px;font-size:24px;color:var(--awb-color5)}
.skf-faq details[open] summary::after{content:"–"}
.skf-faq details p{margin:12px 0 0}
.skf-small{font-size:14px;color:#5b665f}
.skf-mini-table{width:100%;border-collapse:collapse;margin:16px 0}
.skf-mini-table td{padding:9px 0;border-bottom:1px solid #e3e7e4}
.skf-mini-table td:last-child{text-align:right;font-weight:700;color:var(--awb-color5)}
.skf-steps-list ol{counter-reset:s;list-style:none;padding:0}
.skf-steps-list li{counter-increment:s;position:relative;padding:4px 0 18px 54px}
.skf-steps-list li::before{content:counter(s);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--awb-color5);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:"Plus Jakarta Sans",sans-serif}

/* ---------- Template parts ---------- */
.skf-page-header h1,.fusion-body .skf-page-header h1{color:#fff!important;margin:6px 0 12px;font-size:clamp(32px,4.2vw,50px);text-wrap:balance}
.skf-page-header .skf-eyebrow{color:rgba(255,255,255,.8)}
.skf-page-header .skf-lead{color:rgba(255,255,255,.9);max-width:760px;margin:0}
.skf-aside{position:sticky;top:110px;display:flex;flex-direction:column;gap:22px}
.skf-aside__cover{width:100%;border-radius:14px;box-shadow:0 18px 40px -18px rgba(30,42,36,.4);border:1px solid #e3e7e4}
.skf-aside__photo{width:100%;border-radius:18px}
.skf-aside .skf-stats{grid-template-columns:1fr 1fr;margin:0}
.skf-aside .skf-stat__value{font-size:28px}
.skf-aside .skf-btn--download{justify-content:center}
.skf-quote--small{font-size:19px}
.skf-btn-donate{display:inline-block;background:var(--awb-color4)!important;color:#fff!important;border-radius:999px;padding:12px 26px;font-weight:700;text-decoration:none}
.skf-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}
.skf-chips a{padding:9px 18px;border-radius:999px;background:var(--awb-color2);color:var(--awb-color7);font-weight:600;text-decoration:none;font-size:15px}
.skf-chips a[aria-current]{background:var(--awb-color5);color:#fff}
.skf-pagination{margin-top:40px;display:flex;gap:8px;justify-content:center}
.skf-pagination .page-numbers{padding:8px 14px;border-radius:10px;background:var(--awb-color2);text-decoration:none;color:var(--awb-color7)}
.skf-pagination .current{background:var(--awb-color5);color:#fff}
.skf-single-body{font-size:18px}
.skf-single-body h2{font-size:30px;margin-top:40px}
.skf-single-body .gallery{display:block;columns:3;column-gap:14px}
.skf-single-body .gallery-item{margin:0 0 14px!important;width:100%!important;break-inside:avoid;display:block}
.skf-single-body .gallery img{width:100%;height:auto;border-radius:12px;border:0!important}
@media(max-width:640px){.skf-single-body .gallery{columns:2}.skf-aside{position:static}}
.skf-facts{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.skf-facts{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.skf-facts{grid-template-columns:1fr}}