/**
 * COLȚURILE ROTUNJITE — o singură regulă pentru tot site-ul.
 *
 * Butoanele erau rotunjite pe alocuri și tăiate drept în rest: „Descarcă toată
 * galeria" avea colțuri moi, dar „Creează linkul pentru familie", chiar sub el,
 * era un dreptunghi ascuțit. La fel la poze: portofoliul de pe prima pagină avea
 * 8px, iar galeriile clienților 2px, adică practic drept.
 *
 * Măsurile nu sunt inventate: sunt chiar cele pe care le folosea deja site-ul.
 *   — butoane și câmpuri: 6px  (de la butonul de newsletter și cel de descărcare)
 *   — poze:               8px  (de la pozele din portofoliu, .grid-item)
 *
 * Fișierul se leagă în <head>, ÎNAINTEA stilului fiecărei pagini. Așa, orice
 * regulă mai anume a paginii bate regula de aici — bulinele rotunde (50%) rămân
 * rotunde, iar ce e gândit anume altfel rămâne cum e. Aici se rezolvă doar ce
 * n-avea nicio rază deloc.
 */

/* ===== BUTOANE =========================================================== */
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
/* legăturile care arată și se poartă ca butoane */
.btn,
.btn-light,
.btn-solid,
.btn-galerii,
.btn-nav,
.btn-wa,
.btn-mic,
.btn-contur,
.btn-sters,
.btn-descarca,
.btn-secundar,
.nav-tab,
.nav-iesire,
.subtab,
.link-selectie,
.btn-antet,
a.inapoi,
/* chenarul din panou care e, de fapt, o legătură („Expiră în < 30 de zile") */
.cifra-buton,
/* numele categoriei și „Redenumește", în portofoliu */
.buton-categorie,
.filter-btn,
.serviciu-tab,
.nl-btn,
/* etichetele care apar peste poză la trecerea cu mouse-ul */
.foto a.descarca,
.foto a.vizualizeaza,
.poza-item a.descarca {
  border-radius: 6px;
}

/* ===== CÂMPURILE DE FORMULAR ============================================
   Merg împreună cu butoanele: un câmp tăiat drept lângă un buton rotunjit se
   vede imediat că nu sunt din aceeași familie. */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="date"],
input[type="number"],
textarea,
select {
  border-radius: 6px;
}

/* ===== POZE ==============================================================
   Rotunjim CADRUL, nu poza dinăuntru: cadrul are „overflow:hidden", deci taie
   el fotografia pe rotunjime. Așa merge și cât timp poza încă se încarcă —
   dreptunghiul cenușiu are aceeași formă ca poza care va veni în locul lui. */
.foto,
.poza-item,
.grid-item,
.galerie-tile-img,
.coperta-fata img,
.lightbox-img {
  border-radius: 8px;
}

/* Pozele fără cadru propriu (miniaturi puse direct în pagină) se rotunjesc ele. */
.poze-grid > img,
.galerie-grid > img {
  border-radius: 8px;
}

/* ===== CUTIILE MARI DIN PAGINI ===========================================
   Panourile albe cu chenar — cutia linkului de familie și cea a părerii, din
   galeria clientului. Sunt aceleași ca butoanele și câmpurile din ele, doar la
   altă scară, deci merită o rază puțin mai mare: 6px pe o cutie de o jumătate
   de metru abia se vede. */
.cutie-familie,
.cutie-parere {
  border-radius: 10px;
}