body {
    background-image: url(/images/pirate/pirate-background.png) !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

a:link {
	color: #0072BC;
	text-decoration: none;
}

a:visited {
	color: #0072BC;
	text-decoration: none;
}

a:hover,
a:active {
	color: #0072BC;
	text-decoration: underline;
}

#container {
	color: #333;
	text-align: left;
	line-height: 1.4;
	margin: 0;
	min-width: 0; /* Responsive: evita che il sito sia più largo dello schermo */
}

/* Regolazione logo Monkey Island */
.logo img,
#logo img {
	width: 100% !important;
	max-width: 400px !important;
	height: auto !important;
	aspect-ratio: 1167 / 391 !important;
}


.wrapper {
	width: 92%;
	min-width: 0; /* Responsive: permette alla wrapper di restringersi su smartphone */
	max-width: 1600px;
	margin: auto auto;
}

#logo {
	background: #fff;
	padding: 10px 0;
	border-bottom: 1px solid #263c30;
}

#content {
	background: #fff;
	width: auto !important;
	padding: 20px 10px;
	overflow: hidden;
}

#header ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header ul.menu li {
	margin: 0 7px;
	display: inline;
}

#header ul.menu li a {
	padding-left: 20px;
	background-image: url(../../../images/headerlinks_sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 16px;
}

#logo ul.top_links {
	font-weight: bold;
	text-align: right;
	margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
	background-position: 0 0;
}

#logo ul.top_links a.memberlist {
	background-position: 0 -20px;
}

#logo ul.top_links a.calendar {
	background-position: 0 -40px;
}

#logo ul.top_links a.help {
	background-position: 0 -60px;
}

#logo ul.top_links a.portal {
	background-position: 0 -180px;
}

#panel .upper a.logout {
	font-weight: bold;
	background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
	background: url(../../../images/headerlinks_sprite.png) 0 -100px no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .upper a.register {
	background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .lower ul.panel_links {
	float: left;
}

#panel .lower ul.panel_links a.usercp {
	background-position: 0 -120px;
}

#panel .lower ul.panel_links a.modcp {
	background-position: 0 -140px;
}

#panel .lower ul.panel_links a.admincp {
	background-position: 0 -160px;
}

#panel .lower ul.user_links {
	float: right;
}

#panel .lower ul.user_links li a {
	padding: 0;
	background-image: none;
}

#panel .upper {
	background: #0f0f0f url(../../../images/tcat.png) repeat-x;
	color: #fff;
	border-top: 1px solid #444;
	border-bottom: 1px solid #000;
	padding: 7px;
	clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
	color: #fff;
}

#panel .lower {
	background: #efefef;
	color: #999;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
	color: #666;
}

#search {
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	vertical-align: middle;
}

#search input.button,
#search input.textbox {
	border-color: #000;
}

#search input.button {
	background: #0066a2 url(../../../images/thead.png) top left repeat-x;
	color: #fff;
}

#search input {
	margin: -3px 0;
}

#quick_login .remember_me input {
	vertical-align: middle;
	margin: -3px 0 0 5px;
}

#footer {
	clear: both;
}

#footer ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul.menu li {
	margin: 0 5px;
	display: inline;
}

#footer .upper {
	background: #efefef;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 6px;
	font-size: 12px;
	overflow: hidden;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #777;
}

#footer .upper .language {
	float: right;
	margin: -1px;
	margin-left: 15px;
}

#footer .upper .language select {
	border-color: #ccc;
}

#footer .upper .theme {
	float: right;
	margin: -1px;
	margin-left: 15px;
}

#footer .upper .theme select {
	border-color: #ccc;
}

#footer .upper ul.bottom_links {
	float: left;
	margin: 4px 0 0 0;
}

#footer .lower {
	color: #666;
	padding: 6px 6px 12px 6px;
	overflow: hidden;
	font-size: 11px;
}

#footer .lower a:link,
#footer .lower a:visited {
	color: #444;
	font-weight: bold;
}

#footer .lower a:hover,
#footer .lower a:active {
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}

#footer .lower #current_time {
	float: right;
	color: #888;
}

#debug {
	float: right;
	text-align: right;
	margin-top: 20px;
	font-size: 11px;
}

.scaleimages img {
	max-width: 100%;
}

.forum_status {
	height: 30px;
	width: 30px;
	background: url(../../../images/forum_icon_sprite.png) no-repeat 0 0;
	display: inline-block;
}

.forum_on {
	background-position: 0 0;
}

.forum_off {
	background-position: 0 -30px;
}

.forum_offclose {
	background-position: 0 -60px;
}

.forum_offlink {
	background-position: 0 -90px;
}

.subforumicon {
	height: 10px;
	width: 10px;
	display: inline-block;
	margin: 0 5px;
	background: url(../../../images/mini_status_sprite.png) no-repeat 0 0;
}

.subforum_minion {
	background-position: 0 0;
}

.subforum_minioff {
	background-position: 0 -10px;
}

.subforum_minioffclose {
	background-position: 0 -20px;
}

.subforum_miniofflink {
	background-position: 0 -30px;
}

table {
	color: #333;
	font-size: 13px;
}

.tborder {
	background: #fff;
	width: 100%;
	margin: auto auto;
	border: 1px solid #ccc;
	padding: 1px;
}

.tfixed {
	table-layout: fixed;
	word-wrap: break-word;
}

.thead {
	background: #0066a2 url(../../../images/thead.png) top left repeat-x;
	color: #ffffff;
	border-bottom: 1px solid #263c30;
	padding: 8px;
}

.thead a:link {
	color: #ffffff;
	text-decoration: none;
}

.thead a:visited {
	color: #ffffff;
	text-decoration: none;
}

.thead a:hover,
.thead a:active {
	color: #ffffff;
	text-decoration: underline;
}

.tcat {
	background: #0f0f0f url(../../../images/tcat.png) repeat-x;
	color: #fff;
	border-top: 1px solid #444;
	border-bottom: 1px solid #000;
	padding: 6px;
	font-size: 12px;
}

.tcat a:link {
	color: #fff;
}

.tcat a:visited {
	color: #fff;
}

.tcat a:hover,
.tcat a:active {
	color: #fff;
}

.trow1 {
	background: #f5f5f5;
	border: 1px solid;
	border-color: #fff #ddd #ddd #fff;
}

.trow2 {
	background: #efefef;
	border: 1px solid;
	border-color: #fff #ddd #ddd #fff;
}

.trow_shaded {
	background: #ffdde0;
	border: 1px solid;
	border-color: #fff #ffb8be #ffb8be #fff;
}

.no_bottom_border {
	border-bottom: 0;
}

.post.unapproved_post {
	background: #ffdde0;
}

.thread_start_datetime {
	color: #999;
}

.post.unapproved_post .post_author {
	border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
	border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
	border-top-color: #ffb8be;
}

.trow_deleted,
.post.deleted_post {
	background: #E8DEFF;
}

.trow_selected,
tr.trow_selected td {
	background: #FFFBD9;
	color: #333;
	border-right-color: #F7E86A;
	border-bottom-color: #F7E86A;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
	color: #333;
}

.trow_sep {
	background: #ddd;
	color: #333;
	border-bottom: 1px solid #c5c5c5;
	padding: 6px;
	font-size: 12px;
	font-weight: bold;
}

.tfoot {
	border-top: 1px solid #fff;
	padding: 6px;
	background: #ddd;
	color: #666;
}

.tfoot a:link {
	color: #444;
	text-decoration: none;
}

.tfoot a:visited {
	color: #444;
	text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
	color: #444;
	text-decoration: underline;
}

.thead input.textbox,
.thead select {
	border: 1px solid #263c30;
}

.bottommenu {
	background: #efefef;
	color: #333;
	border: 1px solid #4874a3;
	padding: 10px;
}

.navigation {
	color: #333;
	font-size: 12px;
}

.navigation a:link {
	text-decoration: none;
}

.navigation a:visited {
	text-decoration: none;
}

.navigation a:hover,
.navigation a:active {
	text-decoration: underline;
}

.navigation .active {
	color: #333;
	font-size: small;
	font-weight: bold;
}

.smalltext {
	font-size: 11px;
}

.largetext {
	font-size: 16px;
	font-weight: bold;
}

fieldset {
	padding: 12px;
	border: 1px solid #ddd;
	margin: 0;
}

fieldset.trow1,
fieldset.trow2 {
	border-color: #bbb;
}

fieldset.align_right {
	text-align: right;
}

input.textbox {
	background: #ffffff;
	color: #333;
	border: 1px solid #ccc;
	padding: 3px;
	outline: 0;
	font-size: 13px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

input.textbox.portal_search {
    width: 68%;
}

textarea {
	background: #ffffff;
	color: #333;
	border: 1px solid #ccc;
	padding: 2px;
	line-height: 1.4;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

select {
	background: #ffffff;
	padding: 3px;
	border: 1px solid #ccc;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

button,
input.button {
	padding: 3px 8px;
	cursor: pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
	background: #eee url(../../../images/buttons_bg.png) repeat-x;
	border: 1px solid #bbb;
	color: #333;
	outline: 0;
}

button:hover,
input.button:hover {
	border-color: #aaa;
}

form {
	margin: 0;
	padding: 0;
}

input.error, textarea.error, select.error {
	border: 1px solid #f30;
	color: #f30;
}

input.valid, textarea.valid, select.valid {
	border: 1px solid #0c0;
}

label.error {
	color: #f30;
	margin: 5px;
	padding: 0px;
	display: block;
	font-weight: bold;
	font-size: 11px;
}

form #message {
	width: 500px;
}

.editor {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.editor_control_bar {
	background: #fff;
	border: 1px solid #ccc;
}

.post .editor_control_bar {
	background: #f5f5f5;
}

.popup_menu {
	background: #fff;
	border: 1px solid #ccc;
}

.popup_menu .popup_item {
	background: #efefef;
	color: #333;
}

.popup_menu .popup_item:hover {
	background: #0072BC;
	color: #fff;
}

.trow_reputation_positive {
	background: #ccffcc;
}

.trow_reputation_negative {
	background: #ffcccc;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px;
}

._neutral {
	background-color:#FAFAFA;
	color: #999999;
	border:1px solid #CCCCCC;
}

._minus {
	background-color: #FDD2D1;
	color: #CB0200;
	border:1px solid #980201;
}

._plus {
	background-color:#E8FCDC;
	color: #008800;
	border:1px solid #008800;
}

img {
	border: none;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0px;
}

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.hiddenrow {
	display: none;
}

.selectall {
	background: #FFFBD9;
	border-bottom: 1px solid #F7E86A;
	color: #333;
	text-align: center;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px;
}

.tcat_menu > .expcolimage {
	margin-top: 0;
}

blockquote {
	border: 1px solid #ccc;
	margin: 0;
	background: #fff;
	padding: 10px;
}

blockquote cite {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	font-style: normal;
	display: block;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

blockquote cite > span {
	float: right;
	font-weight: normal;
	font-size: 12px;
	color: #666;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
}

.codeblock .title {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px;
}

.smilie {
	vertical-align: middle;
}

.smilie_pointer {
	cursor: pointer;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 4px;
	white-space: nowrap;
	text-decoration: none;
}

.popup_menu a.popup_item:hover {
	text-decoration: none;
}

.subject_new {
	font-weight: bold;
}

.highlight {
	background: #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pm_alert {
	background: #FFF6BF;
	border: 1px solid #FFD324;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
}

.red_alert {
	background: #FBE3E4;
	border: 1px solid #A5161A;
	color: #A5161A;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
	word-wrap: break-word;
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert a:active {
	color: #A5161A;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

.imminent_banned {
	color: #880000;
}

.high_banned {
	color: #FF0000;
}

.moderate_banned {
	color: #FF6600;
}

.low_banned {
	color: #008000;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

div.error {
	padding: 5px 10px;
	border: 2px solid #FFD324;
	background: #FFF6BF;
	font-size: 12px;
}

div.error p {
	margin: 0;
	color: #333;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #C00;
	background: url(../../../images/error.png) no-repeat 0;
}

div.error ul {
	margin-left: 24px;
}

.pagination {
	font-size: 11px;
	padding-top: 10px;
	margin-bottom: 5px;
}

.tfoot .pagination,
.tcat .pagination {
	padding-top: 0;
}

.pagination .pages {
	font-weight: bold;
}

.pagination .pagination_current,
.pagination a {
	padding: 3px 6px;
	margin-bottom: 3px;
}

.pagination a {
	background: #f5f5f5;
	border: 1px solid #ccc;
}

.pagination .pagination_current {
	background: none;
	color: #333;
	border: none;
	font-weight: bold;
}

.pagination a:hover {
	background: #0072BC;
	color: #fff;
	border-color: #263c30;
	text-decoration: none;
}

.pagination .go_page img {
	margin-bottom: -4px;
}

.drop_go_page {
	background: #f5f5f5;
	padding: 4px;
}

.pagination_breadcrumb {
	background-color: #efefef;
	border: 1px solid #fff;
	outline: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	font-weight: normal;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;
}

.thread_legend,
.thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.forum_legend,
.forum_legend dt,
.forum_legend dd {
	margin: 0;
	padding: 0;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
	margin-top: 7px;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

#posts_container {
	padding: 0;
}

.ignored_post {
	border-top: 3px solid #333;
	padding: 15px;
}

.ignored_post .show_ignored_post {
	margin-top: -15px;
}

.ignored_post .show_ignored_post a.button span {
	background-position: 0 -400px;
}

.deleted_post_hidden {
	border-top: 2px solid #ccc;
	padding: 15px;
}

.deleted_post_collapsed {
	border-top: 3px solid #333;
	padding: 15px;
}

.deleted_post_collapsed .show_deleted_post {
	margin-top: -15px;
}

.deleted_post_collapsed .show_deleted_post a.button span {
	background-position: 0 -400px;
}

.post {
	overflow: hidden;
}

.post.classic {
	padding-top: 15px;
}

.post .post_author {
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #ccc;
	background: #f5f5f5;
	padding: 5px;
	overflow: hidden;
}

.post.classic .post_author {
	border: 1px solid #ddd;
	float: left;
	width: 15%;
	margin: 0 1% 15px 0;
	border-left: 0;
	padding: 5px 1%;
}

.post .post_author .buddy_status {
	vertical-align: middle;
	margin-top: -4px;
}

.post .post_author div.author_avatar {
	float: left;
	margin-right: 3px;
}

.post.classic .post_author div.author_avatar {
	float: none;
	text-align: center;
	margin-bottom: 8px;
}

.post .post_author div.author_avatar img {
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
}

.post .post_author div.author_information {
	float: left;
	padding: 6px 8px;
}

.post.classic .post_author div.author_information {
	float: none;
	padding: 0;
	text-align: center;
}

.post .post_author div.author_statistics {
	float: right;
	font-size: 11px;
	padding: 3px 10px 3px 5px;
	color: #666;
	line-height: 1.3;
}

.post.classic .post_author div.author_statistics {
	border-top: 1px dotted #ccc;
	margin: 6px 0 0 0;
	padding: 6px 6px 3px 6px;
	float: none;
}

.post .post_head {
	font-size: 11px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #ddd;
	margin-bottom: 4px;
}

.post .post_head span.post_date {
	color: #666;
}

.post .post_head span.edited_post {
	font-size: 10px;
	color: #999;
}

.post .post_head span.edited_post a {
	color: #666;
}

.post_body {
	font-size: 14px;
	padding: 12px 0;
}

.post.classic .post_content {
	float: left;
	width: 79%;
	padding: 0 1% 5px 1%;
}

.post_content {
	padding: 9px 10px 5px 10px;
}

.post_content .signature {
	margin-top: 5px;
	border-top: 1px dotted #ddd;
	padding: 10px 0 4px 0;
}

.post .post_meta {
	margin: 4px 0;
	font-size: 11px;
	color: #999;
}

.post .post_meta a:link,
.post .post_meta a:visited {
	color: #777;
}

.post .post_meta a:hover,
.post .post_meta a:active {
	color: #777;
}

.post_controls {
	clear: both;
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	overflow: hidden;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	display: inline-block;
	padding: 2px 5px;
	margin: 2px;
	font-size: 11px;
	background: #eee url(../../../images/buttons_bg.png) repeat-x;
	border: 1px solid #ccc;
	color: #555;
}

.postbit_buttons > a:hover {
	border-color: #bbb;
}

.postbit_buttons a span {
	padding-left: 20px;
	display: inline-block;
	height: 16px;
	background-image: url(../../../images/buttons_sprite.png);
	background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
	background-position: 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
	background-position: 0 -20px;
}

.postbit_buttons a.postbit_email span {
	background-position: 0 -40px;
}

.postbit_buttons a.postbit_website span {
	background-position: 0 -60px;
}

.postbit_buttons a.postbit_pm span {
	background-position: 0 -80px;
}

.postbit_buttons a.postbit_quote span {
	background-position: 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
	background-position: 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
	background-position: 0 -140px;
}

.postbit_buttons a.postbit_edit span {
	background-position: 0 -160px;
}

.postbit_buttons a.postbit_qdelete span {
	background-position: 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
	background-position: 0 -200px;
}

.postbit_buttons a.postbit_report span {
	background-position: 0 -220px;
}

.postbit_buttons a.postbit_warn span {
	background-position: 0 -240px;
}

.postbit_buttons a.postbit_purgespammer span {
	background-position: 0 -540px;
}

.postbit_buttons a.postbit_reply_pm span {
	background-position: 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
	background-position: 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
	background-position: 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
	background-position: 0 -320px;
}

.post:not(.deleted_post) .postbit_qrestore,
.post:not(.deleted_post) .status_type,
.post.deleted_post .postbit_mirage {
    display: none;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
	background: #0f0f0f url(../../../images/tcat.png) repeat-x;
	color: #fff;
	display: inline-block;
	padding: 4px 8px;
	margin: 2px 2px 6px 2px;
	border: 1px solid #000;
	font-size: 14px;
}

a.button.small_button {
	font-size: 13px;
	margin: 0;
	padding: 3px 6px;
}

a.button span {
	padding-left: 20px;
	display: inline-block;
	background-image: url(../../../images/buttons_sprite.png);
	background-repeat: no-repeat;
}

a.button.new_thread_button span {
	background-position: 0 -340px;
}

a.button.new_reply_button span {
	background-position: 0 -360px;
}

a.button.closed_button span {
	background-position: 0 -380px;
}

a.button.rate_user_button span {
	background-position: 0 -400px;
}

a.button.add_buddy_button span {
	background-position: 0 -440px;
}

a.button.remove_buddy_button span {
	background-position: 0 -480px;
}

a.button.add_ignore_button span {
	background-position: 0 -460px;
}

a.button.remove_ignore_button span {
	background-position: 0 -500px;
}

a.button.report_user_button span {
	background-position: 0 -520px;
}

.quick_jump {
	background: url(../../../images/jump.png) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	margin-top: -3px;
	border: none;
}

.pollbar {
	background: url(../../../images/pollbar.png) top left repeat-x;
	border: 1px solid #3f3f3f;
	height: 10px;
}

.pollbar .percent {
	display: none;
}

.poll_votedfor {
	background: #efefef;
	border: 1px solid;
	border-color: #fff #ddd #ddd #fff;
}

.posticons_label {
	white-space: nowrap;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
	position: absolute;
}

.ie6.top-right {
	right: auto;
	bottom: auto;
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.top-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-right {
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.center {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 100%;
}

/** jGrowl Styling **/
.jGrowl {
	z-index: 9999;
	color: #ffffff;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: fixed;
}

.jGrowl.top-left {
	left: 0px;
	top: 0px;
}

.jGrowl.top-right {
	right: 0px;
	top: 0px;
}

.jGrowl.bottom-left {
	left: 0px;
	bottom: 0px;
}

.jGrowl.bottom-right {
	right: 0px;
	bottom: 0px;
}

.jGrowl.center {
	top: 0px;
	width: 50%;
	left: 25%;
}

/** Cross Browser Styling **/

.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer {
	margin-left: auto;
	margin-right: auto;
}

.jGrowl-notification {
	background-color: transparent;
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	transform: scale(1);
	width: 250px;
	padding: 10px;
	margin: 10px;
	text-align: left;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	word-break: break-all;
}

.jGrowl .jGrowl-notification {
	min-height: 40px;
}

.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}

.jGrowl-notification .jGrowl-header {
	font-weight: bold;
	font-size: .85em;
}

.jGrowl-notification .jGrowl-close {
	background-color: transparent;
	color: inherit;
	border: none;
	z-index: 99;
	float: right;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
}

.jGrowl-closer {
	background-color: #000000;
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	transform: scale(1);
	width: 250px;
	padding: 10px;
	margin: 10px;
	text-align: left;
	display: none;
	border-radius: 5px;
	word-break: break-all;
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}

.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}

.jGrowl .jGrowl-notification.jgrowl_success {
    background: lightgreen;
    border: 1px solid lightgreen;
    color: #333;
}

.jGrowl .jGrowl-notification.jgrowl_error {
    background: red;
    border: 1px solid red;
    color: #333;
}

.jGrowl .jGrowl-notification.jgrowl_process, .jGrowl .jGrowl-closer {
    background: yellow;
    border: 1px solid yellow;
	color: #333;
}

/** Hide jGrowl when printing **/
@media print {
	.jGrowl {
		display: none;
}


}

/** jGrowl End **/

/** Modal Start **/

.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 9999;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.75);
	text-align: center;
}

.blocker:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

.blocker.behind {
	background-color: transparent;
}

.modal {
	width: 400px;
	text-align: left;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(../../../images/close.png) no-repeat 0 0;
	z-index: 2;
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(../../../images/spinner_big.gif) no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v6.2.3 - 2016-04-23
* http://trentrichardson.com/Impromptu
* Copyright (c) 2016 Trent Richardson; Licensed MIT */

.jqifade{
	position: absolute;
	background-color: #777777;
}

iframe.jqifade{
	display:block;
	z-index:-1;
}

div.jqi{
	width: 400px;
	max-width:90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 1px #eeeeee;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 7px;
}

div.jqi .jqicontainer{
}

div.jqi .jqiclose{
	position: absolute;
	top: 4px; right: -2px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
}

div.jqi .jqistate{
	background-color: #fff;
}

div.jqi .jqititle{
	padding: 5px 10px;
	font-size: 16px;
	line-height: 20px;
	border-bottom: solid 1px #eeeeee;
}

div.jqi .jqimessage{
	padding: 10px;
	line-height: 20px;
	color: #444444;
	overflow: auto;
}

div.jqi .jqibuttonshide{
	display: none;
}

div.jqi .jqibuttons{
	text-align: right;
	margin: 0 -7px -7px -7px;
	border-top: solid 1px #e4e4e4;
	background-color: #f4f4f4;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqibuttons button{
	margin: 0;
	padding: 15px 20px;
	background-color: transparent;
	font-weight: normal;
	border: none;
	border-left: solid 1px #e4e4e4;
	color: #777;
	font-weight: bold;
	font-size: 12px;
}

div.jqi .jqibuttons button.jqidefaultbutton{
	color: #489afe;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus{
	color: #287ade;
	outline: none;
}

div.jqi .jqibuttons button[disabled]{
	color: #aaa;
}

.jqiwarning .jqi .jqibuttons{
	background-color: #b95656;
}

/* sub states */
div.jqi .jqiparentstate::after{
	background-color: #777;
	opacity: 0.6;
	filter: alpha(opacity=60);
	content: '';
	position: absolute;
	top:0;left:0;bottom:0;right:0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.jqi .jqisubstate{
	position: absolute;
	top:0;
	left: 20%;
	width: 60%;
	padding: 7px;
	border: solid 1px #eeeeee;
	border-top: none;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqisubstate .jqibuttons button{
	padding: 10px 18px;
}

/* arrows for tooltips/tours */
.jqi .jqiarrow{
 position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent;
}

.jqi .jqiarrowtl{
 left: 10px; top: -20px; border-bottom-color: #ffffff;
}

.jqi .jqiarrowtc{
 left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px;
}

.jqi .jqiarrowtr{
 right: 10px; top: -20px; border-bottom-color: #ffffff;
}

.jqi .jqiarrowbl{
 left: 10px; bottom: -20px; border-top-color: #ffffff;
}

.jqi .jqiarrowbc{
 left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px;
}

.jqi .jqiarrowbr{
 right: 10px; bottom: -20px; border-top-color: #ffffff;
}

.jqi .jqiarrowlt{
 left: -20px; top: 10px; border-right-color: #ffffff;
}

.jqi .jqiarrowlm{
 left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px;
}

.jqi .jqiarrowlb{
 left: -20px; bottom: 10px; border-right-color: #ffffff;
}

.jqi .jqiarrowrt{
 right: -20px; top: 10px; border-left-color: #ffffff;
}

.jqi .jqiarrowrm{
 right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px;
}

.jqi .jqiarrowrb{
 right: -20px; bottom: 10px; border-left-color: #ffffff;
}

/** Impromptu End */

/* ============================================================================
   MONKEYISLAND.IT - TEMA PIRATA CONSOLIDATO E RESPONSIVE
   ---------------------------------------------------------------------------
   Questa sezione sostituisce le vecchie patch aggiunte nel tempo.
   Non usa immagini di legno per barre o categorie: il legno è simulato con
   gradienti CSS, quindi si adatta bene a desktop, tablet e smartphone.
   ============================================================================ */

/* ---------------------------------------------------------------------------
   1) BASE RESPONSIVE E SFONDO GENERALE
   Serve a impedire larghezze minime fisse, scrollbar orizzontali e layout
   "spiattellati" sui telefoni. Mantiene lo scenario piratesco come sfondo.
   --------------------------------------------------------------------------- */
html,
body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    background-color: #071521;
    background-image: url(/images/pirate/pirate-background.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
    color: #2d2115;
    font-family: Georgia, "Times New Roman", serif;
}

/* Contenitore generale MyBB: niente larghezza minima forzata. */
#container {
    width: 100%;
    min-width: 0 !important;
    margin: 0;
    background: transparent;
    color: #2d2115;
    box-sizing: border-box;
}

/* Wrapper centrale: largo su desktop ma fluido sui dispositivi piccoli. */
.wrapper {
    width: 92%;
    min-width: 0 !important;
    max-width: 1600px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Area del contenuto: trasparente per lasciare intravedere lo scenario. */
#content {
    width: 100% !important;
    max-width: 100%;
    padding: 18px 10px 30px;
    background: transparent;
    box-sizing: border-box;
    overflow-x: hidden;
}

/* Immagini generiche: non possono uscire dal contenitore. */
img,
.scaleimages img {
    max-width: 100%;
    height: auto;
}

/* Tabelle: evita che una tabella allarghi l'intera pagina. */
table {
    max-width: 100%;
}

/* ---------------------------------------------------------------------------
   2) HEADER PANORAMICO
   Gestisce lo sfondo illustrato superiore e il logo Monkey Island.
   --------------------------------------------------------------------------- */
#logo {
    min-height: 250px;
    padding: 10px 0;
    background-color: transparent;
    background-image: url(/images/pirate/pirate-header.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-bottom: 0;
    box-shadow: 0 5px 18px rgba(0,0,0,0.55);
}

#logo .wrapper {
    min-height: 250px;
    position: relative;
}

/* Dimensione del logo principale sovrapposto all'header. */
.logo img,
#logo img {
    width: 100% !important;
    max-width: 500px !important;
    height: auto !important;
}

/* ---------------------------------------------------------------------------
   3) LINK GENERALI
   Colori coerenti con pergamena, rame e oro.
   --------------------------------------------------------------------------- */
a:link,
a:visited {
    color: #8d3f11;
    font-weight: bold;
}

a:hover,
a:active {
    color: #c87519;
    text-decoration: underline;
}

/* ---------------------------------------------------------------------------
   4) BARRA NAVIGAZIONE PIRATA - SOLO CSS, NESSUNA IMMAGINE DI LEGNO
   Simula una tavola con più gradienti. Si allunga e si restringe senza deformare
   immagini. Contiene Portale, Ricerca, Lista utenti, Calendario, Aiuto e Cerca.
   --------------------------------------------------------------------------- */
#pirate_navbar {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10;
    background: transparent;
    border: 0;
}

.pirate_navbar_inner {
    width: 100% !important;
    max-width: none !important;
    min-height: 64px;
    margin: 0 !important;
    padding: 8px clamp(14px, 3vw, 52px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px;
    box-sizing: border-box !important;

    /* Texture legno ottenuta soltanto con CSS. */
    background:
        linear-gradient(180deg, rgba(255,190,92,.10), rgba(0,0,0,.28)),
        repeating-linear-gradient(0deg,
            rgba(255,210,125,.035) 0 2px,
            rgba(25,8,2,.05) 2px 5px,
            transparent 5px 9px),
        linear-gradient(90deg,
            #2b1207 0%,
            #5c2d0d 8%,
            #743d15 28%,
            #4c230c 50%,
            #743d15 72%,
            #5c2d0d 92%,
            #2b1207 100%) !important;

    border-top: 1px solid #9b6128 !important;
    border-bottom: 2px solid #160905 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,224,160,.12),
        inset 0 -8px 14px rgba(0,0,0,.18),
        0 3px 7px rgba(0,0,0,.35) !important;
}

/* Elenco delle voci del menu. Può andare a capo senza rompere la pagina. */
#pirate_navbar .top_links {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px clamp(14px, 2vw, 28px);
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    float: none !important;
}

/* Singola voce del menu. */
#pirate_navbar .top_links li {
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    float: none !important;
}

/* Testo dei link del menu. */
#pirate_navbar .top_links li a {
    height: 48px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    color: #f5c34a !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.1 !important;
    text-decoration: none !important;
    text-shadow: 1px 1px 0 #2b1004, 0 0 4px rgba(0,0,0,.65);
}

#pirate_navbar .top_links li a:hover {
    color: #ffe58a !important;
    text-decoration: none !important;
}

/* Icona Portale. */
#pirate_navbar ul.top_links li a.portal {
    padding-left: 56px !important;
    background: url(/images/pirate/icons/nav-portal.png) no-repeat left center !important;
    background-size: 48px 48px !important;
}

/* Icona Ricerca. */
#pirate_navbar ul.top_links li a.search {
    padding-left: 56px !important;
    background: url(/images/pirate/icons/nav-search.png) no-repeat left center !important;
    background-size: 48px 48px !important;
}

/* Icona Lista utenti. */
#pirate_navbar ul.top_links li a.memberlist {
    padding-left: 56px !important;
    background: url(/images/pirate/icons/nav-memberlist.png) no-repeat left center !important;
    background-size: 48px 48px !important;
}

/* Icona Calendario. */
#pirate_navbar ul.top_links li a.calendar {
    padding-left: 56px !important;
    background: url(/images/pirate/icons/nav-calendar.png) no-repeat left center !important;
    background-size: 48px 48px !important;
}

/* Icona Aiuto. */
#pirate_navbar ul.top_links li a.help {
    padding-left: 56px !important;
    background: url(/images/pirate/icons/nav-help.png) no-repeat left center !important;
    background-size: 48px 48px !important;
}

/* Contenitore della ricerca a destra. */
.pirate_nav_search {
    margin-left: auto;
    padding-left: 8px;
    display: flex;
    align-items: center;
    flex: 0 1 310px;
    min-width: 0;
}

/* Campo di ricerca: flessibile, quindi non forza larghezze su mobile. */
.pirate_nav_search input.textbox,
.pirate_nav_search input[type="text"] {
    width: 100%;
    min-width: 0 !important;
    height: 34px;
    padding: 0 10px;
    background: #f5e3ae !important;
    color: #3b210c !important;
    border: 1px solid #6a390d !important;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.25);
    box-sizing: border-box;
}

/* Pulsante Cerca. */
.pirate_nav_search input.button,
.pirate_nav_search button {
    flex: 0 0 auto;
    height: 34px;
    margin-left: 6px;
    padding: 0 12px;
    background: linear-gradient(#7a3a10, #3c1705) !important;
    color: #f6d36a !important;
    font-weight: bold;
    border: 1px solid #a26320 !important;
    border-radius: 5px;
}

/* ---------------------------------------------------------------------------
   5) BARRE UTENTE
   Prima fascia scura: bentornato/logout. Seconda fascia pergamena: pannelli e
   collegamenti rapidi dell'utente.
   --------------------------------------------------------------------------- */
#panel .upper {
    padding: 8px;
    clear: both;
    background: linear-gradient(to bottom, #4a2c16 0%, #2c190c 52%, #1c1008 100%);
    color: #f7df9b;
    border-top: 1px solid #8d5c2b;
    border-bottom: 2px solid #0b0704;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 2px 5px rgba(0,0,0,.35);
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
    color: #ffd36a;
}

#panel .lower {
    padding: 6px;
    background: linear-gradient(to bottom, #f0ddaa 0%, #d9bd7f 100%);
    color: #4d351d;
    border-top: 1px solid #fff1c7;
    border-bottom: 2px solid #6d4622;
    box-shadow: inset 0 -1px 0 rgba(78,47,20,.15);
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
    color: #5f3215;
}

/* ---------------------------------------------------------------------------
   6) TABELLE E CONTENITORI PRINCIPALI
   Cornice generale delle tabelle del forum.
   --------------------------------------------------------------------------- */
.tborder {
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding: 0;
    background: #2b190d;
    border: 2px solid #785027;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,.5), inset 0 0 0 1px rgba(244,190,94,.08);
    overflow: hidden;
    box-sizing: border-box;
}

/* Intestazione generica: effetto legno creato con gradienti CSS. */
.thead {
    padding: 10px 11px;
    background:
        repeating-linear-gradient(0deg,
            rgba(255,225,165,.03) 0 2px,
            transparent 2px 7px),
        linear-gradient(90deg,
            rgba(39,20,8,.98) 0%,
            rgba(98,53,22,.98) 12%,
            rgba(72,37,15,.98) 50%,
            rgba(100,55,22,.98) 88%,
            rgba(39,20,8,.98) 100%);
    color: #ffd46d;
    border-top: 1px solid #b37a36;
    border-bottom: 2px solid #140b05;
    font-size: 17px;
    font-weight: bold;
    text-shadow: 1px 2px 2px #000, 0 0 5px rgba(255,177,59,.18);
    box-shadow: inset 0 1px 0 rgba(255,223,147,.08), inset 0 -8px 14px rgba(0,0,0,.18);
}

.thead a:link,
.thead a:visited { color: #ffd46d; }
.thead a:hover,
.thead a:active { color: #fff1aa; }

/* Barra delle colonne: Forum / Discussioni / Messaggi / Ultimo messaggio. */
.tcat {
    padding: 7px 8px;
    background: linear-gradient(to bottom, #28170b 0%, #100a06 100%);
    color: #f5d994;
    border-top: 1px solid #77502a;
    border-bottom: 1px solid #000;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
}

.tcat a:link,
.tcat a:visited,
.tcat a:hover,
.tcat a:active { color: #f5d994; }

/* Righe color pergamena. */
.trow1,
.trow2 {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #302113;
    border-color: #f7e8bd #b99459 #b99459 #f7e8bd;
    border-right: 1px solid rgba(105,72,35,.18);
    transition: background .20s ease, box-shadow .20s ease;
}

.trow1 { background: linear-gradient(90deg, #f2e2b6 0%, #f8ebc8 48%, #edd8a6 100%); }
.trow2 { background: linear-gradient(90deg, #ead4a1 0%, #f1dfb5 48%, #e3c88e 100%); }

tr:hover > .trow1,
tr:hover > .trow2 {
    background: linear-gradient(90deg, #f8e8bd 0%, #fff4d4 50%, #efd9a5 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(115,72,27,.18);
}

tr > .trow1:last-child,
tr > .trow2:last-child { border-right: none; }

/* Titoli dei forum nelle righe pergamena. */
.trow1 strong > a,
.trow2 strong > a {
    color: #7a3512 !important;
    font-size: 15px;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.45);
}

.trow1 strong > a:hover,
.trow2 strong > a:hover {
    color: #bd6017 !important;
    text-decoration: none;
}

/* Descrizioni dei forum. */
.trow1 .smalltext,
.trow2 .smalltext {
    color: #4b3824;
    line-height: 1.45;
    margin-top: 3px;
}

/* Numeri centrati nelle colonne. */
.trow1[align="center"],
.trow2[align="center"] {
    color: #5c3a1c;
    font-weight: bold;
}

/* Testo dell'ultimo messaggio. */
.trow1[align="right"],
.trow2[align="right"] { color: #4b3824; }

/* Riga separatrice. */
.trow_sep {
    background: #c7a568;
    color: #392410;
    border-bottom: 1px solid #826135;
}

/* Piede delle tabelle. */
.tfoot {
    background: linear-gradient(to bottom, #dec58e 0%, #b9945a 100%);
    color: #3a2817;
    border-top: 1px solid #f4e4bd;
}

/* ---------------------------------------------------------------------------
   7) TESTATA DELLE CATEGORIE IN HOME - SENZA IMMAGINE DI LEGNO
   Usa una texture CSS e contiene icona, titolo, descrizione e freccia.
   --------------------------------------------------------------------------- */
.pirate-category-table { margin-bottom: 12px; }

.pirate-category-head {
    position: relative;
    padding: 9px 14px !important;
    background:
        repeating-linear-gradient(0deg,
            rgba(255,220,150,.035) 0 2px,
            rgba(20,7,2,.03) 2px 6px,
            transparent 6px 10px),
        linear-gradient(90deg,
            #2c1308 0%,
            #6b3513 15%,
            #4a230d 50%,
            #6b3513 85%,
            #2c1308 100%) !important;
    border: 1px solid #5e2f0c !important;
    box-shadow: inset 0 1px 0 rgba(255,210,120,.18), inset 0 -2px 0 rgba(0,0,0,.35), 0 2px 4px rgba(0,0,0,.35);
}

/* Raggruppa icona e testo della categoria. */
.pirate-category-titlewrap {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

/* Spazio riservato all'icona personalizzata della categoria. */
.pirate-category-custom-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Quartier Generale - FID 1. */
.category-icon-1 { background-image: url(/images/pirate/category-general.png) !important; }

/* Retrogaming - FID 3. */
.category-icon-3 { background-image: url(/images/pirate/category-retrogaming.png) !important; }

/* Blocco testuale della categoria. */
.pirate-category-text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Titolo della categoria. */
.pirate-category-title {
    color: #f5c44d !important;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    font-weight: bold;
    text-decoration: none !important;
    text-shadow: 1px 2px 1px #271003, 0 0 4px rgba(0,0,0,.7);
}

.pirate-category-title:hover { color: #ffe28a !important; }

/* Descrizione sotto il titolo. */
.pirate-category-desc {
    margin-top: 2px;
    color: #f2ddaa !important;
    font-size: 12px;
    line-height: 1.3;
    text-shadow: 1px 1px 0 rgba(0,0,0,.65);
}

/* Freccia per espandere/comprimere la categoria. */
.pirate-category-head .expcolimage {
    float: right;
    margin-top: 10px;
}

/* ---------------------------------------------------------------------------
   8) ICONE STATO FORUM
   Sostituiscono gli sprite standard MyBB con le icone piratesche.
   --------------------------------------------------------------------------- */
.forum_status {
    width: 52px !important;
    height: 52px !important;
    display: inline-block;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    filter: sepia(.45) saturate(1.25);
}

/* Forum con nuovi messaggi. */
.forum_on { background-image: url(/images/pirate/icons/forum-on.png) !important; }

/* Forum senza nuovi messaggi. */
.forum_off { background-image: url(/images/pirate/icons/forum-off.png) !important; }

/* Forum chiuso. */
.forum_offclose { background-image: url(/images/pirate/icons/forum-lock.png) !important; }

/* Forum collegamento/reindirizzamento. */
.forum_offlink { background-image: url(/images/pirate/icons/forum-link.png) !important; }

/* ---------------------------------------------------------------------------
   9) ICONE SOTTOFORUM
   Gestiscono lo stato dei sottoforum in formato più piccolo.
   --------------------------------------------------------------------------- */
.subforumicon {
    width: 28px !important;
    height: 28px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 5px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.subforum_on,
.subforum_off { background-image: url(/images/pirate/icons/subforum.png) !important; }
.subforum_offlink { background-image: url(/images/pirate/icons/subforum-link.png) !important; }

/* ---------------------------------------------------------------------------
   10) LEGENDA FORUM PERSONALIZZATA
   Icone mostrate nella legenda sotto le categorie.
   --------------------------------------------------------------------------- */
.pirate_forum_legend { margin-top: 18px; }

.pirate_legend_icon {
    width: 44px;
    height: 44px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.pirate_legend_new { background-image: url(/images/pirate/icons/new-posts.png); }
.pirate_legend_none { background-image: url(/images/pirate/icons/no-posts.png); }
.pirate_legend_closed { background-image: url(/images/pirate/icons/forum-closed.png); }
.pirate_legend_redirect { background-image: url(/images/pirate/icons/forum-link.png); }

/* ---------------------------------------------------------------------------
   11) CAMPI, SELECT E PULSANTI
   Colori pergamena e pulsanti marrone/oro coerenti nel forum.
   --------------------------------------------------------------------------- */
input.textbox,
textarea,
select {
    max-width: 100%;
    background: #fff7df;
    color: #2d2115;
    border: 1px solid #8b6638;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(72,44,18,.12);
    box-sizing: border-box;
}

input.textbox:focus,
textarea:focus,
select:focus {
    border-color: #bc7b2b;
    box-shadow: 0 0 0 2px rgba(188,123,43,.16), inset 0 1px 3px rgba(72,44,18,.12);
}

button,
input.button,
a.button:link,
a.button:visited,
a.button:hover,
a.button:active {
    background: linear-gradient(to bottom, #754822 0%, #482b14 52%, #2d1a0c 100%);
    color: #ffd978;
    border: 1px solid #a87535;
    border-radius: 5px;
    text-shadow: 1px 1px 1px #000;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 2px 4px rgba(0,0,0,.22);
}

button:hover,
input.button:hover,
a.button:hover {
    background: linear-gradient(to bottom, #915a29 0%, #5b3518 52%, #38200f 100%);
    color: #fff0a6;
    border-color: #d09648;
}

/* ---------------------------------------------------------------------------
   12) AVVISI
   Colori per messaggi privati/avvisi e avvisi rossi di amministrazione.
   --------------------------------------------------------------------------- */
.pm_alert {
    background: #f4e4b6;
    border: 1px solid #c69135;
    color: #5c3b13;
    border-radius: 5px;
}

.red_alert {
    background: #f5ddd3;
    border: 1px solid #a84b36;
    color: #8f281e;
    border-radius: 5px;
}

/* ---------------------------------------------------------------------------
   13) BREADCRUMB / NAVIGAZIONE INTERNA
   Colori dei percorsi tipo Home > Forum > Discussione.
   --------------------------------------------------------------------------- */
.navigation,
.navigation .active { color: #ead39b; }
.navigation a:link,
.navigation a:visited { color: #e6bd62; }

/* ---------------------------------------------------------------------------
   14) RT CHAT - CONTENITORE, MESSAGGI E INPUT
   Mantiene il blu notte nella chat e i messaggi in fumetti pergamena.
   --------------------------------------------------------------------------- */
.rt_chat-container {
    max-width: 100%;
    border: 1px solid #7a4a16 !important;
    border-radius: 7px !important;
    overflow: hidden !important;
    background: #071521 !important;
    box-shadow: 0 0 0 1px rgba(0,0,0,.55), 0 3px 10px rgba(0,0,0,.35) !important;
    box-sizing: border-box;
}

/* Barra superiore della chat. */
.rt_chat-header {
    min-height: 34px !important;
    padding: 8px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px;
    color: #f5d77f !important;
    background: linear-gradient(180deg, #6b3513 0%, #4c230c 50%, #2d1206 100%) !important;
    border-bottom: 1px solid #b57928 !important;
    text-shadow: 0 1px 1px #000 !important;
}

.rt_chat-header b { color: #f6dc8a !important; font-size: 14px !important; }
.rt_chat-header img { opacity: .85; vertical-align: middle; }
.rt_chat-statistics { color: #f3c96a !important; font-weight: bold; text-decoration: none !important; }
.rt_chat-statistics:hover { color: #fff0aa !important; }

/* Area scorrevole dei messaggi. */
.rt_chat-messages {
    padding: 8px !important;
    background: #071521 !important;
    color: #ead8ad !important;
    scrollbar-color: #8a531e #0a1823;
    scrollbar-width: thin;
}

.rt_chat-messages::-webkit-scrollbar { width: 10px; }
.rt_chat-messages::-webkit-scrollbar-track { background: #0a1823; }
.rt_chat-messages::-webkit-scrollbar-thumb { background: #80501f; border-radius: 5px; border: 2px solid #0a1823; }
.rt_chat-messages::-webkit-scrollbar-thumb:hover { background: #a36a28; }

/* Singolo messaggio della chat. */
.rt_chat-message {
    margin: 0 0 8px !important;
    padding: 10px !important;
    background: #071521 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.rt_chat-message:not(:last-child) { border-bottom: 1px solid rgba(181,121,40,.28) !important; }

/* Parte interna del messaggio: resta trasparente. */
.rt_chat-message-content {
    margin-left: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Fumetto/pergamena che contiene il testo. */
.rt_chat-message-text {
    display: inline-block !important;
    max-width: 100%;
    padding: 9px 12px !important;
    margin-top: 4px !important;
    color: #3f2b17 !important;
    background: linear-gradient(180deg, #fff4ce 0%, #f1ddb0 100%) !important;
    border: 1px solid #b98a45 !important;
    border-radius: 5px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 1px 3px rgba(0,0,0,.28) !important;
    line-height: 1.4 !important;
    box-sizing: border-box;
    overflow-wrap: anywhere;
}

.rt_chat-message-text a { color: #9a4b12 !important; font-weight: bold !important; }
.rt_chat-message-text a:hover { color: #c26a1d !important; }
.rt_chat-message-author { color: #d6a543 !important; font-weight: bold !important; text-shadow: 0 1px 1px rgba(0,0,0,.45); }
.rt_chat-message-timestamp { color: #9f8b67 !important; font-size: 11px !important; margin-left: 8px !important; }

/* Link Modifica / Elimina / Messaggio privato. */
.rt_chat-message-action { margin-top: 4px !important; }
.rt_chat-message-action a {
    color: #a98d64 !important;
    font-size: 11px !important;
    text-decoration: none !important;
    margin-right: 9px !important;
}
.rt_chat-message-action a:hover { color: #e0b764 !important; }

/* Avatar circolare nella chat. */
.rt_chat-message-avatar img {
    border-radius: 50% !important;
    border: 2px solid #9c6929 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.4) !important;
}

/* Zona di scrittura della chat. */
.rt_chat-insert {
    margin: 0 !important;
    padding: 10px !important;
    background: #071521 !important;
    border-top: 1px solid #8b571f !important;
}

.rt_chat-input {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    background: transparent !important;
}

/* Campo testo della chat. */
.rt_chat-input input[type="text"] {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 36px !important;
    padding: 0 12px !important;
    color: #3a2816 !important;
    background: linear-gradient(180deg, #fff6dc 0%, #ead7aa 100%) !important;
    border: 1px solid #9b6b32 !important;
    border-radius: 4px !important;
    outline: none !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.15) !important;
}

.rt_chat-input input[type="text"]::placeholder { color: #806a4b !important; }
.rt_chat-input input[type="text"]:focus {
    border-color: #d3a346 !important;
    box-shadow: 0 0 0 2px rgba(211,163,70,.15), inset 0 1px 3px rgba(0,0,0,.15) !important;
}

/* Pulsante Invia della chat. */
.rt_chat-input button {
    flex: 0 0 auto;
    height: 36px !important;
    padding: 0 22px !important;
    color: #ffe69b !important;
    font-weight: bold !important;
    background: linear-gradient(180deg, #8b4c18 0%, #5f2d0d 55%, #401b06 100%) !important;
    border: 1px solid #c38a34 !important;
    border-radius: 4px !important;
    text-shadow: 0 1px 1px #000 !important;
    cursor: pointer !important;
}

.rt_chat-input button:hover {
    background: linear-gradient(180deg, #a95e1c 0%, #71370e 55%, #4a2007 100%) !important;
    color: #fff4c2 !important;
}

/* ---------------------------------------------------------------------------
   15) FORUMDISPLAY - LEGENDA E STATI DELLE DISCUSSIONI
   Personalizza le icone usate nell'elenco delle discussioni.
   --------------------------------------------------------------------------- */
.thread_status,
.thread_legend .thread_status {
    width: 28px !important;
    height: 28px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

.thread_legend .thread_status { margin-right: 5px !important; }

/* Nuovi messaggi. */
.thread_status.newfolder,
.thread_legend .newfolder { background-image: url(/images/pirate/icons/new-messages.png) !important; }

/* Discussione calda con nuovi messaggi. */
.thread_status.newhotfolder,
.thread_legend .newhotfolder { background-image: url(/images/pirate/icons/hot-thread-new.png) !important; }

/* Discussione calda senza nuovi messaggi. */
.thread_status.hotfolder,
.thread_legend .hotfolder { background-image: url(/images/pirate/icons/hot-thread-no-new.png) !important; }

/* Nessun nuovo messaggio. */
.thread_status.folder,
.thread_legend .folder { background-image: url(/images/pirate/icons/no-new-messages.png) !important; }

/* Discussione che contiene messaggi dell'utente. */
.thread_status.dot_folder,
.thread_status.dot_hotfolder,
.thread_status.dot_newhotfolder,
.thread_legend .dot_folder { background-image: url(/images/pirate/icons/contains-your-posts.png) !important; }

/* Discussione chiusa. */
.thread_status.closefolder,
.thread_legend .closefolder { background-image: url(/images/pirate/icons/thread-closed.png) !important; }

/* Colori della legenda e dei controlli sotto l'elenco discussioni. */
.forumdisplay_sticky,
.forumdisplay_regular,
.thread_legend,
.thread_legend dd,
.thread_legend dt,
.bottommenu,
.bottommenu span,
.bottommenu label {
    color: #d8b86a !important;
}

/* Autore, data, ultimo messaggio e numeri nella lista discussioni. */
.forumdisplay_regular .author,
.forumdisplay_regular .thread_start_datetime,
.forumdisplay_regular .lastpost,
table.tborder td.forumdisplay_regular {
    color: #704018 !important;
}

.forumdisplay_regular .author a,
.forumdisplay_regular .lastpost a,
.forumdisplay_regular td a {
    color: #8a3f18 !important;
    font-weight: bold;
}

/* ---------------------------------------------------------------------------
   16) SHOWTHREAD - ASPETTO DEI POST
   Pergamena chiara per il testo e barra marrone per data/numero post.
   --------------------------------------------------------------------------- */
.post_content {
    background: linear-gradient(180deg, #f7e7b8 0%, #ead19a 100%) !important;
    color: #3f2b17 !important;
}

/* Barra interna con data, modifica e numero del post. */
.post_head {
    min-height: 18px;
    padding: 6px 10px !important;
    box-sizing: border-box;
    background: linear-gradient(to bottom, #4a210b, #2d1307) !important;
    color: #e8c36a !important;
    border-top: 1px solid #9b6424 !important;
    border-bottom: 1px solid #9b6424 !important;
}

.post_head .post_date,
.post_head .post_date a { color: #e6bd63 !important; }
.post_head .post_edit,
.post_head .post_edit a { color: #d8c49a !important; }
.post_head .post_url,
.post_head .post_url a,
.post_head a { color: #e6a33d !important; }
.post_head a:hover { color: #ffe39a !important; }

/* Corpo vero e proprio del messaggio. */
.post_body {
    margin: 10px !important;
    padding: 14px !important;
    color: #3a2816 !important;
    background: linear-gradient(180deg, #fff3ce 0%, #efd8a7 100%) !important;
    border: 1px solid #bb8a46 !important;
    border-radius: 5px !important;
    line-height: 1.5 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 1px 3px rgba(0,0,0,.18) !important;
    overflow-wrap: anywhere;
}

.post_body a { color: #8b3f14 !important; font-weight: bold; }
.post_body a:hover { color: #bd6017 !important; }
.post_meta { color: #704018 !important; padding: 6px 10px !important; }
.signature { color: #5a3a20 !important; border-top: 1px solid rgba(112,64,24,.35) !important; margin: 10px !important; padding-top: 8px !important; }

/* Colore dell'etichetta Valutazione discussione. */
.thread_rating,
.thread_rating span,
.thread_rating strong,
.inline_rating,
.inline_rating > strong { color: #e6bd63 !important; }

/* Link degli strumenti in fondo alla discussione. */
.thread_tools,
.thread_tools a,
.showthread_tools,
.showthread_tools a { color: #d9a94d !important; }
.thread_tools a:hover,
.showthread_tools a:hover { color: #ffe39a !important; }

/* Testi dei controlli di moderazione. */
.showthread_moderation,
.showthread_moderation label,
.showthread_moderation span,
form[action*="showthread.php"],
form[action*="moderation.php"] { color: #e6bd63 !important; }

/* ---------------------------------------------------------------------------
   17) ICONE STRUMENTI DISCUSSIONE
   Icone per stampare, inviare, sottoscrivere e aggiungere un sondaggio.
   --------------------------------------------------------------------------- */
.thread_tools li.printable,
li.printable {
    min-height: 24px !important;
    padding-left: 30px !important;
    line-height: 24px !important;
    background: url(/images/pirate/icons/printable.png) no-repeat left center / 24px 24px !important;
}

.thread_tools li.sendthread,
li.sendthread {
    min-height: 24px !important;
    padding-left: 30px !important;
    line-height: 24px !important;
    background: url(/images/pirate/icons/sendfriend.png) no-repeat left center / 24px 24px !important;
}

.thread_tools li.subscription_add,
.thread_tools li.subscription_remove,
li.subscription_add,
li.subscription_remove {
    min-height: 24px !important;
    padding-left: 30px !important;
    line-height: 24px !important;
    background: url(/images/pirate/icons/subscribe-thread.png) no-repeat left center / 24px 24px !important;
}

.thread_tools li.poll,
li.poll {
    min-height: 24px !important;
    padding-left: 30px !important;
    line-height: 24px !important;
    background: url(/images/pirate/icons/add-poll.png) no-repeat left center / 24px 24px !important;
}

/* Rimuove le vecchie icone MyBB eventualmente applicate direttamente ai link. */
.thread_tools li.printable a,
.thread_tools li.sendthread a,
.thread_tools li.subscription_add a,
.thread_tools li.subscription_remove a,
.thread_tools li.poll a,
li.printable a,
li.sendthread a,
li.subscription_add a,
li.subscription_remove a,
li.poll a {
    background-image: none !important;
}

/* ---------------------------------------------------------------------------
   18) CITAZIONI, CODICE, POPUP E PAGINAZIONE
   Mantiene leggibilità e coerenza cromatica nelle parti secondarie.
   --------------------------------------------------------------------------- */
blockquote,
.codeblock {
    background: #f5e7bd;
    border: 1px solid #a9844d;
    color: #332315;
    border-radius: 5px;
    box-shadow: inset 0 0 12px rgba(106,72,31,.06);
}

.popup_menu { background: #f4e5bf; border: 1px solid #8d6537; }
.popup_menu .popup_item { background: #ead4a3; color: #4d2e15; }
.popup_menu .popup_item:hover { background: #70411f; color: #ffe49a; }

.pagination a {
    background: #ead4a3;
    border-color: #9a713c;
    color: #5d3518;
    border-radius: 3px;
}
.pagination a:hover { background: #70411f; color: #ffe49a; border-color: #b9813c; }

/* ---------------------------------------------------------------------------
   19) FOOTER
   Colori scuri/oro per il fondo pagina.
   --------------------------------------------------------------------------- */
#footer .upper {
    background: linear-gradient(to bottom, #3c2514 0%, #1e120a 100%);
    color: #e7c67a;
    border-top: 2px solid #79502a;
    border-bottom: 1px solid #080503;
}

#footer .lower { color: #c4a66a; }
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active { color: #e3b955; }

/* ---------------------------------------------------------------------------
   20) RESPONSIVE - TABLET
   Da 900 px in giù il menu può andare a capo e la ricerca occupa una riga
   separata. Vengono rimosse le larghezze minime dei pannelli.
   --------------------------------------------------------------------------- */
@media (max-width: 900px) {
    body {
        background-attachment: scroll;
        background-size: auto 100vh;
    }

    .wrapper {
        width: calc(100% - 20px);
        max-width: none;
    }

    #logo,
    #logo .wrapper {
        min-height: 190px;
    }

    #logo {
        background-position: center top;
    }

    #logo img {
        max-width: min(500px, 80vw) !important;
    }

    .pirate_navbar_inner {
        min-height: 0;
        padding: 8px 12px !important;
        flex-wrap: wrap !important;
        gap: 8px;
    }

    #pirate_navbar .top_links {
        width: 100%;
        justify-content: center;
    }

    .pirate_nav_search {
        width: 100%;
        flex: 1 1 100%;
        padding-left: 0;
    }

    #panel .lower ul.panel_links,
    #panel .lower ul.user_links {
        float: none !important;
        display: flex;
        flex-wrap: wrap;
        gap: 6px 12px;
        margin: 0;
        padding: 0;
    }

    #panel .lower ul.user_links {
        margin-top: 6px;
    }

    .rt_chat-input {
        flex-wrap: wrap !important;
    }

    .rt_chat-input button {
        min-width: 90px;
    }
}

/* ---------------------------------------------------------------------------
   21) RESPONSIVE - SMARTPHONE
   Ottimizza font, icone, header, menu e tabelle sotto 600 px senza allargare
   la pagina oltre lo schermo.
   --------------------------------------------------------------------------- */
@media (max-width: 600px) {
    .wrapper {
        width: calc(100% - 12px);
    }

    #content {
        padding: 10px 6px 20px;
    }

    #logo,
    #logo .wrapper {
        min-height: 145px;
    }

    #logo {
        padding: 4px 0;
        background-size: cover;
    }

    #logo img {
        max-width: 78vw !important;
    }

    #pirate_navbar .top_links {
        justify-content: flex-start;
        gap: 5px 12px;
    }

    #pirate_navbar .top_links li,
    #pirate_navbar .top_links li a {
        height: 38px !important;
        min-height: 38px !important;
    }

    #pirate_navbar .top_links li a {
        font-size: 14px;
    }

    /* Riduce le icone della barra solo sui telefoni. */
    #pirate_navbar ul.top_links li a.portal,
    #pirate_navbar ul.top_links li a.search,
    #pirate_navbar ul.top_links li a.memberlist,
    #pirate_navbar ul.top_links li a.calendar,
    #pirate_navbar ul.top_links li a.help {
        padding-left: 40px !important;
        background-size: 34px 34px !important;
    }

    .pirate_nav_search input.textbox,
    .pirate_nav_search input[type="text"] {
        height: 32px;
    }

    .pirate_nav_search input.button,
    .pirate_nav_search button {
        height: 32px;
        padding: 0 9px;
    }

    #panel .upper,
    #panel .lower {
        font-size: 13px;
        line-height: 1.45;
    }

    .pirate-category-head {
        padding: 7px 9px !important;
    }

    .pirate-category-custom-icon {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }

    .pirate-category-title {
        font-size: 17px;
    }

    .pirate-category-desc {
        font-size: 11px;
    }

    .forum_status {
        width: 38px !important;
        height: 38px !important;
    }

    /* La tabella resta dentro la pagina; se è più larga, scorre solo lei. */
    .tborder {
        font-size: 11px;
    }

    .tcat,
    .thead {
        font-size: 12px;
    }

    .trow1 strong > a,
    .trow2 strong > a {
        font-size: 13px;
    }

    .post_body {
        margin: 6px !important;
        padding: 10px !important;
    }

    .rt_chat-message {
        padding: 7px !important;
    }

    .rt_chat-message-content {
        margin-left: 4px !important;
    }

    .rt_chat-input input[type="text"] {
        flex-basis: 100% !important;
        width: 100% !important;
    }

    .rt_chat-input button {
        width: 100%;
    }

    /* Evita campi con larghezze fisse ereditate dal tema MyBB. */
    form #message,
    input.textbox.portal_search,
    textarea,
    select {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
}

/* ---------------------------------------------------------------------------
   22) RESPONSIVE - TELEFONI MOLTO STRETTI
   Ultime correzioni sotto 420 px: menu ancora più compatto.
   --------------------------------------------------------------------------- */
@media (max-width: 420px) {
    #logo,
    #logo .wrapper {
        min-height: 120px;
    }

    #pirate_navbar .top_links {
        gap: 4px 8px;
    }

    #pirate_navbar .top_links li a {
        font-size: 13px;
    }

    #pirate_navbar ul.top_links li a.portal,
    #pirate_navbar ul.top_links li a.search,
    #pirate_navbar ul.top_links li a.memberlist,
    #pirate_navbar ul.top_links li a.calendar,
    #pirate_navbar ul.top_links li a.help {
        padding-left: 34px !important;
        background-size: 29px 29px !important;
    }
}

/* =========================================================
   CORREZIONI HEADER / MENU / CHAT
   ========================================================= */

/* ---------------------------------------------------------
   1) ALLINEAMENTO DEL MENU CON IL CONTENUTO DEL FORUM
   Porta Portale, Ricerca, Lista utenti ecc. più verso
   l'interno, allineandoli alla wrapper principale.
   --------------------------------------------------------- */

.pirate_navbar_inner {
    padding-left: 4% !important;
    padding-right: 4% !important;
}


/* ---------------------------------------------------------
   2) SISTEMAZIONE CASELLA DI RICERCA
   Evita che il pulsante "Cerca" finisca sopra al campo.
   --------------------------------------------------------- */

.pirate_nav_search {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;

    margin-left: auto !important;
    padding-left: 18px !important;

    flex: 0 1 330px !important;
    min-width: 0 !important;
}

.pirate_nav_search input.textbox,
.pirate_nav_search input[type="text"] {
    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;

    box-sizing: border-box !important;
}

.pirate_nav_search input.button,
.pirate_nav_search button {
    flex: 0 0 auto !important;

    margin-left: 0 !important;
    white-space: nowrap !important;
}


/* ---------------------------------------------------------
   3) ICONA CATENA DELLA CHAT
   L'icona del collegamento viene visualizzata enorme perché
   non aveva una dimensione massima specifica.
   --------------------------------------------------------- */

.rt_chat-header img {
    width: 14px !important;
    height: 14px !important;

    max-width: 14px !important;
    max-height: 14px !important;

    object-fit: contain !important;

    vertical-align: middle !important;
    opacity: 0.85 !important;
}

/* =========================================================
   MENU SOSPESO NELL'HEADER - VERSIONE DEFINITIVA
   ========================================================= */

/* Il contenitore dell'header diventa il riferimento
   per il posizionamento assoluto del menu. */
#logo .wrapper {
    position: relative !important;
}

/* Posizione del menu nell'immagine grande dell'header. */
#logo ul.top_links {
    position: absolute !important;

    right: 2.5% !important;
    bottom: 48px !important;

    display: flex !important;
    align-items: center !important;
    gap: 18px !important;

    margin: 0 !important;
    padding: 8px 12px !important;

    background: rgba(10, 7, 4, 0.50) !important;

    border: 1px solid rgba(180, 120, 50, 0.35) !important;
    border-radius: 7px !important;

    box-shadow:
        0 3px 10px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.05) !important;

    z-index: 30 !important;
}

/* Singole voci del menu. */
#logo ul.top_links li {
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
}

/* Testo del menu. */
#logo ul.top_links li a {
    height: 42px !important;

    display: flex !important;
    align-items: center !important;

    color: #f5c34a !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: bold !important;

    text-decoration: none !important;
    text-shadow:
        1px 1px 2px #000,
        0 0 4px rgba(0,0,0,.55) !important;
}

/* Icona Portale */
#logo ul.top_links li a.portal {
    padding-left: 46px !important;
    background: url(/images/pirate/icons/nav-portal.png) no-repeat left center !important;
    background-size: 38px 38px !important;
}

/* Icona Ricerca */
#logo ul.top_links li a.search {
    padding-left: 46px !important;
    background: url(/images/pirate/icons/nav-search.png) no-repeat left center !important;
    background-size: 38px 38px !important;
}

/* Icona Lista utenti */
#logo ul.top_links li a.memberlist {
    padding-left: 46px !important;
    background: url(/images/pirate/icons/nav-memberlist.png) no-repeat left center !important;
    background-size: 38px 38px !important;
}

/* Icona Calendario */
#logo ul.top_links li a.calendar {
    padding-left: 46px !important;
    background: url(/images/pirate/icons/nav-calendar.png) no-repeat left center !important;
    background-size: 38px 38px !important;
}

/* Icona Aiuto */
#logo ul.top_links li a.help {
    padding-left: 46px !important;
    background: url(/images/pirate/icons/nav-help.png) no-repeat left center !important;
    background-size: 38px 38px !important;
}

/* Effetto hover */
#logo ul.top_links li a:hover {
    color: #ffe58a !important;
}

/* =========================================================
   ICONE PANNELLO UTENTE / MODERAZIONE / AMMINISTRAZIONE
   - uniforma le dimensioni
   - le ingrandisce leggermente
   ========================================================= */

/* Imposta una dimensione unica per tutte e tre le icone */
#panel .lower ul.panel_links li a {
    display: inline-flex !important;
    align-items: center !important;

    min-height: 44px !important;

    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: 44px 44px !important;

    padding-left: 50px !important;
}

/* Pannello utente */
#panel .lower ul.panel_links a.usercp {
    background-image: url(/images/pirate/icons/panel-user.png) !important;
}

/* Moderazione */
#panel .lower ul.panel_links a.modcp {
    background-image: url(/images/pirate/icons/panel-mod.png) !important;
}

/* Amministrazione */
#panel .lower ul.panel_links a.admincp {
    background-image: url(/images/pirate/icons/panel-admin.png) !important;
}