/* Blog: dark theme, pink accents */

/* Header 3 (blog): header NON fixed – in flow, body si aggancia sotto il bordo (override custom.min.css) */
.header3-page .sticky-header-wrapper,
.header3-page #sticky-header.sticky-header-header3 {
	position: relative !important;
	top: auto !important;
}
.header3-page #content {
	padding-top: 0 !important;
}

.blog-index-section,.blog-single-section{padding:40px 0 60px;background:#0a0a0a;color:#e0e0e0}
.blog-page-header{margin-bottom:32px}
.blog-page-header-box{background:linear-gradient(135deg,rgba(13,13,13,.98),rgba(20,10,28,.95));border:1px solid rgba(255,0,200,.28);border-radius:14px;padding:28px 32px;margin-bottom:36px;box-shadow:0 4px 24px rgba(0,0,0,.3)}
.blog-page-header-box .blog-page-title{color:#00f2ff;font-size:1.85rem;font-weight:700;margin:0 0 14px;letter-spacing:.02em}
.blog-page-header-box .blog-page-desc{color:#bfc3c9;font-size:1rem;line-height:1.65;margin:0}
.blog-page-header-box .blog-page-desc p{margin:0 0 10px}
.blog-page-header-box .blog-page-desc p:last-child{margin-bottom:0}
@media (max-width:575px){.blog-page-header-box{padding:20px 18px;margin-bottom:28px}.blog-page-header-box .blog-page-title{font-size:1.5rem}}
.blog-page-title{color:#fff;font-size:2rem;margin:0 0 8px;font-weight:700}
.blog-page-desc{color:#aaa;margin:0}
.blog-card{background:#0d0d0d;border:1px solid rgba(255,0,200,.25);border-radius:12px;overflow:hidden;margin-bottom:24px}
.blog-card-thumb{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#0a0a0a}
.blog-card-img{width:100%;height:100%;object-fit:cover;display:block}
.blog-card-body{padding:20px 24px}
.blog-card-title{font-size:1.35rem;margin:0 0 10px}
.blog-card-title a{color:#fff;text-decoration:none}
.blog-card-title a:hover{color:#ff00c8}
.blog-card-meta{font-size:.875rem;color:#00f2ff;margin-bottom:12px}
.blog-card-excerpt{color:#bfc3c9;line-height:1.6;margin-bottom:14px}
.blog-card-tags-details{margin-bottom:14px;border:1px solid rgba(255,0,200,.2);border-radius:8px;background:rgba(255,0,200,.05)}
.blog-card-tags-summary{padding:10px 14px;cursor:pointer;font-size:13px;font-weight:600;color:#ff00c8;list-style:none;user-select:none}
.blog-card-tags-summary::-webkit-details-marker{display:none}
.blog-card-tags-summary::before{content:'▸';display:inline-block;margin-right:8px;transition:transform .2s}
.blog-card-tags-details[open] .blog-card-tags-summary::before{transform:rotate(90deg)}
.blog-card-tags-inner{padding:0 14px 12px;display:flex;flex-wrap:wrap;gap:8px}
.blog-card-tag{display:inline-block;padding:4px 10px;font-size:12px;background:rgba(255,0,200,.15);border-radius:6px;color:#e0e0e0;text-decoration:none}
.blog-card-tag:hover{background:rgba(255,0,200,.3);color:#fff}
.blog-read-more{color:#ff00c8;font-weight:600;text-decoration:none}

/* Blog index grid: 3 blocks per row, square cards */
.blog-posts-grid{margin:0 -12px 24px}
.blog-grid-col{padding:12px;margin-bottom:0}
.blog-card-block{height:100%;display:flex;flex-direction:column;margin-bottom:0;border-radius:14px;border:1px solid rgba(255,0,200,.28);box-shadow:0 4px 20px rgba(0,0,0,.25)}
.blog-card-block .blog-card-thumb{aspect-ratio:1;border-radius:14px 14px 0 0}
.blog-card-block .blog-card-body{flex:1;display:flex;flex-direction:column;padding:18px 20px}
.blog-card-block .blog-card-title{font-size:1.15rem;margin:0 0 8px;line-height:1.35}
.blog-card-block .blog-card-excerpt{font-size:14px;margin-bottom:12px;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.blog-card-block .blog-read-more{margin-top:auto;padding-top:8px}
@media (max-width:991px){.blog-card-block .blog-card-title{font-size:1.2rem}}
@media (max-width:575px){.blog-posts-grid{margin:0 -10px 20px}.blog-grid-col{padding:10px}.blog-card-block .blog-card-body{padding:14px 16px}}

/* Homepage: 3 blog preview blocks (latest articles) */
.home-blog-section.home-blog-three-blocks{padding:40px 0 50px;background:#0a0a0a}
.home-blog-cards-row{margin:0 -12px}
.home-blog-col{padding:12px;margin-bottom:0}
.home-blog-card{margin-bottom:0;height:100%;display:flex;flex-direction:column}
.home-blog-card .blog-card-body{flex:1;display:flex;flex-direction:column}
.home-blog-card .blog-read-more{margin-top:auto}
.home-blog-all-link{text-align:center;margin-top:24px;margin-bottom:0}
.home-blog-all-link .newest-review-readmore{color:#00f2ff;font-weight:600}
.home-blog-all-link .newest-review-readmore:hover{color:#ff00c8}

.blog-sidebar-wrapper{position:sticky;top:100px}
.blog-sidebar-unified-wrapper{position:static;display:flex;flex-direction:column;align-items:stretch;gap:24px}
.blog-sidebar-unified-wrapper .blog-toc-wrapper.blog-toc-sidebar{position:sticky;top:100px;align-self:flex-start;flex-shrink:0;z-index:10}
.blog-sidebar-unified{display:flex;flex-direction:column;gap:20px}
.blog-sidebar,.blog-sidebar-unified .blog-sidebar-box{background:#0d0d0d;border:1px solid rgba(255,0,200,.2);border-radius:12px;padding:20px}
.blog-sidebar-title{color:#ff00c8;font-size:1rem;margin:0 0 12px;font-weight:700}
.blog-recent-list,.blog-categories-list,.blog-related-categories-list,.blog-tags-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.blog-recent-list a,.blog-categories-list a,.blog-related-categories-list a,.blog-tags-list a{color:#e0e0e0;text-decoration:none}
.blog-recent-list a:hover,.blog-categories-list a:hover,.blog-related-categories-list a:hover,.blog-tags-list a:hover{color:#ff00c8}
.blog-related-categories-list li,.blog-tags-list li{display:inline}
.blog-tags-list a,.blog-related-categories-list a{display:inline-block;padding:6px 12px;background:rgba(255,0,200,.1);border-radius:8px;font-size:13px}
.blog-tags-list a:hover,.blog-related-categories-list a:hover{background:rgba(255,0,200,.25);color:#fff}
.blog-tags-list-more{display:none;margin-top:4px}
.blog-tags-list-more.active{display:flex}
.blog-tags-show-more{margin-top:8px;padding:8px 14px;background:transparent;border:1px solid rgba(255,0,200,.4);color:#ff00c8;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}
.blog-tags-show-more:hover{background:rgba(255,0,200,.15)}
.blog-categories-list .count{color:#888;font-size:12px;font-weight:400}
.blog-subscribe-desc{color:#bfc3c9;font-size:14px;margin:0 0 12px;line-height:1.5}
.blog-subscribe-form{display:flex;flex-direction:column;gap:10px}
.blog-subscribe-input{background:#0a0a0a;border:1px solid rgba(255,0,200,.3);color:#fff;padding:10px 14px;border-radius:8px;font-size:14px}
.blog-subscribe-btn{margin-top:4px;padding:10px 18px;background:linear-gradient(135deg,#ff00c8,#8b5cf6);border:none;color:#fff;border-radius:8px;font-weight:600;cursor:pointer}
.blog-subscribe-btn:hover{opacity:.95}
.blog-sidebar-unified .blog-sidebar-box-categories .blog-categories-list{display:block;flex-wrap:initial}
.blog-sidebar-unified .blog-sidebar-box-categories .blog-categories-list li{display:block;margin-bottom:8px}
.blog-sidebar-unified .blog-sidebar-box-categories .blog-categories-list a{display:inline;padding:0;background:transparent}
.blog-sidebar-unified .blog-sidebar-box-categories .blog-categories-list a:hover{background:transparent;color:#ff00c8}
.blog-sidebar-box-tags-list .blog-sidebar-title{color:#ff00c8;font-size:1rem;margin:0 0 12px;font-weight:700}
.blog-sidebar-tags-list{list-style:none;margin:0;padding:0;display:block}
.blog-sidebar-tags-list li{display:block;margin-bottom:8px}
.blog-sidebar-tags-list a{color:#e0e0e0;text-decoration:none}
.blog-sidebar-tags-list a:hover{color:#ff00c8}
.blog-sidebar-tags-list .count{color:#888;font-size:12px;font-weight:400}
.blog-pagination{margin-top:28px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.blog-pagination a,.blog-pagination span{padding:8px 14px;background:#0d0d0d;border:1px solid rgba(255,0,200,.3);color:#fff;text-decoration:none;border-radius:8px}
.blog-pagination .current{background:rgba(255,0,200,.2);border-color:#ff00c8}
.blog-single-article{background:#0d0d0d;border:1px solid rgba(255,0,200,.2);border-radius:12px;padding:28px 32px;margin-bottom:24px}
.blog-single-header{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,0,200,.12)}
.blog-single-title{font-size:1.85rem;margin:0 0 16px;font-weight:700;line-height:1.25;color:#00f2ff}
.blog-single-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.blog-meta-item{display:inline-flex;align-items:center;gap:6px;font-size:13px;padding:6px 14px;background:rgba(255,0,200,.08);border:1px solid rgba(255,0,200,.2);border-radius:20px;color:#00f2ff}
.blog-meta-item time{color:inherit}
.blog-meta-author{color:#bfc3c9;border-color:rgba(0,242,255,.2);background:rgba(0,242,255,.06)}
.blog-meta-author .blog-author-link{color:inherit;text-decoration:none}
.blog-meta-author .blog-author-link:hover{color:#00f2ff;text-decoration:underline}
.blog-single-content{color:#e0e0e0;line-height:1.75}
.blog-single-content h2{color:#00f2ff;font-size:1.4rem;font-weight:700;margin:1.75em 0 .6em}
.blog-single-content h3{color:#00f2ff;font-size:1.2rem;font-weight:700;margin:1.5em 0 .5em}
.blog-single-content h2:first-child,.blog-single-content h3:first-child{margin-top:0}
.blog-single-content table{width:100%;border-collapse:collapse;margin:1.5em 0;background:#0a0a0a;border:1px solid rgba(255,0,200,.3);border-radius:8px}
.blog-single-content table th,.blog-single-content table td{padding:12px 16px;border-bottom:1px solid rgba(255,0,200,.15);color:#e0e0e0}
.blog-single-content table th{background:rgba(255,0,200,.15);color:#fff;font-weight:600}
.blog-author-profile{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,0,200,.2)}
.blog-author-profile-inner{display:flex;align-items:flex-start;gap:24px;background:#0d0d0d;border:1px solid rgba(255,0,200,.2);border-radius:12px;padding:24px}
.blog-author-photo{flex-shrink:0}
.blog-author-photo img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:2px solid rgba(255,0,200,.3)}
.blog-author-info{flex:1;min-width:0}
.blog-author-name{color:#fff;font-size:1.25rem;margin:0 0 10px;font-weight:700}
.blog-author-bio{color:#bfc3c9;font-size:15px;line-height:1.6;margin:0}
.blog-author-bio p{margin:0 0 8px}
.blog-author-bio p:last-child{margin-bottom:0}
@media (max-width:575px){.blog-author-profile-inner{flex-direction:column;align-items:center;text-align:center}.blog-author-photo img{width:100px;height:100px}}
.comments-area{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,0,200,.2)}
.comment-body{background:#0d0d0d;border:1px solid rgba(255,0,200,.2);border-radius:10px;padding:16px 20px;margin-bottom:12px}
.comment-author{color:#ff00c8;font-weight:600}
.comment-form input,.comment-form textarea{background:#0d0d0d;border:1px solid rgba(255,0,200,.3);color:#fff;border-radius:8px;padding:10px 14px;width:100%}
.comment-form .submit{background:linear-gradient(135deg,#ff00c8,#8b5cf6);border:none;color:#fff;padding:10px 24px;border-radius:8px;cursor:pointer}
@media (max-width:991px){.blog-sidebar-wrapper{position:static;margin-top:32px}}
@media (max-width:768px){.blog-single-article{padding:16px 18px}.blog-single-title{font-size:1.5rem}.blog-single-header{padding-bottom:16px;margin-bottom:16px}}

/* Blog single: TOC in sidebar (sticky), unified sidebar below */
@media (min-width:992px) {
.blog-single-section .blog-single-main.category-main-content{min-width:0}
.blog-single-section .blog-toc-wrapper.blog-toc-sidebar{width:100%;max-width:100%;max-height:calc(100vh - 120px);overflow-y:auto;display:block !important}
.blog-single-section .blog-toc-wrapper .table-of-contents{background:linear-gradient(135deg,rgba(10,5,20,.95),rgba(5,5,15,.95));border:1px solid rgba(255,0,255,.3);border-radius:16px;padding:15px;box-shadow:0 4px 20px rgba(0,0,0,.5)}
.blog-single-section .blog-toc-wrapper .toc-title{color:#fff;font-size:15px;font-weight:800;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px}
.blog-single-section .blog-toc-wrapper .toc-list{list-style:none;padding:0;margin:0}
.blog-single-section .blog-toc-wrapper .toc-item{margin-bottom:6px}
.blog-single-section .blog-toc-wrapper .toc-item.toc-level-3{padding-left:16px}
.blog-single-section .blog-toc-wrapper .toc-link{color:#BDC1C6;text-decoration:none;font-size:14px;display:block;padding:4px 0}
.blog-single-section .blog-toc-wrapper .toc-link:hover,.blog-single-section .blog-toc-wrapper .toc-link.active{color:#00f2ff}
.blog-single-section .blog-toc-wrapper .toc-item-active .toc-link{color:#ff00c8;font-weight:600}
}
@media (max-width:991px) {
.blog-single-section .blog-toc-wrapper.desktop-view{display:none !important}
.blog-mobile-toc-bar{display:flex !important}
.blog-single-section{padding-bottom:80px !important}
}
/* Mobile TOC bar (same as category) */
.blog-mobile-toc-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#1a1625 0%,#2d1f3d 100%);border-top:2px solid rgba(255,0,200,.5);padding:12px 15px;gap:10px;align-items:center;box-shadow:0 -5px 20px rgba(0,0,0,.5)}
.blog-mobile-toc-bar .mobile-toc-dropdown{flex:1;position:relative}
.blog-mobile-toc-bar .mobile-toc-toggle{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.4);border:2px solid rgba(0,242,255,.5);border-radius:8px;padding:12px 16px;width:100%;color:#00f2ff;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1px;cursor:pointer}
.blog-mobile-toc-bar .mobile-toc-toggle.active{background:rgba(0,242,255,.1);border-color:#00f2ff}
.blog-mobile-toc-bar .mobile-toc-menu{position:absolute;bottom:100%;left:0;right:0;background:#1a1625;border:2px solid rgba(255,0,200,.4);border-radius:12px 12px 0 0;max-height:0;overflow:hidden;opacity:0;transition:all .3s ease;margin-bottom:10px}
.blog-mobile-toc-bar .mobile-toc-menu.active{max-height:60vh;overflow-y:auto;opacity:1}
.blog-mobile-toc-bar .mobile-toc-item{display:block;padding:14px 20px;color:#BDC1C6;text-decoration:none;font-size:14px;border-bottom:1px solid rgba(255,255,255,.1)}
.blog-mobile-toc-bar .mobile-toc-item:hover{background:rgba(255,0,200,.1);color:#00f2ff}
.blog-mobile-toc-bar .mobile-scroll-top-btn{background:rgba(255,0,200,.3);border:1px solid #ff00c8;color:#fff;padding:12px 16px;border-radius:8px;font-weight:700;cursor:pointer;white-space:nowrap}

.blog-toc-in-alto { margin-bottom: 24px; }


/* Featured image above the fold, same width as body content */
.blog-featured-wrap{margin:0 auto;padding:20px 15px 0}
.blog-featured-slot{width:100%;max-width:100%;margin:0;padding:0;overflow:hidden;background:#0a0a0a;line-height:0;min-height:calc(100vh - 100px);display:flex;align-items:stretch;justify-content:center;border-radius:12px}
.blog-featured-slot-img{width:100%;height:100%;min-height:calc(100vh - 100px);display:block;object-fit:cover;object-position:center center;border-radius:12px}
@media (max-width:991px){.blog-featured-slot{min-height:50vh}.blog-featured-slot-img{min-height:50vh}.blog-featured-wrap{padding:16px 15px 0}}
.blog-single-under-header{margin-top:0;padding-top:0}
.blog-single-section.blog-single-under-header .container{padding-top:24px}

/* Blog breadcrumb: Home > Blog > Post (single row, no category) */
.blog-breadcrumb{margin-bottom:20px;padding:0}
.blog-breadcrumb-list{list-style:none;margin:0;padding:12px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:0;font-size:13px;background:rgba(13,13,13,.85);border:1px solid rgba(255,0,200,.15);border-radius:10px}
.blog-breadcrumb-item{display:inline-flex;align-items:center;gap:0}
.blog-breadcrumb-item a{color:#00f2ff;text-decoration:none;padding:2px 0}
.blog-breadcrumb-item a:hover{color:#fff}
.blog-breadcrumb-current{color:#aaa;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.blog-breadcrumb-sep{width:20px;height:20px;margin:0 6px;position:relative;flex-shrink:0;opacity:.7}
.blog-breadcrumb-sep::after{content:'';position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-right:1.5px solid #00f2ff;border-bottom:1.5px solid #00f2ff;transform:rotate(-45deg)}
@media (max-width:767px){.blog-breadcrumb-list{padding:10px 14px;font-size:12px}.blog-breadcrumb-current{max-width:180px}}