/*
Theme Name: PromptPin Pro
Theme URI: https://promptpin.pro/
Author: OpenAI
Description: Customizable dark AI photo prompt and template gallery theme with purple accents, portrait cards, category filters, and editable footer collections.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: promptpin-pro
*/
:root{--pp-bg:#100e18;--pp-header:#1b1827;--pp-panel:#211b31;--pp-card:#191622;--pp-text:#f7f3ff;--pp-muted:#aaa2bb;--pp-purple:#9147ff;--pp-purple2:#bd96ff;--pp-line:#332a46;--pp-radius:15px;--pp-width:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pp-bg);color:var(--pp-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.65}a{color:var(--pp-purple2);text-decoration:none}a:hover{color:#fff}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}.pp-wrap{width:min(var(--pp-width),calc(100% - 38px));margin-inline:auto}
.pp-header{background:var(--pp-header);border-bottom:1px solid #292336;position:sticky;top:0;z-index:100}.pp-header-row{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:22px}.pp-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:1.15rem;font-weight:800;white-space:nowrap}.pp-mark{height:38px;width:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(140deg,#5e1cce,#a55cff);color:white;box-shadow:0 0 20px #8b45f644;font-size:1.25rem}.pp-brand img{max-height:44px;width:auto}.pp-nav{display:flex;align-items:center;gap:19px}.pp-nav a,.pp-nav .menu-item>a{color:#e5deef;font-size:.92rem}.pp-nav a:hover{color:var(--pp-purple2)}.pp-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:19px}.pp-nav li{position:relative}.pp-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:210px;padding:10px;background:#211b31;border:1px solid var(--pp-line);border-radius:12px;box-shadow:0 15px 35px #0008}.pp-nav li:hover>.sub-menu,.pp-nav li:focus-within>.sub-menu{display:block}.pp-nav .sub-menu li{padding:8px}.pp-nav .sub-menu ul{display:block}.pp-mobile-toggle{display:none;background:#251e35;color:#fff;border:1px solid var(--pp-line);border-radius:9px;padding:7px 11px}
.pp-titlebar{text-align:center;padding:22px 0 16px}.pp-titlebar h1{font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.3;margin:0;font-weight:750;letter-spacing:-.035em}.pp-titlebar p{color:var(--pp-muted);margin:7px auto 0;max-width:720px}
.pp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:20px 0 22px}.pp-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pp-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 15px;border-radius:999px;background:#211b30;border:1px solid #383047;color:#c9b8f2;font-size:.9rem;white-space:nowrap}.pp-pill:hover,.pp-pill.is-active{background:linear-gradient(130deg,#a14cff,#7431dc);color:#fff;border-color:transparent;box-shadow:0 3px 12px #8b45f633}.pp-search{display:flex;gap:8px;align-items:center;background:#211b2b;border:1px solid #393047;border-radius:12px;padding:5px 8px;min-width:230px;max-width:330px}.pp-search input{background:transparent;color:#fff;border:0;outline:0;min-width:0;width:100%;padding:6px}.pp-search button{background:transparent;color:#bda8df;border:0;cursor:pointer;padding:5px}
.pp-gallery{columns:5 190px;column-gap:15px}.pp-item{break-inside:avoid;margin:0 0 15px;border-radius:var(--pp-radius);overflow:hidden;position:relative;background:#211c2d;border:1px solid #292337;transition:transform .2s,border-color .2s}.pp-item:hover{transform:translateY(-3px);border-color:#7450a9}.pp-image{display:block;position:relative;overflow:hidden;background:#211c2d;aspect-ratio:3/4}.pp-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.pp-item:hover .pp-image img{transform:scale(1.035)}.pp-image .pp-placeholder{display:grid;place-items:center;min-height:230px;background:linear-gradient(145deg,#2a2140,#15121e);color:#b58cff;font-size:2rem}.pp-badge{position:absolute;top:9px;left:9px;background:#171321d9;border:1px solid #ffffff20;color:#dfcaff;border-radius:7px;padding:3px 8px;font-size:.7rem;backdrop-filter:blur(8px)}.pp-item-info{padding:11px 12px 13px}.pp-item-cat{font-size:.73rem;color:var(--pp-purple2);font-weight:700}.pp-item h2{font-size:.96rem;line-height:1.35;margin:4px 0 8px}.pp-item h2 a{color:#f8f4ff}.pp-item p{font-size:.83rem;color:var(--pp-muted);margin:0 0 10px}.pp-item-actions{display:flex;gap:7px;flex-wrap:wrap}.pp-small-button{display:inline-flex;border:1px solid #48365f;background:#2a223b;color:#e7d9ff;border-radius:8px;padding:5px 9px;font-size:.77rem;cursor:pointer}.pp-small-button.primary{background:#8a3ff0;border-color:#8a3ff0;color:#fff}
.pp-empty{padding:28px;text-align:center;border:1px dashed var(--pp-line);border-radius:14px;color:var(--pp-muted)}.pp-pagination{text-align:center;margin:28px 0}.pp-pagination .page-numbers{display:inline-block;padding:7px 12px;margin:3px;background:#211b30;border-radius:8px}.pp-pagination .current{background:var(--pp-purple);color:white}
.pp-content{width:min(900px,calc(100% - 36px));margin:32px auto 50px}.pp-content h1{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.2}.pp-content h2,.pp-content h3{line-height:1.3}.pp-content .entry-content{color:#e2dced}.pp-content .entry-content img{border-radius:14px}.pp-featured{margin:20px 0;max-width:760px}.pp-featured img{width:100%;border-radius:16px}.pp-prompt-box{background:#1c1728;border:1px solid var(--pp-line);padding:18px;border-radius:14px;margin:22px 0}.pp-prompt-text{white-space:pre-wrap;color:#e8e0f4}.pp-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--pp-purple);color:white;border-radius:10px;padding:9px 15px;font-weight:700;cursor:pointer}.pp-button:hover{background:#7434d6;color:white}.pp-copy-status{font-size:.85rem;color:#c7a7ff;margin-left:10px}
.pp-footer{background:#15121e;border-top:1px solid #2b2438;padding:27px 0 18px;margin-top:40px;text-align:center}.pp-footer-title{font-size:.73rem;letter-spacing:.12em;color:#8e879c;font-weight:800;margin:0 0 10px}.pp-footer-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto 22px;max-width:1100px}.pp-footer-pills a{display:inline-flex;padding:6px 13px;border-radius:999px;background:#261e38;border:1px solid #332747;color:#c9b2ff;font-size:.86rem}.pp-footer-pills a:hover{background:#8840eb;color:#fff}.pp-footer-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #2b2438;padding-top:14px;color:#8f879e;font-size:.8rem}
.pp-widget-area{margin:25px 0}.pp-widget-area .widget{background:#1b1725;padding:16px;border-radius:12px;margin-bottom:14px}.pp-widget-area ul{list-style:none;padding:0}.pp-widget-area a{color:#c9b2ff}
@media(max-width:1050px){.pp-gallery{columns:4 175px}.pp-nav,.pp-nav ul{gap:12px}}
@media(max-width:760px){.pp-header-row{min-height:60px}.pp-mobile-toggle{display:block}.pp-nav{display:none;position:absolute;top:60px;left:0;right:0;padding:16px 20px;background:#1b1827;border-bottom:1px solid var(--pp-line);align-items:stretch}.pp-nav.is-open{display:block}.pp-nav ul{display:block}.pp-nav li{padding:9px 0}.pp-nav .sub-menu{display:block;position:static;box-shadow:none;border:0;padding:4px 0 4px 14px}.pp-toolbar{align-items:stretch;flex-direction:column}.pp-search{max-width:none;width:100%}.pp-gallery{columns:2 135px;column-gap:10px}.pp-item{margin-bottom:10px;border-radius:12px}.pp-item-info{padding:9px}.pp-item h2{font-size:.9rem}.pp-titlebar{padding-top:20px}.pp-wrap{width:calc(100% - 24px)}.pp-footer-bottom{justify-content:center}}