/* "Summarize with AI" buttons - component/ai-summary.php */
.rc-ai-summary{margin:30px 0 10px;padding:18px 20px;border:1px solid #e3e0ec;border-radius:8px;background:var(--light-color,#f4f4f9)}
.rc-ai-title{display:block;margin-bottom:12px;font-family:var(--heading-typography-font-family,'Poppins',sans-serif);font-size:17px;font-weight:600;color:var(--heading-color,#101010)}
.rc-ai-btns{display:flex;flex-wrap:wrap;gap:10px}
.rc-ai-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid #d6d2e2;border-radius:6px;background:#fff;color:var(--blue,#422c6c);font-family:var(--btn-typography-font-family,'Poppins',sans-serif);font-size:15px;line-height:1.2;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.rc-ai-btn svg{flex-shrink:0}
.rc-ai-btn:hover,.rc-ai-btn:focus-visible{background:var(--blue,#422c6c);border-color:var(--blue,#422c6c);color:#fff}
@media (max-width:575px){.rc-ai-btn{flex:1 1 calc(50% - 5px);justify-content:center}}

/* ---------- Blog FAQ (bootstrap accordion inside .blog-content-details) ----------
   Selectors repeat .accordion-button so they outrank the older
   .blog-content-details.blog-content rule in style.css (0,6,0); this file loads later. */
.blog-content-details h3:has(+ .accordion),.blog-content-details h4:has(+ .accordion){position:relative;margin:40px 0 18px;padding-left:14px;font-size:24px;font-weight:600;color:var(--heading-color,#101010)}
.blog-content-details h3:has(+ .accordion)::before,.blog-content-details h4:has(+ .accordion)::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:2px;background:var(--global-color,#fc0012)}
.blog-content-details .accordion{display:flex;flex-direction:column;gap:12px;margin-bottom:10px}
.blog-content-details .accordion .accordion-item{margin:0;border:1px solid #e3e0ec;border-radius:8px!important;background:#fff;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.blog-content-details .accordion .accordion-item:has(.accordion-collapse.show){border-color:var(--blue,#422c6c);box-shadow:0 6px 18px rgba(66,44,108,.08)}
.blog-content-details .accordion .accordion-header{margin:0;padding:0;font-size:inherit;line-height:inherit}
.blog-content-details .accordion .accordion-item .accordion-header .accordion-button.accordion-button{display:flex;align-items:center;gap:14px;width:100%;padding:15px 18px;border-radius:0!important;background:#fff;color:var(--heading-color,#101010);font-family:var(--heading-typography-font-family,'Poppins',sans-serif);font-size:16px;font-weight:500;line-height:1.45;text-align:left}
.blog-content-details .accordion .accordion-item .accordion-header .accordion-button.accordion-button:hover{color:var(--blue,#422c6c)}
.blog-content-details .accordion .accordion-item .accordion-header .accordion-button.accordion-button:not(.collapsed){background:var(--blue,#422c6c);color:#fff}
.blog-content-details .accordion .accordion-item .accordion-header .accordion-button.accordion-button:focus-visible{outline:2px solid var(--global-color,#fc0012);outline-offset:-2px}
.blog-content-details .accordion .accordion-item .accordion-header .accordion-button.accordion-button::after{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:26px;margin-left:auto;border-radius:50%;background:var(--light-color,#f4f4f9);color:var(--blue,#422c6c);content:"+";font-size:20px;font-weight:400;line-height:1;transform:none;transition:transform .25s,background-color .2s}
.blog-content-details .accordion .accordion-item .accordion-header .accordion-button.accordion-button:not(.collapsed)::after{background:rgba(255,255,255,.18);color:#fff;transform:rotate(45deg)}
.blog-content-details .accordion .accordion-body{padding:16px 18px 18px;color:var(--body-typography-color,#666);font-size:16px;line-height:1.7}
.blog-content-details .accordion .accordion-body p:last-child{margin-bottom:0}

/* ---------- Blog tags ---------- */
.blog-content-details .blog-hastag{margin-top:35px;padding-top:22px;border-top:1px solid #e3e0ec}
.blog-content-details .blog-hastag::before{content:"Tags";display:block;margin-bottom:10px;font-family:var(--heading-typography-font-family,'Poppins',sans-serif);font-size:17px;font-weight:600;color:var(--heading-color,#101010)}
.blog-content-details .tag-box{display:block}
.blog-content-details .tag-title{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.blog-content-details .tag-title span,.blog-content-details .tag-title a{margin:0;padding:6px 14px;border:1px solid #d6d2e2;border-radius:50px;background:var(--light-color,#f4f4f9);color:var(--blue,#422c6c);font-size:14px;line-height:1.3;transition:background-color .2s,color .2s,border-color .2s}
.blog-content-details .tag-title span::before,.blog-content-details .tag-title a::before{color:var(--global-color,#fc0012);font-weight:600}
.blog-content-details .tag-title span:hover,.blog-content-details .tag-title a:hover{border-color:var(--blue,#422c6c);background:var(--blue,#422c6c);color:#fff;transform:none}
.blog-content-details .tag-title span:hover::before,.blog-content-details .tag-title a:hover::before{color:#fff}

@media (max-width:575px){
.blog-content-details h3:has(+ .accordion),.blog-content-details h4:has(+ .accordion){font-size:21px}
.blog-content-details .accordion .accordion-item .accordion-header .accordion-button.accordion-button{padding:13px 14px;font-size:15px}
.blog-content-details .accordion .accordion-body{padding:14px}
}