/* Doplnok pre phpBB 3.3 (metal-jukebox, 2026-10-20): ikonovy modul .icon z prosilver/theme/icons.css 3.3.19 –
   tema Black 3.1.6 ho nema, casti sablon prebrate z prosilveru 3.3 by inak mali ikony ako stvorceky.    Selektory obmedzene na i.icon – Black pouziva triedu .icon aj na <dl> riadkoch zoznamov.
*/
/* --------------------------------------------------------------
	$Icons
-------------------------------------------------------------- */

/* Global module setup
--------------------------------*/

/* Renamed version of .fa class for agnostic usage of icon fonts.
 * Just change the name of the font after the 14/1 to the name of
 * the font you wish to use.
 */
i.icon, .button i.icon {
	display: inline-block;
  	font-family: FontAwesome;
  	font-weight: normal;
  	font-style: normal;
  	font-variant: normal;
  	font-size: 14px;
  	line-height: 1;
  	text-rendering: auto; /* optimizelegibility throws things off #1094 */
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

i.icon:before { padding-right: 2px; }

.button i.icon:before {
	padding-right: 0;
}

/* Icon size classes - Default size is 14px, use these for small variations */

i.icon.icon-xl {
	font-size: 20px;
}

i.icon.icon-lg {
	font-size: 16px;
}

i.icon.icon-md {
	font-size: 10px;
}

i.icon.icon-sm {
	font-size: 8px;
}

/* icon modifiers */
.icon-tiny {
	width: 12px;
	transform: scale(0.65, 0.75);
	vertical-align: text-bottom;
	font-size: 16px;
}

.arrow-left i.icon {
	float: left;
}

.arrow-left:hover i.icon {
	margin-left: -5px;
	margin-right: 5px;
}

.arrow-right i.icon {
	float: right;
}

.arrow-right:hover i.icon {
	margin-left: 5px;
	margin-right: -5px;
}

.post-buttons .dropdown-contents i.icon {
	float: right;
	margin-left: 5px;
}

.alert_close i.icon:before {
	padding: 0;
	border-radius: 50%;
	width: 11px;
	display: block;
	line-height: .9;
	height: 12px;
}


/* phpBB 3.3: rozbalovacie menu z prosilver 3.3 nemaju triedu .hidden – skryte zakladne ako v prosilver/theme/common.css */
.dropdown { display: none; }

/* ------------------------------------------------------------------
   Cookie lista (phpbb/consentmanager) v dizajne temy Black – metal-jukebox 2026-10-20
   Farby z temy: pozadie #181818, panely #343434/#202020, text #bbb, odkazy #4398ef,
   tlacidla #1a3f66 s jemnym prechodom (ako .button), zaoblenie 4–5 px.
   ------------------------------------------------------------------ */
body .consent-manager-root,
body .consent-manager-noscript {
	--consent-manager-color-text: #d1d8e0;
	--consent-manager-color-text-muted: #bbbbbb;
	--consent-manager-color-link: #4398ef;
	--consent-manager-color-link-hover: #7ab8f5;
	--consent-manager-color-surface: #2b2b2b;
	--consent-manager-color-border: #1a3f66;
	--consent-manager-color-border-subtle: #444444;
	--consent-manager-color-button-border: #1a3f66;
	--consent-manager-color-button-surface: #1a3f66;
	--consent-manager-color-button-surface-hover: #24578c;
	--consent-manager-color-button-primary: #2c6cb0;
	--consent-manager-color-button-primary-hover: #3a7fc8;
	--consent-manager-font-size: 11px;
}

body .consent-manager-banner,
body .consent-manager-modal-panel,
body .consent-manager-noscript {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height: 1.5;
}

body .consent-manager-banner {
	border: 1px solid #202020;
	border-top: 3px solid #4398ef;
	border-radius: 5px;
	background-image: linear-gradient(rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 60%);
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.7);
}

body .consent-manager-heading {
	font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #4898ea;
	text-transform: none;
}

body .consent-manager-button {
	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #d1d8e0;
	background-color: var(--consent-manager-color-button-surface);
	background-image: linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
	border: 1px solid #1a3f66;
	border-top-color: #2f6aa5;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15), inset 1px 1px 1px rgba(255, 255, 255, 0.1);
	min-width: 9rem;
	padding: 0.55rem 1rem;
}

body .consent-manager-button:hover,
body .consent-manager-button:focus {
	color: #ffffff;
	background-color: var(--consent-manager-color-button-surface-hover);
}

body .consent-manager-button-primary {
	color: #ffffff;
	background-color: var(--consent-manager-color-button-primary);
	border-color: #1f5592;
	border-top-color: #4f8fd1;
}

body .consent-manager-button-primary:hover,
body .consent-manager-button-primary:focus {
	background-color: var(--consent-manager-color-button-primary-hover);
}

body .consent-manager-modal {
	background: rgba(0, 0, 0, 0.72);
}

body .consent-manager-modal-panel {
	border: 1px solid #202020;
	border-top: 3px solid #4398ef;
	border-radius: 5px;
	box-shadow: 0 16px 50px rgba(0, 0, 0, 0.8);
}

body .consent-manager-toggle input {
	accent-color: #4398ef;
}

body .consent-manager-policy-link,
body .consent-manager-policy-link:visited {
	color: #4398ef;
}

/* Vyber jazyka v hlavicke (metal-jukebox 2026-10-20) */
.mj-lang .mj-lang-code { margin-left: 3px; font-weight: bold; }
.mj-lang .dropdown-contents li.mj-lang-current a { font-weight: bold; color: #ffffff; }
.mj-lang .dropdown-contents { min-width: 140px; }

/* ------------------------------------------------------------------
   Vlozene videa [youtube] (iframe youtube-nocookie) a placeholder
   Consent Managera pred suhlasom s vlozenymi mediami – metal-jukebox 2026-10-20
   ------------------------------------------------------------------ */
.mj-youtube {
	max-width: 640px;
}
body [data-consent-media-container] {
	--consent-manager-media-placeholder-text: #bbbbbb;
	--consent-manager-media-placeholder-surface: #202020;
	--consent-manager-media-placeholder-border: #444444;
	--consent-manager-media-placeholder-link: #4398ef;
	--consent-manager-media-placeholder-link-hover: #7ab8f5;
	max-width: 640px;
	margin: 4px 0;
}
body [data-consent-media-placeholder] {
	border-radius: 5px;
	border-top: 3px solid #4398ef;
	cursor: pointer;
	gap: 4px;
	min-height: 44px;
	padding: 10px 14px 10px 66px;
	position: relative;
}
body [data-consent-media-placeholder]::before {
	color: #e62117;
	content: "\f16a";
	font-family: FontAwesome;
	font-size: 38px;
	left: 14px;
	line-height: 1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
body [data-consent-media-placeholder]:hover {
	background-color: #2b2b2b;
}