/*
Theme Name: Criktics
Author: Criktics
Description: Cricket podcast landing page with editable social links and contact email.
Version: 1.0.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: criktics
License: GPL-2.0-or-later
*/

    @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
    :root{--bg:#101613;--muted:#a7afa7;--lime:#dcff78;--line:#343e34}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f7f8ed;font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit} .wrap{max-width:1240px;margin:auto;padding:0 48px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:'Barlow Condensed',Impact,sans-serif;font-size:33px;font-weight:800;letter-spacing:1px}.logo span{color:var(--lime)}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav a:hover{color:var(--lime)}.nav-contact{border:1px solid #59614c;border-radius:24px;padding:12px 20px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;padding:70px 0 65px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--lime);display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--lime)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(70px,8vw,108px);line-height:.91;letter-spacing:-1px;margin:27px 0}h1 span{color:var(--lime)}.intro{color:var(--muted);font-size:15px;line-height:1.8;max-width:370px}.actions{display:flex;gap:15px;align-items:center;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--lime);color:#172011;padding:16px 23px;border-radius:5px;font-size:13px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-3px)}.secondary{font-size:13px;border-bottom:1px solid #7d8573;padding:9px 0}.hero-note{color:#879082;font-size:10px;letter-spacing:1px;margin-top:32px}.art{height:478px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#657c31 0,#304326 43%,#1e3024 70%);border-radius:180px 180px 12px 12px;border:1px solid #576747;isolation:isolate}.art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0000000a 4px);z-index:4;pointer-events:none}.orbit{position:absolute;border:1px solid #bbd87540;width:380px;height:380px;border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%)}.orbit.two{width:290px;height:290px}.art-word{position:absolute;top:38px;left:0;right:0;text-align:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:70px;color:#d6eb9640;font-weight:800;letter-spacing:6px}.pitch{position:absolute;bottom:-80px;left:30%;width:44%;height:310px;background:linear-gradient(#a3aa65,#727b47);transform:perspective(280px) rotateX(30deg) rotateZ(-17deg);box-shadow:0 0 80px #c8f27520}.pitch:after{content:'';position:absolute;inset:30px 16px;border-top:3px solid #ecedd5;border-bottom:3px solid #ecedd5}.bat{position:absolute;width:54px;height:242px;background:linear-gradient(90deg,#c49b56,#f1d795 55%,#c69e5c);border-radius:9px 9px 20px 20px;top:144px;left:46%;transform:rotate(28deg);box-shadow:14px 14px 20px #0006;z-index:2}.bat:before{content:'';position:absolute;width:18px;height:105px;left:18px;top:-98px;background:repeating-linear-gradient(0deg,#18211e 0 4px,#47504a 4px 6px);border-radius:5px}.bat:after{content:'C';position:absolute;top:42px;left:13px;color:#304526;font-size:37px;font-weight:800}.ball{position:absolute;bottom:92px;left:23%;height:68px;width:68px;border-radius:50%;background:radial-gradient(circle at 32% 25%,#ed6344,#ad271c 65%,#66271f);box-shadow:10px 14px 20px #0006;transform:rotate(-25deg);z-index:3}.ball:after{content:'';position:absolute;inset:3px 26px;border-left:2px dashed #f8d6a5;border-right:2px dashed #f8d6a5;border-radius:50%}.art-label{position:absolute;bottom:21px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;z-index:5}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;gap:16px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:22px;letter-spacing:1px}.ticker span{color:var(--lime)}section{padding:65px 0}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:48px;line-height:1;margin:12px 0 0}.small{font-size:12px;color:var(--muted);line-height:1.7}.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic{border-top:1px solid #56624a;padding:25px 8px 10px 0}.number{color:var(--lime);font-size:11px}.topic h3{font-size:20px;margin:18px 0 11px}.topic p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.connect{background:#dfff82;color:#172011;border-radius:10px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.connect .eyebrow{color:#465729}.connect p{font-size:13px;line-height:1.8;color:#4a5937;max-width:350px}.socials{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}.social{border:1px solid #9db759;padding:18px;display:flex;justify-content:space-between;align-items:center;border-radius:4px;font-size:13px}.social:hover{background:#ffffff40}.social button{border:0;background:none;color:inherit;padding:0;cursor:pointer;text-align:left}.social.demo{color:#536532}.contact{display:flex;justify-content:space-between;align-items:center;padding:60px 0}.email{font-size:clamp(17px,2.7vw,31px);border-bottom:1px solid var(--lime);padding-bottom:8px}.demo-note{font-size:11px;color:var(--muted);margin-top:13px}footer{border-top:1px solid var(--line);padding:24px 0 32px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}footer .logo{font-size:24px;color:#f7f8ed}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#f7f8ed;color:#172011;border-radius:6px;padding:15px 22px;box-shadow:0 6px 30px #0006;font-size:13px;z-index:10;max-width:90%;text-align:center}.toast[hidden]{display:none}a:focus-visible,button:focus-visible{outline:3px solid #a9bcff;outline-offset:5px}@media(max-width:800px){.wrap{padding:0 24px}header{height:80px}nav{gap:18px}nav .nav-contact{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.art{height:420px;max-width:470px;width:100%;margin:20px auto 0}h1{font-size:86px}.ticker{font-size:17px;flex-wrap:wrap}.topics{grid-template-columns:1fr}.connect{grid-template-columns:1fr;padding:28px;gap:16px}.contact{align-items:start;flex-direction:column;gap:25px}.section-top{align-items:start;gap:20px}.section-top .small{max-width:130px}section{padding:45px 0}footer{gap:20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
    /* Reference palette: charcoal, studio gold, and Criktics green. */
    :root{color-scheme:dark;--bg:#0d0d0c;--muted:#aaa8a1;--lime:#35ce70;--line:#30302b}
    body{background:radial-gradient(ellipse at 95% 15%,#30241855,transparent 40%),var(--bg);color:#f7f6f1}
    header{height:88px}.logo{font-style:italic}.nav-contact{border-color:#48453b;background:#191916}
    .hero{grid-template-columns:1fr 1.1fr;gap:45px;padding-top:65px}.eyebrow{letter-spacing:2.3px}h1{font-size:clamp(65px,7.2vw,94px)}h1 span{color:#35ce70}
    .button{background:#35ce70;color:#071b0e;box-shadow:0 8px 32px #35ce7015;border-radius:6px}.secondary{border-color:#867650}.hero-note{color:#938e7f}
    .studio{position:relative;height:510px;border:1px solid #4c4030;border-radius:14px;overflow:hidden;box-shadow:0 24px 70px #0006;background:#181713}
    .studio img{width:100%;height:100%;object-fit:cover;object-position:48% center}.studio:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#080807ee)}
    .studio-caption{position:absolute;bottom:25px;left:25px;right:25px;z-index:1}.studio-caption small{font-size:10px;letter-spacing:2px;color:#e0ba77}.studio-caption h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;margin:9px 0}.studio-caption a{font-size:12px;color:#ddd7c9}.studio-tag{position:absolute;right:18px;top:18px;background:#0d0d0cd9;border:1px solid #6d624e;padding:8px 12px;border-radius:30px;font-size:10px;letter-spacing:1px}
    .ticker{color:#c8c4b8;background:#191915;padding:24px 20px;border-radius:8px;border-color:#403a2c}.ticker span{color:#d5b071}
    .topic{border:1px solid var(--line);padding:25px;border-radius:10px;background:linear-gradient(135deg,#22211b,#151512)}.topic h3{color:#f5f3eb}.number{color:#d5b071;letter-spacing:1px}
    .channel-feature{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:40px 0 65px}.feature-visual{padding:36px;border:1px solid #494130;border-radius:12px;background:radial-gradient(ellipse at 30% 0,#51402b55,transparent 70%),#191814}.feature-visual .logo{font-size:46px}.wave{display:flex;gap:6px;align-items:center;height:80px;margin:28px 0}.wave i{flex:1;height:var(--height);background:linear-gradient(#dfbb7d,#78613c);border-radius:3px}.feature-visual p{font-size:11px;letter-spacing:2px;color:#b9aa8c}.feature-copy p{color:var(--muted);line-height:1.9;font-size:14px}.feature-copy h2{margin-bottom:20px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tags span{font-size:11px;border:1px solid #3d4035;padding:8px 12px;border-radius:24px;color:#c7cbbd}
    .connect{background:radial-gradient(ellipse at 0 0,#35402766,transparent 70%),#181d16;color:#f7f6f1;border:1px solid #394333;border-radius:14px}.connect .eyebrow{color:var(--lime)}.connect p{color:#b2b8a9}.social{border-color:#424a39;background:#22281e;border-radius:6px}.social:hover{background:#303b27}.social.demo{color:#bdc4b5}
    .contact{margin-top:20px}.email{border-color:#d5b071}.toast{background:#25241d;color:#f2ead9;border:1px solid #776546}footer .logo{color:#f7f6f1}a:focus-visible,button:focus-visible{outline-color:#e1bd7e}
    @media(max-width:800px){header{height:76px}.hero{grid-template-columns:1fr;padding-top:45px;gap:18px}h1{font-size:clamp(56px,11vw,86px)}.studio{height:430px}.ticker{padding:20px}.topic{padding:23px}.connect{padding:28px}.channel-feature{grid-template-columns:1fr;gap:28px;padding:25px 0 45px}.feature-visual{padding:28px}}
    @media(max-width:420px){.wrap{padding:0 18px}nav{gap:13px;font-size:11px}.actions{flex-wrap:wrap}.studio{height:370px}h2{font-size:40px}}
    .logo{display:inline-flex;align-items:center;flex-shrink:0}.logo img{display:block;width:155px;height:auto}.feature-visual .logo img{width:240px;max-width:100%}footer .logo img{width:120px}@media(max-width:420px){header .logo img{width:125px}}
  
.contact-email{overflow-wrap:anywhere}.customize-note{color:var(--muted);font-size:12px}

.social-label{display:inline-flex;align-items:center;gap:12px}.social-icon{width:23px;height:23px;flex-shrink:0}.social-youtube{color:#ff5a5a}.social-instagram{color:#f18bbd}.social-facebook{color:#7aaaff}.social-x{color:#f7f6f1}.social-tiktok{color:#69e5de}

.contact{gap:45px;align-items:flex-start}.contact-form{width:52%;min-width:0}.contact-form label{display:block;font-size:13px;color:#ccc9bd}.contact-form input:not([type=submit]),.contact-form textarea{display:block;width:100%;margin-top:8px;padding:13px 15px;background:#191b16;border:1px solid #414739;border-radius:6px;color:#f7f6f1;font:inherit}.contact-form textarea{height:130px;resize:vertical}.contact-form input[type=submit]{padding:14px 24px;background:#35ce70;border:0;border-radius:6px;color:#071b0e;font:inherit;font-weight:700;cursor:pointer}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #35ce70;outline-offset:2px}.contact-form .wpcf7-response-output{font-size:13px;padding:15px}.contact-form .wpcf7-not-valid-tip{color:#ffaaa0;font-size:12px}@media(max-width:800px){.contact-form{width:100%}}

.contact{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:45px;margin:50px 0;padding:38px;border:1px solid #343b2d;border-radius:16px;background:radial-gradient(ellipse at 0 0,#27301c55,transparent 60%),#12150f;align-items:center}.contact h2{font-size:50px;margin:20px 0 16px}.contact .small{font-size:14px;line-height:1.8}.contact-form{width:100%;padding:26px;border:1px solid #343c2d;background:#1b2017;border-radius:12px}.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cf-full{grid-column:1/-1}.cf-field{min-width:0}.cf-grid p{margin:0}.cf-grid br{display:none}.contact-form label{font-size:12px;font-weight:600;color:#d4dbca}.contact-form input:not([type=submit]),.contact-form textarea{margin-top:9px;padding:12px 14px;background:#11150f;border-color:#39452f;font-size:13px;line-height:1.5}.contact-form textarea{height:112px;min-height:112px}.cf-submit,.cf-submit p{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cf-note{font-size:11px;color:#a3af96}.contact-form input[type=submit]{padding:13px 22px;font-size:13px}.contact-form .wpcf7-spinner{margin:0}.contact-form .wpcf7-response-output{margin:18px 0 0}.contact-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.contact-points span{padding:8px 11px;border:1px solid #3d4632;border-radius:22px;color:#bbc7ab;font-size:11px}@media(max-width:800px){.contact{grid-template-columns:1fr;padding:27px;gap:25px;margin:35px 0}.contact h2{font-size:44px}.contact-form{padding:22px}}@media(max-width:480px){.contact{padding:20px}.contact-form{padding:18px}.cf-grid{grid-template-columns:1fr;gap:16px}.cf-full{grid-column:auto}.contact h2{font-size:38px}}
.latest-videos{margin:0 0 48px;padding:32px;border:1px solid #3b4131;border-radius:16px;background:linear-gradient(135deg,#1b2116,#11130e)}.latest-videos .section-top{gap:20px}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.video-card{overflow:hidden;border:1px solid #343b2c;border-radius:10px;background:#161a12;transition:transform .2s,border-color .2s}.video-card:hover{transform:translateY(-4px);border-color:#72b05a}.video-thumb{position:relative;aspect-ratio:16/9;overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-play{position:absolute;inset:0;margin:auto;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#111d;color:#fff;font-size:15px}.video-copy{padding:16px}.video-date{font-size:10px;color:#b3a27e}.video-copy h3{font-size:14px;line-height:1.6;margin:10px 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.video-watch{font-size:11px;color:#8bd977}@media(max-width:1000px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.latest-videos{padding:22px}.video-grid{grid-template-columns:1fr}.latest-videos .section-top{align-items:start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.video-card{transition:none}}