/*
Theme Name: Wordle Daily
Theme URI: https://wordle-todayy.online/
Author: Wordle Daily
Description: A clean, responsive WordPress theme for an independent five-letter word puzzle game, solver, hints, word lists and learning guides. Includes page setup, accessible illustrations, SEO metadata fallback and playable game tools.
Version: 1.1.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: wordle-daily
*/
:root{--green:#287d55;--green-dark:#175b3b;--mint:#eaf6ef;--yellow:#f4d35e;--ink:#17251d;--muted:#617168;--line:#dfe8e2;--paper:#fff;--soft:#f7faf8;--radius:18px;--shadow:0 10px 32px rgba(22,67,43,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--green-dark);text-underline-offset:3px}a:hover{color:var(--green)}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,.button,.wp-element-button{cursor:pointer;border:0;border-radius:999px;background:var(--green);color:#fff;padding:12px 20px;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{background:var(--green-dark);color:#fff}.button.secondary{background:#fff;color:var(--green-dark);border:1px solid var(--line)}.site-header{border-bottom:1px solid var(--line);background:rgba(255,255,255,.96)}.header-inner{max-width:1160px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:1.35rem;font-weight:900;letter-spacing:-.04em;text-decoration:none;color:var(--ink)}.brand span{color:var(--green)}.main-nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0;align-items:center}.main-nav a{text-decoration:none;font-size:.94rem;font-weight:650}.menu-toggle{display:none}.site-main{min-height:65vh}.container{width:min(1100px,calc(100% - 40px));margin-inline:auto}.hero{padding:58px 0 42px;background:linear-gradient(135deg,#f4fbf6 0%,#fff 72%)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center}.eyebrow{color:var(--green);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.08;letter-spacing:-.055em;margin:12px 0 18px}.hero p{font-size:1.1rem;color:var(--muted);max-width:660px}.hero-art{width:100%;max-width:410px;justify-self:center}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.section{padding:54px 0}.section.alt{background:var(--soft)}.section-heading{max-width:740px;margin:0 auto 28px;text-align:center}.section-heading h2{font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.2;letter-spacing:-.035em;margin:0 0 12px}.section-heading p{color:var(--muted);margin:0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:#fff;box-shadow:var(--shadow)}.card h2,.card h3{margin:8px 0}.card p{color:var(--muted)}.card a{font-weight:750}.card-icon{width:48px;height:48px}.page-hero{padding:46px 0 28px;background:var(--soft);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.12;letter-spacing:-.045em;margin:8px 0 14px}.page-hero p{max-width:790px;color:var(--muted);font-size:1.08rem}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:38px;padding:38px 0 64px}.article-content{min-width:0}.article-content h2{margin-top:1.7em;line-height:1.25;letter-spacing:-.025em}.article-content h3{margin-top:1.4em}.article-content p,.article-content li{max-width:78ch}.article-content img{border-radius:14px}.sidebar{align-self:start;position:sticky;top:20px;border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:var(--soft)}.sidebar ul{padding-left:20px}.sidebar li{margin:.45em 0}.callout{background:var(--mint);border-left:4px solid var(--green);padding:18px 20px;border-radius:8px;margin:24px 0}.game-panel{max-width:600px;margin:26px auto 0;border:1px solid var(--line);border-radius:22px;background:#fff;padding:24px;box-shadow:var(--shadow)}.game-status{text-align:center;color:var(--muted);min-height:28px}.game-board{display:grid;grid-template-rows:repeat(6,1fr);gap:7px;max-width:330px;margin:18px auto}.game-row{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.tile{aspect-ratio:1;border:2px solid #d4ddd7;border-radius:6px;display:grid;place-items:center;font-size:1.45rem;font-weight:850;text-transform:uppercase}.tile.correct{background:#36865a;border-color:#36865a;color:#fff}.tile.present{background:#d5ad36;border-color:#d5ad36;color:#fff}.tile.absent{background:#68736c;border-color:#68736c;color:#fff}.keyboard{display:grid;gap:7px;margin:18px auto 0;max-width:520px}.keyboard-row{display:flex;justify-content:center;gap:5px}.key{padding:12px 0;min-width:0;flex:1;border-radius:6px;background:#e8eee9;color:var(--ink);font-size:.85rem;font-weight:800}.key.wide{flex:1.5}.key.correct{background:#36865a;color:#fff}.key.present{background:#d5ad36;color:#fff}.key.absent{background:#68736c;color:#fff}.game-controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #cbd8cf;border-radius:10px;padding:12px;background:#fff;color:var(--ink)}.field small{color:var(--muted)}.results-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;padding:0;list-style:none}.results-list li{background:var(--mint);border:1px solid var(--line);border-radius:8px;padding:8px;text-align:center;font-weight:700}.faq-list details{border-bottom:1px solid var(--line);padding:16px 0}.faq-list summary{cursor:pointer;font-weight:800}.site-footer{background:#10271b;color:#eaf4ed;padding:42px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}.site-footer a{color:#d3f0dc}.site-footer p,.site-footer li{color:#c0d3c6}.site-footer ul{list-style:none;padding:0}.footer-bottom{border-top:1px solid #385243;margin-top:28px;padding-top:16px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.9rem}.breadcrumbs{font-size:.9rem;color:var(--muted);padding-top:18px}.breadcrumbs a{color:var(--muted)}.notice{padding:12px 15px;border-radius:10px;background:#fff8dc;border:1px solid #efdf9a}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wp-block-image img{height:auto}@media(max-width:820px){.hero-grid,.content-layout{grid-template-columns:1fr}.hero-art{max-width:300px;grid-row:1}.sidebar{position:static}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.main-nav ul{gap:12px}}@media(max-width:600px){.header-inner{align-items:flex-start;flex-wrap:wrap}.menu-toggle{display:inline-flex;margin-left:auto}.main-nav{display:none;width:100%}.main-nav.is-open{display:block}.main-nav ul{align-items:flex-start;flex-direction:column;padding:10px 0}.container{width:min(100% - 28px,1100px)}.hero{padding:35px 0}.hero-grid{gap:16px}.card-grid,.form-grid,.footer-grid{grid-template-columns:1fr}.section{padding:38px 0}.game-panel{padding:14px}.tile{font-size:1.2rem}.key{font-size:.75rem;padding:11px 0}.content-layout{padding-top:24px}.footer-bottom{display:block}}
