/* ============================================
   textures.css — Padrões: kraft, chita, gingham, papel rasgado
   ============================================ */

.tex-paper {
  background-color: var(--rt-paper);
  background-image:
    radial-gradient(rgba(90, 62, 43, 0.045) 1px, transparent 1px),
    radial-gradient(rgba(90, 62, 43, 0.03) 1px, transparent 1px);
  background-size: 3px 3px, 7px 7px;
  background-position: 0 0, 1px 1px;
}
.tex-kraft {
  background-color: var(--rt-bege);
  background-image:
    radial-gradient(rgba(90, 62, 43, 0.10) 1px, transparent 1.5px),
    radial-gradient(rgba(90, 62, 43, 0.07) 1px, transparent 1.5px),
    linear-gradient(180deg, rgba(201, 168, 120, 0.10), rgba(201, 168, 120, 0.02));
  background-size: 3px 3px, 7px 7px, 100% 100%;
}
.tex-azul {
  background-color: var(--rt-azul);
  background-image:
    radial-gradient(rgba(255, 255, 255, 0.045) 1px, transparent 1px),
    radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 3px 3px, 7px 7px;
}
.tex-cream {
  background-color: var(--rt-cream);
  background-image:
    radial-gradient(rgba(90, 62, 43, 0.045) 1px, transparent 1px);
  background-size: 4px 4px;
}

/* Gingham (xadrez) */
.tex-gingham {
  background-color: var(--rt-rosa);
  background-image:
    linear-gradient(0deg, rgba(255, 255, 255, 0.50) 50%, transparent 50%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.50) 50%, transparent 50%);
  background-size: 28px 28px;
}

/* Chita micro-flower */
.tex-chita {
  background-color: var(--rt-rosa-deep);
  background-image:
    radial-gradient(circle at 25% 25%, rgba(255, 193, 7, 0.85) 3.5px, transparent 4px),
    radial-gradient(circle at 75% 75%, rgba(255, 193, 7, 0.85) 3.5px, transparent 4px),
    radial-gradient(circle at 25% 75%, rgba(255, 255, 255, 0.55) 2px, transparent 2.5px),
    radial-gradient(circle at 75% 25%, rgba(255, 255, 255, 0.55) 2px, transparent 2.5px);
  background-size: 26px 26px;
}

.tex-halftone {
  background-image: radial-gradient(circle, currentColor 1.5px, transparent 1.8px);
  background-size: 8px 8px;
  opacity: 0.4;
}

/* Placeholders (caso falte imagem cadastrada) */
.imgph {
  position: relative;
  overflow: hidden;
  background-color: var(--rt-bege);
  background-image: repeating-linear-gradient(
    45deg,
    rgba(90, 62, 43, 0.07) 0px,
    rgba(90, 62, 43, 0.07) 8px,
    transparent 8px,
    transparent 16px
  );
  display: grid;
  place-items: center;
}
.imgph .imgph-label {
  font-family: var(--rt-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--rt-marrom);
  background: rgba(252, 248, 240, 0.92);
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px dashed var(--rt-marrom);
  text-align: center;
  max-width: 86%;
}