/*
Theme Name: Shoreditch Bistritenii
Theme URI: https://bistritenii.ro
Description: Temă satirică pentru BISTRITENII.RO - umor și parodie locală despre bistrițeni. Bazată pe Shoreditch, customizată pentru conținut satiric cu imagini parodie și stil de revistă comică locală.
Version: 2.0.0
Author: BISTRITENII.RO
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: shoreditch-bistritenii
Tags: satire, humor, local, two-columns, right-sidebar, custom-colors, featured-images
*/

/*--------------------------------------------------------------
>>> CUPRINS BISTRITENII.RO:
----------------------------------------------------------------
# Normalize (din Shoreditch original)
# Typography (din Shoreditch + customizări satirice)
# Elements
# Forms
# Layout
# Navigation
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
# Media
# Jetpack
# Extra Classes
# Responsive
# === BISTRITENII.RO CUSTOM SATIRE SKIN ===
	## Variabile & Palette Satirică
	## Branding & Header
	## Navigație Revistă Satirică
	## Link-uri & Butoane Comic
	## Carduri Articole Parodie
	## Imagini cu Frame-uri Comic
	## Ștampile Satirice
	## Citate & Speech Bubbles
	## Comentarii
	## Sidebar & Widgets
	## Footer cu Disclaimer
	## Clase Utile Satirice
	## Responsive Satire
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
	display: block;
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden], template {
	display: none;
}

a {
	background-color: transparent;
}

a:active, a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b, strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0 0 1.5em;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button, select {
	text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled], html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: border-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #f3f3f3;
	margin: 0;
	padding: 0.5em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography - Base Shoreditch
--------------------------------------------------------------*/
body, button, input, select, textarea {
	color: #7a7c84;
	font-family: Lato, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

/* Titluri - vom suprascrie pentru satiră mai jos */
h1, h2, h3, h4, h5, h6, .site-title {
	clear: both;
	color: #2c313f;
	font-family: Poppins, sans-serif;
	font-weight: bold;
	margin: 0 0 1.5rem;
}

h1, .entry-title {
	font-size: 40px;
	font-size: 2.5rem;
	line-height: 1.2;
}

h2, .comment-reply-title, .comments-title {
	font-size: 32px;
	font-size: 2rem;
	line-height: 1.125;
}

h3, .page-title, .widgettitle, .widget-title {
	font-size: 25px;
	font-size: 1.5625rem;
	line-height: 1.2;
}

h4, .site-title {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.5;
}

h5 {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h6 {
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.3847;
}

dfn, cite, em, i {
	font-style: italic;
}

address, p, pre {
	margin: 0 0 1.5em;
}

blockquote {
	border: 0 solid #3e69dc;
	border-left-width: 2px;
	font-size: 20px;
	font-size: 1.25rem;
	font-style: italic;
	line-height: 1.5;
	margin: 0 0 1.5rem;
	padding-left: 1.5rem;
}

blockquote * {
	margin-bottom: 1.5rem;
}

blockquote cite {
	color: #2c313f;
	display: block;
}

code, kbd, tt, var {
	background: #f3f3f3;
	font-family: Inconsolata, monospace;
	padding: 0 0.25em;
}

pre {
	border: 1px solid #f3f3f3;
	font-family: Inconsolata, monospace;
	max-width: 100%;
	overflow: auto;
	padding: 1.5em;
	position: relative;
}

abbr, abbr[title], acronym {
	border-bottom: 1px dotted;
	cursor: help;
}

mark, ins {
	background: #3e69dc;
	color: #fff;
	padding: 0 0.25em;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

body {
	background: #fff;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

hr {
	background-color: #f3f3f3;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 1.25em;
	padding: 0;
}

ul {
	list-style: outside disc;
}

ol {
	list-style: outside decimal;
}

li > ul, li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dl {
	margin: 0 0 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em;
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

table, th, td {
	border: 1px solid #f3f3f3;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.5em;
	table-layout: fixed;
	width: 100%;
}

th {
	border-width: 0 1px 1px 0;
}

td {
	border-width: 0 1px 1px 0;
}

th, td {
	padding: 0.25em;
}

/*--------------------------------------------------------------
# Forms - Base
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
	background: #3e69dc;
	border: 0;
	border-radius: 5em;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: bold;
	letter-spacing: 0.0625em;
	line-height: 1.3847;
	padding: 0.5625rem 1.5em;
	text-transform: uppercase;
}

button:focus, button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover {
	background: #2c313f;
	outline: none;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #f3f3f3;
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
	max-width: 100%;
	padding: 0.375em;
	width: 100%;
}

select {
	background: #f3f3f3;
	border: 0;
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, select:focus, textarea:focus {
	background: transparent;
	outline: 2px solid #3e69dc;
	outline-offset: -2px;
}

label {
	color: #2c313f;
}

/* Search Form */
.search-form {
	position: relative;
	padding-bottom: 1.5em;
}

.search-form .search-field {
	padding-right: 2.625em;
}

.search-form .search-submit {
	background: transparent;
	border-radius: 0;
	font-size: 16px;
	font-size: 1rem;
	height: 2.25em;
	line-height: 1;
	padding: 0;
	position: absolute;
	right: 0;
	text-transform: none;
	top: 0;
	width: 2.25em;
}

.search-form .search-submit:focus, .search-form .search-submit:hover {
	background: transparent;
}

.search-form .search-submit:before {
	background: #3e69dc;
	border-radius: 50%;
	content: "\f400";
	display: block;
	font-family: Genericons;
	height: 1.75em;
	left: 50%;
	line-height: 1.75;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1.75em;
}

/*--------------------------------------------------------------
# Layout - Base Shoreditch
--------------------------------------------------------------*/
.entry-hero-wrapper, .hentry-wrapper, .site-content-wrapper, .site-footer-wrapper, .site-header-wrapper, .widget-area-wrapper {
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
	max-width: 56.25rem;
	width: 90%;
	width: calc(100% - 3em);
}

.content-area, .site-content-wrapper {
	width: 100%;
}

.content-area, .site-header-wrapper {
	max-width: 100%;
}

.site-content-wrapper {
	display: flex;
	flex-flow: row wrap;
	position: relative;
}

/*--------------------------------------------------------------
## Header Base
--------------------------------------------------------------*/
.site-header {
	background: #fff;
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 1.5em;
	width: 100%;
}

.site-header-wrapper {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
}

.site-branding {
	margin-left: 0;
	margin-right: auto;
	margin-top: 1.5em;
	padding-right: 1.5em;
}

.site-description {
	display: none;
}

.custom-logo-link {
	display: block;
}

.custom-logo {
	max-width: 180px;
}

/*--------------------------------------------------------------
## Footer Base
--------------------------------------------------------------*/
.site-footer {
	border-top: 1px solid #f3f3f3;
	padding: 1.5em 0;
}

.site-info a {
	color: #7a7c84;
}

.site-info a:focus, .site-info a:hover {
	color: #3e69dc;
}

.sep {
	color: #f3f3f3;
	padding: 0 0.5em;
}

/*--------------------------------------------------------------
## Widgets Base
--------------------------------------------------------------*/
.site-content-wrapper .widget-area {
	border-top: 1.5em solid #2c313f;
	padding: 1.5em 1.5em 0;
	width: 100%;
}

.widget-footer-area {
	padding-top: 1.5em;
}

/*--------------------------------------------------------------
# Navigation - Base
--------------------------------------------------------------*/
a {
	color: #2c313f;
	text-decoration: none;
}

a:visited {
	font-weight: normal;
}

a:focus, a:hover {
	color: #3e69dc;
	outline: 0;
}

/* Main Menu */
.site-menu {
	display: none;
	flex: 0 1 100%;
}

.site-menu.toggled-on {
	display: block;
}

.main-navigation {
	margin-top: 1.5em;
}

.main-navigation .primary-menu {
	border-bottom: 1px solid;
}

.main-navigation ul {
	color: #f3f3f3;
	display: none;
	list-style: none;
	margin: 0;
}

.main-navigation.toggled-on ul, .main-navigation.toggled-on ul.toggled-on {
	display: block;
}

.main-navigation.toggled-on ul ul {
	display: none;
}

.main-navigation li {
	border-top: 1px solid;
	position: relative;
}

.main-navigation a {
	color: #2c313f;
	display: block;
	font-weight: bold;
	padding: 0.75em 0;
}

.main-navigation a:focus, .main-navigation a:hover {
	color: #3e69dc;
}

.main-navigation ul ul {
	background: #fff;
	margin-left: 1.5em;
}

/* Menu Toggle */
.menu-toggle {
	margin-top: 1.5em;
}

/* Dropdown Toggle */
.dropdown-toggle {
	border: 0.25em solid;
	border-radius: 50%;
	font-size: 16px;
	font-size: 1rem;
	height: 2.5em;
	line-height: 1;
	padding: 0;
	position: absolute;
	right: 0;
	text-transform: none;
	top: 0.25em;
	width: 2.5em;
}

.dropdown-toggle:before {
	content: "\f431";
	font-family: Genericons;
	height: 1em;
	left: 50%;
	line-height: 1;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1em;
}

.dropdown-toggle.toggled-on:before {
	content: "\f432";
}

/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.comment-navigation, .post-navigation, .posts-navigation {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.comment-navigation, .posts-navigation {
	border: 1px solid #f3f3f3;
	border-width: 1px 0 0;
}

.comment-navigation a, .posts-navigation a {
	border: 0;
	display: block;
	font-weight: bold;
	padding: 1.5em;
}

.post-navigation a {
	border: 1px solid #f3f3f3;
	border-width: 1px 0 0;
	display: block;
	padding: 1.5em;
}

.comment-navigation a:focus, .comment-navigation a:hover, .post-navigation a:focus, .post-navigation a:hover, .posts-navigation a:focus, .posts-navigation a:hover {
	background-color: #f3f3f3;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-author:before, .entry-author:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .page-content:before, .page-content:after, .page-links:before, .page-links:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .widget-area-wrapper:before, .widget-area-wrapper:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after, .entry-author:after, .entry-content:after, .comment-content:after, .page-content:after, .page-links:after, .site-header:after, .site-content:after, .site-footer:after, .widget-area-wrapper:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets - Base
--------------------------------------------------------------*/
.widget {
	margin: 0;
}

.widget-title:empty {
	display: none;
}

/* Calendar */
.widget_calendar td, .widget_calendar th {
	line-height: 2.35;
	padding: 0;
	text-align: center;
}

.widget_calendar caption {
	font-weight: bold;
	margin-bottom: 1.5em;
}

/* Lists */
.widget_archive ul, .widget_categories ul, .widget_links ul, .widget_meta ul, .widget_nav_menu ul, .widget_pages ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_rss ul {
	border-bottom: 1px solid #f3f3f3;
	list-style: none;
	margin-left: 0;
}

.widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_recent_comments li, .widget_recent_entries li, .widget_rss li {
	border-top: 1px solid #f3f3f3;
	padding: 0.75em 0;
}

/* Tag Cloud */
.widget_tag_cloud .tagcloud {
	padding-bottom: 1.25em;
	display: flex;
	flex-wrap: wrap;
}

.widget_tag_cloud .tagcloud a {
	background: #f3f3f3;
	display: block;
	margin-bottom: 0.25em;
	margin-right: 0.25em;
	padding: 0.25em 0.5em;
}

/*--------------------------------------------------------------
# Content - Base
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	border-bottom: 1px solid #f3f3f3;
	margin: 0 0 1.5em;
	padding-top: 1.5em;
}

.hentry:last-of-type {
	border-bottom: 0;
	margin-bottom: 0;
}

.hentry + .hentry {
	margin-top: -1.5em;
}

.updated:not(.published) {
	display: none;
}

.entry-content, .entry-summary {
	margin: 0;
}

.page-content {
	padding: 1.5em 1.5em 0;
}

.page-header {
	border-bottom: 1px solid #f3f3f3;
	padding: 1.5em 1.5em 0;
}

.page-title span {
	color: #7a7c84;
}

.entry-header {
	color: #2c313f;
}

/* Entry Meta & Footer */
.entry-meta {
	font-weight: bold;
	margin-bottom: 0.375rem;
	text-transform: uppercase;
}

.entry-footer > span, .entry-meta > span {
	display: inline-block;
	padding: 0.1875rem 0;
}

.entry-footer > span:last-of-type {
	margin-bottom: 1.5rem;
}

/*--------------------------------------------------------------
## Comments Base
--------------------------------------------------------------*/
.comments-area {
	border-top: 1px solid #f3f3f3;
	padding-top: 1.5em;
}

.comments-wrapper {
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.comment-list {
	list-style: none;
	margin: 0;
}

.comment-list .children {
	list-style: none;
}

.comment-list > li {
	border-bottom: 1px solid #f3f3f3;
	margin-bottom: 1.5em;
}

.comment-list > li:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comment-meta {
	margin-bottom: 1.5em;
}

.comment-author .avatar {
	border-radius: 50%;
	float: left;
	height: 3em;
	margin-right: 0.375em;
	vertical-align: middle;
	width: 3em;
}

.comment-author .fn {
	font-weight: normal;
}

.reply {
	margin-bottom: 1.5em;
}

.comment-reply-link {
	font-weight: bold;
}

/*--------------------------------------------------------------
# Media - Base
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

embed, iframe, object, video, .fb_iframe_widget, .wp-audio-shortcode {
	margin-bottom: 1.5em;
	max-width: 100%;
}

p embed, p iframe, p object, p video {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: auto;
}

.wp-caption:not(.large-element) {
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	border-bottom: 1px solid #f3f3f3;
	margin: 0;
}

.wp-caption-text {
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.3847;
	padding: 0.1875rem 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin: -0.75em 0 0.75em;
	transform: translateX(-0.75em);
	width: calc(100% + 1.5em);
}

.gallery-item {
	display: inline-block;
	margin: 0;
	padding: 0.75em;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-8 .gallery-item {
	max-width: 50%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Extra Classes - Base
--------------------------------------------------------------*/
.button {
	background: #3e69dc;
	border: 0;
	border-radius: 5em;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: bold;
	letter-spacing: 0.0625em;
	line-height: 1.3847;
	padding: 0.69231em 1.5em;
	text-align: center;
	text-shadow: none;
	text-transform: uppercase;
}

.button, .button:focus, .button:hover {
	color: #fff;
}

.button:focus, .button:hover {
	background: #2c313f;
}

/*--------------------------------------------------------------
# Columns - Base
--------------------------------------------------------------*/
.column-1-2, .column-1-3 {
	float: none;
	width: 100%;
}

/* ============================================================== 
   BISTRITENII.RO - CUSTOM SATIRE SKIN
   Site de umor și satiră locală cu imagini parodie
   ============================================================== */

/*--------------------------------------------------------------
## Variabile & Palette Satirică
--------------------------------------------------------------*/
:root {
	/* Culori principale - vibe de satiră caldă, jucăușă */
	--bistr-bg-page: #fff9e6;
	--bistr-bg-card: #ffffff;
	--bistr-bg-header: #111827;
	--bistr-bg-header-accent: #facc15;
	
	/* Accente satirice */
	--bistr-accent: #f97316;         /* portocaliu de "glumă" */
	--bistr-accent-alt: #ec4899;     /* roz satiric pentru hover */
	--bistr-accent-soft: #ffedd5;    /* fundal ușor pentru tag-uri */
	--bistr-accent-green: #22c55e;   /* verde pentru badge local */
	--bistr-accent-red: #b91c1c;     /* roșu pentru pamflet */
	
	/* Text */
	--bistr-text-main: #111827;
	--bistr-text-muted: #6b7280;
	--bistr-text-light: #e5e7eb;
	
	/* Efecte */
	--bistr-shadow-sm: 0 4px 8px rgba(15, 23, 42, 0.08);
	--bistr-shadow-md: 0 12px 24px rgba(15, 23, 42, 0.12);
	--bistr-shadow-lg: 0 18px 40px rgba(15, 23, 42, 0.18);
	--bistr-shadow-comic: 0 8px 0 rgba(15, 23, 42, 0.6);
	
	/* Border radius */
	--bistr-radius-sm: 8px;
	--bistr-radius-md: 14px;
	--bistr-radius-lg: 18px;
	--bistr-radius-pill: 999px;
}

/*--------------------------------------------------------------
## Body & Background - Atmosferă Satirică
--------------------------------------------------------------*/
body {
	/* Gradient subtil care sugerează hârtie de revistă veche */
	background: radial-gradient(circle at top left, #fff9e6 0%, #fff 45%, #ffe4e6 100%);
	background-attachment: fixed;
	color: var(--bistr-text-main);
}

/* Pattern opțional pentru extra vibe (decomentează dacă vrei) */
/*
body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: 
		repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255, 255, 255, 0.05) 2px, rgba(255, 255, 255, 0.05) 4px);
	pointer-events: none;
	z-index: 0;
	opacity: 0.3;
}
*/

/*--------------------------------------------------------------
## Typography - Fonturi Jucăușe pentru Satiră
--------------------------------------------------------------*/
/* Titluri în stil de revistă satirică - bold, uppercase, cu personalitate */
h1, h2, h3, h4, h5, h6, .site-title, .entry-title {
	font-family: "Baloo 2", "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-weight: 800;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--bistr-text-main);
}

/* Text body - lizibil și prietenos */
body, button, input, select, textarea {
	color: var(--bistr-text-main);
	font-family: "Inter", "Lato", -apple-system, BlinkMacSystemFont, sans-serif;
}

/*--------------------------------------------------------------
## Branding & Header - BISTRITENII.RO Logo & Atmosferă
--------------------------------------------------------------*/
.site-header {
	background: var(--bistr-bg-header);
	border-bottom: 4px solid var(--bistr-bg-header-accent);
	box-shadow: 0 6px 0 rgba(249, 115, 22, 0.3), var(--bistr-shadow-md);
	padding-bottom: 0.75em;
	padding-top: 0.35em;
}

.site-header-wrapper {
	padding-top: 0.75em;
	padding-bottom: 0.75em;
}

.site-branding {
	margin-top: 0.75em;
}

/* Titlul site-ului - BISTRITENII.RO - mare ca titlurile de articol */
.site-title {
	margin-bottom: 0;
}

.site-title a {
	display: inline-block;
	color: var(--bistr-bg-header-accent);
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-weight: 900;
	font-size: 2.4rem;      /* Mare, impactant */
	line-height: 1.1;
	text-shadow: 
		0 3px 0 rgba(250, 204, 21, 0.35),
		0 4px 12px rgba(249, 115, 22, 0.5);
	transition: all 0.2s ease;
}

.site-title a:hover, .site-title a:focus {
	color: var(--bistr-accent-alt);
	text-shadow: 
		0 3px 0 rgba(236, 72, 153, 0.35),
		0 6px 16px rgba(236, 72, 153, 0.6);
	transform: translateY(-1px);
}

/* Tagline - se afișează pentru claritate că e satiră */
.site-description {
	display: block !important;
	color: var(--bistr-text-muted);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	margin-top: 0.25rem;
	opacity: 0.85;
	font-weight: 600;
}

/* Logo custom mai mare */
.custom-logo {
	max-width: 240px;
	filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}

/* Badge SATIRĂ în header (opțional - adaugă în theme) */
.satire-badge {
	display: inline-flex;
	align-items: center;
	padding: 0.2em 0.8em;
	background: var(--bistr-accent-red);
	color: #fff;
	font-size: 0.65rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.16em;
	border-radius: var(--bistr-radius-pill);
	margin-left: 0.5em;
	vertical-align: middle;
}

/*--------------------------------------------------------------
## Navigație - Menu de Revistă Satirică
--------------------------------------------------------------*/
.main-navigation ul, .main-navigation.toggled-on ul {
	background: transparent;
	font-size: 0.85rem;
}

.main-navigation a {
	color: #f9fafb;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 0.8rem;
	letter-spacing: 0.14em;
	transition: all 0.2s ease;
}

.main-navigation a:hover, .main-navigation a:focus {
	color: var(--bistr-accent-alt);
	transform: translateY(-1px);
}

.main-navigation .primary-menu > li > a {
	border-bottom-width: 3px;
	border-color: transparent;
	transition: border-color 0.2s ease;
}

.main-navigation .primary-menu .current_page_item > a,
.main-navigation .primary-menu .current-menu-item > a,
.main-navigation .primary-menu .current_page_ancestor > a {
	border-color: var(--bistr-accent);
	color: var(--bistr-accent);
}

/* Dropdown-uri pe fundal închis */
.main-navigation ul ul {
	background: #020617;
	border: 1px solid #1e293b;
	border-radius: var(--bistr-radius-sm);
	box-shadow: var(--bistr-shadow-lg);
}

.main-navigation ul ul li {
	border-bottom-color: #0f172a;
}

.main-navigation ul ul a {
	font-size: 0.75rem;
	padding: 0.85em 1em;
}

.main-navigation ul ul a:hover, .main-navigation ul ul a:focus {
	background: rgba(249, 115, 22, 0.1);
}

/* Menu Toggle - buton mobil cu stil satiric */
.menu-toggle {
	background: linear-gradient(135deg, var(--bistr-accent) 0%, var(--bistr-accent-alt) 100%);
	color: #fff;
	border-radius: var(--bistr-radius-pill);
	padding: 0.5em 1.3em;
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-weight: 800;
	box-shadow: var(--bistr-shadow-comic);
	transition: all 0.15s ease;
}

.menu-toggle:hover, .menu-toggle:focus {
	background: linear-gradient(135deg, var(--bistr-accent-alt) 0%, var(--bistr-accent) 100%);
	transform: translateY(-2px);
	box-shadow: 0 10px 0 rgba(15, 23, 42, 0.7);
}

/*--------------------------------------------------------------
## Link-uri & Butoane - Stil Comic & Energic
--------------------------------------------------------------*/
a {
	color: var(--bistr-accent);
	text-decoration: none;
	transition: all 0.15s ease;
}

a:hover, a:focus {
	color: var(--bistr-accent-alt);
}

/* Shadow comic pentru link-uri în conținut */
.comment-content a, .entry-content a, .entry-summary a, .taxonomy-description a {
	box-shadow: 0 2px 0 rgba(236, 72, 153, 0.45);
	transition: box-shadow 0.15s ease, color 0.15s ease, transform 0.12s ease;
	text-decoration: none;
}

.comment-content a:hover, .comment-content a:focus,
.entry-content a:hover, .entry-content a:focus,
.entry-summary a:hover, .entry-summary a:focus,
.taxonomy-description a:hover, .taxonomy-description a:focus {
	box-shadow: 0 4px 0 rgba(249, 115, 22, 0.65);
	transform: translateY(-1px);
	color: var(--bistr-accent);
}

/* Eliminăm shadow-ul de la imagini și butoane */
.comment-content a.no-shadow, .entry-content a.no-shadow,
.comment-content a[href$=".png"], .comment-content a[href$=".jpg"],
.entry-content a[href$=".png"], .entry-content a[href$=".jpg"],
.comment-content a.button, .entry-content a.button {
	box-shadow: none;
}

/* Butoane globale - gradient energic cu shadow comic */
button, input[type="button"], input[type="reset"], input[type="submit"], .button {
	background: linear-gradient(135deg, var(--bistr-accent) 0%, var(--bistr-accent-alt) 100%);
	border-radius: var(--bistr-radius-pill);
	border: 0;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-weight: 800;
	font-size: 0.8rem;
	padding: 0.75em 1.75em;
	box-shadow: var(--bistr-shadow-comic);
	transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
	cursor: pointer;
}

button:hover, button:focus,
input[type="button"]:hover, input[type="button"]:focus,
input[type="reset"]:hover, input[type="reset"]:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
.button:hover, .button:focus {
	filter: brightness(1.08);
	transform: translateY(-2px);
	box-shadow: 0 10px 0 rgba(15, 23, 42, 0.7);
	color: #fff;
}

/* Varianta minimal/alt - outline style */
.button.minimal, .button.alt {
	background: transparent;
	color: var(--bistr-accent);
	border: 2px solid var(--bistr-accent);
	box-shadow: none;
}

.button.minimal:hover, .button.minimal:focus,
.button.alt:hover, .button.alt:focus {
	background: var(--bistr-accent);
	color: #fff;
	box-shadow: var(--bistr-shadow-comic);
}

/*--------------------------------------------------------------
## Carduri Articole - Look de Revistă Satirică cu Pată de Culoare
--------------------------------------------------------------*/
.hentry {
	background: var(--bistr-bg-card);
	border-radius: var(--bistr-radius-lg);
	border: 0;
	box-shadow: var(--bistr-shadow-lg), 0 0 0 1px rgba(15, 23, 42, 0.04);
	padding: 2.5rem 2.5rem 2rem;
	margin: 0 0 2.5rem;
	position: relative;
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hentry:hover {
	transform: translateY(-4px);
	box-shadow: 
		0 24px 50px rgba(15, 23, 42, 0.18),
		0 0 0 1px rgba(15, 23, 42, 0.06);
}

/* "Pată" decorativă de culoare în colț pentru vibe comic */
.hentry::before {
	content: "";
	position: absolute;
	top: -50px;
	right: -100px;
	width: 240px;
	height: 240px;
	background: radial-gradient(
		circle at center, 
		rgba(250, 204, 21, 0.85), 
		rgba(249, 115, 22, 0.12)
	);
	transform: rotate(-12deg);
	pointer-events: none;
	opacity: 0.7;
}

/* Alternate color pentru varietate */
.hentry:nth-child(even)::before {
	background: radial-gradient(
		circle at center, 
		rgba(236, 72, 153, 0.75), 
		rgba(249, 115, 22, 0.1)
	);
	top: auto;
	bottom: -60px;
	right: auto;
	left: -90px;
	transform: rotate(8deg);
}

/* Titlul articolului - mare, de tabloid satiric */
.entry-title, h1.entry-title {
	font-size: 2.4rem;
	line-height: 1.08;
	margin-bottom: 0.45em;
	text-shadow: 
		0 2px 0 rgba(250, 204, 21, 0.25),
		0 4px 12px rgba(249, 115, 22, 0.15);
	position: relative;
	z-index: 1;
}

.entry-title a {
	color: var(--bistr-text-main);
	transition: color 0.15s ease, text-shadow 0.15s ease;
}

.entry-title a:hover, .entry-title a:focus {
	color: var(--bistr-accent-alt);
	text-shadow: 
		0 2px 0 rgba(236, 72, 153, 0.3),
		0 4px 16px rgba(236, 72, 153, 0.25);
}

/* Meta - etichete ca pastile/badge-uri */
.entry-meta {
	font-size: 0.75rem;
	color: var(--bistr-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.18em;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em 0.8em;
	margin-bottom: 0.6em;
	position: relative;
	z-index: 1;
}

.entry-meta > span {
	padding: 0;
}

/* Categorii și tag-uri - pastile colorate */
.entry-meta .cat-links a, .entry-footer .cat-links a {
	display: inline-flex;
	align-items: center;
	gap: 0.3em;
	padding: 0.25em 0.9em;
	border-radius: var(--bistr-radius-pill);
	font-size: 0.65rem;
	font-weight: 900;
	background: var(--bistr-accent-soft);
	color: #9a3412;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	box-shadow: 0 2px 0 rgba(248, 113, 22, 0.35);
	transition: all 0.15s ease;
}

.entry-meta .cat-links a:hover, .entry-footer .cat-links a:hover {
	background: var(--bistr-accent);
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 4px 0 rgba(248, 113, 22, 0.5);
}

.entry-meta .cat-links a::before {
	content: "🔥";
	font-size: 0.9em;
}

/* Tag-uri */
.entry-footer .tags-links a {
	display: inline-flex;
	align-items: center;
	gap: 0.2em;
	padding: 0.2em 0.75em;
	border-radius: var(--bistr-radius-pill);
	font-size: 0.65rem;
	font-weight: 800;
	background: rgba(15, 23, 42, 0.06);
	color: var(--bistr-text-muted);
	text-transform: uppercase;
	letter-spacing: 0.16em;
	transition: all 0.15s ease;
}

.entry-footer .tags-links a:hover {
	background: var(--bistr-accent-alt);
	color: #fff;
	transform: translateY(-1px);
}

.entry-footer .tags-links a::before {
	content: "#";
	font-weight: 900;
}

/* Footer articol */
.entry-footer {
	margin-top: 1.75rem;
	color: var(--bistr-text-muted);
	position: relative;
	z-index: 1;
}

.entry-footer > span:not(:last-child):after {
	content: "•";
	color: rgba(148, 163, 184, 0.5);
	padding: 0 0.6em;
}

/*--------------------------------------------------------------
## Imagini - Cadre pentru Parodie & Hover Comic
--------------------------------------------------------------*/
.entry-content img, .wp-caption img, .gallery .gallery-item img {
	border-radius: var(--bistr-radius-md);
	box-shadow: 
		var(--bistr-shadow-md),
		0 0 0 2px rgba(251, 191, 36, 0.35);
	transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

/* Hover cu zoom subtil și rotate pentru efect caricatură */
.entry-content img:hover, .wp-caption img:hover, .gallery .gallery-item img:hover {
	transform: translateY(-6px) rotate(-0.8deg);
	box-shadow: 
		0 22px 60px rgba(15, 23, 42, 0.35),
		0 0 0 3px rgba(236, 72, 153, 0.55);
	filter: saturate(1.12) contrast(1.05);
}

/* Cadru special pentru imagini de parodie marcate cu clasa .parody-frame */
.parody-frame {
	position: relative;
	display: inline-block;
	padding: 0.5rem;
	border-radius: calc(var(--bistr-radius-lg) + 4px);
	/* Fundal în dungi diagonale ca "cadru de caricatură" */
	background-image: repeating-linear-gradient(
		-45deg,
		var(--bistr-bg-header-accent),
		var(--bistr-bg-header-accent) 5px,
		var(--bistr-bg-header) 5px,
		var(--bistr-bg-header) 10px
	);
	box-shadow: var(--bistr-shadow-lg);
	margin: 1.5rem 0;
}

.parody-frame img {
	border-radius: var(--bistr-radius-md);
	box-shadow: none !important;
	transform: none !important;
	filter: none !important;
	margin: 0;
}

/* Ștampilă "PARODIE" / "SATIRĂ" pe imagine */
.parody-stamp {
	position: absolute;
	top: 1rem;
	right: -2.5rem;
	background: rgba(248, 113, 22, 0.95);
	color: var(--bistr-text-main);
	text-transform: uppercase;
	font-size: 0.7rem;
	font-weight: 900;
	letter-spacing: 0.2em;
	padding: 0.25rem 3rem;
	border-radius: var(--bistr-radius-pill);
	transform: rotate(18deg);
	box-shadow: 
		var(--bistr-shadow-comic),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
	z-index: 2;
}

/* Versiune stânga */
.parody-stamp-left {
	left: -2.5rem;
	right: auto;
	transform: rotate(-18deg);
}

/* Variante de text pentru ștampilă */
.parody-stamp::before {
	content: "🎭 PARODIE";
}

.satire-stamp::before {
	content: "💥 SATIRĂ";
}

.fake-news-stamp {
	background: rgba(185, 28, 28, 0.95);
	color: #fff;
}

.fake-news-stamp::before {
	content: "⚠️ FAKE NEWS";
}

/*--------------------------------------------------------------
## Citate & Blocuri - Speech Bubbles de Pamflet
--------------------------------------------------------------*/
blockquote {
	position: relative;
	background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
	border-left: 5px solid var(--bistr-accent-alt);
	padding: 1.75rem 1.75rem 1.75rem 2.25rem;
	border-radius: var(--bistr-radius-md);
	margin: 2rem 0;
	font-style: italic;
	font-size: 1.15rem;
	transform: rotate(-0.5deg);
	box-shadow: var(--bistr-shadow-md);
}

/* Ghilimele mari decorative */
blockquote::before {
	content: "„";
	position: absolute;
	font-size: 5rem;
	line-height: 1;
	top: -0.3rem;
	left: 0.3rem;
	color: rgba(236, 72, 153, 0.15);
	font-family: Georgia, "Times New Roman", serif;
	font-style: normal;
}

blockquote p:last-child {
	margin-bottom: 0;
}

blockquote cite {
	font-style: normal;
	font-weight: 700;
	color: #9a3412;
	font-size: 0.85em;
	display: block;
	margin-top: 0.75rem;
}

blockquote cite::before {
	content: "— ";
}

/* Variantă "citat de bistrițean" cu alt fundal */
.blockquote-bistritean {
	background: linear-gradient(135deg, #eef2ff 0%, #ddd6fe 100%);
	border-left-color: #6366f1;
}

.blockquote-bistritean::before {
	color: rgba(99, 102, 241, 0.15);
}

.blockquote-bistritean cite {
	color: #4338ca;
}

/* Citat evidențiat / pull quote */
.pullquote {
	background: var(--bistr-bg-header);
	color: var(--bistr-bg-header-accent);
	border-left: 0;
	border-radius: var(--bistr-radius-lg);
	padding: 2rem 2.5rem;
	margin: 2.5rem 0;
	font-size: 1.35rem;
	text-align: center;
	transform: rotate(0deg);
	box-shadow: var(--bistr-shadow-lg);
}

.pullquote::before {
	display: none;
}

.pullquote cite {
	color: var(--bistr-text-light);
}

/*--------------------------------------------------------------
## Comentarii - Conversații Ironice
--------------------------------------------------------------*/
.comments-area {
	background: rgba(15, 23, 42, 0.02);
	border-radius: var(--bistr-radius-lg);
	padding: 2.5rem 2rem;
	border-top: 0;
	margin-top: 3rem;
}

.comments-wrapper {
	padding: 0;
}

.comments-title, .comment-reply-title {
	color: var(--bistr-accent);
	font-size: 1.8rem;
	margin-bottom: 1.5rem;
}

.comment-list > li {
	padding: 1.5rem;
	background: var(--bistr-bg-card);
	border-radius: var(--bistr-radius-sm);
	margin-bottom: 1.5rem;
	border-bottom: 0;
	box-shadow: var(--bistr-shadow-sm);
}

.comment-author .fn {
	font-weight: 800;
	color: var(--bistr-accent);
}

.comment-author .avatar {
	box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.4);
	transition: box-shadow 0.15s ease;
}

.comment-author .avatar:hover {
	box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.5);
}

.comment-metadata {
	font-size: 0.75rem;
	color: var(--bistr-text-muted);
}

.comment-metadata a {
	color: var(--bistr-text-muted);
}

.comment-metadata a:hover {
	color: var(--bistr-accent);
}

/* Buton reply mai energic */
.comment-reply-link {
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	font-size: 0.75rem;
	color: var(--bistr-accent);
}

.comment-reply-link::after {
	color: var(--bistr-accent-alt);
	margin-left: 0.3em;
}

.comment-reply-link:hover, .comment-reply-link:focus {
	color: var(--bistr-accent-alt);
}

/*--------------------------------------------------------------
## Sidebar & Widgets - Cutii de Glume Scurte
--------------------------------------------------------------*/
.site-content-wrapper .widget-area {
	background: linear-gradient(135deg, rgba(15, 23, 42, 0.02) 0%, rgba(15, 23, 42, 0.04) 100%);
	border-radius: var(--bistr-radius-lg) 0 0 var(--bistr-radius-lg);
	border-top: 0;
	padding: 2rem 2rem 1.5rem;
}

.widget {
	padding: 1.75rem 0 1.5rem;
	border-bottom: 2px dashed rgba(148, 163, 184, 0.3);
}

.widget:last-child {
	border-bottom: 0;
}

.widget-title, .widgettitle {
	font-size: 1.1rem;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	color: var(--bistr-accent);
	margin-bottom: 1rem;
}

/* Tag cloud ca "nor de glume" */
.widget_tag_cloud .tagcloud a {
	border-radius: var(--bistr-radius-pill);
	background: rgba(249, 115, 22, 0.08);
	color: var(--bistr-accent);
	font-size: 0.75rem !important;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	padding: 0.35em 0.85em;
	transition: all 0.15s ease;
}

.widget_tag_cloud .tagcloud a:hover {
	background: var(--bistr-accent);
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 4px 0 rgba(248, 113, 22, 0.5);
}

/* Liste în widget-uri */
.widget ul {
	margin-left: 0;
}

.widget li {
	border-color: rgba(148, 163, 184, 0.2);
}

/*--------------------------------------------------------------
## Footer - Notă Clară că Este Satiră + Disclaimer
--------------------------------------------------------------*/
.site-footer {
	background: var(--bistr-bg-header);
	border-top: 0;
	color: var(--bistr-text-light);
	padding: 3rem 0 2rem;
}

.site-footer-wrapper {
	width: calc(100% - 3em);
}

.site-info {
	color: #9ca3af;
	font-size: 0.8rem;
	line-height: 1.6;
}

.site-info a {
	color: var(--bistr-text-light);
	text-decoration: underline;
	text-decoration-color: rgba(229, 231, 235, 0.3);
	text-underline-offset: 2px;
}

.site-info a:hover, .site-info a:focus {
	color: var(--bistr-accent);
	text-decoration-color: var(--bistr-accent);
}

/* Banner de disclaimer pentru satiră (folosește un text widget cu clasa) */
.satire-disclaimer {
	margin-top: 2rem;
	padding: 1.25rem 1.5rem;
	border-radius: var(--bistr-radius-md);
	background: rgba(248, 250, 252, 0.08);
	border: 2px solid rgba(248, 250, 252, 0.15);
	color: var(--bistr-text-light);
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.16em;
	line-height: 1.6;
	text-align: center;
}

.satire-disclaimer strong {
	color: var(--bistr-bg-header-accent);
	font-weight: 900;
}

/* Exemplu de text pentru disclaimer în footer:
<div class="satire-disclaimer">
	<strong>⚠️ ATENȚIE:</strong> Acest site conține materiale satirice și parodii despre bistrițeni. Toate materialele sunt fictive și create în scop de divertisment. Orice asemănare cu persoane reale este pur întâmplătoare.
</div>
*/

/*--------------------------------------------------------------
## Clase Utile Satirice - Pentru Marcare Specială în Editor
--------------------------------------------------------------*/

/* Titlu mic de secțiune "rubrică" - ex: BANCUL ZILEI, DIN PIAȚĂ */
.rubrica-label {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	padding: 0.2em 1em;
	border-radius: var(--bistr-radius-pill);
	font-size: 0.7rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	background: var(--bistr-bg-header);
	color: var(--bistr-bg-header-accent);
	margin-bottom: 0.75rem;
	box-shadow: 0 4px 0 rgba(15, 23, 42, 0.8);
}

.rubrica-label::before {
	content: "🎭";
	font-size: 1.1em;
}

/* Badge roșu pentru conținut explicit satiric / pamflet */
.badge-pamflet {
	display: inline-flex;
	align-items: center;
	padding: 0.15rem 0.8rem;
	border-radius: var(--bistr-radius-pill);
	background: var(--bistr-accent-red);
	color: #fee2e2;
	font-size: 0.65rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	box-shadow: 0 2px 0 #7f1d1d;
}

/* Badge verde pentru "umor local" */
.badge-local {
	display: inline-flex;
	align-items: center;
	gap: 0.25em;
	padding: 0.15rem 0.75rem;
	border-radius: var(--bistr-radius-pill);
	background: var(--bistr-accent-green);
	color: #022c22;
	font-size: 0.65rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	box-shadow: 0 2px 0 #166534;
}

.badge-local::before {
	content: "📍";
	font-size: 1em;
}

/* Badge portocaliu pentru "verificat de bistrițeni" */
.badge-verified {
	display: inline-flex;
	align-items: center;
	gap: 0.3em;
	padding: 0.15rem 0.8rem;
	border-radius: var(--bistr-radius-pill);
	background: var(--bistr-accent);
	color: #fff;
	font-size: 0.65rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	box-shadow: 0 2px 0 #9a3412;
}

.badge-verified::before {
	content: "✓";
	font-size: 1.2em;
	font-weight: 900;
}

/* Highlight box pentru citate / fapte amuzante */
.fun-fact-box {
	background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
	border-left: 5px solid var(--bistr-accent);
	border-radius: var(--bistr-radius-md);
	padding: 1.5rem 1.75rem;
	margin: 2rem 0;
	font-size: 0.95rem;
	box-shadow: var(--bistr-shadow-md);
}

.fun-fact-box::before {
	content: "💡 ȘTIAI CĂ...";
	display: block;
	font-size: 0.7rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	color: var(--bistr-accent);
	margin-bottom: 0.75rem;
}

/* Alert box pentru "avertisment" comic */
.comic-alert {
	background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
	border: 3px solid var(--bistr-accent-red);
	border-radius: var(--bistr-radius-md);
	padding: 1.5rem 1.75rem;
	margin: 2rem 0;
	font-size: 0.95rem;
	box-shadow: var(--bistr-shadow-md);
}

.comic-alert::before {
	content: "⚠️ ATENȚIE BISTRIȚENI!";
	display: block;
	font-size: 0.75rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	color: var(--bistr-accent-red);
	margin-bottom: 0.75rem;
}

/* Text evidențiat "senzațional" ca în tabloidele vechi */
.text-sensational {
	display: inline;
	background: linear-gradient(135deg, var(--bistr-accent) 0%, var(--bistr-accent-alt) 100%);
	color: #fff;
	padding: 0.15em 0.5em;
	border-radius: 4px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	box-shadow: 0 2px 0 rgba(15, 23, 42, 0.5);
}

/*--------------------------------------------------------------
## Responsive pentru Satiră - Ajustări pe ecrane mari
--------------------------------------------------------------*/

@media screen and (min-width: 600px) {
	/* Layout mai aerisit */
	.hentry {
		padding: 3rem 3rem 2.5rem;
	}
	
	.hentry::before {
		top: -60px;
		right: -110px;
		width: 280px;
		height: 280px;
	}
	
	.hentry:nth-child(even)::before {
		bottom: -70px;
		left: -100px;
	}
}

@media screen and (min-width: 768px) {
	/* Titluri mai mari pe desktop */
	.site-title a {
		font-size: 2.8rem;
	}
	
	.entry-title, h1.entry-title {
		font-size: 2.8rem;
	}
	
	/* Navigație desktop */
	body:not(.no-sidebar) .content-area {
		padding-right: 2em;
	}
	
	.site-content-wrapper .widget-area {
		padding: 3rem 2.5rem 2rem;
	}
	
	/* Comentarii */
	.comments-area {
		padding: 3rem 2.5rem;
	}
}

@media screen and (min-width: 896px) {
	/* Layout complet desktop */
	.sticky-header .site-content {
		padding-top: 5rem;
	}
	
	.sticky-header .site-header {
		position: fixed;
		width: 100%;
		z-index: 9999;
		transition: all 0.25s ease;
	}
	
	.custom-logo {
		max-width: 260px;
	}
	
	/* Menu dropdown styling */
	.main-navigation ul ul {
		min-width: 14rem;
	}
	
	/* Footer layout */
	.site-footer-wrapper {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	
	.site-info {
		margin: 0 auto 0 0;
		flex: 1;
	}
	
	.jetpack-social-navigation {
		flex: 0;
	}
}

@media screen and (min-width: 1020px) {
	/* Extra spacing pentru confort */
	.hentry {
		padding: 3.5rem 3.5rem 3rem;
	}
	
	.entry-title, h1.entry-title {
		font-size: 3.2rem;
	}
	
	.site-title a {
		font-size: 3.2rem;
	}
}

/* ==========================================================
   FINAL BISTRITENII.RO
   Site de satiră și umor local - Toate drepturile rezervate
   ========================================================== */