/* ==========================================================================
   Product photo manager (pages/producto-fotos.php) — extends main.css.
   ========================================================================== */

.publish-back { display: inline-flex; align-items: center; gap: .35rem; font-size: .8rem; font-weight: 700; color: #6B7268; }
.publish-back:hover { color: #16241C; }

.panel-card { background: #fff; border-radius: 1.1rem; padding: 1.25rem; box-shadow: 0 2px 10px rgba(22,36,28,0.06); }
.form-field-title { font-family: 'Fraunces', serif; font-weight: 600; font-size: 1.05rem; margin-bottom: 1rem; }

.flash-msg { border-radius: .8rem; padding: .85rem 1.1rem; font-size: .875rem; font-weight: 600; margin-top: 1rem; }
.flash-msg.success { background: #EEF4EF; color: #255840; }
.flash-msg.error { background: #FBDFD6; color: #C24630; }

.publish-photo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .75rem; }
@media (min-width: 640px) { .publish-photo-grid { grid-template-columns: repeat(4, 1fr); } }

.publish-photo-item { position: relative; aspect-ratio: 1; border-radius: .8rem; overflow: hidden; background: #ECEEE4; }
.publish-photo-item img { width: 100%; height: 100%; object-fit: cover; display: block; }

.publish-photo-remove {
  all: unset; position: absolute; top: .35rem; right: .35rem; width: 1.5rem; height: 1.5rem; border-radius: 999px;
  background: rgba(22,36,28,0.7); color: #fff; display: flex; align-items: center; justify-content: center; font-size: .7rem; cursor: pointer;
}
.publish-photo-remove:hover { background: #C24630; }

.publish-photo-cover { position: absolute; bottom: .35rem; left: .35rem; font-size: .62rem; font-weight: 700; background: #2F6B4F; color: #fff; padding: .15rem .45rem; border-radius: .35rem; }

.publish-photo-make-primary {
  all: unset; position: absolute; bottom: .35rem; left: .35rem; font-size: .6rem; font-weight: 700;
  background: rgba(22,36,28,0.7); color: #fff; padding: .18rem .45rem; border-radius: .35rem; cursor: pointer;
}
.publish-photo-make-primary:hover { background: #2F6B4F; }

.upload-dropzone {
  border: 2px dashed rgba(22,36,28,0.2); border-radius: 1rem; padding: 2rem 1rem; text-align: center; color: #6B7268;
}
.upload-dropzone input[type="file"] { display: block; margin: .85rem auto 0; font-size: .8rem; }