/*
Theme Name: Simon Engel – Widescreen Original Restored
Theme URI: https://simonengel.de/
Author: Independent restoration
Description: Faithful visual reconstruction of the site's former Graph Paper Press Widescreen 1.4 layout using its authentic image assets and saved slideshow settings, with new PHP/JS code. Does not load original vulnerable theme or plugins.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: se-widescreen-restored
*/
:root{--se-ink:#111;--se-body:#999;--se-accent:#d6006b;--se-line:#777;--se-sidebar-width:250px;--se-sidebar-left:30px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#1d1d1d url('assets/bg.jpg') repeat fixed;color:var(--se-body);font:12.8px/1.5 Helvetica,Arial,sans-serif}
a{color:var(--se-accent);text-decoration:none}a:hover,a:focus-visible{color:#fff}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,h4{font-weight:normal}blockquote{font-family:Georgia,serif;font-style:italic}p{margin:0 0 1.25em}
/* Original Widescreen sidebar geometry, background and typography (2011–2016). */
#se-menu{position:fixed;left:30px;top:0;bottom:0;z-index:30;width:250px;padding:100px 25px 42px;background:#060606 url('assets/repeater.png') repeat;color:#999;overflow-y:auto;transition:transform .25s ease}
#se-menu .se-logo{display:block;color:#fff;font:normal 38px/.95 Helvetica,Arial,sans-serif;letter-spacing:-.9px;margin:17px 0 39px;max-width:180px}
#se-menu .se-logo:hover{color:#fff}#se-menu .se-tagline{font:italic 11px/1.5 Georgia,'Times New Roman',serif;color:#aaa;text-shadow:1px 1px 1px #000;min-height:32px;margin:0 0 5px}
#se-menu .se-links{margin:0;padding:0;list-style:none;border-bottom:1px solid #777;text-transform:uppercase;letter-spacing:1px}
#se-menu .se-links li{margin:0;padding:0}#se-menu .se-links a{display:block;color:#aaa;border-top:1px solid #777;padding:15px 20px;min-height:49px;font-size:12px;line-height:18px}
#se-menu .se-links a:hover,#se-menu .se-links a:focus-visible,#se-menu .se-links a[aria-current='page']{background-color:rgba(0,0,0,.48);color:#fff}
#se-hide-menu{position:fixed;bottom:14px;left:52px;z-index:35;background:none;border:0;color:#999;font:italic 12px Georgia,serif;padding:0;text-align:left}
#se-hide-menu:hover{color:#fff}#se-reveal-menu{display:none;position:fixed;z-index:35;top:15px;left:15px;background:rgba(0,0,0,.8);color:#fff;border:1px solid #777;padding:10px 14px}
body.se-menu-hidden #se-menu{transform:translateX(-310px)}body.se-menu-hidden .se-slideshow{left:0}body.se-menu-hidden #se-hide-menu{display:none}body.se-menu-hidden #se-reveal-menu{display:block}
/* The classic centered 795px content region, beginning 320px from the page edge. */
.se-content{position:relative;z-index:1;max-width:795px;margin-left:290px;padding:94px 0 50px;min-height:100vh}
.se-page-title{font:italic normal 27px/1.25 Georgia,'Times New Roman',serif;color:#ddd;margin:0 0 54px}
.se-entry-body{font-size:13px;line-height:1.65;max-width:770px;color:#999;overflow-wrap:anywhere}
.se-entry-body :where(p,div,figure){max-width:100%}.se-entry-body a{color:var(--se-accent)}.se-entry-body a:hover{color:#fff}
.se-entry-body img{max-width:100%;height:auto}.se-entry-body .aligncenter,.se-entry-body .wp-block-image.aligncenter{display:block;margin-left:auto;margin-right:auto}
.se-entry-body .wp-block-image img{height:auto}.se-entry-body .wp-block-image{margin-top:12px;margin-bottom:40px}
.se-entry-body :where(h2,h3,h4){color:#ddd;margin:20px 0 16px}
/* Original Portfolio page kept as-is from its WordPress database. The original had 240px centered series thumbnails. */
.se-page-portfolio .se-entry-body{text-align:center;margin:0 auto}
.se-page-portfolio .se-entry-body :where(p,figure,.wp-block-image){text-align:center;margin-left:auto;margin-right:auto;margin-bottom:20px}
.se-page-portfolio .se-entry-body a{font-size:12px;color:#d6006b}.se-page-portfolio .se-entry-body img{width:auto;max-width:min(240px,100%);height:auto;margin:8px auto 22px;display:inline-block}
.se-page-portfolio .se-entry-body :where(.wp-block-image,img+br){clear:both}
.se-content .se-post{margin:0 0 42px}.se-post-title{font:italic normal 26px Georgia,serif;margin:0 0 24px;color:#ddd}.se-post-title a{color:#ddd}
.se-meta{font-size:11px;margin:0 0 18px;color:#aaa}.se-footer{font-size:11px;color:#888;margin:50px 0 0;padding-bottom:18px}
/* The original site's home route was a full-window image slideshow, not a blog page. */
body.se-is-home{overflow:hidden}.se-slideshow{position:fixed;inset:0 0 0 280px;z-index:0;overflow:hidden}
.se-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 3s ease,visibility 3s ease;background-size:cover;background-position:center center;background-repeat:no-repeat}
.se-slide.is-current{opacity:1;visibility:visible}.se-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.se-slideshow-fallback{position:absolute;inset:0;background:transparent}
.se-home-access{position:absolute;top:0;left:-10000px}
/* Native replacement of GPP Slideshow gallery post type, supplied by SE Portfolio Gallery Bridge. */
.se-gallery-page .se-page-title{margin-bottom:28px}
.se-gallery-page .se-entry-body{max-width:795px}
.se-gallery-page .se-pgb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:24px 0}
.se-gallery-page .se-pgb-grid figure{margin:0}.se-gallery-page .se-pgb-grid a{display:block}
.se-gallery-page .se-pgb-grid img{background:transparent!important;object-fit:contain!important;aspect-ratio:auto!important;width:100%;height:auto;max-height:85vh}
.se-gallery-page .se-pgb-grid figcaption{color:#aaa;font:italic 12px Georgia,serif}
.se-gallery-page .se-pgb-description{color:#aaa;margin:12px 0 20px}
/* Lightbox: no external JS library, no untrusted HTML. */
.se-lightbox[hidden]{display:none!important}.se-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.96);display:flex;justify-content:center;align-items:center;padding:38px 62px}
.se-lightbox-image{max-width:100%;max-height:calc(100vh - 92px);width:auto;height:auto;object-fit:contain}.se-lightbox button{position:absolute;border:0;background:rgba(20,20,20,.7);color:#fff;padding:10px 15px;font-size:25px}
.se-lightbox-close{top:12px;right:20px}.se-lightbox-previous{left:8px;top:50%}.se-lightbox-next{right:8px;top:50%}
.se-lightbox-caption{position:absolute;bottom:10px;left:15px;right:15px;text-align:center;font:italic 12px Georgia,serif;color:#bbb}
@media(max-width:1100px){.se-content{margin-left:300px;margin-right:24px;max-width:calc(100% - 324px)}}
@media(max-width:720px){body.se-is-home{overflow:hidden}#se-menu{left:0;top:0;width:100%;height:auto;min-height:0;bottom:auto;max-height:100vh;padding:14px 20px 12px;background-color:#080808;position:fixed;overflow-y:auto}#se-menu .se-logo{font-size:25px;line-height:1;margin:0 0 7px;max-width:100%;letter-spacing:0}#se-menu .se-logo br{display:none}#se-menu .se-logo br:after{content:' '}#se-menu .se-tagline{margin:0 0 9px;min-height:0}#se-menu .se-links{display:flex;flex-wrap:wrap;gap:0 10px;border:0}#se-menu .se-links a{border-top:1px solid #777;padding:9px 6px;min-height:0;font-size:10px}#se-hide-menu{position:fixed;bottom:9px;left:12px;background:#070707;padding:5px 8px}.se-content{padding:185px 18px 50px;margin:0;max-width:none}.se-page-title{font-size:27px;margin-bottom:34px}.se-slideshow{inset:165px 0 0 0}.se-slide img{object-fit:contain}.se-gallery-page .se-pgb-grid{grid-template-columns:1fr}.se-lightbox{padding:30px 38px}.se-lightbox button{font-size:20px}body.se-menu-hidden .se-slideshow{inset:0}body.se-menu-hidden .se-content{padding-top:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#se-menu,.se-slide{transition:none}}