/*
Theme Name: PromptBoard
Theme URI: https://example.com/
Author: You
Description: Pin-style AI photo prompt gallery theme. Adds an "AI Prompt" meta box to the post editor and shows the prompt with a Copy Prompt button after the first paragraph of each post.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: promptboard
*/
:root{--bg:#faf6ef;--surf:#fff;--ink:#241a2e;--mut:#6f6578;--line:#e7dfd2;--acc:#ff5a3c;--acc2:#5b2a86;--chip:#efe7d9;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#17111d;--surf:#221a2b;--ink:#f4eefa;--mut:#a99bb8;--line:#372b44;--chip:#2d2238;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 Inter,system-ui,sans-serif}
a{color:var(--acc2)}img{max-width:100%;height:auto}
h1,h2,h3,.pb-logo{font-family:'Bricolage Grotesque',Inter,system-ui,sans-serif;line-height:1.15;margin:0}
.pb-bar{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}
.admin-bar .pb-bar{top:32px}
.pb-bar-in{max-width:1100px;margin:auto;padding:12px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.pb-logo{font-weight:800;font-size:22px;color:var(--ink);text-decoration:none}.pb-logo b{color:var(--acc)}
.pb-bar .custom-logo{max-height:40px;width:auto}
.pb-nav{margin-left:auto}
.pb-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.pb-nav a{display:block;font:500 14px Inter,sans-serif;border:1px solid var(--line);background:var(--surf);color:var(--ink);padding:7px 14px;border-radius:99px;text-decoration:none}
.pb-nav .current-menu-item>a,.pb-nav a:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.pb-main{max-width:1100px;margin:auto;padding:24px 16px 60px}
.pb-hero{padding:18px 0 8px}.pb-hero h1{font-size:clamp(28px,5vw,46px);font-weight:800}.pb-hero h1 span{color:var(--acc2)}
.pb-hero p{color:var(--mut);max-width:560px;margin:10px 0 0}
.pb-chips{display:flex;gap:8px;overflow-x:auto;padding:8px;margin:14px 0 18px;background:var(--surf);border:1px solid var(--line);border-radius:18px;scrollbar-width:none}
.pb-chips::-webkit-scrollbar{display:none}
.pb-chips a{white-space:nowrap;font:500 14px Inter,sans-serif;border:1px solid var(--line);background:var(--surf);color:var(--ink);padding:7px 14px;border-radius:99px;text-decoration:none}
.pb-chips a.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.pb-grid{columns:4;column-gap:14px}
@media(max-width:1000px){.pb-grid{columns:3}}
@media(max-width:700px){.pb-grid{columns:2;column-gap:10px}.pb-card{margin-bottom:10px!important;border-radius:16px!important}}
.pb-card{break-inside:avoid;margin:0 0 14px;border-radius:18px;overflow:hidden;transition:transform .2s;background:var(--chip)}
.pb-card:hover{transform:translateY(-3px)}
.pb-card a{color:inherit;text-decoration:none;display:block}
.pb-ph{position:relative;display:block;background:linear-gradient(160deg,#ff9a5a,#c2347a)}
.pb-ph img{display:block;width:100%;height:auto}
.pb-ph.noimg{min-height:260px}
.pb-badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;background:rgba(36,26,46,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:600 12px Inter,sans-serif;padding:5px 11px 5px 9px;border-radius:99px}
.pb-badge svg{color:var(--acc);flex:none}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.pb-burger{display:none;width:42px;height:42px;border:1px solid var(--line);background:var(--surf);color:var(--ink);border-radius:12px;font-size:20px;line-height:1;cursor:pointer}
.navigation.pagination{margin-top:20px}
.nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.nav-links .page-numbers{min-width:36px;height:36px;padding:0 10px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);background:var(--surf);color:var(--ink);text-decoration:none;font-size:14px}
.nav-links .current{background:var(--acc);color:#fff;border-color:var(--acc)}
.pb-post{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:32px;align-items:start}
.pb-post-img{border-radius:22px;overflow:hidden;position:sticky;top:80px;background:linear-gradient(160deg,#ff9a5a,#c2347a)}
.pb-post-img img{width:100%;height:auto;display:block}
.pb-post.noimg{grid-template-columns:minmax(0,1fr)}
.pb-crumb{font-size:13px;color:var(--mut);margin-bottom:8px}
.pb-post h1{font-size:clamp(26px,4vw,38px);font-weight:800;margin-bottom:14px}
.pb-content p{margin:0 0 16px}
.pb-content h2,.pb-content h3{margin:24px 0 10px}
.pb-prompt{margin:22px 0;border-radius:20px;background:var(--surf);border:2px dashed var(--acc2);padding:18px}
.pb-prompt-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.pb-prompt-lab{font:700 12px Inter,sans-serif;letter-spacing:.1em;color:var(--acc2);text-transform:uppercase}
.pb-prompt pre{white-space:pre-wrap;word-break:break-word;margin:0;font:400 15px/1.65 Inter,sans-serif;background:var(--chip);border-radius:12px;padding:14px}
.pb-copy{border:0;background:var(--acc);color:#fff;font:700 14px Inter,sans-serif;padding:10px 18px;border-radius:12px;cursor:pointer}
.pb-copy.ok{background:#1f9d62}
.pb-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:99px;opacity:0;transition:.25s;pointer-events:none;font-size:14px;z-index:50}
.pb-toast.show{opacity:1;transform:translate(-50%,0)}
.pb-footer{border-top:1px solid var(--line);padding:28px 16px 32px;color:var(--mut);font-size:13px}
.pb-footer-in{max-width:1100px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.pb-foot-brand{font:800 18px 'Bricolage Grotesque',Inter,sans-serif;color:var(--ink);text-decoration:none}
.pb-foot-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:8px 18px;flex-wrap:wrap;justify-content:center}
.pb-foot-nav a{color:var(--ink);text-decoration:none;font-weight:500;font-size:14px;border-bottom:2px solid transparent}
.pb-foot-nav a:hover{border-color:var(--acc)}
.pb-foot-copy{margin:0}
/* Comments */
.pb-comments{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.pb-comments-title,.comment-reply-title{font-size:22px;font-weight:800;margin-bottom:16px}
.comment-list,.comment-list .children{list-style:none;margin:0;padding:0}
.comment-list .children{margin:14px 0 0 18px;padding-left:14px;border-left:2px solid var(--line)}
.comment-list>li{margin-bottom:14px}
.comment-body{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:14px 16px;position:relative}
.comment-author{display:flex;align-items:center;gap:10px;font-weight:700}
.comment-author .avatar{border-radius:50%;width:44px;height:44px}
.comment-author .says{display:none}
.comment-metadata{font-size:12px;color:var(--mut);margin:2px 0 8px 54px}
.comment-metadata a{color:var(--mut);text-decoration:none}
.comment-content{margin-left:54px}.comment-content p{margin:0 0 10px}
.reply{margin:4px 0 0 54px}
.comment-reply-link{font:700 12px Inter,sans-serif;color:var(--acc2);text-decoration:none;background:var(--chip);padding:5px 12px;border-radius:99px;display:inline-block}
.comment-awaiting-moderation{color:var(--acc);font-size:13px}
.comment-respond{margin-top:24px;background:var(--surf);border:1px solid var(--line);border-radius:18px;padding:18px}
.comment-respond label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
.comment-respond input[type=text],.comment-respond input[type=email],.comment-respond input[type=url],.comment-respond textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 13px;font:15px/1.5 Inter,sans-serif;background:var(--bg);color:var(--ink)}
.comment-respond input:focus,.comment-respond textarea:focus{outline:2px solid var(--acc2);outline-offset:1px}
.comment-respond p{margin:0 0 14px}
.comment-notes,.logged-in-as,.comment-form-cookies-consent{font-size:13px;color:var(--mut)}
.comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start}.comment-form-cookies-consent label{font-weight:400;font-size:13px;margin:0}
.pb-btn,.comment-respond .submit{border:0;background:var(--acc);color:#fff;font:700 15px Inter,sans-serif;padding:12px 24px;border-radius:12px;cursor:pointer}
#cancel-comment-reply-link{font-size:13px;margin-left:10px}
.pb-comments .navigation.pagination{margin:16px 0}
@media(max-width:782px){.admin-bar .pb-bar{top:46px}}
@media(max-width:760px){.pb-burger{display:block;margin-left:auto}.pb-nav{display:none;width:100%;margin-left:0}.pb-nav.open{display:block}.pb-nav ul{flex-direction:column}.pb-nav a{border-radius:12px}.pb-post{grid-template-columns:1fr}.pb-post-img{position:static}}