/*
Theme Name: One More Puff
Theme URI: https://onemorepuff.eu
Author: PUFFY s.r.o.
Description: The world of Puffin – stories, city nights, food, travel, slow living and the Puffin Shop. Main styles live in assets/site.css.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: onemorepuff
*/

/* WordPress-specific additions */
.prose img,.prose figure{max-width:100%;height:auto;border-radius:16px}
.prose .wp-block-image{margin:28px 0}
.alignwide,.alignfull{max-width:100%}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.pager{display:flex;justify-content:center;gap:10px;margin:36px 0 56px}
.pager a,.pager span{background:#fff;padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:700;color:var(--navy);box-shadow:0 2px 10px rgba(19,32,90,.08)}
.pager .current{background:var(--navy);color:#fff}
.author-ic{flex:none;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,var(--pink),var(--coral))}
.author-ic svg{width:30px;height:30px;fill:#fff}
body.admin-bar .hd{top:32px}
@media (max-width:782px){body.admin-bar .hd{top:46px}}

/* Link hub (home page) */
.lp{background:#070b22;min-height:100vh;min-height:100dvh;overflow:hidden auto}
.lp-sky{position:fixed;inset:-25% -25% -10%;perspective:900px;z-index:0}
.lp-sky canvas{width:100%;height:100%;display:block;transform:rotateX(38deg) scale(1.15);transform-origin:50% 60%;filter:brightness(1.5) saturate(1.25) contrast(1.1)}
.lp-fog{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.lp-fog span{position:absolute;width:70vmax;height:40vmax;border-radius:50%;background:radial-gradient(closest-side,rgba(255,170,190,.22),rgba(228,214,255,.08) 60%,transparent);filter:blur(30px);animation:fog 60s linear infinite}
.lp-fog span:nth-child(1){top:-10%;left:-30%}
.lp-fog span:nth-child(2){top:45%;left:-60%;animation-duration:85s;animation-delay:-30s}
.lp-fog span:nth-child(3){top:15%;left:-80%;animation-duration:110s;animation-delay:-70s;opacity:.7}
@keyframes fog{to{transform:translateX(190vw)}}
.lp-vig{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,rgba(7,11,34,.35) 0%,rgba(7,11,34,.2) 40%,rgba(7,11,34,.75) 100%),linear-gradient(180deg,rgba(7,11,34,.9) 0%,transparent 25%,transparent 75%,rgba(7,11,34,.85) 100%)}
.lp-main{position:relative;z-index:2;max-width:460px;margin:0 auto;padding:max(56px,env(safe-area-inset-top)) 16px 32px;text-align:center;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:safe center}
.lp-av{width:116px;height:116px;border-radius:50%;object-fit:cover;margin:0 auto 18px;border:3px solid var(--peach);box-shadow:0 0 0 6px rgba(255,45,135,.25),0 14px 40px rgba(0,0,0,.5)}
.lp-logo{font:400 clamp(46px,13vw,68px)/.95 var(--fd);text-transform:uppercase;color:var(--peach);margin:0;text-shadow:0 4px 30px rgba(255,45,135,.45)}
.lp-logo b{font-weight:400;color:var(--pink)}
.lp-tag{color:#efe6ff;font-size:17px;margin:10px 0 30px;letter-spacing:.02em}
.lp-links{display:flex;flex-direction:column;gap:14px}
.lk{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:20px;text-decoration:none;color:#fff;text-align:left;background:rgba(19,32,90,.55);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.35);transition:transform .18s,background .18s,border-color .18s}
.lk:hover{transform:translateY(-2px) scale(1.01);background:rgba(255,45,135,.35);border-color:rgba(255,195,168,.6)}
.lk i{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,var(--pink),var(--coral))}
.lk-ig i{background:linear-gradient(45deg,#f9a12e,#e1306c 50%,#833ab4)}
.lk-fb i{background:#1877f2}
.lk-shop i{background:linear-gradient(140deg,#7b5cff,#ff2d87)}
.lk svg{width:24px;height:24px;fill:#fff}
.lk span{flex:1;display:flex;flex-direction:column}
.lk b{font:400 22px/1.1 var(--fd);text-transform:uppercase;letter-spacing:.02em}
.lk small{font-size:13.5px;color:#d9d3f5}
.lk em{font-style:normal;font-weight:800;opacity:.7}
.lk-puff{background:linear-gradient(120deg,rgba(255,45,135,.85),rgba(255,122,89,.8));border-color:rgba(255,195,168,.5)}
.lk-puff i{background:rgba(19,32,90,.6)}
.lp-ft{margin:30px 0 0;font-size:12.5px;color:#a9a6cf}
.lp-ft a{color:#cfc9f2;text-decoration:none}
@media (prefers-reduced-motion:reduce){.lp-fog span{animation:none}}
