/* OnlineBiznisz blog (single + archive) - az elo onlinebiznisz.hu blogstilusai alapjan */

/* Hatter: a .glow csak alul halvanyodik, ha az oldal tetejen van */
.glow.glow-top::before{-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 60%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 60%,transparent 100%)}

/* ===== Elrendezes ===== */
.blog-page{padding-top:calc(var(--header-h) + clamp(24px,4vw,76px));padding-bottom:clamp(60px,5.2vw,100px)}
.blog-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);column-gap:32px;row-gap:56px;align-items:start}
.blog-main{display:flex;flex-direction:column;gap:32px;min-width:0}
.blog-title{margin:0;color:var(--contrast);font-size:var(--fs-h1);line-height:1.05;font-weight:700;letter-spacing:-.02em}
.blog-list{display:flex;flex-direction:column;gap:24px}
@media (min-width:1441px){.blog-grid{column-gap:64px}}
@media (max-width:1024px){.blog-grid{grid-template-columns:minmax(0,1fr)}}
.blog-page{letter-spacing:-.1px}

/* ===== Archiv kartya (feher) ===== */
.post-card{display:flex;flex-direction:column;background:#fff;text-decoration:none}
.post-card__img{display:block;width:100%;height:279px;object-fit:cover;margin:0}
.post-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:32px}
.post-card__head{display:flex;flex-direction:column;gap:4px}
.post-card__title{margin:0;font-size:24px;line-height:33px;font-weight:500;color:var(--base)}
.post-card__title a{color:inherit;text-decoration:none}
.post-card__title a:hover{color:#0b9a62}
.post-card__date{margin:0;font-size:14px;line-height:24px;font-weight:700;text-transform:uppercase;color:var(--accent)}
.post-card__excerpt{margin:0 0 14px;font-size:16px;line-height:27px;color:#595959;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:767px){.post-card__img{height:200px}.post-card__body{padding:20px}.post-card__title{font-size:21px;line-height:29px}}

/* Lapozo */
.blog-pager{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.blog-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:48px;padding:0 14px;border-radius:var(--radius-btn);background:#202020;color:var(--contrast);font-weight:700;font-size:16px;text-decoration:none;transition:background .2s,color .2s}
.blog-pager .page-numbers:hover{background:var(--yellow);color:var(--base)}
.blog-pager .page-numbers.current{background:var(--accent);color:var(--base)}
.blog-pager .page-numbers.dots{background:none}

/* ===== Oldalsav ===== */
.blog-side{display:flex;flex-direction:column;gap:clamp(40px,5vw,96px)}
.blog-side__block{display:flex;flex-direction:column;gap:20px}
.blog-side__title{margin:0;color:var(--contrast);font-size:32px;line-height:1.1;font-weight:700}@media (min-width:1441px){.blog-side__title{font-size:43px}}
.blog-side__sub{margin:0;color:var(--accent);font-family:var(--font-serif);font-style:italic;font-weight:600;font-size:32px;line-height:1.2}
.blog-side__label{margin:0;color:var(--yellow);font-family:var(--font-serif);font-style:italic;font-weight:600;font-size:32px;line-height:1.2}
.blog-side__text{margin:0;color:var(--contrast);font-size:19px;line-height:32px}
.blog-side__head{display:flex;flex-direction:column;gap:4px}

.ob-tags{display:flex;flex-wrap:wrap;gap:10px}
.ob-tag{display:inline-flex;align-items:center;padding:12px 22px;border-radius:var(--radius-btn);background:#202020;color:var(--yellow);font-size:16px;line-height:27px;font-weight:700;text-decoration:none;box-shadow:0 4px 20px rgba(255,213,118,.06);transition:background .2s,color .2s,box-shadow .2s,transform .2s}
.ob-tag:hover,.ob-tag:focus-visible{background:var(--yellow);color:var(--base);box-shadow:0 6px 24px rgba(255,213,118,.25);transform:translateY(-2px);text-decoration:none}
.ob-tag.is-active{box-shadow:inset 0 0 0 1px var(--yellow),0 4px 20px rgba(255,213,118,.06)}

/* ===== Cikk (single) ===== */
.post-article{display:flex;flex-direction:column;background:#fff;min-width:0}
.post-article__img{display:block;width:100%;height:auto;aspect-ratio:1376/768;object-fit:cover;margin:0}
.post-article__body{display:flex;flex-direction:column;align-items:flex-start;gap:32px;padding:32px}
.post-article__head{display:flex;flex-direction:column;gap:12px}
.post-article__title{margin:0;font-size:24px;line-height:33px;font-weight:500;color:var(--base)}
.post-article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:14px;line-height:24px;font-weight:700;text-transform:uppercase;color:var(--base)}
.post-article__meta .is-date{color:var(--accent)}
@media (max-width:767px){.post-article__body{padding:20px}}
@media (max-width:479px){.post-article__meta{font-size:12px}}

/* Megosztas */
.ob-share{display:flex;flex-wrap:wrap;gap:8px}
.ob-share a{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--radius-btn);background:var(--base);color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s}
.ob-share a:hover{background:#333;color:#fff}
.ob-share svg{width:16px;height:16px;fill:currentColor}

/* Szerzo doboz */
.ob-author{display:flex;gap:20px;align-items:flex-start;padding:24px;background:#f6f6f6;border-left:3px solid var(--accent);width:100%;box-sizing:border-box}
.ob-author__photo{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0}
.ob-author__body p{margin:0}
.ob-author__name{font-size:18px;line-height:26px;font-weight:700;color:var(--base)}
.ob-author__role{font-size:14px;line-height:22px;font-weight:700;text-transform:uppercase;color:var(--accent);margin-bottom:8px!important}
.ob-author__bio{font-size:16px;line-height:26px;color:#595959;margin-bottom:10px!important}
.ob-author__links{font-size:15px;line-height:24px;color:var(--contrast-3)}
.ob-author__links a{color:var(--base);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}
.ob-author__links a:hover{color:var(--accent)}
.ob-author__links span{margin:0 8px}
@media (max-width:479px){.ob-author{flex-direction:column;gap:14px;padding:20px}}

/* ===== Cikktartalom ===== */
.post-article .ob-content{width:100%;margin:0;font-size:18px;line-height:30px;color:#595959}
.post-article .ob-content > :first-child{margin-top:0}
.post-article .ob-content > :last-child{margin-bottom:0}
.post-article .ob-content p{margin:0 0 30px}
.post-article .ob-content h2,.post-article .ob-content h3,.post-article .ob-content h4{font-family:var(--font-sans);font-weight:500;color:var(--base);letter-spacing:0}
.post-article .ob-content h2{font-size:22px;line-height:28px;margin:30px 0 15px}
.post-article .ob-content h3{font-size:20px;line-height:27px;margin:27px 0 12px}
.post-article .ob-content h4{font-size:18px;line-height:26px;margin:27px 0 10px}
.post-article .ob-content h2[id],.post-article .ob-content h3[id]{scroll-margin-top:calc(var(--header-h) + 24px)}
.post-article .ob-content strong,.post-article .ob-content b{font-weight:700;color:var(--base)}
.post-article .ob-content a{color:var(--base);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}
.post-article .ob-content a:hover{color:var(--accent);text-decoration-color:var(--base)}

/* Listak: zold pipas / szamozott jelvenyek */
.post-article .ob-content ul,.post-article .ob-content ol{list-style:none;margin:0 0 30px;padding-left:0}
.post-article .ob-content li{position:relative;padding-left:38px;margin:0 0 4px}
.post-article .ob-content li:last-child{margin-bottom:0}
.post-article .ob-content li::marker{content:none}
.post-article .ob-content li > ul,.post-article .ob-content li > ol{margin:14px 0 0}
.post-article .ob-content ul > li::before{content:"";position:absolute;left:0;top:3px;width:24px;height:24px;border-radius:50% 50% 50% 4px;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='8 9 15 12'%3E%3Cpath fill='%23111' fill-rule='evenodd' d='M9.971 13.182L8.182 15L13.551 20.455L22.5 11.364L20.71 9.545L13.551 16.818L9.971 13.182Z'/%3E%3C/svg%3E") center/13px auto no-repeat}
.post-article .ob-content ol{counter-reset:ob-num}
.post-article .ob-content ol > li{counter-increment:ob-num}
.post-article .ob-content ol > li::before{content:counter(ob-num);position:absolute;left:0;top:3px;width:24px;height:24px;border-radius:50% 50% 50% 4px;background:var(--accent);color:var(--base);font-weight:700;font-size:13px;line-height:24px;text-align:center}

.post-article .ob-content figure,.post-article .ob-content .wp-block-image{margin:0 0 30px}
.post-article .ob-content img{display:block;max-width:100%;height:auto}
.post-article .ob-content figcaption{font-size:14px;line-height:22px;color:var(--contrast-3);margin-top:8px}
.post-article .ob-content blockquote,.post-article .ob-content .wp-block-quote{margin:0 0 30px;padding:4px 0 4px 24px;border-left:3px solid var(--accent);color:var(--base);font-family:var(--font-serif);font-style:italic;font-size:26px;line-height:1.2;font-weight:600;background:none}
.post-article .ob-content blockquote p{margin:0 0 12px}
.post-article .ob-content blockquote p:last-child{margin:0}
.post-article .ob-content blockquote cite{display:block;margin-top:8px;font-family:var(--font-sans);font-style:normal;font-size:14px;line-height:22px;color:var(--contrast-3)}
.post-article .ob-content .wp-block-buttons{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 30px}
.post-article .ob-content .wp-block-button__link,.post-article .ob-content .wp-element-button{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--base);font-weight:700;font-size:16px;line-height:27px;padding:16px 24px;border-radius:var(--radius-btn);text-decoration:none;transition:background .2s,transform .2s}
.post-article .ob-content .wp-block-button__link:hover,.post-article .ob-content .wp-element-button:hover{background:#0fb373;color:var(--base);transform:translateY(-1px)}
.post-article .ob-content table{width:100%;border-collapse:collapse;margin:0 0 30px;font-size:16px;line-height:26px}
.post-article .ob-content th,.post-article .ob-content td{border:1px solid #e6e6e6;padding:10px 12px;text-align:left;vertical-align:top;overflow-wrap:break-word}
.post-article .ob-content th{background:#f6f6f6;color:var(--base);font-weight:700}
.post-article .ob-content code{background:#f2f2f2;padding:2px 6px;border-radius:3px;font-size:15px}
.post-article .ob-content hr{border:0;border-top:1px solid #e6e6e6;margin:40px 0}
@media (max-width:767px){.post-article .ob-content table{table-layout:fixed}.post-article .ob-content th,.post-article .ob-content td{hyphens:auto}}
@media (max-width:479px){.post-article .ob-content{font-size:17px;line-height:28px}.post-article .ob-content blockquote,.post-article .ob-content .wp-block-quote{font-size:22px}}

/* AutoSEO tartalomjegyzek */
.post-article .ob-content .table-of-contents{background:#f3fbf7;border:1px solid #d6f1e4;border-radius:12px;padding:22px 24px 14px;margin:0 0 30px}
.post-article .ob-content .table-of-contents h2{font-size:14px;line-height:20px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#5b6b63;margin:0 0 10px}
.post-article .ob-content .table-of-contents ul{margin:0;padding:0}
.post-article .ob-content .table-of-contents li{margin:0;padding-left:0;border-top:1px solid #e3f3eb}
.post-article .ob-content .table-of-contents li:first-child{border-top:0}
.post-article .ob-content .table-of-contents li::before{content:none}
.post-article .ob-content .table-of-contents a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;margin:0 -12px;border-radius:8px;color:var(--base);font-size:17px;line-height:26px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}
.post-article .ob-content .table-of-contents a::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--accent);transform:scaleY(0);transition:transform .2s}
.post-article .ob-content .table-of-contents a::after{content:"\2192";flex:none;color:var(--accent);opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s}
.post-article .ob-content .table-of-contents a:hover{background:#fff;color:#0b9a62}
.post-article .ob-content .table-of-contents a:hover::before{transform:scaleY(1)}
.post-article .ob-content .table-of-contents a:hover::after{opacity:1;transform:translateX(0)}
.post-article .ob-content .table-of-contents a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:479px){.post-article .ob-content .table-of-contents{padding:18px 16px 10px}.post-article .ob-content .table-of-contents a{font-size:16px;line-height:24px}}

/* ===== Kapcsolodo cikkek (sotet kartyak) ===== */
.related{display:flex;flex-direction:column;gap:32px}
.related__title{margin:0;color:var(--contrast-3);font-family:var(--font-serif);font-style:italic;font-weight:600;font-size:32px;line-height:1.2;letter-spacing:0}
.related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:24px}
@media (max-width:1024px){.related__grid{grid-template-columns:minmax(0,1fr)}}
.rel-card{display:flex;flex-direction:column;background:var(--base-2);height:100%}
.rel-card__img{display:block;width:100%;height:135px;object-fit:cover;margin:0}
.rel-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:32px;flex:1}
.rel-card__title{margin:0;color:var(--contrast);font-size:22px;line-height:1.35;font-weight:500}
.rel-card__title a{color:inherit;text-decoration:none}
.rel-card__title a:hover{color:var(--yellow)}
.rel-card__date{margin:0 0 12px;color:var(--accent);font-size:14px;line-height:24px;font-weight:700;text-transform:uppercase}
.rel-card .btn{margin-top:auto}
@media (max-width:767px){.rel-card__body{padding:20px}}

/* Vegtelen gorgetes */
.blog-sentinel{height:1px}
.blog-sentinel.is-loading{height:48px;background:radial-gradient(circle,var(--accent) 3px,transparent 4px) center/24px 24px no-repeat;animation:ob-pulse 1s ease-in-out infinite}
@keyframes ob-pulse{50%{opacity:.3}}
.post-card.is-appended{animation:ob-card-in .5s var(--ease-out,ease-out) both}
@keyframes ob-card-in{from{opacity:0;transform:translateY(16px)}}
@media (prefers-reduced-motion:reduce){.post-card.is-appended,.blog-sentinel.is-loading{animation:none}}

.blog-pager[hidden]{display:none}