/*
Theme Name: TAKEELY Coffee Platform
Theme URI: https://warmtewise.nl
Author: TAKEELY
Description: Custom responsive WordPress marketing theme for TAKEELY. Version 1: approved first three sections.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: takeely
*/
:root{--cream:#fffaf4;--sand:#f7e9d8;--coffee:#402719;--muted:#806d61;--orange:#d47609;--accent:#ff8a00;--line:#efdfcf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--coffee);font-family:Arial,Helvetica,sans-serif;line-height:1.55}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,a{transition:opacity .2s,transform .2s}button:hover,.btn:hover{transform:translateY(-2px)}.container{max-width:1320px;margin:auto;padding:0 36px}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,250,244,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:13px;font-weight:850;font-size:25px;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;background:#f4ac4c;width:51px;height:51px;border-radius:15px;font-size:26px}.site-nav{display:flex;gap:32px;font-weight:700;font-size:15px}.site-nav a:hover,.site-nav .current{color:var(--orange)}.header-actions{display:flex;gap:12px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 23px;border-radius:100px;font-weight:750;border:1px solid var(--coffee);white-space:nowrap}.btn-primary{background:var(--orange);border-color:var(--orange);color:white}.btn-outline{background:transparent}.menu-toggle{display:none;border:0;background:transparent;font-size:26px;cursor:pointer}.section{padding:100px 0}.eyebrow{font-weight:800;letter-spacing:.17em;text-transform:uppercase;font-size:13px}.eyebrow:after{content:'';display:inline-block;width:56px;height:2px;background:var(--orange);vertical-align:middle;margin-left:16px}.serif{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.045em;line-height:1.09}.hero{padding:62px 0 70px;background:radial-gradient(circle at 82% 50%,#fae9d8,transparent 45%),var(--cream)}.hero-grid{display:grid;grid-template-columns:49% 51%;align-items:center;min-height:620px}.hero h1{font-size:clamp(46px,5.4vw,76px);margin:24px 0}.accent{color:var(--orange)}.lead{font-size:clamp(17px,1.5vw,22px);max-width:600px}.benefits{display:grid;gap:17px;margin:28px 0 38px}.benefit{display:flex;align-items:center;gap:16px;font-weight:700;font-size:17px}.benefit span{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#f8e7d3;color:#a85d07;font-size:22px}.cta-row{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.text-link{font-weight:700;border-bottom:1px solid;padding-bottom:4px}.hero-art{width:110%;max-width:none;margin-left:-4%;filter:drop-shadow(0 16px 24px rgba(75,43,17,.07));border-radius:35% 26% 32% 20%}.story{background:#fffdf9}.story-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:75px;align-items:center}.story-photo{width:100%;border-radius:38% 32% 35% 22%;box-shadow:0 18px 55px #e9d6c9}.story h2,.workflow h2{font-size:clamp(40px,4.4vw,62px);margin:23px 0}.story .lead{max-width:570px}.journey{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-top:55px;text-align:center}.journey-step{flex:1}.journey-icon{width:82px;height:82px;margin:auto auto 12px;display:grid;place-items:center;background:#fff0de;border-radius:24px;font-size:40px;color:var(--orange)}.journey-step strong{display:block;font-size:16px}.journey-step small{display:block;color:var(--muted);font-size:14px;margin-top:5px}.journey-line{flex:.35;border-top:4px dashed #f3c99c;margin-top:40px}.workflow{background:linear-gradient(135deg,#fff9f3,#fff0e1);text-align:center}.pill{display:inline-block;background:#f9dfbf;border-radius:100px;padding:9px 22px;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase}.workflow h2{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.045em;font-weight:800}.workflow-sub{max-width:760px;margin:0 auto;color:var(--muted);font-size:18px}.devices{display:grid;grid-template-columns:.85fr 1.2fr 1.4fr;gap:32px;align-items:end;margin-top:62px}.device img{width:100%;object-fit:contain;display:block;max-height:315px;mix-blend-mode:multiply}.device{min-width:0}.device-title{margin-top:18px;display:flex;gap:12px;align-items:flex-start;text-align:left}.device-title .mini-icon{background:#f8e1c4;padding:12px;border-radius:14px;font-size:21px}.device-title small{display:block;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.12em}.device-title h3{font-size:23px;margin:7px 0}.device-title p{font-size:15px;color:var(--muted);margin:0}.section-placeholder{padding:90px 0;text-align:center}.section-placeholder h2{font-size:38px;margin:0 0 10px}.section-placeholder p{color:var(--muted);max-width:670px;margin:0 auto 22px}.site-footer{background:#3d271c;color:#fff3e6;padding:38px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-inner p{opacity:.7;font-size:13px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}body:not(.js-ready) .reveal{opacity:1;transform:none}@media(max-width:1100px){.site-nav{gap:16px}.header-inner{gap:12px}.hero-grid{min-height:auto}.hero-art{width:100%;margin:0}.devices{gap:18px}}@media(max-width:780px){.container{padding:0 22px}.header-inner{height:74px}.brand{font-size:21px}.brand-icon{width:42px;height:42px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:74px;background:var(--cream);padding:20px 24px 26px;flex-direction:column;box-shadow:0 14px 25px #4a25131c}.site-nav.open{display:flex}.header-actions .btn-outline{display:none}.header-actions .btn{padding:10px 13px;font-size:13px}.section{padding:70px 0}.hero{padding:38px 0 65px}.hero-grid,.story-grid{grid-template-columns:1fr;gap:36px}.hero h1{font-size:clamp(42px,9vw,62px)}.hero-art{width:100%;max-width:560px;margin:auto;display:block}.hero-grid>div:last-child{order:-1}.story h2,.workflow h2{font-size:clamp(36px,8vw,54px)}.story-grid{gap:25px}.story-photo{max-width:500px}.journey{margin-top:32px}.journey-icon{width:64px;height:64px;font-size:31px}.journey-line{margin-top:31px}.journey-step strong{font-size:13px}.journey-step small{font-size:12px}.devices{grid-template-columns:1fr;gap:44px;max-width:520px;margin:45px auto 0}.device img{max-height:300px}.device-title{max-width:400px;margin:12px auto}.footer-inner{justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}button,a{transition:none}}

/* TAKEELY mobile polish */
@media(max-width:780px){.hero-grid>div:last-child{order:0}.hero h1{font-size:clamp(39px,9vw,58px)}.hero-art{border-radius:26px}.story-grid{gap:35px}.journey{gap:3px}.journey-icon{width:55px;height:55px;border-radius:18px}.devices{gap:56px}.device img{mix-blend-mode:normal;max-height:290px}.site-header .brand{letter-spacing:-.03em}}
@media(max-width:400px){.header-actions .btn-primary{padding:9px 11px;font-size:12px}.brand{gap:7px}.brand-icon{width:36px;height:36px}.container{padding:0 17px}.journey-line{flex:.15}}