/* WikiPet SV — tema cálido y amigable (animales / adopción) */
:root {
  --wp-cream: #fff9f0;
  --wp-paper: #fffdf8;
  --wp-sand: #f4e8d8;
  --wp-coral: #e07a5f;
  --wp-coral-dark: #c45d45;
  --wp-teal: #3d9b8b;
  --wp-teal-dark: #2d7a6d;
  --wp-ink: #3a342f;
  --wp-muted: #6b625c;
  --wp-paw: rgba(224, 122, 95, 0.12);
}

.theme-wikipet {
  font-family: "Nunito", system-ui, -apple-system, sans-serif;
  color: var(--wp-ink);
  background-color: var(--wp-cream);
  background-image: radial-gradient(circle at 10% 20%, var(--wp-paw) 0%, transparent 35%),
    radial-gradient(circle at 90% 10%, rgba(61, 155, 139, 0.1) 0%, transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(244, 232, 216, 0.8) 0%, transparent 45%);
}

.fw-extrabold { font-weight: 800; }

/* Navbar */
.navbar-wikipet {
  background: linear-gradient(110deg, var(--wp-teal) 0%, var(--wp-teal-dark) 45%, #256d63 100%) !important;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}
.navbar-wikipet .navbar-brand,
.navbar-wikipet .nav-link {
  color: #fff !important;
}
.navbar-wikipet .nav-link:hover {
  opacity: 0.92;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.navbar-wikipet .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.45);
}
.navbar-wikipet .navbar-toggler-icon {
  filter: invert(1);
}
.logo-placeholder {
  min-width: 48px;
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 1.25rem;
}
.btn-nav-cta {
  background: var(--wp-coral);
  border-radius: 2rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  font-weight: 700;
}
.btn-nav-cta:hover {
  background: var(--wp-coral-dark);
  color: #fff !important;
}

/* Hero */
.hero-wikipet {
  background: linear-gradient(125deg, var(--wp-teal) 0%, #2a8a7a 40%, var(--wp-teal-dark) 100%);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hero-wikipet::after {
  content: "";
  position: absolute;
  right: -5%;
  bottom: -20%;
  width: 280px;
  height: 280px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='white' opacity='.08'%3E%3Ctext x='10' y='70' font-size='70'%3E🐾%3C/text%3E%3C/svg%3E")
    no-repeat center / contain;
  pointer-events: none;
}
.hero-wikipet .card {
  border-radius: 1rem;
}

/* Cards mascotas */
.card-mascota {
  border: none;
  border-radius: 1.15rem;
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  background: var(--wp-paper);
}
.card-mascota:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(61, 155, 139, 0.18) !important;
}
.card-mascota .ubicacion-badge,
.badge-ubicacion {
  font-size: 0.9rem;
  background: var(--wp-teal) !important;
  font-weight: 700;
}
.card-mascota .btn-outline-primary {
  border-color: var(--wp-teal);
  color: var(--wp-teal-dark);
  border-radius: 2rem;
  font-weight: 700;
}
.card-mascota .btn-outline-primary:hover {
  background: var(--wp-teal);
  border-color: var(--wp-teal);
  color: #fff;
}

/* Vista previa publicar */
.card-preview-publish {
  border: 2px dashed var(--wp-teal);
  border-radius: 1.15rem;
  background: var(--wp-paper);
}
.card-preview-publish .preview-img {
  height: 200px;
  object-fit: cover;
  width: 100%;
  background: var(--wp-sand);
}
.card-preview-publish .preview-placeholder {
  min-height: 200px;
  background: var(--wp-sand);
}
.card-preview-publish .preview-img-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 1rem 1rem 0 0;
}

.gallery-thumb {
  object-fit: cover;
  height: 120px;
  width: 100%;
  cursor: pointer;
  border-radius: 0.5rem;
}
.gallery-main {
  object-fit: cover;
  max-height: 420px;
  width: 100%;
  border-radius: 1rem;
}
.pre-line {
  white-space: pre-wrap;
}

/* Alerts soft */
.alert-danger-soft {
  background: #fdecea;
  border: 1px solid #f5c2c0;
  color: #842029;
  border-radius: 0.75rem;
}
.alert-success-soft {
  background: #e8f6f3;
  border: 1px solid #badbcc;
  color: #0f5132;
  border-radius: 0.75rem;
}

.footer-wikipet {
  background: linear-gradient(180deg, #fff 0%, var(--wp-sand) 100%);
  border-top: 1px solid rgba(61, 155, 139, 0.15) !important;
  color: var(--wp-muted);
}

/* Botones globales Bootstrap override suave */
.theme-wikipet .btn-primary {
  background-color: var(--wp-teal);
  border-color: var(--wp-teal-dark);
  font-weight: 700;
  border-radius: 2rem;
}
.theme-wikipet .btn-primary:hover {
  background-color: var(--wp-teal-dark);
  border-color: var(--wp-teal-dark);
}

.theme-wikipet .btn-success {
  background-color: #43a88a;
  border-color: #358a72;
  font-weight: 700;
  border-radius: 2rem;
}