/*
Theme Name: EnterFryMent — FryStation
Author: FiveLargeFries
Description: A fresh space-studio home for FiveLargeFries, Late Night EnterFryMent and streams. Built with editable WordPress blocks.
Version: 0.2.2
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: enterfryment
*/
:root{--ef-ink:#071920;--ef-cream:#fff0cd;--ef-gold:#ffc34b;--ef-muted:#ead8b9;--ef-line:#b87b28;--ef-red:#b91d23}
html{scroll-behavior:auto;scroll-padding-top:30px}
body{margin:0;background:#230b17;color:var(--ef-cream);-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}figure{margin:0}
a{color:inherit;text-underline-offset:.22em}a:hover{color:#ffd781}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #fff5d6;outline-offset:5px}
.wp-site-blocks{overflow:clip}
.ef-shell{width:min(1240px,calc(100% - 80px));margin-inline:auto!important}
.ef-header{position:relative;z-index:5;background:linear-gradient(#7b1118,#480910);border-bottom:5px solid #dc8c25;box-shadow:0 3px 0 #250903,0 8px 25px #0009}
.ef-header-inner{min-height:76px;gap:24px!important;flex-wrap:nowrap!important}
.ef-brand{gap:14px!important;flex-wrap:nowrap!important}
.ef-brand .wp-block-site-title{font-family:Georgia,serif;font-size:27px;font-weight:900;letter-spacing:-1px;white-space:nowrap;color:#ffe5a0;text-shadow:1px 2px #9b4109,2px 3px #260402}
.ef-brand .wp-block-site-title a{text-decoration:none}
.ef-fries{display:flex;align-items:flex-end;gap:4px;width:32px;height:35px;transform:rotate(-9deg)}
.ef-fries i{width:4px;height:25px;background:linear-gradient(90deg,#d88419,#fff4b0,#ffb724);border-radius:1px;display:block;box-shadow:1px 2px #491100}
.ef-fries i:nth-child(2),.ef-fries i:nth-child(4){height:31px}.ef-fries i:nth-child(3){height:35px}
.ef-header .wp-block-navigation{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.ef-header .wp-block-navigation__container{gap:10px}
.ef-header .wp-block-navigation-item__content{padding:10px 20px;border:1px solid #bf6d2c;border-radius:4px;background:linear-gradient(#aa2429,#701017);box-shadow:0 3px #2c0309,inset 0 1px #ffc4594d;text-decoration:none}
.wp-block-navigation__responsive-container.is-menu-open{background:#510c14!important;color:var(--ef-cream)!important;padding:30px}
.ef-station-hero{position:relative;background:#20082d}
.ef-stage-title{width:100%;margin:0!important}.ef-stage-title img{display:block;width:100%;aspect-ratio:1672/941;object-fit:cover}
.ef-stage-mobile{display:none}
.ef-screen-reader{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ef-welcome{position:relative;z-index:2;background:linear-gradient(100deg,#700c14,#c12529 48%,#730b15);border-top:7px solid #f8b648;border-bottom:7px solid #a86020;box-shadow:inset 0 4px #ffde82,inset 0 -3px #3d0b0d,0 12px 0 #240b1a;padding:35px 24px 32px;text-align:center}
.ef-welcome::before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(105deg,transparent 0 24px,#ffffff03 25px 26px)}
.ef-welcome-inner{max-width:980px;margin-inline:auto!important;position:relative}
.ef-kicker{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:#ffd370;line-height:1.7}
.ef-welcome .ef-intro{font-size:clamp(17px,1.55vw,21px);line-height:1.65;margin:0 auto 23px;max-width:950px;text-shadow:0 2px #470a17}
.ef-welcome .wp-block-buttons{justify-content:center;gap:18px;margin-top:21px}
.wp-block-button__link{background:linear-gradient(#ffe792,#ffc743 48%,#e59624)!important;color:#411006!important;font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:.06em;border:2px solid #fff0a2;border-bottom-color:#9a4b12;border-radius:6px!important;padding:14px 27px;box-shadow:0 5px #501015,0 8px 10px #38081966;text-decoration:none;transition:transform .2s,filter .2s}
.wp-block-button__link:hover{transform:translateY(-2px);filter:brightness(1.08)}
.wp-block-button.is-style-outline .wp-block-button__link{background:linear-gradient(#15566b,#0a3345)!important;border-color:#edb449;color:#fff1ce!important}
.ef-hot-takes{font-family:Georgia,serif;font-style:italic;font-size:20px;font-weight:700;color:#ffda7b;text-shadow:0 2px #64111a;margin:27px 0 0!important}
.ef-broadcasts{position:relative;padding:95px 0 90px;background:linear-gradient(#160c2c40,#08062265),url('assets/images/fry-station-background.jpg') center center/cover no-repeat;border-bottom:6px solid #d99229}
.ef-broadcasts::before{content:'';position:absolute;inset:0;background:linear-gradient(#070b18aa,transparent 35%,#250916aa);pointer-events:none}
.ef-broadcasts>.ef-shell{position:relative}
.ef-broadcast-title{text-align:center;font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(35px,4vw,55px);letter-spacing:.015em;line-height:1.1;color:#ffe58c;text-shadow:2px 3px #9b3c0c,4px 5px #260a17;margin:0 0 78px!important;font-weight:900}
.ef-monitor-grid{position:relative;display:grid!important;grid-template-columns:1fr 1fr;gap:50px!important;align-items:stretch}
.ef-monitor-grid::before{content:'';position:absolute;z-index:3;top:-72px;left:calc((100% - 100vw)/2);width:100vw;height:23px;background:linear-gradient(#df5134 0 14%,#a32621 15% 55%,#581119 56% 69%,#ffe7a0 70% 78%,#d6982b 79%);border-top:2px solid #430b12;border-bottom:2px solid #592b0d;box-shadow:0 5px 8px #0009;pointer-events:none}
.ef-monitor{position:relative;scroll-margin-top:60px;background:linear-gradient(125deg,#126074,#083641 60%,#105264);padding:20px 25px 24px!important;border:3px solid #061820;border-radius:47px 47px 38px 38px;box-shadow:inset 0 3px #56a0ac,inset 0 -8px #072631,0 10px 0 #020d17,0 26px 40px #0008}
.ef-monitor::before{content:'';position:absolute;left:calc(50% - 10px);top:-58px;width:20px;height:58px;background:linear-gradient(90deg,#071a21,#218495 40%,#0a3445);border:2px solid #04131b;box-shadow:inset 3px 0 #41b6b63d}
.ef-monitor::after{content:'';position:absolute;left:calc(50% - 28px);top:-12px;width:56px;height:17px;background:linear-gradient(90deg,#a56515,#ffdc6e,#ac6917);border:2px solid #402707;border-radius:3px}
.ef-monitor-screen{height:100%;min-height:340px;padding:29px 28px!important;border:5px solid #efb83b;border-radius:29px 29px 24px 24px;background:repeating-linear-gradient(transparent 0 4px,#ffc96504 4px 5px),radial-gradient(ellipse at 50% 20%,#153448,#061726 80%);box-shadow:inset 0 0 0 3px #583b10,inset 0 0 30px #0007,0 0 0 2px #07151a;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ef-monitor-screen h2{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:40px;line-height:1.1;letter-spacing:.025em;color:#ffe396;text-shadow:2px 3px #913412,4px 5px #0008;margin:10px 0 18px;font-weight:900}
.ef-monitor-screen p{color:#f8e6c7;font-size:15px;line-height:1.7;max-width:340px;margin:0 0 18px}
.ef-monitor-screen .ef-kicker{color:#ffc85e;font-size:11px;margin:0}
.ef-monitor-screen .ef-status{color:#ffe09b;border:1px solid #a58344;border-radius:4px;padding:6px 16px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:8px 0 0;background:#06111d}
.ef-monitor{min-width:0}
.ef-twitch-player{container-type:inline-size;width:100%;min-width:0;margin:3px 0 0}
.ef-twitch-player iframe{display:block;width:100%;height:300px;border:0;border-radius:8px;background:#060b13}
.ef-twitch-player .ef-twitch-small{display:none;margin:0 auto 6px}
.ef-stream-links{justify-content:center;width:100%;margin-top:22px!important}
.ef-libsyn-player{width:100%;min-width:0;margin:3px 0 0}
.ef-libsyn-player iframe{display:block;width:100%;border:0;border-radius:8px;background:#0c3d4d}
.ef-libsyn-waiting{width:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.ef-libsyn-waiting img{width:220px;max-width:100%;height:auto;aspect-ratio:1;border-radius:8px;box-shadow:0 5px 18px #0006}
.ef-libsyn-waiting .ef-status{max-width:100%;font-size:10px;letter-spacing:.07em}
@container(max-width:399px){.ef-twitch-player iframe{display:none}.ef-twitch-player .ef-twitch-small{display:block}}
.ef-about{position:relative;padding:70px 30px 72px;background:repeating-linear-gradient(110deg,transparent 0 40px,#ffea9c04 41px 42px),linear-gradient(100deg,#791019,#bf262b 45%,#820f1b);border-top:5px solid #ffe19a;border-bottom:8px solid #efaf42;box-shadow:inset 0 5px #522416,inset 0 -6px #70110f;text-align:center}
.ef-about-inner{max-width:780px;margin-inline:auto!important}
.ef-about h2{font-family:Impact,'Arial Black',Arial,sans-serif;font-size:clamp(35px,4vw,55px);line-height:1.1;letter-spacing:.01em;color:#ffe395;text-shadow:2px 3px #9e420c,4px 5px #3d0511;font-weight:900;margin:13px 0 25px}
.ef-about p{font-size:17px;line-height:1.8;color:#ffedcd}
.ef-about .ef-kicker{font-size:11px;color:#ffcf70}
.ef-about .ef-fries{margin:0 auto 28px;transform:scale(1.4) rotate(-9deg)}
.ef-footer{background:linear-gradient(#43090f,#26060c);padding:32px 0;border-bottom:3px solid #b37b2b}
.ef-footer-inner{justify-content:space-between;align-items:center;gap:28px}
.ef-footer .ef-footer-name{font-family:Georgia,serif;font-weight:700;font-size:20px;color:#ffe4a4;margin:0}
.ef-footer p{font-size:13px;line-height:1.7;margin-block:6px;color:#e9cdac}
.ef-footer-links{display:flex;gap:25px;font-weight:700}
.ef-page{padding:65px 24px 80px;min-height:60vh;background:#091c29;color:#fff0cf}
.ef-page>.wp-block-post-title,.ef-page>.wp-block-query-title{font-family:Impact,'Arial Black',Arial,sans-serif;color:#ffda85;font-size:clamp(38px,5vw,62px);line-height:1.1}
.ef-page .wp-block-post-content{line-height:1.9}.ef-page .wp-block-post-content a{color:#ffcf70}
.ef-page .wp-block-post-content img{border-radius:5px}
.ef-page .wp-block-post-template{gap:25px}.ef-story{padding:24px!important;border:3px solid #b28535;border-radius:14px;background:#0a2b39;height:100%}
.ef-story .wp-block-post-title{font-family:Georgia,serif;font-size:27px}.ef-story .wp-block-post-title a{text-decoration:none}
.ef-story .wp-block-post-date{font-size:12px;color:#ffcf75}.ef-story .wp-block-post-excerpt{font-size:15px;line-height:1.7}
.ef-story .wp-block-post-featured-image img{aspect-ratio:16/9;object-fit:cover;border-radius:5px}
.ef-page .wp-block-query-pagination{margin-top:30px}
.ef-page .wp-block-search__input{min-width:0;background:#092538;color:#fff0cf;border:2px solid #daa346}
.ef-page .wp-block-search__button{background:#ffca60;color:#290c08;border:0}
@media(min-width:1700px){.ef-stage-title img{max-height:920px;object-position:center}.ef-welcome{padding-block:42px}}
@media(max-width:1000px){.ef-shell{width:calc(100% - 48px)}.ef-monitor-grid{gap:28px!important}.ef-monitor{padding:16px!important}.ef-monitor-screen{padding:24px 18px!important}.ef-monitor-screen h2{font-size:34px}.ef-monitor-screen p{font-size:14px}}
@media(max-width:760px){.ef-shell{width:calc(100% - 32px)}.ef-header-inner{min-height:67px}.ef-brand .wp-block-site-title{font-size:25px}.ef-header .wp-block-navigation__responsive-container-open{display:flex!important}.ef-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}.ef-header .wp-block-navigation-item__content{padding:15px 30px}.ef-stage-desktop{display:none}.ef-stage-mobile{display:block}.ef-stage-mobile img{aspect-ratio:1;object-fit:contain}.ef-welcome{padding:27px 20px 29px}.ef-welcome .ef-intro{font-size:16px;line-height:1.7}.ef-welcome .wp-block-buttons{gap:14px}.wp-block-button__link{font-size:12px;padding:13px 18px}.ef-hot-takes{font-size:18px;line-height:1.5;margin-top:24px!important}.ef-broadcasts{padding:55px 0 55px;background-size:auto 100%}.ef-broadcast-title{font-size:36px;margin-bottom:70px!important}.ef-monitor-grid{grid-template-columns:1fr;gap:78px!important;max-width:480px;margin-inline:auto!important}.ef-monitor{border-radius:38px}.ef-monitor-screen{min-height:305px;border-radius:24px}.ef-monitor-screen h2{font-size:37px}.ef-monitor-screen p{font-size:15px}.ef-about{padding:55px 23px}.ef-about p{font-size:16px}.ef-footer-inner{display:block!important}.ef-footer-links{margin-top:22px!important}.ef-footer .ef-footer-name{font-size:18px}.ef-page .wp-block-post-template{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:1179px){
 .ef-monitor-grid{grid-template-columns:1fr;gap:78px!important;max-width:720px;margin-inline:auto!important}
 .ef-monitor-grid::before{display:none}
 .ef-monitor-screen::after{content:'';position:absolute;z-index:3;top:-72px;left:calc((100% - 100vw)/2);width:100vw;height:23px;background:linear-gradient(#df5134 0 14%,#a32621 15% 55%,#581119 56% 69%,#ffe7a0 70% 78%,#d6982b 79%);border-top:2px solid #430b12;border-bottom:2px solid #592b0d;box-shadow:0 5px 8px #0009;pointer-events:none}
}