/*
Theme Name: Wendi Simple Theme
Theme URI: https://wenditheyorkie.com/
Author: Perplexity
Description: Wendi homepage with Font Awesome, featured hero, social cards, media panels, latest posts, gallery, FAQ, and three footer menus.
Version: 1.2.0
Text Domain: wendi-simple-theme
*/

:root{
  --bg-1:#180914;--bg-2:#23101e;--bg-3:#2f1628;--surface:#26121f;--surface-2:#311829;--surface-3:#3b1d33;--border:#5c3851;--text:#fff0f9;--muted:#d8b0c8;--primary:#ff8fc4;--primary-2:#ffb0dd;--accent:#d7a4ff;--shadow:0 18px 44px rgba(0,0,0,.34);--shadow-soft:0 8px 20px rgba(0,0,0,.24);--radius-sm:14px;--radius-md:22px;--radius-lg:30px;--radius-full:9999px;--font-display:'Fredoka',sans-serif;--font-body:'Quicksand',sans-serif
}
[data-theme="light"]{
  --bg-1:#fff2fb;--bg-2:#ffe6f3;--bg-3:#ffd4ea;--surface:#fffafc;--surface-2:#fff4f9;--surface-3:#ffeaf5;--border:#f1c6de;--text:#4d2441;--muted:#8e6781;--primary:#ff79b7;--primary-2:#ff9dce;--accent:#b67dff;--shadow:0 18px 44px rgba(171,74,131,.14);--shadow-soft:0 8px 20px rgba(171,74,131,.08)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at 12% 10%, rgba(255,157,206,.55), transparent 22%),radial-gradient(circle at 88% 12%, rgba(182,125,255,.18), transparent 24%),radial-gradient(circle at 50% 0%, rgba(255,255,255,.35), transparent 20%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 48%,var(--bg-3) 100%)}
a{color:inherit;text-decoration:none}button{font:inherit}img,svg,iframe{max-width:100%;display:block}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:12px}.wrap{width:min(100% - 1.5rem,1120px);margin:0 auto}.page{padding:1rem 0 0}.skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:1rem;top:1rem;z-index:999;background:var(--surface);padding:.75rem 1rem;border-radius:12px;box-shadow:var(--shadow-soft)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.brand{display:flex;align-items:center;gap:.9rem}.logo{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#ffd36d);color:#fff;box-shadow:var(--shadow-soft)}.brand-name{font-family:var(--font-display);font-size:1.35rem;line-height:1}.brand-tag{font-size:.92rem;color:var(--muted)}.theme-toggle{width:48px;height:48px;border-radius:9999px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);display:grid;place-items:center}
.hero,.photo-card,.embed-card,.link-card,.post-card,.faq-card,.section-card,.widget,.comment-respond{background:color-mix(in srgb,var(--surface) 92%, white 8%);border:1px solid color-mix(in srgb,var(--border) 84%, white 16%);box-shadow:var(--shadow-soft)}
.hero{position:relative;overflow:hidden;border-radius:32px;padding:clamp(1.5rem,4vw,2.5rem)}.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}.hero::before{width:220px;height:220px;left:-70px;top:-60px;background:radial-gradient(circle, rgba(255,157,206,.35), transparent 62%)}.hero::after{width:170px;height:170px;right:-30px;bottom:-30px;background:radial-gradient(circle, rgba(182,125,255,.22), transparent 62%)}
.hero-grid{display:grid;gap:1.5rem;align-items:center}@media (min-width:900px){.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border-radius:9999px;background:var(--surface-3);font-size:.92rem;font-weight:700;margin-bottom:1rem}
h1,h2,h3,h4,h5,.brand-name{font-family:var(--font-display)}h1{font-size:clamp(2rem,1.2rem + 2.5vw,3.9rem);line-height:.94;margin:0 0 1rem}.hero p,.section-head p,.link-meta,.post-meta,.muted{color:var(--muted)}.hero p{max-width:42ch;margin:0 0 1.5rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.85rem}.pill,.button,.wp-block-button__link,input[type="submit"]{display:inline-flex;align-items:center;gap:.55rem;min-height:48px;padding:.85rem 1.1rem;border-radius:9999px;font-weight:700;box-shadow:var(--shadow-soft);border:none}.pill.primary,.button,.wp-block-button__link,input[type="submit"]{background:linear-gradient(135deg,#a42f56,#610017);color:#fff}.pill.secondary,.button.secondary{background:var(--surface);border:1px solid var(--border);color:var(--text)}
.hero-music-card{display:flex;align-items:center;justify-content:center;min-height:320px;max-width:320px;width:100%;justify-self:center;border-radius:28px;padding:1rem}.hero-music-card img{width:min(100%,220px);aspect-ratio:1/1;object-fit:contain;background:#fff7fb;border-radius:22px;padding:.25rem;height:auto}
.section{margin-top:2rem}.section-head{margin:0 0 1rem}.section-head h2{font-size:clamp(1.5rem,1.1rem + 1.2vw,2.2rem);margin:0 0 .25rem}
.links-grid,.embed-stack,.gallery-grid,.posts-grid,.footer-columns{display:grid;gap:1rem}.links-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:760px){.links-grid{grid-template-columns:1fr}}
.gallery-grid{grid-template-columns:repeat(2,1fr)}@media (max-width:420px){.gallery-grid{grid-template-columns:1fr}}
.photo-card{border-radius:22px;overflow:hidden;padding:0;background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.ig-thumb{position:relative;display:block;width:100%;aspect-ratio:1/1;overflow:hidden}.ig-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}.ig-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,.15));opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .25s ease}.ig-play{width:64px;height:64px;border-radius:9999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);transform:scale(.92);transition:transform .25s ease}.ig-play i{color:#fff;font-size:20px;margin-left:3px}.ig-thumb:hover img{transform:scale(1.06)}.ig-thumb:hover .ig-overlay{opacity:1}.ig-thumb:hover .ig-play{transform:scale(1)}@media (hover:none){.ig-overlay{opacity:1}}.photo-caption{padding:.9rem 1rem 1rem;font-weight:700}
.link-card{border-radius:22px;padding:1rem 1rem 1rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:78px}.link-left{display:flex;align-items:center;gap:.9rem;min-width:0}.icon-wrap{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto;font-size:1.25rem;color:#fff}.brand-youtube{background:#ff4e45}.brand-spotify{background:#1db954}.brand-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.brand-tiktok{background:#111}.brand-threads{background:#000}.brand-facebook{background:#1877f2}.brand-x{background:#111}.link-title{font-weight:700}.arrow{font-size:1.4rem;color:var(--muted)}
.embed-card{border-radius:24px;overflow:hidden;background:var(--surface)}.embed-card iframe{border:none;width:100%}.embed-card.youtube iframe{height:400px}@media (max-width:719px){.embed-card.youtube iframe{height:350px}.topbar{align-items:flex-start}.hero-music-card{width:100%;min-height:260px;max-width:100%;padding:1rem 0}.hero-grid{gap:1.25rem}}
.post-card{border-radius:22px;overflow:hidden;padding:1rem}.post-card img{width:100%;height:auto;border-radius:18px;margin-bottom:.9rem}.post-card h3{margin:.1rem 0 .5rem;font-size:1.25rem}.post-card p{margin:.35rem 0}.latest-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.35rem}
.faq-list{display:grid;gap:12px}.faq-card{border-radius:22px;padding:1rem}.faq-card summary{cursor:pointer;font-family:var(--font-display);font-size:1.08rem}.faq-card p{margin:.85rem 0 0;color:var(--muted)}
.footer{margin-top:2.5rem;padding:2rem 0 1.5rem}.footer-inner{border-top:1px solid color-mix(in srgb,var(--border) 70%, transparent);padding-top:1.5rem}.footer-top{display:grid;grid-template-columns:1.1fr 1fr;gap:1.25rem;align-items:start}@media (max-width:900px){.footer-top{grid-template-columns:1fr}}.footer-brand p{margin:.4rem 0 0;max-width:42ch}.footer-columns{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:760px){.footer-columns{grid-template-columns:1fr}}.footer-col{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:1rem}.footer-col h3{margin:0 0 .75rem;font-size:1.08rem}.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.footer-col a{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--border) 60%, transparent)}
.content-area{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) 320px}.sidebar{position:sticky;top:92px;align-self:start}@media (max-width:980px){.content-area{grid-template-columns:1fr}.sidebar{position:static}}
.comment-form textarea,.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]{width:100%;padding:.9rem 1rem;border-radius:18px;border:1px solid var(--border);background:var(--surface);color:var(--text)}.archive-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto;transition:none !important}}