/* rođendanska čestitka sa imenom (assets/rodjendan.js) */
.rodj { display: grid; gap: 18px; }
.rodj-platno { display: block; width: 100%; max-width: 340px; height: auto; aspect-ratio: 4 / 5; margin: 0 auto; border-radius: 18px; border: 1px solid var(--ivica); box-shadow: var(--senka); background: var(--kartica2); }
.rodj-natpis { display: block; margin: 0 0 8px; font-weight: 700; font-size: 15px; color: var(--tekst); }
.rodj-stilovi { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 16px; }
.rodj-stil { min-height: 46px; padding: 0 10px; border-radius: 14px; border: 2px solid var(--ivica); background: var(--kartica2); color: var(--tekst); font: 600 15px var(--sans); cursor: pointer; }
.rodj-stil.rodj-izabran { border-color: var(--akcent3-t); background: var(--akcent3); color: var(--na-akcentu); }
.rodj-dodatak { width: 100%; min-height: 48px; padding: 0 14px; border-radius: 14px; border: 2px solid var(--ivica); background: var(--polje); color: var(--tekst); font: 16px var(--sans); }
.rodj-dodatak:focus { outline: none; border-color: var(--akcent); }
.rodj-dugmad { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.rodj-dugmad .dugme { flex: 1 1 140px; }
.rodj-poruka { min-height: 22px; margin: 10px 0 0; font-size: 15px; color: var(--slabo); }
.rodj-upis { margin-top: 4px; }
@media (min-width: 700px) {
  .rodj { grid-template-columns: 340px 1fr; align-items: start; gap: 26px; }
  .rodj-platno { margin: 0; }
}