/*
Theme Name: TodayOnly Elementor Theme
Theme URI: https://todayonly.gr
Author: TodayOnly.gr
Description: Elementor-ready lightweight theme για TodayOnly.gr. Dark neon visual, editable WordPress menu, domain lock notices, mobile-first.
Version: 0.2.0
Text Domain: todayonly-elementor-theme
*/

:root{--to-bg:#050507;--to-panel:#0d0d10;--to-orange:#ff7900;--to-gold:#ffb000;--to-red:#ff2d00;--to-text:#fff;--to-muted:#bdbdc7;--to-border:rgba(255,255,255,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 18% 2%,rgba(255,121,0,.18),transparent 28%),radial-gradient(circle at 84% 0%,rgba(255,45,0,.13),transparent 27%),linear-gradient(180deg,#050507,#09090c 60%,#050507);color:var(--to-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 72%);pointer-events:none;z-index:-1}
a{color:inherit}img{max-width:100%;height:auto}.to-container{width:min(1240px,calc(100% - 32px));margin-inline:auto}
.to-site-header{position:sticky;top:0;z-index:1000;background:rgba(5,5,7,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--to-border)}
.to-header-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.to-logo{display:flex;align-items:center;text-decoration:none;font-weight:1000;letter-spacing:-.04em;font-size:28px}.to-logo img{max-height:48px;width:auto}
.to-logo-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--to-orange),var(--to-gold));box-shadow:0 0 25px rgba(255,121,0,.38);margin-right:10px}.to-logo .only{color:var(--to-gold)}
.to-header-menu{display:flex;align-items:center;gap:18px}.to-header-menu ul{display:flex;align-items:center;gap:16px;list-style:none;margin:0;padding:0}.to-header-menu a{text-decoration:none;color:#ddd;font-weight:900;font-size:14px;opacity:.88}.to-header-menu a:hover{opacity:1;color:var(--to-gold)}
.to-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;background:linear-gradient(90deg,var(--to-red),var(--to-gold));color:#fff!important;text-decoration:none;padding:12px 18px;font-weight:1000;box-shadow:0 10px 28px rgba(255,80,0,.25)}
.to-hero{padding:54px 0 28px}.to-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}.to-logo-large{margin-bottom:18px}
.to-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#fff;background:#c71918;border:1px solid rgba(255,255,255,.16);padding:10px 16px;transform:skew(-7deg);font-weight:1000;font-size:18px;box-shadow:0 0 30px rgba(255,45,0,.2)}.to-eyebrow span{display:inline-block;transform:skew(7deg)}
.to-hero h1{margin:18px 0 0;font-size:clamp(50px,7.8vw,104px);line-height:.86;letter-spacing:-.075em;text-transform:uppercase}.to-hero h1 .gold{color:var(--to-gold);text-shadow:0 0 32px rgba(255,176,0,.28)}
.to-hero-sub{font-size:20px;color:var(--to-muted);line-height:1.5;max-width:720px;margin:18px 0 0}
.to-feature-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:24px}.to-feature-pill{background:rgba(255,255,255,.045);border:1px solid var(--to-border);border-radius:14px;padding:12px 8px;text-align:center;min-height:82px;display:grid;place-items:center}.to-feature-pill strong{display:block;font-size:12px;text-transform:uppercase;line-height:1.1}.to-feature-pill span{font-size:23px;color:var(--to-gold)}
.to-portal{position:relative;min-height:360px;border-radius:34px;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(255,121,0,.4),transparent 32%),linear-gradient(180deg,#18181e,#08080a);border:1px solid rgba(255,121,0,.22);box-shadow:0 30px 90px rgba(0,0,0,.35),0 0 80px rgba(255,121,0,.16)}
.to-portal:before{content:"";position:absolute;left:50%;top:45%;width:170px;height:260px;transform:translate(-50%,-50%);border:5px solid var(--to-red);border-radius:20px;box-shadow:0 0 45px var(--to-red),inset 0 0 45px rgba(255,45,0,.4)}
.to-portal-person{position:absolute;left:50%;bottom:52px;transform:translateX(-50%);width:70px;height:150px;border-radius:40px 40px 12px 12px;background:#050507;box-shadow:0 0 35px rgba(0,0,0,.7)}.to-portal-person:before{content:"";position:absolute;left:18px;top:-30px;width:34px;height:34px;border-radius:50%;background:#050507}
.to-subscription-mini{margin-top:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,176,0,.25);border-radius:22px;padding:16px}.to-subscription-mini h3{margin:0 0 10px;text-align:center;font-size:18px}.to-plan-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.to-plan-mini{border:1px solid var(--to-border);border-radius:16px;padding:12px;background:rgba(0,0,0,.24)}.to-plan-mini.vip{border-color:var(--to-gold);box-shadow:0 0 28px rgba(255,176,0,.25)}.to-plan-mini strong{display:block;font-size:18px}.to-plan-mini b{display:block;font-size:26px;margin-top:8px;color:var(--to-gold)}
.to-section{padding:30px 0}.to-section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.to-section-title h2{font-size:clamp(30px,4.6vw,54px);line-height:.95;letter-spacing:-.055em;margin:0;text-transform:uppercase}.to-section-title p{color:var(--to-muted);margin:0;max-width:520px}.to-panel{border:1px solid var(--to-border);border-radius:28px;background:rgba(255,255,255,.032);padding:18px;box-shadow:0 20px 70px rgba(0,0,0,.26)}
.to-demo-layout{display:grid;grid-template-columns:1fr 330px;gap:18px}.to-phone{border-radius:38px;background:linear-gradient(180deg,#222,#050507);border:1px solid rgba(255,255,255,.18);padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.5)}.to-phone-screen{border-radius:30px;overflow:hidden;background:#070708;min-height:520px;border:1px solid rgba(255,255,255,.1)}.to-phone-head{padding:16px;background:radial-gradient(circle at top right,rgba(255,121,0,.28),transparent 42%),linear-gradient(180deg,#16161b,#09090b)}.to-phone-head h3{margin:0;font-size:15px}.to-hot-meter{margin:18px auto;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--to-red),var(--to-gold) 70%,rgba(255,255,255,.08) 0);position:relative}.to-hot-meter:before{content:"";position:absolute;inset:18px;border-radius:50%;background:#08080a}.to-hot-meter strong{position:relative;font-size:54px}.to-phone-card{margin:12px;border:1px solid rgba(255,45,0,.3);border-radius:18px;padding:12px;background:#111}
.to-footer{padding:40px 0 92px;color:#aaa;border-top:1px solid var(--to-border);margin-top:40px}.to-footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.entry-content{color:#fff}.entry-content>*{max-width:1180px;margin-left:auto;margin-right:auto}.entry-content>.alignfull{max-width:none}.to-page{padding:42px 0}.to-page h1{font-size:clamp(38px,6vw,72px);letter-spacing:-.06em;line-height:.92}
.to-closeable{position:relative}.to-x-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.10);color:#fff;font-size:22px;line-height:1;cursor:pointer;z-index:3}.to-x-close:hover{background:rgba(255,70,0,.85)}.to-closed{display:none!important}
.to-alert{position:fixed;right:18px;bottom:92px;width:330px;max-width:calc(100vw - 36px);z-index:99999;background:rgba(9,9,12,.96);border:1px solid rgba(255,176,0,.35);border-radius:20px;padding:16px;color:#fff;box-shadow:0 18px 55px rgba(0,0,0,.45);backdrop-filter:blur(12px)}.to-alert strong{display:block;color:var(--to-gold);margin-bottom:4px}.to-alert p{margin:0;color:#ddd;font-size:14px}
@media(max-width:1000px){.to-hero-grid,.to-demo-layout{grid-template-columns:1fr}.to-feature-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.to-header-menu{display:none}.to-hero{padding:34px 0 18px}.to-feature-row{grid-template-columns:repeat(2,1fr)}.to-plan-pair{grid-template-columns:1fr}.to-section-title{display:block}.to-alert{left:12px;right:12px;bottom:88px;width:auto}}@media(max-width:560px){.to-container{width:min(100% - 20px,1240px)}.to-header-inner{height:66px}.to-logo{font-size:22px}.to-logo-mark{width:36px;height:36px}.to-hero h1{font-size:48px}.to-eyebrow{font-size:14px}.to-panel{border-radius:20px;padding:12px}.to-feature-pill{min-height:70px}.to-footer{padding-bottom:100px}}
