/**
 * CINEMORE — cikk single sablon stílusa.
 * A statikus cikk.css portolása, .cm-cikk wrapperre fűzve.
 * Tokenek: accent #14c98d · ink-acc #0a8f63 · magenta #b0568a · ink #07130e
 * Kihagyva a statikusból: fejléc/lábléc, tartalomjegyzék, szerző box.
 */

/* ===== dekoratív önálló animációk ===== */
@keyframes cm-cikk-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-22px)}}
@keyframes cm-cikk-pulse{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}

/* ===== oldalburkoló ===== */
.cm-cikk{font-family:'Poppins',sans-serif;background:#eef6f2;color:#07130e;overflow-x:hidden;}
.cm-cikk img{max-width:100%;}
.cm-cikk a{color:#0a8f63;}

/* ===== cikk fejléc szekció ===== */
.cm-cikk .cm-hero{position:relative;padding:130px 48px 56px;overflow:hidden;background:radial-gradient(64% 60% at 84% 30%,rgba(224,176,203,.5),transparent 62%),radial-gradient(120% 80% at 8% 4%,rgba(20,201,141,.12),transparent 55%),linear-gradient(180deg,#f5faf7,#f2f3f0);}
.cm-cikk .cm-hero-blob{position:absolute;top:26%;left:6%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(20,201,141,.15),transparent 70%);animation:cm-cikk-float 9s ease-in-out infinite;pointer-events:none;}
.cm-cikk .cm-hero-dot{position:absolute;top:32%;right:14%;width:13px;height:13px;border-radius:50%;background:#e3c4d6;animation:cm-cikk-pulse 3s infinite;pointer-events:none;}
.cm-cikk .cm-hero-inner{position:relative;z-index:2;max-width:880px;margin:0 auto;}
.cm-cikk .cm-back{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#5a7067;font-size:14.5px;font-weight:600;margin-bottom:26px;transition:color 0.3s;}
.cm-cikk .cm-back:hover{color:#07130e;}
.cm-cikk .cm-back span{display:inline-block;transition:transform 0.3s;}
.cm-cikk .cm-back:hover span{transform:translateX(-4px);}
.cm-cikk .cm-meta-row{display:flex;align-items:center;gap:14px;margin-bottom:22px;flex-wrap:wrap;}
.cm-cikk .cm-tag{background:#14c98d;color:#07130e;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:7px 15px;border-radius:100px;}
.cm-cikk .cm-meta{font-size:13.5px;font-weight:600;color:#7f9c90;letter-spacing:0.5px;}
.cm-cikk .cm-title{font-weight:700;font-size:64px;line-height:1.02;letter-spacing:-2px;margin:0;text-transform:uppercase;color:#07130e;}
.cm-cikk .cm-byline{display:flex;align-items:center;gap:16px;margin-top:34px;}
.cm-cikk .cm-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#14c98d,#0a8f63);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:19px;flex:none;}
.cm-cikk .cm-author-name{font-weight:700;font-size:16px;color:#07130e;}
.cm-cikk .cm-byline-share{margin-left:auto;display:flex;gap:9px;}
.cm-cikk .cm-social{width:42px;height:42px;border-radius:50%;border:1px solid #d6e6de;display:flex;align-items:center;justify-content:center;color:#5a7067;background:#fff;text-decoration:none;font-weight:700;font-size:14px;transition:background 0.3s,color 0.3s,border-color 0.3s,transform 0.25s;}
.cm-cikk .cm-social:hover{background:#14c98d;color:#07130e;border-color:#14c98d;transform:translateY(-2px);}
.cm-cikk .cm-social svg{width:18px;height:18px;}

/* ===== borítókép ===== */
.cm-cikk .cm-cover-section{padding:0 48px;}
.cm-cikk .cm-figure{max-width:1120px;margin:0 auto;}
.cm-cikk .cm-cover-frame{overflow:hidden;border-radius:24px;height:560px;box-shadow:0 34px 70px rgba(7,19,14,.16);}
.cm-cikk .cm-img{background:#dbeee4;width:100%;height:100%;object-fit:cover;display:block;}
.cm-cikk .cm-figcaption{text-align:center;font-size:13.5px;color:#7f9c90;font-weight:500;margin-top:14px;}

/* ===== cikktörzs — 1000px ===== */
.cm-cikk .cm-body-section{padding:64px 48px 40px;}
.cm-cikk .cm-body{max-width:1000px;margin:0 auto;}
.cm-cikk .cm-body p{font-size:18px;line-height:1.75;color:#33463e;margin:0 0 26px;font-weight:400;}
.cm-cikk .cm-body h2{font-weight:700;font-size:36px;line-height:1.12;letter-spacing:-1px;color:#07130e;margin:56px 0 20px;text-transform:uppercase;scroll-margin-top:96px;}
.cm-cikk .cm-body h3{font-weight:700;font-size:22px;line-height:1.2;color:#07130e;margin:40px 0 14px;scroll-margin-top:96px;}
.cm-cikk .cm-body a{font-weight:600;color:#0a8f63;text-decoration:underline;text-decoration-color:rgba(20,201,141,.4);text-underline-offset:3px;}
.cm-cikk .cm-body strong{color:#07130e;font-weight:700;}
.cm-cikk .cm-body ul{margin:0 0 30px;padding:0;list-style:none;}
.cm-cikk .cm-body ul li{position:relative;font-size:18px;line-height:1.7;color:#33463e;padding:0 0 0 34px;margin:0 0 14px;}
.cm-cikk .cm-body ul li::before{content:"";position:absolute;left:2px;top:11px;width:9px;height:9px;border-radius:50%;background:#14c98d;box-shadow:0 0 0 4px rgba(20,201,141,.16);}
.cm-cikk .cm-body ol{margin:0 0 30px;padding-left:34px;}
.cm-cikk .cm-body ol li{font-size:18px;line-height:1.7;color:#33463e;margin:0 0 14px;}

/* drop cap — automatikusan az első bekezdésre */
.cm-cikk .cm-body > p:first-of-type::first-letter{font-weight:800;font-size:76px;line-height:0.72;float:left;margin:8px 14px 0 0;color:#0a8f63;}

/* idézet — alap (core/quote) */
.cm-cikk .cm-body .wp-block-quote{margin:44px 0;padding:6px 0 6px 30px;border-left:4px solid #14c98d;position:relative;}
.cm-cikk .cm-body .wp-block-quote p{font-weight:600;font-size:24px;line-height:1.4;letter-spacing:-0.5px;color:#07130e;margin:0 0 12px;}
.cm-cikk .cm-body .wp-block-quote cite{display:block;font-style:normal;font-size:15px;font-weight:600;color:#0a8f63;}

/* idézet — CINEMORE blokkstílus (nagy idézőjellel) */
.cm-cikk .cm-body .wp-block-quote.is-style-cinemore{padding-top:26px;}
.cm-cikk .cm-body .wp-block-quote.is-style-cinemore::before{content:"\201C";position:absolute;top:-22px;left:-6px;font-weight:800;font-size:120px;line-height:1;color:rgba(20,201,141,.18);pointer-events:none;}
.cm-cikk .cm-body .wp-block-quote.is-style-cinemore p{font-size:30px;line-height:1.35;}

/* kiemelt stat doboz (mintablokk: group.cm-stat) */
.cm-cikk .cm-body .cm-stat{background:linear-gradient(160deg,#07130e,#0d2119);border-radius:22px;padding:44px;margin:44px 0;position:relative;overflow:hidden;}
.cm-cikk .cm-body .cm-stat::before{content:"";position:absolute;top:-40px;right:-30px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(20,201,141,.22),transparent 70%);}
.cm-cikk .cm-body .cm-stat .cm-stat-num{position:relative;font-weight:800;font-size:72px;line-height:1;letter-spacing:-2px;color:#14c98d;margin:0;}
.cm-cikk .cm-body .cm-stat .cm-stat-text{position:relative;font-size:17px;line-height:1.6;color:#a7c8bc;margin:16px 0 0;font-weight:400;max-width:520px;}

/* két kép egymás mellett (mintablokk: columns.cm-duo-grid) */
.cm-cikk .cm-body .cm-duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:44px 0;}
.cm-cikk .cm-body .cm-duo-grid img{width:100%;height:280px;object-fit:cover;border-radius:18px;display:block;transition:transform 0.5s ease;}

/* összefoglaló / Röviden doboz (mintablokk: group.cm-summary) */
.cm-cikk .cm-body .cm-summary{background:#f4faf7;border:1px solid #e0efe7;border-left:4px solid #14c98d;border-radius:16px;padding:28px 32px;margin:8px 0 40px;}
.cm-cikk .cm-body .cm-summary-head{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0a8f63;margin:0 0 18px;}
.cm-cikk .cm-body .cm-summary-head::before{content:"";flex:none;width:17px;height:9px;border-left:3px solid #0a8f63;border-bottom:3px solid #0a8f63;transform:rotate(-45deg);margin-top:-4px;}
.cm-cikk .cm-body .cm-summary ul{margin:0;}

/* tipp / kiemelés doboz (mintablokk: group.cm-tip + html ikon) */
.cm-cikk .cm-body .cm-tip{display:flex;gap:18px;align-items:flex-start;background:linear-gradient(160deg,#fff,#fdf6fa);border:1px solid #f0dbe8;border-radius:18px;padding:26px 28px;margin:40px 0;box-shadow:0 14px 34px rgba(176,86,138,.06);}
.cm-cikk .cm-body .cm-tip-icon{flex:none;width:46px;height:46px;border-radius:13px;background:rgba(176,86,138,.12);display:flex;align-items:center;justify-content:center;color:#b0568a;}
.cm-cikk .cm-body .cm-tip-icon svg{width:22px;height:22px;}
.cm-cikk .cm-body .cm-tip-title{font-weight:700;font-size:16px;color:#07130e;margin:0 0 6px;}
.cm-cikk .cm-body .cm-tip p{font-size:16px;line-height:1.65;color:#5a4551;margin:0;font-weight:400;}
.cm-cikk .cm-body .cm-tip > .wp-block-group{flex:1;}

/* összehasonlító táblázat (mintablokk: table.cm-tablewrap) */
.cm-cikk .cm-body .cm-tablewrap{overflow-x:auto;margin:40px 0;border:1px solid #e0efe7;border-radius:18px;box-shadow:0 14px 34px rgba(7,19,14,.05);}
.cm-cikk .cm-body .cm-tablewrap table{width:100%;border-collapse:collapse;font-size:15px;min-width:440px;}
.cm-cikk .cm-body .cm-tablewrap th{text-align:left;padding:16px 22px;font-weight:600;font-size:14px;}
.cm-cikk .cm-body .cm-tablewrap thead tr{background:#07130e;color:#eafff8;}
.cm-cikk .cm-body .cm-tablewrap td{padding:15px 22px;color:#33463e;}
.cm-cikk .cm-body .cm-tablewrap tbody tr{border-top:1px solid #e6f1eb;}
.cm-cikk .cm-body .cm-tablewrap tbody tr:first-child{background:rgba(20,201,141,.08);}
.cm-cikk .cm-body .cm-tablewrap tbody tr:first-child td:first-child{font-weight:700;color:#07130e;}
.cm-cikk .cm-body .cm-tablewrap tbody tr:first-child td:nth-child(2){font-weight:700;color:#0a8f63;}

/* kép szöveg-overlay-jel (mintablokk: image.cm-overlay-fig) */
.cm-cikk .cm-body .cm-overlay-fig{position:relative;overflow:hidden;border-radius:22px;margin:44px 0;box-shadow:0 28px 60px rgba(7,19,14,.14);}
.cm-cikk .cm-body .cm-overlay-fig img{width:100%;height:440px;object-fit:cover;display:block;}
.cm-cikk .cm-body .cm-overlay-fig figcaption{position:absolute;left:0;right:0;bottom:0;padding:64px 34px 34px;background:linear-gradient(180deg,rgba(7,19,14,0),rgba(7,19,14,.86));font-weight:700;font-size:30px;line-height:1.15;color:#fff;margin:0;}
.cm-cikk .cm-body .cm-overlay-fig .cm-overlay-kicker{display:block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#14c98d;margin-bottom:10px;}

/* számozott lépések (mintablokk: group.cm-steps) */
.cm-cikk .cm-body .cm-steps{display:grid;gap:14px;margin:24px 0 40px;}
.cm-cikk .cm-body .cm-step{display:flex;gap:20px;align-items:flex-start;background:#f4faf7;border:1px solid #e0efe7;border-radius:16px;padding:22px 24px;}
.cm-cikk .cm-body .cm-step-num{flex:none;width:40px;height:40px;border-radius:50%;background:#14c98d;color:#07130e;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;margin:0;}
.cm-cikk .cm-body .cm-step-title{font-weight:700;font-size:17px;color:#07130e;margin:0 0 5px;}
.cm-cikk .cm-body .cm-step p{margin:0;font-size:15.5px;line-height:1.6;color:#5a7067;font-weight:400;}
.cm-cikk .cm-body .cm-step > .wp-block-group{flex:1;}

/* inline CTA sáv (mintablokk: group.cm-band) */
.cm-cikk .cm-body .cm-band{background:radial-gradient(120% 140% at 0% 0%,rgba(20,201,141,.28),transparent 55%),linear-gradient(135deg,#b0568a,#7f3763);border-radius:22px;padding:38px 42px;margin:48px 0;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;box-shadow:0 24px 54px rgba(176,86,138,.24);}
.cm-cikk .cm-body .cm-band-text{max-width:470px;}
.cm-cikk .cm-body .cm-band-title{font-weight:700;font-size:26px;color:#fff;line-height:1.18;margin:0;}
.cm-cikk .cm-body .cm-band-text p{font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.85);margin:10px 0 0;font-weight:400;}
.cm-cikk .cm-body .cm-band .wp-block-button{margin:0;flex:none;}
.cm-cikk .cm-body .cm-band .wp-block-button__link{background:#fff;color:#7f3763;font-weight:700;font-size:15px;padding:15px 30px;border-radius:100px;}
.cm-cikk .cm-body .cm-band .wp-block-button__link:hover{transform:translateY(-3px);filter:brightness(1.04);box-shadow:0 18px 40px rgba(7,19,14,.2);color:#7f3763;}

/* gombok — alap (core/button) */
.cm-cikk .cm-body .wp-block-button{margin:0 0 30px;}
.cm-cikk .cm-body .wp-block-button__link{background:#14c98d;color:#fff;font-weight:700;font-size:15px;padding:12px 26px;border-radius:100px;text-decoration:none;transition:filter 0.25s,transform 0.25s;}
.cm-cikk .cm-body .wp-block-button__link:hover{filter:brightness(1.05);transform:translateY(-2px);color:#fff;}

/* gomb — CINEMORE CTA blokkstílus (fehér szöveg, nagy) */
.cm-cikk .cm-body .wp-block-button.is-style-cinemore-cta .wp-block-button__link{font-size:16px;padding:16px 38px;box-shadow:0 14px 30px rgba(20,201,141,.28);}

/* megosztás alul */
.cm-cikk .cm-share-bottom{display:flex;align-items:center;gap:14px;margin-top:48px;padding-top:32px;border-top:1px solid #dce9e2;flex-wrap:wrap;scroll-margin-top:110px;}
.cm-cikk .cm-share-label{font-size:14.5px;font-weight:600;color:#5a7067;}
.cm-cikk .cm-share-row{display:flex;gap:9px;}
.cm-cikk .cm-share-bottom .cm-social{width:40px;height:40px;font-weight:700;font-size:14px;}

/* ===== kapcsolódó cikkek ===== */
.cm-cikk .cm-related{background:radial-gradient(42% 50% at 6% 10%,rgba(20,201,141,.08),transparent 60%),#eef6f2;padding:88px 48px 100px;border-top:1px solid #e6f1eb;}
.cm-cikk .cm-related-inner{max-width:1320px;margin:0 auto;}
.cm-cikk .cm-related-title{font-weight:700;font-size:48px;line-height:1;letter-spacing:-1.5px;margin:0 0 44px;text-transform:uppercase;text-align:center;color:#07130e;}
.cm-cikk .cm-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.cm-cikk .cm-art{text-decoration:none;color:inherit;background:#f4faf7;border:1px solid #e0efe7;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform 0.35s,box-shadow 0.35s;}
.cm-cikk .cm-art:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(7,19,14,.12);}
.cm-cikk .cm-art:hover .cm-art-imgwrap img{transform:scale(1.07);}
.cm-cikk .cm-art-imgwrap{overflow:hidden;height:180px;background:#dbeee4;}
.cm-cikk .cm-art-imgwrap img{transition:transform 0.5s ease;}
.cm-cikk .cm-art-body{padding:26px 24px;display:flex;flex-direction:column;flex:1;}
.cm-cikk .cm-art-tag{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#b0568a;margin-bottom:12px;}
.cm-cikk .cm-art-title{font-weight:700;font-size:17px;line-height:1.28;letter-spacing:-0.5px;margin:0 0 12px;text-transform:uppercase;color:#07130e;}
.cm-cikk .cm-art-desc{font-size:15px;line-height:1.55;color:#5a7067;margin:0 0 20px;font-weight:400;}
.cm-cikk .cm-art-more{margin-top:auto;font-size:14.5px;font-weight:700;color:#0a8f63;letter-spacing:0.3px;}

/* ===== MOBIL — @media (max-width: 767px) ===== */
@media (max-width:767px){
	.cm-cikk .cm-hero{padding:96px 20px 40px;}
	.cm-cikk .cm-hero-blob{width:130px;height:130px;left:-30px;}
	.cm-cikk .cm-hero-dot{right:8%;}
	.cm-cikk .cm-back{font-size:14px;margin-bottom:20px;}
	.cm-cikk .cm-title{font-size:34px;letter-spacing:-1px;}
	.cm-cikk .cm-byline{gap:12px;margin-top:28px;}
	.cm-cikk .cm-social{width:38px;height:38px;}

	.cm-cikk .cm-cover-section{padding:0 20px;}
	.cm-cikk .cm-cover-frame{height:220px;border-radius:18px;}
	.cm-cikk .cm-figcaption{font-size:12.5px;padding:0 12px;}

	.cm-cikk .cm-body-section{padding:44px 20px 32px;}
	.cm-cikk .cm-body p{font-size:16px;margin-bottom:20px;}
	.cm-cikk .cm-body h2{font-size:26px;margin:40px 0 16px;scroll-margin-top:84px;}
	.cm-cikk .cm-body ul li{font-size:16px;padding-left:28px;}
	.cm-cikk .cm-body ol li{font-size:16px;}
	.cm-cikk .cm-body > p:first-of-type::first-letter{font-size:54px;}
	.cm-cikk .cm-body .wp-block-quote{margin:32px 0;padding-left:20px;}
	.cm-cikk .cm-body .wp-block-quote p{font-size:20px;}
	.cm-cikk .cm-body .wp-block-quote.is-style-cinemore p{font-size:21px;}
	.cm-cikk .cm-body .wp-block-quote.is-style-cinemore::before{font-size:80px;top:-14px;}
	.cm-cikk .cm-body .cm-stat{padding:28px 24px;border-radius:18px;margin:32px 0;}
	.cm-cikk .cm-body .cm-stat .cm-stat-num{font-size:48px;}
	.cm-cikk .cm-body .cm-stat .cm-stat-text{font-size:15px;}
	.cm-cikk .cm-body .cm-duo-grid{margin:32px 0;}
	.cm-cikk .cm-body .cm-duo-grid img{height:150px;border-radius:14px;}

	.cm-cikk .cm-body .cm-summary{padding:22px 20px;margin:8px 0 32px;}
	.cm-cikk .cm-body .cm-tip{padding:20px;gap:14px;margin:32px 0;}
	.cm-cikk .cm-body .cm-tip-icon{width:40px;height:40px;}
	.cm-cikk .cm-body .cm-tip p{font-size:15px;}
	.cm-cikk .cm-body .cm-tablewrap{margin:32px 0;}
	.cm-cikk .cm-body .cm-tablewrap th{padding:12px 16px;}
	.cm-cikk .cm-body .cm-tablewrap td{padding:12px 16px;}
	.cm-cikk .cm-body .cm-overlay-fig{border-radius:18px;margin:32px 0;}
	.cm-cikk .cm-body .cm-overlay-fig img{height:260px;}
	.cm-cikk .cm-body .cm-overlay-fig figcaption{padding:40px 20px 20px;font-size:20px;}
	.cm-cikk .cm-body .cm-steps{gap:10px;margin:20px 0 32px;}
	.cm-cikk .cm-body .cm-step{padding:18px;gap:14px;}
	.cm-cikk .cm-body .cm-step p{font-size:14.5px;}
	.cm-cikk .cm-body .cm-band{padding:26px 22px;margin:36px 0;flex-direction:column;align-items:flex-start;}
	.cm-cikk .cm-body .cm-band-title{font-size:21px;}
	.cm-cikk .cm-body .cm-band-text p{font-size:14.5px;}

	.cm-cikk .cm-share-bottom{margin-top:36px;padding-top:24px;}

	.cm-cikk .cm-related{padding:60px 20px 72px;}
	.cm-cikk .cm-related-title{font-size:30px;margin-bottom:30px;}
	.cm-cikk .cm-related-grid{grid-template-columns:1fr;gap:18px;}
	.cm-cikk .cm-art-imgwrap{height:190px;}
	.cm-cikk .cm-art-body{padding:22px 20px;}
}