/* =========================
SINGLE PAGE
========================= */
.tq-single-title{font-size:34px;line-height:1.3;margin-bottom:16px;}
.tq-single-meta{font-size:14px;color:#666;margin-bottom:20px;}
.tq-meta-sep{margin:0 6px;color:#bbb;}
.tq-single-featured{
margin-bottom:24px;
aspect-ratio:16/9;
overflow:hidden;
}

.tq-single-img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

/* =====================
MODERN COLLAPSIBLE TOC
===================== */

.techqor-toc-wrapper{
margin:34px 0;
}

.techqor-toc{
background:#fff;
border:1px solid #e6e8ee;
padding:20px 22px;
}

/* header */

.techqor-toc-toggle{
display:flex;
justify-content:space-between;
align-items:center;

width:100%;
background:none;
border:none;

font-size:18px;
font-weight:700;

cursor:pointer;
}

/* expand button */

.techqor-toc-arrow{
font-size:13px;
color:#6a5cff;
background:#f3f4f8;
padding:4px 10px;
}

/* collapsed */

.techqor-toc.collapsed ul{
display:none;
}

.techqor-toc.collapsed .techqor-toc-arrow::before{
content:"+ Expand";
}

.techqor-toc:not(.collapsed) .techqor-toc-arrow::before{
content:"− Collapse";
}

/* list */

.techqor-toc ul{
list-style:none;
padding:0;
margin:16px 0 0;
}

.techqor-toc li{
margin:6px 0;
}

/* links */

.techqor-toc a{
display:block;
font-size:14px;
padding:6px 10px;

text-decoration:none;
color:#444;

transition:.2s;
}

/* hover */

.techqor-toc a:hover{
background:#f3f4f8;
}

/* active heading */

.techqor-toc a.active{
background:#eef2ff;
color:#6a5cff;
font-weight:600;
border-left:3px solid #6a5cff;
}

/* responsive */

@media(max-width:768px){

.techqor-toc{
padding:18px 18px;
}

.techqor-toc-toggle{
font-size:16px;
}

}


/* HEADER */

.tq-toc-header{

display:flex;
justify-content:space-between;
align-items:center;

margin-bottom:10px;

}

.tq-toc-title{

font-weight:600;

}

.tq-toc-toggle{

border:none;
background:none;
font-size:18px;
cursor:pointer;

display:none;

}


/* PROGRESS BAR */

.tq-toc-progress{

height:4px;
background:#eee;
margin-bottom:12px;

}

.tq-toc-progress-bar{

height:4px;
width:0%;
background:#2ea6df;
transition:width .2s ease;

}


/* LIST */

#tq-toc-list{

list-style:none;
padding:0;
margin:0;

}

#tq-toc-list li{

margin:6px 0;

}

#tq-toc-list a{

text-decoration:none;
color:#444;

display:block;

line-height:1.4;

padding:4px 0;

transition:.2s;

}

#tq-toc-list a:hover{

color:#2ea6df;

}

#tq-toc-list a.active{

color:#2ea6df;
font-weight:600;

border-left:3px solid #2ea6df;
padding-left:6px;

}


/* MOBILE COLLAPSIBLE */

@media (max-width:768px){

.tq-floating-toc{

position:relative;
max-width:100%;

}

.tq-toc-toggle{

display:block;

}

#tq-toc-list{

display:none;

}

.tq-floating-toc.open #tq-toc-list{

display:block;

}

}


/* =========================
CONTENT
========================= */
.tq-single-body{font-size:18px;line-height:1.8;}
.tq-single-body p{margin-bottom:18px;}
.tq-single-body h2{font-size:28px;margin:30px 0 14px;}
.tq-single-body h3{font-size:22px;margin:22px 0 12px;}
.tq-single-body img{max-width:100%;margin:20px 0;}
.tq-single-body pre{background:#111;color:#fff;padding:16px;overflow:auto;}

.tq-author-box{display:flex;gap:25px;align-items:center;background:#f8f9ff;padding:30px;}
.tq-author-avatar{width:160px;height:160px;border-radius:12px;overflow:hidden;flex-shrink:0;}
.tq-author-avatar img{width:100%;height:100%;object-fit:cover;border-radius:0 !important;}
.tq-author-avatar img,.avatar{border-radius:0 !important;}

.tq-author-info{flex:1;}
.tq-author-name{font-size:22px;font-weight:700;margin-bottom:5px;}
.tq-author-bio{color:#555;line-height:1.6;margin-bottom:15px;}

.tq-author-links a{padding:10px 16px;background:#eee;font-size:14px;text-decoration:none;margin-right:10px;transition:.3s;}
.tq-author-links a:hover{background:#111;color:#fff;}

@media(max-width:768px){
.tq-author-box{flex-direction:column;text-align:center;}
.tq-author-avatar img{width:130px;height:130px;}
}

.tq-author-badge{display:inline-flex;align-items:center;margin-left:6px;}

.tq-author-instagram{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:#eee;text-decoration:none;font-size:14px;}
.tq-author-instagram svg{display:block;width:16px;height:16px;}
.tq-author-instagram{background:#f2f2f2;transition:all .3s ease;}
.tq-author-instagram:hover{background:#E1306C;color:#fff;}

/* =========================
RELATED POSTS
========================= */
.tq-related-posts{margin-top:50px;}

.tq-related-title{position:relative;font-size:22px;font-weight:600;text-align:center;margin-bottom:28px;}
.tq-related-title::before{content:"";position:absolute;top:50%;left:0;width:35%;height:1px;background:#eee;transform:translateY(-50%);}
.tq-related-title::after{content:"";position:absolute;top:50%;right:0;width:35%;height:1px;background:#eee;transform:translateY(-50%);}

@media(max-width:768px){
.tq-related-title::before,.tq-related-title::after{width:20%;}
}

.tq-related-list{display:grid;grid-template-columns:repeat(2,1fr);}

.tq-related-item{position:relative;display:flex;gap:16px;align-items:flex-start;padding:12px 0;background:#fff;transition:transform .35s ease,box-shadow .35s ease;overflow:hidden;}

.tq-related-item::before,.tq-related-item::after{content:"";position:absolute;background:var(--techqor-primary);transition:all .45s cubic-bezier(.4,0,.2,1);}
.tq-related-item::before{top:0;left:0;height:1px;width:0;}
.tq-related-item::after{bottom:0;right:0;height:1px;width:0;}

.tq-border-left,.tq-border-right{position:absolute;background:var(--techqor-primary);transition:.45s cubic-bezier(.4,0,.2,1);}
.tq-border-left{top:0;left:0;width:1px;height:0;}
.tq-border-right{bottom:0;right:0;width:1px;height:0;}

.tq-related-item:hover::before{width:100%;}
.tq-related-item:hover::after{width:100%;}
.tq-related-item:hover .tq-border-left{height:100%;}
.tq-related-item:hover .tq-border-right{height:100%;}

.tq-related-thumb{flex:0 0 180px;}
.tq-related-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;transition:transform .35s ease;}

.tq-related-content{flex:1;}
.tq-related-post-title{font-size:16px;line-height:1.4;margin-bottom:6px;}
.tq-related-post-title a{color:#222;}
.tq-related-post-title a:hover{color:var(--techqor-primary);}

.tq-related-meta{font-size:13px;color:#777;}

/* =========================
COMMENTS
========================= */
.comment{border:1px solid #eee;padding:16px;margin-bottom:16px;}
.comment-author{font-weight:600;margin-bottom:4px;}
.comment-meta{font-size:13px;color:#888;margin-bottom:10px;}

@media(min-width:769px){
.tq-related-item:nth-child(odd){border-right:1px solid #eee;padding-right:20px;}
.tq-related-item:nth-child(even){padding-left:20px;}
}

/* =========================
TABLET
========================= */
@media(max-width:1024px){
.tq-single-title{font-size:28px;}
.tq-related-thumb{flex:0 0 120px;}
}

/* =========================
MOBILE
========================= */
@media(max-width:768px){
.tq-single-post{max-width:100%;}
.tq-single-title{font-size:22px;}
.tq-single-body{font-size:16px;}
.tq-author-box{flex-direction:column;}

.tq-related-list{grid-template-columns:1fr;}
.tq-related-item{border-right:none;padding-right:0;padding-left:0;border-bottom:1px solid #eee;padding-bottom:16px;}

.tq-related-thumb{flex:0 0 100px;}
.tq-related-post-title{font-size:14px;}
}

/* =========================
COMMENT SYSTEM
========================= */
.comments-area{margin-top:60px;padding:30px;border:1px solid #eee;background:#fafafa;}

.comments-title{font-size:24px;font-weight:600;margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid #eee;}

.comment-list{margin-top:20px;}

.comment{display:flex;gap:16px;padding:18px;border:1px solid #eee;background:#fff;margin-bottom:18px;transition:.25s;}
.comment:hover{box-shadow:0 6px 20px rgba(0,0,0,0.05);}

.comment-author img{border-radius:50%;width:42px;height:42px;}

.comment-body{flex:1;}

.comment-author{font-weight:600;margin-bottom:4px;}

.comment-author .fn{position:relative;}

.bypostauthor .fn::after{content:"Author";margin-left:8px;font-size:11px;padding:2px 6px;background:var(--techqor-primary);color:#fff;}

.comment-meta{font-size:12px;color:#888;margin-bottom:10px;}

.comment-content{font-size:15px;line-height:1.6;}

/* =========================
REPLY BUTTON
========================= */
.reply{margin-top:10px;}

.comment-reply-link{display:inline-block;font-size:13px;padding:6px 12px;background:#f3f3f3;color:#333;transition:.25s;}
.comment-reply-link:hover{background:var(--techqor-primary);color:#fff;transform:translateY(-1px);}

.comment-list .children{margin-left:50px;margin-top:16px;}

/* =========================
COMMENT FORM
========================= */
.comment-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px;}
.comment-form-comment{grid-column:1 / -1;}

.comment-form textarea{width:100%;min-height:140px;padding:12px;border:1px solid #ddd;font-size:15px;}
.comment-form input{width:100%;padding:10px 12px;border:1px solid #ddd;font-size:14px;}

.form-submit{grid-column:1 / -1;}

.comment-form input[type="submit"]{background:var(--techqor-primary);color:#fff;border:none;padding:12px 22px;cursor:pointer;transition:.25s;}
.comment-form input[type="submit"]:hover{background:var(--techqor-primary-hover);}

/* =========================
MOBILE
========================= */
@media(max-width:768px){
.comment{flex-direction:column;}
.comment-list .children{margin-left:20px;}
.comment-form{grid-template-columns:1fr;}
.comments-area{padding:20px;}
}

/* =========================
LEAVE A REPLY TITLE DIVIDER
========================= */
.comment-reply-title{position:relative;font-size:22px;font-weight:600;text-align:center;margin:30px 0;}

.comment-reply-title::before{content:"";position:absolute;top:50%;left:0;width:38%;height:1px;background:#eee;transform:translateY(-50%);}
.comment-reply-title::after{content:"";position:absolute;top:50%;right:0;width:38%;height:1px;background:#eee;transform:translateY(-50%);}

/* =========================
RESPONSIVE FIX
========================= */
@media(max-width:768px){
.comment-reply-title::before,.comment-reply-title::after{width:28%;}
}


/* BASE SHARE */

.tq-share{
margin:30px 0;
}

.tq-share-title{
font-size:20px;
font-weight:600;
margin-bottom:15px;
}

/* ROW */

.tq-share-row{
display:flex;
gap:10px;
flex-wrap:wrap;
}

/* BUTTON */

.tq-share-btn{
display:flex;
align-items:center;
gap:8px;
padding:12px 16px;
font-weight:600;
text-decoration:none;
color:#fff;
transition:.3s;
}

.tq-share-btn i{
font-size:16px;
}

/* COLORS */

.facebook{background:#1877f2;}
.twitter{background:#000;}
.linkedin{background:#0a66c2;}
.pinterest{background:#e60023;}
.whatsapp{background:#25d366;}

/* HOVER */

.tq-share-btn:hover{
transform:translateY(-2px);
box-shadow:0 8px 16px rgba(0,0,0,.15);
}


/* ================================= */
/* DESKTOP FLOATING SHARE BAR */
/* ================================= */

@media (min-width:1025px){

/* hide top bottom share */

.tq-share-top,
.tq-share-bottom{
display:none;
}

/* floating bar */

.tq-share-floating{
position:fixed;
top:50%;
left:0;
transform:translateY(-50%);
z-index:999;
}

/* hide title */

.tq-share-floating .tq-share-title{
display:none;
}

/* vertical layout */

.tq-share-floating .tq-share-row{
flex-direction:column;
gap:6px;
}

/* button */

.tq-share-floating .tq-share-btn{

width:54px;
height:54px;

padding:0;

display:flex;
align-items:center;
justify-content:center;

border-radius:0 8px 8px 0;

position:relative;
overflow:hidden;

}

/* icon */

.tq-share-floating .tq-share-btn i{
font-size:20px;
}

/* hide text initially */

.tq-share-floating span{
position:absolute;
left:60px;
white-space:nowrap;
background:#222;
padding:6px 10px;
font-size:13px;
opacity:0;
transform:translateX(-10px);
transition:.3s;
}

/* hover slide text */

.tq-share-floating .tq-share-btn:hover span{
opacity:1;
transform:translateX(0);
}

}


/* ================================= */
/* TABLET */
/* ================================= */

@media (max-width:1024px){

/* hide floating */

.tq-share-floating{
display:none;
}

.tq-share-row{
justify-content:center;
}

}


/* MOBILE FULL WIDTH SHARE */

@media (max-width:600px){

.tq-share-row{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:8px;
width:100%;
}

.tq-share-btn{

width:100%;
height:48px;

padding:0;

display:flex;
align-items:center;
justify-content:center;

}

.tq-share-btn span{
display:none;
}

.tq-share-btn i{
font-size:18px;
}

}



/* META WRAPPER */

.tq-single-meta{

display:flex;
align-items:center;
flex-wrap:wrap;

font-size:14px;

margin-top:10px;

color:#666;

}

/* LEFT META */

.tq-meta-left{

display:flex;
gap:8px;
flex-wrap:wrap;

}

/* GOOGLE NEWS BUTTON */

.tq-google-news{

display:flex;
align-items:center;
gap:6px;

background:#fff;

border:1px solid #ddd;

padding:6px 10px;

font-size:13px;

text-decoration:none;

color:#000;

transition:.3s;

}

.tq-google-news img{

width:18px;

height:18px;

}

.tq-google-news:hover{

box-shadow:0 4px 10px rgba(0,0,0,.1);

}


/* TABLET */

@media (max-width:1024px){

.tq-single-meta{

display:flex;
justify-content:space-between;

}

}


/* MOBILE */

@media (max-width:600px){

.tq-single-meta{

flex-direction:column;
align-items:center;

gap:10px;

}

/* center meta */

.tq-meta-left{

justify-content:center;

}

/* show only date + category */

.tq-meta-author,
.tq-meta-time,
.tq-meta-sep:nth-of-type(1),
.tq-meta-sep:nth-of-type(3){

display:none;

}

/* google news full width */

.tq-meta-right{

width:100%;

}

.tq-google-news{

width:100%;
justify-content:center;

}

}


.tq-google-news{
display:flex;
align-items:center;
gap:8px;
}

.tq-news-icon{
width:18px;
height:18px;
}