@media (max-width: 767px) {
  footer img[src$="PetVerze Logo Dog.png"] {
    display: none;
  }
}

/* Trusted Picks uses a quiet empty state when no image was uploaded or pasted. */
.bg-brandBg section .bg-white > .bg-slate-50.rounded-xl.mb-4.flex.items-center.justify-center.border-2.border-dashed {
  display: flex !important;
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
  color: #94a3b8 !important;
}

.bg-brandBg section .bg-white > a:has(.bg-slate-50.rounded-xl.mb-4.flex.items-center.justify-center.border-2.border-dashed) {
  display: block !important;
  text-decoration: none;
}

.bg-brandBg section .bg-white > a > .bg-slate-50.rounded-xl.mb-4.flex.items-center.justify-center.border-2.border-dashed {
  display: flex !important;
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
  color: #94a3b8 !important;
}

.bg-brandBg section .bg-white .bg-slate-50.rounded-xl.mb-4.flex.items-center.justify-center.border-2.border-dashed p {
  font-size: 0 !important;
}

.bg-brandBg section .bg-white .bg-slate-50.rounded-xl.mb-4.flex.items-center.justify-center.border-2.border-dashed p::after {
  content: "No image available";
  display: inline-block;
  color: #64748b;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.bg-brandBg section .space-y-4 > .bg-white {
  border-color: #fed7aa;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
  min-height: 220px;
}

.bg-brandBg section .space-y-4 > .bg-white:hover {
  border-color: #fb923c;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.09);
  transform: translateY(-1px);
}

.bg-brandBg section .space-y-4 > .bg-white,
.bg-brandBg section .space-y-4 > .bg-white:hover {
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

/* Admin Trusted Picks editor: softer cards and easier scanning. */
#products-container [data-index],
#special-container [data-spec-idx] {
  border-color: #e2e8f0;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

#products-container > .grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (max-width: 1100px) {
  #products-container > .grid {
    grid-template-columns: 1fr !important;
  }
}

#products-container [data-index] input,
#products-container [data-index] select,
#special-container [data-spec-idx] input,
#special-container [data-spec-idx] select {
  min-height: 40px;
}

#products-container [data-index] img,
#special-container [data-spec-idx] img {
  background: #fff7ed;
  object-fit: contain;
}

.petverze-image-field {
  grid-column: 1 / -1;
  width: 100%;
}

#products-container [data-index] input[type="file"],
#special-container [data-spec-idx] input[type="file"] {
  display: none !important;
}

#products-container [data-index] .petverze-image-url-toggle,
#special-container [data-spec-idx] .petverze-image-url-toggle {
  display: none !important;
}

.petverze-main-image-preview {
  display: block;
  width: 100%;
  max-height: 180px;
  margin: 0.35rem 0 0.5rem;
  border: 1px solid #fed7aa;
  border-radius: 0.5rem;
  object-fit: contain;
}

.petverze-image-url-preview {
  width: 100%;
  max-height: 120px;
  margin: 0.35rem 0 0.5rem;
  border: 1px solid #fed7aa;
  border-radius: 0.5rem;
  object-fit: contain;
}

#products-container .f-link,
#special-container .s-link {
  min-width: 0;
}

.petverze-image-url-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-top: 0.35rem;
  cursor: pointer;
  user-select: none;
}

.petverze-image-url-toggle input {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  accent-color: #f97316;
  cursor: pointer;
}

.petverze-image-url-toggle span {
  color: #0f172a;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.petverze-image-url-label {
  display: block;
  color: #64748b;
  font-size: 0.68rem;
  font-weight: 800;
  margin: 0.35rem 0 0.25rem;
  text-transform: uppercase;
}

.petverze-image-url-row {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 0.5rem !important;
  width: 100%;
  opacity: 1 !important;
}

.petverze-image-url-row-disabled {
  opacity: 0.55 !important;
}

.petverze-image-url-row input[type="url"] {
  font-size: 0.875rem;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  padding: 0.65rem 0.8rem !important;
}

.petverze-image-url-row button,
.petverze-apply-image-button {
  width: 100% !important;
  min-width: 92px !important;
  border: 0 !important;
  border-radius: 0.5rem !important;
  background: #f97316 !important;
  color: #fff !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  padding: 0.65rem 0.85rem !important;
  text-align: center !important;
  box-shadow: 0 8px 18px rgba(249, 115, 22, 0.18) !important;
  transition: background 160ms ease, box-shadow 160ms ease !important;
}

.petverze-image-url-row button:hover,
.petverze-apply-image-button:hover {
  background: #ea580c !important;
  box-shadow: 0 10px 22px rgba(249, 115, 22, 0.24) !important;
}

@media (max-width: 767px) {
  #products-container [data-index],
  #special-container [data-spec-idx] {
    padding: 1rem;
  }

  .petverze-image-url-row button {
    width: 100% !important;
  }
}