/*
Theme Name:   Szepesi Teri – Kadence Child
Description:  Szepesi Teri személyes weboldalának gyereksablonja a Kadence sablonhoz. Törtfehér háttér, halványlila kiegészítők, kékeslila gombok.
Author:       Szepesi Teri
Template:     kadence
Version:      1.0.7
Requires at least: 6.4
License:      GNU General Public License v2 or later
Text Domain:  szepesi-teri
*/

/* ---------- Betűtípusok (helyben tárolva) ---------- */
@font-face{font-family:"Figtree";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/figtree-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/figtree-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/figtree-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/figtree-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/figtree-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/figtree-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/bricolage-grotesque-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/bricolage-grotesque-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/bricolage-grotesque-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/bricolage-grotesque-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Színek: a Kadence globális palettáját is felülírjuk ---------- */
html:root{
  --tk-bg:#FBFAF7; --tk-surface:#FFFFFF; --tk-tint:#F1EDFA; --tk-tint-2:#E6DFF7;
  --tk-ink:#2F2D35; --tk-ink-soft:#5E5A68; --tk-line:#E3DEEC;
  --tk-accent:#5E5AB8; --tk-accent-hover:#4C48A3; --tk-accent-soft:#DCD7F5;
  --tk-display:"Bricolage Grotesque","Trebuchet MS",system-ui,sans-serif;
  --tk-body:"Figtree","Segoe UI",system-ui,sans-serif;
  --tk-r:14px; --tk-maxw:1080px;

  --global-palette1:#5E5AB8; /* gombok, linkek */
  --global-palette2:#4C48A3; /* gomb hover */
  --global-palette3:#2F2D35; /* címsorok */
  --global-palette4:#2F2D35; /* szöveg */
  --global-palette5:#5E5A68; /* halványabb szöveg */
  --global-palette6:#8A8594;
  --global-palette7:#E3DEEC; /* keretek */
  --global-palette8:#FBFAF7; /* oldal háttere (törtfehér) */
  --global-palette9:#FFFFFF; /* dobozok háttere */
}

html body{background:var(--tk-bg);color:var(--tk-ink);font-family:var(--tk-body);font-size:17px;line-height:1.6}
html body h1,html body h2,html body h3,html body h4,
html body .site-title,html body .entry-title{font-family:var(--tk-display);font-weight:700;color:var(--tk-ink);letter-spacing:-.01em;text-wrap:balance;line-height:1.15}
html body .site-description{font-family:var(--tk-body);color:var(--tk-ink-soft)}
body .entry-content h1{font-size:clamp(2.1rem,5vw,3.4rem)}
body .entry-content h2{font-size:clamp(1.6rem,3.4vw,2.3rem)}
body .entry-content h3{font-size:1.2rem}
a{color:var(--tk-accent)}
a:hover{color:var(--tk-accent-hover)}
:focus-visible{outline:3px solid var(--tk-accent);outline-offset:2px}

/* ---------- Fejléc: menü pirulák, gomb ---------- */
.site-header-wrap{border-bottom:1px solid var(--tk-line)}
.main-navigation .primary-menu-container > ul > li.menu-item > a{border-radius:999px;padding-top:.5em;padding-bottom:.5em}
.main-navigation .primary-menu-container > ul > li.current-menu-item > a{background:var(--tk-tint-2);color:var(--tk-ink)}
.header-button-wrap .header-button,.wp-block-button__link,.button,button[type=submit],input[type=submit]{border-radius:999px!important}

/* ---------- Szakaszok ---------- */
.entry-content .tk-section,.tk-section *{box-sizing:border-box}
.entry-content .tk-section{padding:72px max(16px,env(safe-area-inset-left,0px)) 72px max(16px,env(safe-area-inset-right,0px));margin:0!important}
.entry-content .tk-section.tk-hero-sec{padding-top:64px}
.entry-content .tk-section.tk-tight{padding-top:16px}
.entry-content .tk-band{background:var(--tk-tint)}
.tk-inner{max-width:var(--tk-maxw);margin-left:auto!important;margin-right:auto!important}
.tk-prose .tk-inner{max-width:720px}
.tk-stack{display:flex;flex-direction:column;gap:18px}
.tk-stack > *{margin-top:0!important;margin-bottom:0!important}
/* A Kadence a csoportok köré egy belső tárolót tesz: a térközök arra is vonatkozzanak */
.tk-stack > .wp-block-group__inner-container{display:flex;flex-direction:column;gap:18px}
.tk-stack > .wp-block-group__inner-container > *{margin-top:0!important;margin-bottom:0!important}
.tk-center .tk-inner > .wp-block-group__inner-container{align-items:center;text-align:center}
.tk-faq > .wp-block-group__inner-container{display:flex;flex-direction:column;gap:10px}
.tk-faq > .wp-block-group__inner-container > *{margin:0!important}
.tk-center .tk-inner{max-width:720px;text-align:center;align-items:center}
.tk-center .wp-block-buttons{justify-content:center}

.tk-eyebrow{font-size:.8rem!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tk-accent)}
.tk-eyebrow.tk-kicker{text-transform:none;letter-spacing:0;font-size:1.02rem!important;font-weight:600;line-height:1.5;max-width:60ch}
.tk-lead{font-size:1.15rem;color:var(--tk-ink-soft);max-width:62ch}
.tk-note{font-size:.9rem;color:var(--tk-ink-soft)}
.tk-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--tk-accent-soft);color:var(--tk-ink);font-size:.82rem;font-weight:600;width:fit-content}
.tk-pill::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tk-accent)}

/* oszlopok */
.entry-content .wp-block-columns{gap:28px;margin:0}
.entry-content .wp-block-columns.tk-hero{gap:48px;align-items:center}
.entry-content .wp-block-columns.tk-split{gap:48px;align-items:center}
.entry-content .wp-block-columns.tk-top{align-items:flex-start}
@media (min-width:782px){
  .entry-content .wp-block-columns.tk-hero,.entry-content .wp-block-columns.tk-split,.entry-content .wp-block-columns.tk-contact{display:grid}
  .entry-content .wp-block-columns.tk-hero{grid-template-columns:1.2fr .8fr}
  .entry-content .wp-block-columns.tk-split{grid-template-columns:.8fr 1.2fr}
  .entry-content .wp-block-columns.tk-contact{grid-template-columns:1fr 1fr;gap:48px}
}
.entry-content .wp-block-column{display:flex;flex-direction:column;gap:18px;min-width:0}
.entry-content .wp-block-column > *{margin-top:0;margin-bottom:0}
@media (max-width:781px){.entry-content .wp-block-columns.tk-hero,.entry-content .wp-block-columns.tk-split{gap:32px}}

/* kártyák */
.tk-card{background:var(--tk-surface);border:1px solid var(--tk-line);border-radius:var(--tk-r);padding:24px;gap:10px;height:100%}
.tk-card p{color:var(--tk-ink-soft)}
.tk-card.tk-feature{background:var(--tk-tint);border-color:var(--tk-accent-soft);padding:32px}
.tk-card.tk-feature p{color:var(--tk-ink)}
.tk-cards > .wp-block-column{align-self:stretch}
.tk-cta-box{background:var(--tk-tint);border-radius:var(--tk-r);padding:24px;margin-top:24px}

/* gombok */
.entry-content .wp-block-buttons{gap:12px}
.wp-block-button__link{padding:13px 22px;font-weight:600;font-family:var(--tk-body);background:var(--tk-accent);color:#fff}
.wp-block-button__link:hover{background:var(--tk-accent-hover);color:#fff}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--tk-accent);border:1.5px solid var(--tk-accent-soft)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--tk-tint);color:var(--tk-accent)}

/* fotó */
.tk-photo{position:relative;width:100%;max-width:380px;margin:0 auto;aspect-ratio:4/5;border-radius:200px 200px var(--tk-r) var(--tk-r);background:var(--tk-tint-2)}
.tk-photo img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.tk-photo--kor{aspect-ratio:1;border-radius:50%;max-width:240px}
.tk-photo--kicsi{max-width:180px;margin:0}
.tk-quiz{position:absolute;left:-28px;bottom:28px;background:var(--tk-surface);border:1px solid var(--tk-line);border-radius:var(--tk-r);padding:12px 16px;box-shadow:0 10px 30px rgba(60,50,110,.12);font-size:.85rem;color:var(--tk-ink);line-height:1.4}
.tk-quiz span{color:var(--tk-ink-soft)}
.tk-quiz b{font-family:var(--tk-display);display:block;font-size:1rem}
.tk-lvl{display:flex;gap:4px;margin-top:6px}
.tk-lvl i{width:22px;height:6px;border-radius:3px;background:var(--tk-accent-soft)}
.tk-lvl i.on{background:var(--tk-accent)}
@media (max-width:781px){.tk-quiz{left:12px}}

/* GYIK */
.tk-faq{max-width:780px;display:flex;flex-direction:column;gap:10px}
.tk-faq > *{margin:0!important}
.wp-block-details{background:var(--tk-surface);border:1px solid var(--tk-line);border-radius:12px;padding:16px 20px}
.wp-block-details summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
.wp-block-details summary::-webkit-details-marker{display:none}
.wp-block-details summary::after{content:"+";color:var(--tk-accent);font-size:1.3rem;line-height:1}
.wp-block-details[open] summary::after{content:"–"}
.wp-block-details p{margin:10px 0 0;color:var(--tk-ink-soft)}

/* lépések és folyamatjelző */
ol.tk-steps{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:s}
ol.tk-steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;margin:0}
ol.tk-steps li::before{content:counter(s);width:44px;height:44px;border-radius:50%;background:var(--tk-tint-2);color:var(--tk-accent);display:grid;place-items:center;font-family:var(--tk-display);font-weight:700}
ol.tk-progress{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
ol.tk-progress li{border-top:5px solid var(--tk-line);padding-top:12px;margin:0;font-size:.92rem;color:var(--tk-ink-soft)}
ol.tk-progress li strong{color:var(--tk-ink);font-size:1rem}
ol.tk-progress li.is-now{border-color:var(--tk-accent)}
@media (max-width:700px){ol.tk-progress{grid-template-columns:1fr 1fr}}

/* táblázat */
.wp-block-table.tk-table{overflow-x:auto;border:1px solid var(--tk-line);border-radius:var(--tk-r);background:var(--tk-surface);margin:0}
.wp-block-table.tk-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:.95rem;margin:0}
.wp-block-table.tk-table th,.wp-block-table.tk-table td{text-align:left;padding:12px 16px;border:0;border-bottom:1px solid var(--tk-line);vertical-align:top}
.wp-block-table.tk-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--tk-ink-soft);font-weight:600}
.wp-block-table.tk-table thead{border:0}
.wp-block-table.tk-table tr:last-child td{border-bottom:0}

/* blog: legfrissebb cikkek kártyái */
.wp-block-latest-posts.tk-posts{margin:0;padding:0;gap:20px}
.wp-block-latest-posts.tk-posts.is-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.wp-block-latest-posts.tk-posts.is-grid li{margin:0;width:auto;background:var(--tk-surface);border:1px solid var(--tk-line);border-radius:var(--tk-r);padding:24px;display:flex;flex-direction:column;gap:10px}
.wp-block-latest-posts.tk-posts .wp-block-latest-posts__post-title{font-family:var(--tk-display);font-weight:700;font-size:1.15rem;line-height:1.25;color:var(--tk-ink);text-decoration:none}
.wp-block-latest-posts.tk-posts .wp-block-latest-posts__post-title:hover{color:var(--tk-accent)}
.wp-block-latest-posts.tk-posts .wp-block-latest-posts__post-excerpt{color:var(--tk-ink-soft);margin:0}
@media (max-width:900px){.wp-block-latest-posts.tk-posts.is-grid{grid-template-columns:1fr}}
.tk-tags a{display:inline-block;padding:6px 14px;margin:0 6px 8px 0;border-radius:999px;border:1px solid var(--tk-line);background:var(--tk-surface);font-size:.88rem;color:var(--tk-ink);text-decoration:none}
.tk-tags a:hover{border-color:var(--tk-accent);color:var(--tk-accent)}

/* egyedi blogcikk */
.single-post .entry-content{font-size:1.05rem}
.single-post .entry-content > h2{font-size:1.4rem;margin-top:1.6em}

/* ---------- Kapcsolati űrlap (Contact Form 7) ---------- */
.tk-form{padding:28px}
.wpcf7 form{display:flex;flex-direction:column;gap:16px}
.wpcf7 form p{margin:0}
.wpcf7 label{font-weight:600;font-size:.95rem;display:flex;flex-direction:column;gap:6px}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 select,.wpcf7 textarea{font:inherit;font-weight:400;color:var(--tk-ink);background:var(--tk-surface);border:1.5px solid var(--tk-line);border-radius:10px;padding:12px 14px;width:100%;box-shadow:none}
.wpcf7 input:focus,.wpcf7 select:focus,.wpcf7 textarea:focus{border-color:var(--tk-accent);outline:none;box-shadow:0 0 0 3px var(--tk-accent-soft)}
.wpcf7 textarea{min-height:140px;resize:vertical}
.wpcf7 .wpcf7-acceptance label,.wpcf7 .wpcf7-checkbox label{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;font-size:.92rem}
.wpcf7 .wpcf7-list-item{margin:0}
.wpcf7 input[type=checkbox]{width:20px;height:20px;margin-top:2px;accent-color:var(--tk-accent);flex:none}
.wpcf7 input[type=submit]{background:var(--tk-accent);color:#fff;border:0;padding:13px 26px;font:600 1rem var(--tk-body);cursor:pointer;width:fit-content}
.wpcf7 input[type=submit]:hover{background:var(--tk-accent-hover)}
.wpcf7 .wpcf7-not-valid-tip{font-size:.85rem;color:#B3261E}
.wpcf7 form .wpcf7-response-output{margin:0;border-radius:10px;padding:12px 16px;border-color:var(--tk-accent-soft);background:var(--tk-tint)}
.tk-form-small{font-size:.88rem;color:var(--tk-ink-soft)}

/* ---------- Lábléc ---------- */
.site-footer{border-top:1px solid var(--tk-line);font-size:.9rem;color:var(--tk-ink-soft)}
.site-footer a{color:var(--tk-ink-soft);text-decoration:none}
.site-footer a:hover{color:var(--tk-accent)}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* =====================================================================
   1.0.7 – letisztultabb, tágasabb megjelenés
   ===================================================================== */
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/bricolage-grotesque-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/bricolage-grotesque-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

html:root{
  --tk-tint:#F4F0FC; --tk-tint-2:#E9E2FA; --tk-lav:#D9D1F5;
  --tk-ink-soft:#615C6E; --tk-r:20px;
  --tk-shadow:0 1px 2px rgba(47,45,53,.04),0 8px 24px rgba(94,90,184,.07);
  --tk-shadow-hover:0 2px 4px rgba(47,45,53,.05),0 16px 36px rgba(94,90,184,.13);
  --tk-ease:cubic-bezier(.2,.7,.2,1);
}
html body{font-size:17.5px;line-height:1.7}
html body h1,html body h2,html body h3,html body h4{font-weight:600;letter-spacing:-.015em}
body .entry-content h1{font-size:clamp(2.2rem,4.6vw,3.5rem);line-height:1.08}
body .entry-content h2{font-size:clamp(1.7rem,3.2vw,2.4rem)}

/* térközök */
.entry-content .tk-section{padding-top:104px;padding-bottom:104px}
.entry-content .tk-section.tk-hero-sec{padding-top:72px;padding-bottom:96px}
.entry-content .tk-section.tk-tight{padding-top:8px}
@media (max-width:781px){.entry-content .tk-section{padding-top:64px;padding-bottom:64px}.entry-content .tk-section.tk-hero-sec{padding-top:40px;padding-bottom:64px}}
.tk-stack,.tk-stack > .wp-block-group__inner-container{gap:22px}
.tk-inner > .wp-block-group__inner-container > h2,.tk-inner > h2{margin-bottom:8px!important}

/* nyitó felső sor */
.tk-kicker{font-size:1rem;font-weight:500;color:var(--tk-accent);max-width:52ch;line-height:1.55}

/* kártyák */
.tk-card{border-radius:var(--tk-r);padding:30px;border-color:transparent;box-shadow:var(--tk-shadow);transition:transform .35s var(--tk-ease),box-shadow .35s var(--tk-ease)}
.tk-cards .tk-card:hover,.tk-blog-card:hover{transform:translateY(-3px);box-shadow:var(--tk-shadow-hover)}
.tk-card.tk-soft{background:rgba(255,255,255,.7)}
.entry-content .wp-block-columns.tk-cards{gap:24px}

/* ikonok a kártyákon */
.tk-ico::before{content:"";display:block;width:52px;height:52px;border-radius:16px;margin-bottom:6px;background-color:var(--tk-tint-2);
  background-repeat:no-repeat;background-position:center;background-size:26px 26px}
.tk-ico-app::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E5AB8' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='6' y='2.5' width='12' height='19' rx='3'/%3E%3Cpath d='M10.5 18.5h3'/%3E%3C/svg%3E")}
.tk-ico-web::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E5AB8' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='2.5' y='4' width='19' height='16' rx='3'/%3E%3Cpath d='M2.5 9h19M6 6.5h.01M8.5 6.5h.01'/%3E%3C/svg%3E")}
.tk-ico-online::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E5AB8' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E")}
.tk-ico-idea::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E5AB8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.5 10.9c.6.5 1 1.2 1 2.1h5c0-.9.4-1.6 1-2.1A6 6 0 0 0 12 3z'/%3E%3C/svg%3E")}
.tk-ico-play::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E5AB8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z'/%3E%3C/svg%3E")}
.tk-ico-simple::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E5AB8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E")}
.tk-ico-honest::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E5AB8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h10'/%3E%3C/svg%3E")}
.tk-ico-care::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E5AB8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E")}

/* gombok */
.wp-block-button__link{min-height:48px;display:inline-flex;align-items:center;padding:12px 24px;transition:transform .25s var(--tk-ease),background-color .25s,box-shadow .25s}
.wp-block-button__link:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(94,90,184,.22)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{box-shadow:none}

/* fotó: lágy levendula forma mögötte */
.tk-photo{isolation:isolate}
.tk-photo:not(.tk-photo--kor)::before{content:"";position:absolute;z-index:-1;inset:7% -9% -6% 9%;border-radius:200px 200px 28px 28px;background:linear-gradient(160deg,var(--tk-lav),var(--tk-tint-2))}
.tk-photo img{box-shadow:0 18px 40px rgba(47,45,53,.10)}
.tk-photo--kozepes{max-width:340px;margin:0}
.tk-photo--mini{max-width:96px;margin:0 auto}
.tk-photo--kor img{box-shadow:0 0 0 6px #fff,0 10px 26px rgba(47,45,53,.10)}
@media (max-width:781px){.tk-photo{max-width:320px}}

/* bemutatkozó címkék */
.tk-chips{display:flex;flex-wrap:wrap;gap:10px}
.tk-chip{display:inline-block;padding:8px 16px;border-radius:999px;background:var(--tk-tint-2);color:var(--tk-ink);font-weight:500;font-size:.95rem}
.entry-content .wp-block-columns.tk-intro{align-items:center}

/* kiemelt app-szakasz */
.tk-feature-panel{background:linear-gradient(135deg,#F1ECFD 0%,#E6DEFA 55%,#DCD6F7 100%);border-radius:32px;padding:56px}
@media (max-width:781px){.tk-feature-panel{padding:32px 22px;border-radius:24px}}
.entry-content .wp-block-columns.tk-feature-cols{gap:48px;align-items:center}
@media (min-width:782px){.entry-content .wp-block-columns.tk-feature-cols{display:grid;grid-template-columns:1.15fr .85fr}}
ul.tk-benefits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
ul.tk-benefits li{margin:0;padding-left:30px;position:relative;font-size:.97rem;color:var(--tk-ink-soft)}
ul.tk-benefits li strong{display:block;color:var(--tk-ink)}
ul.tk-benefits li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:var(--tk-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
@media (max-width:600px){ul.tk-benefits{grid-template-columns:1fr}}

/* telefon-látványterv */
.tk-mock{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.tk-mock figcaption{font-size:.82rem;color:var(--tk-ink-soft)}
.tk-phone{width:min(260px,100%);aspect-ratio:9/18;background:#2F2D35;border-radius:38px;padding:10px;box-shadow:0 30px 60px rgba(60,50,110,.22);transform:rotate(-3deg)}
.tk-phone-screen{height:100%;background:var(--tk-bg);border-radius:30px;padding:30px 18px;display:flex;flex-direction:column;gap:14px}
.tk-phone-top{display:flex;justify-content:space-between;font-size:.8rem;color:var(--tk-ink-soft)}
.tk-phone-top b{font-family:var(--tk-display);color:var(--tk-ink)}
.tk-phone .tk-lvl i{flex:1}
.tk-phone-q{margin:10px 0 0;font-family:var(--tk-display);font-weight:600;font-size:1.35rem;color:var(--tk-ink);text-align:center}
.tk-phone-a{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tk-phone-a span{background:var(--tk-surface);border:1.5px solid var(--tk-line);border-radius:14px;padding:12px 0;text-align:center;font-weight:600;color:var(--tk-ink)}
.tk-phone-a span.ok{background:var(--tk-accent);border-color:var(--tk-accent);color:#fff}
.tk-phone-fb{margin:auto 0 0;background:var(--tk-tint-2);border-radius:14px;padding:10px 12px;font-size:.85rem;text-align:center;color:var(--tk-ink)}
@media (prefers-reduced-motion:no-preference){.tk-phone{animation:tk-float 6s ease-in-out infinite}}
@keyframes tk-float{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-8px)}}

/* képes blogkártyák */
.tk-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media (max-width:900px){.tk-blog-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.tk-blog-grid{grid-template-columns:1fr}}
.tk-blog-card{background:var(--tk-surface);border-radius:var(--tk-r);overflow:hidden;box-shadow:var(--tk-shadow);display:flex;flex-direction:column;transition:transform .35s var(--tk-ease),box-shadow .35s var(--tk-ease)}
.tk-blog-media{display:block;aspect-ratio:16/9;background:var(--tk-tint-2);overflow:hidden}
.tk-blog-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--tk-ease)}
.tk-blog-card:hover .tk-blog-media img{transform:scale(1.03)}
.tk-blog-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:8px;flex:1}
.tk-blog-cat{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--tk-accent)}
.tk-blog-title{margin:0!important;font-size:1.15rem!important;line-height:1.3}
.tk-blog-title a{color:var(--tk-ink);text-decoration:none}
.tk-blog-title a:hover{color:var(--tk-accent)}
.tk-blog-exc{margin:0;color:var(--tk-ink-soft);font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tk-blog-more{margin-top:auto;padding-top:6px;font-weight:600;font-size:.92rem;text-decoration:none}

/* záró kapcsolat-panel */
.tk-cta-panel{background:linear-gradient(160deg,var(--tk-tint),var(--tk-tint-2));border-radius:32px;padding:56px 32px;max-width:760px;margin:0 auto;align-items:center;text-align:center}
.tk-cta-panel > .wp-block-group__inner-container{align-items:center;text-align:center}
.tk-cta-panel .wp-block-buttons{justify-content:center}

/* Rólam: idézet és útvonal */
.tk-quote{font-family:var(--tk-display);font-weight:500;font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.35;color:var(--tk-ink);max-width:30ch;margin:0 auto!important;text-align:center}
ol.tk-path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:p}
ol.tk-path li{counter-increment:p;margin:0;background:var(--tk-surface);border-radius:var(--tk-r);padding:26px 24px 24px;box-shadow:var(--tk-shadow);position:relative;color:var(--tk-ink-soft)}
ol.tk-path li::before{content:counter(p);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--tk-tint-2);color:var(--tk-accent);font-family:var(--tk-display);font-weight:600;margin-bottom:12px}
ol.tk-path li.is-now::before{background:var(--tk-accent);color:#fff}
ol.tk-path li strong{color:var(--tk-ink);font-size:1.05rem}
@media (max-width:781px){ol.tk-path{grid-template-columns:1fr}}

/* Kapcsolat: kétoszlopos rács (mobilon: cím, fotó, űrlap, pontok) */
.tk-contact-grid,.tk-contact-grid > .wp-block-group__inner-container{display:grid;gap:28px}
@media (min-width:900px){
  .tk-contact-grid,.tk-contact-grid > .wp-block-group__inner-container{grid-template-columns:1fr 1fr;column-gap:64px;row-gap:28px;grid-template-areas:"a c" "b c" "d c";align-items:start}
  .tk-contact-grid .tk-ca{grid-area:a}.tk-contact-grid .tk-cb{grid-area:b}.tk-contact-grid .tk-cc{grid-area:c}.tk-contact-grid .tk-cd{grid-area:d}
}
.tk-contact-grid > .wp-block-group__inner-container > *,.tk-contact-grid > *{margin:0!important;min-width:0}
.tk-contact-grid:has(> .wp-block-group__inner-container){display:block}
ul.tk-checks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
ul.tk-checks li{margin:0;padding-left:32px;position:relative;color:var(--tk-ink-soft)}
ul.tk-checks li::before{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:50%;background:var(--tk-tint-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E5AB8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.tk-form{padding:36px}
@media (max-width:600px){.tk-form{padding:24px}}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 select,.wpcf7 textarea{padding:14px 16px;border-radius:12px}
.wpcf7 input[type=submit]{min-height:48px;border-radius:999px}

/* GYIK */
.wp-block-details{border-color:transparent;box-shadow:var(--tk-shadow);border-radius:16px;padding:18px 22px}

/* egyedi blogcikk: kiemelt kép és olvasási szélesség */
.single-post .entry-content{max-width:70ch;margin-left:auto;margin-right:auto}
.single-post .post-thumbnail img,.single-post .article-post-thumbnail img{border-radius:var(--tk-r)}
.single-post .tk-cta-box{background:linear-gradient(160deg,var(--tk-tint),var(--tk-tint-2));border-radius:var(--tk-r);padding:28px}

/* fejléc */
.site-header-wrap{box-shadow:0 1px 0 var(--tk-line)}
#mobile-drawer .drawer-content a,.mobile-navigation ul li > a{padding-top:14px;padding-bottom:14px;font-size:1.05rem}

/* beúszás (JS teszi rá, csak a képernyőn kívüli elemekre) */
.tk-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--tk-ease),transform .6s var(--tk-ease)}
.tk-reveal.tk-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.tk-reveal{opacity:1!important;transform:none!important}.tk-phone{animation:none!important}}