.wp-album-uploader { border: 1px dashed #bbb; padding: 16px; margin: 16px 0; background-color: #f1f1f1; }
.wp-album-dropzone { display: flex; align-items: center; justify-content: center; height: 200px; background: #fafafa; border: 2px dashed #ccc; padding: 24px; text-align: center; cursor: pointer; }
.wp-album-dropzone.dragover { background: #eef8ff; border-color: #66afe9; }
.wp-album-upload-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin: 12px 0; padding: 0; list-style: none; }
.wp-album-upload-list li { background: #fff; border: 1px solid #eee; padding: 8px; min-height: 80px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; position: relative; }
.wp-album-upload-list li img { max-width: 100%; height: auto; display: block; border-radius: unset; }
.wp-album-approved { margin-top: 16px; }
.wp-album-approved h4 { margin: 0 0 8px; }
.wp-album-approved-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; list-style: none; padding: 0; margin: 0; }
.wp-album-approved-list li { position: relative; border: 1px solid #eee; padding: 6px; background: #fff; display: flex; flex-direction: column; gap: 6px; align-items: center; justify-content: center; }
.wp-album-approved-list img { max-width: 100%; height: auto; display: block; border-radius: unset; }
.wp-album-upload-list .remove,
.wp-album-approved-list .remove,
.wp-album-pending-list .remove {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 28px;
	height: 28px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: #d63638;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	z-index: 2;
	transition: background-color .2s ease, transform .1s ease, box-shadow .2s ease;
	font-size: 0; /* masque le texte "Supprimer" visuellement */
}
.wp-album-upload-list .remove svg,
.wp-album-approved-list .remove svg,
.wp-album-pending-list .remove svg { width: 16px; height: 16px; display: block; fill: currentColor; }
.wp-album-upload-list .remove:hover,
.wp-album-approved-list .remove:hover,
.wp-album-pending-list .remove:hover { background: #b02a2c; transform: scale(1.05); box-shadow: 0 2px 6px rgba(0,0,0,.25); }
.wp-album-upload-list .remove:active,
.wp-album-approved-list .remove:active,
.wp-album-pending-list .remove:active { transform: scale(0.98); }
.wp-album-upload-list .remove:focus-visible,
.wp-album-approved-list .remove:focus-visible,
.wp-album-pending-list .remove:focus-visible { outline: 2px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 2px #b02a2c, 0 0 0 4px #fff; }

.wp-album-pending { margin-top: 16px; }
.wp-album-pending h4 { margin: 16px 0 8px; }
.wp-album-pending-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; list-style: none; padding: 0; margin: 0; }
.wp-album-pending-list li { position: relative; border: 1px dashed #e5c07b; padding: 6px; background: #fffdf6; display: flex; flex-direction: column; gap: 6px; align-items: center; }
.wp-album-pending-list img { max-width: 100%; height: auto; display: block; border-radius: unset; }
.badge.badge-pending { 
	position: absolute; 
	top: 6px; 
	left: 6px; 
	z-index: 2; 
	display: inline-block; 
	background: #e5c07b; 
	color: #000; 
	border-radius: 12px; 
	padding: 3px 8px; 
	font-size: 11px; 
	box-shadow: 0 1px 3px rgba(0,0,0,.15);
}

.wp-album-gallery { display: grid; gap: 10px; }
.wp-album-gallery.columns-2 { grid-template-columns: repeat(2, 1fr); }
.wp-album-gallery.columns-3 { grid-template-columns: repeat(3, 1fr); }
.wp-album-gallery.columns-4 { grid-template-columns: repeat(4, 1fr); }
.wp-album-gallery.columns-5 { grid-template-columns: repeat(5, 1fr); }
.wp-album-gallery.columns-6 { grid-template-columns: repeat(6, 1fr); }
.wp-album-item { overflow: hidden; border-radius: 6px; }
.wp-album-item img { width: 100%; height: auto; display: block; object-fit: contain; border-radius: unset; }

/* Classes utilitaires de ratio (utiliser sur un conteneur) */
.wp-album-ratio-16x9 { position: relative; width: 100%; }
.wp-album-ratio-16x9::before { content: ""; display: block; padding-top: 56.25%; }
.wp-album-ratio-16x9 > img, .wp-album-ratio-16x9 > a > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.wp-album-ratio-4x3 { position: relative; width: 100%; }
.wp-album-ratio-4x3::before { content: ""; display: block; padding-top: 75%; }
.wp-album-ratio-4x3 > img, .wp-album-ratio-4x3 > a > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.wp-album-ratio-panorama { position: relative; width: 100%; }
.wp-album-ratio-panorama::before { content: ""; display: block; padding-top: 33.3333%; }
.wp-album-ratio-panorama > img, .wp-album-ratio-panorama > a > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.wp-album-user { margin: 1em 0 .25em; }
.wp-album-first-caption { margin: 0 0 .75em; font-size: 13px; color: #666; font-style: italic; }
.wp-album-hidden { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }

/* Overlay viewer */
.wp-album-overlay { position: fixed; inset: 0; background: rgba(5, 15, 35, 0.92); display: none; align-items: center; justify-content: center; z-index: 999999; }
.wp-album-overlay.visible { display: flex; }
.wp-album-image { max-width: 90vw; max-height: 85vh; border: 12px solid #fff; border-radius: 2px; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6); background: #fff; box-sizing: border-box; }
.wp-album-close, .wp-album-prev, .wp-album-next { position: absolute; background: rgba(255,255,255,0.15); color: #fff; border: none; font-size: 28px; width: 44px; height: 44px; line-height: 44px; text-align: center; border-radius: 4px; cursor: pointer; }
.wp-album-close { top: 16px; right: 16px; }
.wp-album-prev { left: 16px; top: 50%; transform: translateY(-50%); }
.wp-album-next { right: 16px; top: 50%; transform: translateY(-50%); }
.wp-album-counter { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 13px; opacity: .85; }
.wp-album-viewer-caption { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 14px; text-align: center; max-width: 80vw; background: rgba(0,0,0,0.5); padding: 4px 12px; border-radius: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.wp-album-lightbox-open { overflow: hidden; }

.wp-album-admin .wp-album-admin-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; list-style: none; margin: 0; padding: 0; }
.wp-album-admin .wp-album-admin-list li { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .5rem; border: 1px solid #e5e5e5; padding: 1rem; background: #fff; }
.wp-album-admin .wp-album-admin-list a { display: flex; justify-content: center; width: 100%; }
.wp-album-admin .wp-album-admin-user { padding: 12px 0 16px; margin: 12px 0 16px; border-bottom: 8px solid #e2e2e2; }
.wp-album-admin .wp-album-admin-user:last-child { border-bottom: none; }
.wp-album-admin .wp-album-admin-user h3 { font-size: 1.4rem; line-height: 1.3; }
.wp-album-caption-admin { font-size: 16px; color: #555; margin: 4px 0; text-align: center; padding: 0 4px; word-break: break-word; }
.wp-album-caption-admin--empty { opacity: 0.6; font-style: italic; }
.wp-album-caption-admin-edit { margin-top: 6px; display: flex; flex-direction: column; gap: 6px; align-items: stretch; }
.wp-album-caption-admin-input { width: 100%; min-height: 56px; resize: vertical; font-size: 14px; padding: 6px; border-radius: 4px; border: 1px solid #d0d0d0; }
.wp-album-caption-admin-edit .save-caption-admin { align-self: center; }
.wp-album-caption { font-size: 12px; color: #555; margin: 4px 0; text-align: center; padding: 0 4px; word-break: break-word; }
.wp-album-actions { margin-top: 6px; display: flex; gap: 6px; align-items: center; flex-direction: column; }
.wp-album-actions .status { font-size: 16px; font-weight: bold; }
.wp-album-actions .status-approved { color: #0a0; }
.wp-album-actions .status-pending { color: #a60; }
.wp-album-caption-edit { display: flex; flex-direction: column; align-items: center; gap: 8px; }

.wp-album-user { font-size: 1.8rem !important; }

/* Boutons personnalisés de l'album */
.button-album { 
	display: inline-block;
	background: #62e2ef;
	color: #2a488c;
	padding: .4rem 1rem;
    border: none;
	border-radius: 100px;
	cursor: pointer;
    text-transform: uppercase;
	text-decoration: none;
    font-weight: bold;
    letter-spacing: 1px;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.button-album:hover { background: #1b5a8b; color: #fff; border-color: #164a73; box-shadow: 0 2px 6px rgba(0,0,0,.08); }
.button-album:disabled { opacity: .6; cursor: not-allowed; box-shadow: none; }
.button-album.button-album-danger { background: #d63638; border-color: #a82b2c; border: none; }
.button-album.button-album-danger:hover { background: #b02a2c; }

.wp-album-reorder-btns { display:flex; gap:2px; align-items:center; }
.reorder-btn { background:none; border:none; padding:4px; margin:0; cursor:pointer; color:#555; line-height:1; display:flex; align-items:center; justify-content:center; border-radius:4px; }
.reorder-btn:hover { color:#000; background:rgba(0,0,0,.06); }
.reorder-btn:disabled { opacity:.4; cursor:not-allowed; }
.block-editor__container img { height: 128px !important; max-width: 100%; object-fit: contain;}