/* AusCelebs Gallery - thumbnail grid + upload widget + adult-flag styling */

/* "From our archives" random-image block on the forum index. Reuses the
   in-post thumbnail grid styling; adds a small overlay icon that links
   to the source post (visible on hover). */
.acnet-random-block {
	margin: 0 0 18px;
	padding: 10px 14px 6px;
	background: #f7f7f7;
	border: 1px solid #d8d8d8;
	border-radius: 4px;
}

.acnet-random-title {
	margin: 0 0 8px;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
	color: #444;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.acnet-gallery-random {
	justify-content: center;
	margin: 0;
}

/* Hover-reveal link icon that opens the source post in a new tab. */
.acnet-gallery-thumb-postlink {
	position: absolute;
	top: 9px;
	left: 9px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 26px;
	height: 26px;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	border-radius: 4px;
	text-decoration: none;
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.15s ease, background 0.15s ease;
}

.acnet-gallery-thumb-wrap:hover .acnet-gallery-thumb-postlink,
.acnet-gallery-thumb-postlink:focus {
	visibility: visible;
	opacity: 1;
}

.acnet-gallery-thumb-postlink:hover {
	background: rgba(16, 82, 137, 0.95);
	color: #fff;
	text-decoration: none;
}

.acnet-gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0;
	align-items: flex-start;
}

/* Legacy spacing: 5px padding on each tile (giving 10px between adjacent
   thumbnails) plus enough trailing room to render the offset drop shadow.
   Matches acnet-files/css/acnet.css. */
.acnet-gallery-thumb-wrap {
	position: relative;
	display: inline-block;
	padding: 5px 13px 13px 5px;
	vertical-align: top;
	line-height: 0;
}

.acnet-gallery-thumb {
	position: relative;
	display: inline-block;
	line-height: 0;
	text-decoration: none;
	transition: opacity 0.15s ease;
}

/* Legacy hover effect: fade the whole tile to 0.75 opacity. No transform
   (image staying still matches the old code), no link-style underline. */
.acnet-gallery-thumb:hover,
.acnet-gallery-thumb:focus {
	opacity: 0.75;
	text-decoration: none;
}

/* Hover-reveal delete button (mod / post-owner only) */
.acnet-gallery-thumb-del {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 24px;
	height: 24px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	font-family: Arial, sans-serif;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.15s ease, background 0.15s ease;
	z-index: 2;
}

.acnet-gallery-thumb-wrap:hover .acnet-gallery-thumb-del,
.acnet-gallery-thumb-del:focus {
	visibility: visible;
	opacity: 1;
}

.acnet-gallery-thumb-del:hover {
	background: rgba(188, 42, 77, 0.9);
}

/* Legacy "polaroid" look: 3px white border + dark offset drop shadow on
   the image itself. Box-shadow values match acnet-files/css/acnet.css. */
.acnet-gallery-thumb img {
	display: block;
	max-width: 100%;
	height: auto;
	border: 3px solid #fff;
	box-shadow: 8px 8px 4px #888;
}

/* Info bar BENEATH the image (legacy .thumbinfo). Black at 70%, small
   monospace text. Sits in normal flow so it stacks below the image
   rather than overlaying it. */
.acnet-gallery-meta {
	display: block;
	margin-top: 4px;
	padding: 2px 5px;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 9.5px;
	font-family: Menlo, Consolas, monospace;
	line-height: 1.4;
	text-align: left;
	pointer-events: none;
	box-shadow: 8px 8px 4px #888;
}

.acnet-gallery-adult-notice {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 12px 0;
	padding: 16px 20px;
	background: #fff3cd;
	border: 2px solid #f0ad4e;
	border-left-width: 6px;
	border-radius: 4px;
	color: #4a2d00;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.acnet-gallery-adult-notice::before {
	content: "\f023"; /* Font Awesome fa-lock */
	font-family: FontAwesome;
	font-size: 24px;
	color: #d9534f;
	flex-shrink: 0;
}

.acnet-gallery-adult-notice a {
	display: inline-block;
	padding: 2px 10px;
	margin: 0 2px;
	background: #d9534f;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	font-weight: 700;
	transition: background 0.15s ease;
}

.acnet-gallery-adult-notice a:hover,
.acnet-gallery-adult-notice a:focus {
	background: #c9302c;
	color: #fff;
	text-decoration: none;
}

/* Mod-only adult toggle - lives in the post-buttons row, styled like Thanks */
.acnet-adult {
	list-style: none;
	display: inline-block;
}

.acnet-adult-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 27px;
	padding: 2px 5px;
	border: 1px solid #b9b9b9;
	border-radius: 4px;
	background: #f5f5f5;
	color: #555;
	text-decoration: none;
	cursor: pointer;
	line-height: 1.4;
	font-size: 13px;
	vertical-align: middle;
}

.acnet-adult-btn:hover,
.acnet-adult-btn:focus {
	background: #fff;
	border-color: #888;
	color: #BC2A4D;
	text-decoration: none;
}

.acnet-adult-btn .acnet-adult-icon {
	font-size: 13px;
	color: #888;
}

.acnet-adult-label {
	margin-left: 4px;
	font-size: 13px;
	line-height: 1;
}

/* Mod-only "delete all images on this post" button - lives next to Adult.
   No display rule on the <li>: phpBB's .post-buttons li already lays it out,
   and overriding it here would beat .hidden during responsive collapse and
   leave the button visible in both the row and the mini-menu. */

.acnet-gallery-bulkdelete-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 27px;
	padding: 2px 5px;
	border: 1px solid #b9b9b9;
	border-radius: 4px;
	background: #f5f5f5;
	color: #555;
	text-decoration: none;
	cursor: pointer;
	line-height: 1.4;
	font-size: 13px;
	vertical-align: middle;
}

.acnet-gallery-bulkdelete-btn:hover,
.acnet-gallery-bulkdelete-btn:focus {
	background: #fff;
	border-color: #888;
	color: #BC2A4D;
	text-decoration: none;
}

.acnet-gallery-bulkdelete-btn .icon {
	font-size: 13px;
	color: #555;
}

.acnet-gallery-bulkdelete-btn:hover .icon {
	color: #BC2A4D;
}

.acnet-gallery-bulkdelete-label {
	margin-left: 4px;
	font-size: 13px;
	line-height: 1;
}

/* Icon swap: open padlock by default, closed when post is marked adult. */
.acnet-adult-btn .acnet-adult-icon-open   { display: inline-block; }
.acnet-adult-btn .acnet-adult-icon-closed { display: none; }
.acnet-adult-btn.is-adult .acnet-adult-icon-open   { display: none; }
.acnet-adult-btn.is-adult .acnet-adult-icon-closed { display: inline-block; }

.acnet-adult-btn:hover .acnet-adult-icon {
	color: #BC2A4D;
}

.acnet-adult-btn.is-adult {
	background: #BC2A4D;
	color: #fff;
	border-color: #8d1f3a;
}

.acnet-adult-btn.is-adult .acnet-adult-icon {
	color: #fff;
}

.acnet-adult-btn.is-adult:hover {
	background: #a01f3e;
	color: #fff;
	border-color: #7a1a32;
}

.acnet-adult-btn.is-adult:hover .acnet-adult-icon {
	color: #fff;
}


/* Upload widget */
.acnet-gallery-upload {
	margin: 12px 0;
	padding: 12px;
	border: 2px dashed #b9b9b9;
	border-radius: 6px;
	background: #fafafa;
}

.acnet-gallery-upload.is-dragover {
	border-color: #105289;
	background: #e8f1fb;
}

.acnet-gallery-upload-hint {
	margin: 0 0 8px;
	color: #555;
	font-size: 12px;
}

.acnet-gallery-upload-button {
	display: inline-block;
	padding: 4px 12px;
	border: 1px solid #105289;
	border-radius: 4px;
	background: #105289;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
}

.acnet-gallery-upload-button:hover {
	background: #0d4373;
}

.acnet-gallery-upload-tiles {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px;
}

.acnet-gallery-upload-tile {
	position: relative;
	width: 100px;
	height: 100px;
	border: 1px solid #ccc;
	border-radius: 3px;
	overflow: hidden;
	background: #eee center / cover no-repeat;
}

.acnet-gallery-upload-tile-remove {
	position: absolute;
	top: 2px;
	right: 2px;
	width: 22px;
	height: 22px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	cursor: pointer;
	line-height: 22px;
	text-align: center;
	font-size: 14px;
}

.acnet-gallery-upload-tile-remove:hover {
	background: rgba(188, 42, 77, 0.85);
}

.acnet-gallery-upload-tile-progress {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	background: rgba(0, 0, 0, 0.2);
}

.acnet-gallery-upload-tile-progress-bar {
	height: 100%;
	background: #4CAF50;
	width: 0;
	transition: width 0.15s ease;
}

.acnet-gallery-upload-error {
	margin-top: 6px;
	padding: 6px 10px;
	border: 1px solid #c62828;
	border-radius: 3px;
	background: #ffebee;
	color: #c62828;
	font-size: 12px;
}

/* Forum-wide duplicate check option and "already posted" notices */
.acnet-gallery-upload-dupcheck {
	display: block;
	margin: 6px 0;
	font-size: 12px;
}

.acnet-gallery-upload-duplicate {
	position: relative;
	padding-right: 26px;
}

.acnet-gallery-upload-notice-close {
	position: absolute;
	top: 2px;
	right: 4px;
	border: 0;
	background: none;
	color: inherit;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}