/**
 * TechsBreaking — CryptoSlate dark UI overrides for Blogsy News.
 * Loaded on top of existing Blogsy styles. No DB changes required.
 */

/* ==========================================================================
   Base & typography
   ========================================================================== */

html.tb-cryptoslate,
html.tb-cryptoslate body,
body.tb-cryptoslate-ui {
	background-color: #0d0d0d !important;
	color: #cccccc;
	font-family: "Inter", system-ui, -apple-system, sans-serif;
}

html.tb-cryptoslate {
	--pt-body-bg-color: #0d0d0d;
	--pt-card-bg: #1a1a1a;
	--pt-accent-color: #ff6b35;
	--pt-headings-color: #f0f0f0;
	--pt-body-color: #cccccc;
	--pt-border-color: rgba(255, 255, 255, 0.1);
}

html.tb-cryptoslate h1,
html.tb-cryptoslate h2,
html.tb-cryptoslate h3,
html.tb-cryptoslate h4,
html.tb-cryptoslate h5,
html.tb-cryptoslate h6,
html.tb-cryptoslate .title {
	color: #f0f0f0;
}

html.tb-cryptoslate a:hover {
	color: #ff6b35;
}

/* ==========================================================================
   Sticky header
   ========================================================================== */

html.tb-cryptoslate .pt-header,
html.tb-cryptoslate .pt-header-sticky,
html.tb-cryptoslate .pt-header .pt-header-inner {
	background: rgba(13, 13, 13, 0.95) !important;
	border-color: #2a2a2a !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

html.tb-cryptoslate .pt-header-sticky.is-sticky .pt-header-inner,
html.tb-cryptoslate .pt-header.is-sticky {
	box-shadow: 0 1px 0 #2a2a2a;
}

html.tb-cryptoslate .pt-header .blogsy-header-nav > li > a,
html.tb-cryptoslate .pt-header .blogsy-header-v-nav > li > a {
	color: #999999 !important;
	font-weight: 500;
	font-size: 0.9rem;
	transition: color 0.2s ease;
}

html.tb-cryptoslate .pt-header .blogsy-header-nav > li > a:hover,
html.tb-cryptoslate .pt-header .blogsy-header-nav > li.current-menu-item > a,
html.tb-cryptoslate .pt-header .blogsy-header-nav > li.current_page_item > a {
	color: #f0f0f0 !important;
}

html.tb-cryptoslate .pt-nav-container {
	background: #0d0d0d !important;
	border-top: 1px solid #2a2a2a;
	border-bottom: 1px solid #2a2a2a;
}

html.tb-cryptoslate .pt-logo-container {
	background: #0d0d0d !important;
	border-bottom: 1px solid #2a2a2a;
}

/* Header buttons & search */
html.tb-cryptoslate .pt-header-widget .blogsy-customizer-widget-button a,
html.tb-cryptoslate .pt-header .pt-button,
html.tb-cryptoslate .blogsy-news-ticker-btn {
	background: #ff6b35 !important;
	color: #111 !important;
	border-radius: 999px !important;
	font-weight: 600 !important;
	border: none !important;
}

html.tb-cryptoslate .pt-header-widget .blogsy-customizer-widget-button a:hover {
	background: #ff8555 !important;
}

html.tb-cryptoslate .popup-search-opener,
html.tb-cryptoslate .blogsy-search-form-toggle {
	border-color: #2a2a2a !important;
	color: #999 !important;
}

html.tb-cryptoslate .popup-search-opener:hover {
	color: #ff6b35 !important;
	border-color: #ff6b35 !important;
}

/* ==========================================================================
   Hero / banner section
   ========================================================================== */

html.tb-cryptoslate #blogsy-hero {
	background: #0d0d0d !important;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

html.tb-cryptoslate .pt-hero-type-three .post-wrapper,
html.tb-cryptoslate .blogsy-post-elastic-widget .post-wrapper,
html.tb-cryptoslate #blogsy-hero-nexo-slider .post-wrapper {
	background: #1a1a1a !important;
	border: 1px solid #2a2a2a !important;
	border-radius: 10px !important;
	transition: border-color 0.2s ease;
}

html.tb-cryptoslate .pt-hero-type-three .post-wrapper:hover,
html.tb-cryptoslate .blogsy-post-elastic-widget .post-wrapper:hover,
html.tb-cryptoslate #blogsy-hero-nexo-slider .post-wrapper:hover {
	border-color: rgba(255, 107, 53, 0.5) !important;
}

html.tb-cryptoslate .hero-tabs-inner .tab-btn {
	background: #141414 !important;
	border: 1px solid #2a2a2a !important;
	border-radius: 8px !important;
	color: #999 !important;
}

html.tb-cryptoslate .hero-tabs-inner .tab-btn.active,
html.tb-cryptoslate .hero-tabs-inner .tab-btn:hover {
	background: rgba(255, 107, 53, 0.12) !important;
	border-color: #ff6b35 !important;
	color: #ff6b35 !important;
}

html.tb-cryptoslate .pt-hero-slider .carousel-nav-prev,
html.tb-cryptoslate .pt-hero-slider .carousel-nav-next {
	background: #1a1a1a !important;
	border: 1px solid #2a2a2a !important;
	color: #f0f0f0 !important;
}

html.tb-cryptoslate .pt-hero-slider .carousel-nav-prev:hover,
html.tb-cryptoslate .pt-hero-slider .carousel-nav-next:hover {
	border-color: #ff6b35 !important;
	color: #ff6b35 !important;
}

/* Category / term labels */
html.tb-cryptoslate .term-item,
html.tb-cryptoslate .entry-meta-category a,
html.tb-cryptoslate .post-categories a,
html.tb-cryptoslate .blog-horizontal-2 .post-wrapper .term-item {
	color: var(--term-color, #ff6b35) !important;
	font-size: 0.7rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em;
}

/* ==========================================================================
   Article cards & archive grid
   ========================================================================== */

html.tb-cryptoslate .card-layout,
html.tb-cryptoslate .card-layout-w,
html.tb-cryptoslate .post-wrapper,
html.tb-cryptoslate .blogsy-post-item {
	background: #1a1a1a !important;
	border: 1px solid #2a2a2a !important;
	border-radius: 10px !important;
	overflow: hidden;
	transition: border-color 0.2s ease;
}

html.tb-cryptoslate .post-wrapper:hover,
html.tb-cryptoslate .blogsy-post-item:hover {
	border-color: rgba(255, 107, 53, 0.4) !important;
}

html.tb-cryptoslate .post-wrapper .title a,
html.tb-cryptoslate .blogsy-post-item .title a {
	color: #f0f0f0 !important;
}

html.tb-cryptoslate .post-wrapper .title a:hover,
html.tb-cryptoslate .blogsy-post-item .title a:hover {
	color: #ff6b35 !important;
}

html.tb-cryptoslate .meta-wrapper,
html.tb-cryptoslate .entry-meta,
html.tb-cryptoslate .blogsy-entry-meta {
	color: #999 !important;
	font-size: 0.82rem;
}

html.tb-cryptoslate .meta-wrapper a,
html.tb-cryptoslate .entry-meta a {
	color: #999 !important;
}

html.tb-cryptoslate .post-wrapper .image-wrapper img,
html.tb-cryptoslate .blogsy-post-item img {
	border-radius: 0;
	transition: transform 0.35s ease;
}

html.tb-cryptoslate .post-wrapper:hover .image-wrapper img {
	transform: scale(1.03);
}

/* Archive grid spacing */
html.tb-cryptoslate .blogsy-posts-wrapper.layout-grid {
	gap: 1.25rem;
}

html.tb-cryptoslate .blog-horizontal-2 .post-wrapper {
	padding: 1rem;
}

/* ==========================================================================
   News ticker
   ========================================================================== */

html.tb-cryptoslate #blogsy-ticker,
html.tb-cryptoslate .blogsy-news-ticker {
	background: #141414 !important;
	border-top: 1px solid #2a2a2a;
	border-bottom: 1px solid #2a2a2a;
}

html.tb-cryptoslate .blogsy-news-ticker-label {
	color: #ff6b35 !important;
	font-weight: 700;
}

/* ==========================================================================
   Sidebar
   ========================================================================== */

html.tb-cryptoslate .sidebar-container,
html.tb-cryptoslate .sidebar-container-inner {
	background: transparent !important;
}

html.tb-cryptoslate .sidebar-container .blogsy-sidebar-widget,
html.tb-cryptoslate .blogsy-sidebar-widget {
	background: #141414 !important;
	border: 1px solid #2a2a2a !important;
	border-radius: 10px !important;
	padding: 1.25rem !important;
	margin-bottom: 1rem !important;
}

html.tb-cryptoslate .blogsy-sidebar-widget .widget-title,
html.tb-cryptoslate .blogsy-divider-heading .title {
	color: #f0f0f0 !important;
	font-size: 0.85rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em;
}

html.tb-cryptoslate .blogsy-sidebar-widget a {
	color: #cccccc;
}

html.tb-cryptoslate .blogsy-sidebar-widget a:hover {
	color: #ff6b35;
}

/* ==========================================================================
   Single post
   ========================================================================== */

html.tb-cryptoslate .single-content-container,
html.tb-cryptoslate .single-post-content {
	color: #dddddd;
}

html.tb-cryptoslate .single-post-title,
html.tb-cryptoslate .single-page-title {
	color: #f0f0f0 !important;
}

html.tb-cryptoslate .single-post-content a {
	color: #ff6b35;
}

html.tb-cryptoslate .blogsy-tags a,
html.tb-cryptoslate .post-tags a {
	background: #222 !important;
	border: 1px solid #2a2a2a !important;
	border-radius: 999px !important;
	color: #999 !important;
	padding: 0.35rem 0.75rem;
}

html.tb-cryptoslate .blogsy-tags a:hover {
	border-color: #ff6b35 !important;
	color: #ff6b35 !important;
}

/* ==========================================================================
   Footer
   ========================================================================== */

html.tb-cryptoslate .pt-footer,
html.tb-cryptoslate footer.pt-footer {
	background: #080808 !important;
	border-top: 1px solid #2a2a2a !important;
	color: #999 !important;
}

html.tb-cryptoslate .pt-footer a {
	color: #999;
}

html.tb-cryptoslate .pt-footer a:hover {
	color: #ff6b35;
}

html.tb-cryptoslate .pt-footer .widget-title {
	color: #f0f0f0 !important;
}

html.tb-cryptoslate .pt-copyright {
	background: #080808 !important;
	border-top: 1px solid #2a2a2a;
	color: #666 !important;
}

/* ==========================================================================
   Pagination & buttons
   ========================================================================== */

html.tb-cryptoslate .page-numbers,
html.tb-cryptoslate .blogsy-pagination .page-numbers {
	background: #1a1a1a !important;
	border: 1px solid #2a2a2a !important;
	color: #999 !important;
	border-radius: 6px !important;
}

html.tb-cryptoslate .page-numbers:hover,
html.tb-cryptoslate .page-numbers.current {
	border-color: #ff6b35 !important;
	color: #ff6b35 !important;
}

html.tb-cryptoslate .blogsy-load-more,
html.tb-cryptoslate .load-more-btn,
html.tb-cryptoslate button[type="submit"] {
	background: #ff6b35 !important;
	color: #111 !important;
	border-radius: 999px !important;
	font-weight: 600 !important;
	border: none !important;
}

html.tb-cryptoslate .blogsy-load-more:hover {
	background: #ff8555 !important;
}

/* ==========================================================================
   Forms & inputs
   ========================================================================== */

html.tb-cryptoslate input[type="text"],
html.tb-cryptoslate input[type="email"],
html.tb-cryptoslate input[type="search"],
html.tb-cryptoslate textarea {
	background: #0d0d0d !important;
	border: 1px solid #2a2a2a !important;
	color: #f0f0f0 !important;
	border-radius: 8px !important;
}

html.tb-cryptoslate input:focus,
html.tb-cryptoslate textarea:focus {
	border-color: #ff6b35 !important;
	outline: none;
}

/* ==========================================================================
   Misc
   ========================================================================== */

html.tb-cryptoslate .pt-container {
	max-width: 1280px;
}

html.tb-cryptoslate .blogsy-breadcrumb {
	color: #666;
}

html.tb-cryptoslate .blogsy-breadcrumb a:hover {
	color: #ff6b35;
}

html.tb-cryptoslate .blogsy-offcanvas,
html.tb-cryptoslate .blogsy-offcanvas .offcanvas-content {
	background: #141414 !important;
}

html.tb-cryptoslate .popup-search-wrapper {
	background: #141414 !important;
}

html.tb-cryptoslate .dark-mode-switcher {
	display: none !important;
}

html.tb-cryptoslate #site {
	background: #0d0d0d;
}

html.tb-cryptoslate .blogsy-section-heading .blogsy-divider-heading .divider-3 {
	background: #2a2a2a !important;
}

/* Stories strip */
html.tb-cryptoslate #blogsy-stories {
	background: #141414 !important;
	border-color: #2a2a2a !important;
}

/* PYML carousel */
html.tb-cryptoslate .blogsy-pyml .post-wrapper {
	background: #1a1a1a !important;
	border: 1px solid #2a2a2a !important;
	border-radius: 10px !important;
}

/* Responsive hero grid */
@media (min-width: 900px) {
	html.tb-cryptoslate .pt-hero-type-three .pt-row {
		align-items: stretch;
	}
}

@media (max-width: 899px) {
	html.tb-cryptoslate .pt-header .pt-header-widget .blogsy-customizer-widget-button {
		display: none;
	}
}