/* Albumele altui membru pe stilul nou (templates/view_album_nou.ihtml). Fara flexbox/grid (browsere vechi pe mobil).
   Culori ca profil_nou.css / pozele_mele.css. Pe mobil body are class="list" (test.css): reguli cu #content .va unde se bat. */
.va { font-size: 15px; color: #231a1f; text-align: left; line-height: 1.45; }
.va * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.va a { color: #c2185b; }
.va h1, .va p { margin: 0; }
.va-desktop { padding: 4px 0 24px; }
.va-mobil { max-width: 480px; margin: 8px 6px 0; padding: 14px 12px 0; background: #fff; border-radius: 18px; overflow: hidden; }
.va-flash { margin: 0 0 12px; padding: 10px 14px; border-radius: 10px; background: #2b2226; color: #fff; }
.va-gol { margin: 12px 0; color: #6c5e65; }

/* antetul cu persoana */
.va-pers { display: table; width: 100%; padding: 0 0 14px; margin: 0 0 16px; border-bottom: 1px solid #f0e8ec; }
.va-pers-poza, .va-pers-info { display: table-cell; vertical-align: middle; }
.va-pers-dr { display: table-cell; width: 1%; vertical-align: middle; text-align: right; white-space: nowrap; padding-left: 10px; }
.va-pers-poza { width: 64px; }
.va-pers-poza img { display: block; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; }
.va-pers-info b { display: block; font-size: 17px; }
.va-pers-info small { display: block; color: #6c5e65; font-size: 13px; }
.va-pers-info a { font-size: 13px; font-weight: bold; text-decoration: none; }
.va-mobil .va-pers-poza { width: 54px; }
.va-mobil .va-pers-poza img { width: 44px; height: 44px; }

/* butoane */
.va .va-btn { display: inline-block; height: 44px; padding: 0 22px; border: 0; border-radius: 14px; background: #c2185b; color: #fff; font: bold 15px/44px Arial, sans-serif;
	text-decoration: none; white-space: nowrap; cursor: pointer; -webkit-appearance: none; }
.va .va-btn:hover { background: #a3144c; color: #fff; }
.va .va-btn-alb { background: #fff; color: #c2185b; box-shadow: inset 0 0 0 2px #c2185b; }
.va .va-btn-alb:hover { background: #fdf6f9; color: #c2185b; }
.va .va-btn-gata { display: inline-block; height: 44px; padding: 0 22px; border-radius: 14px; background: #efe6ea; color: #6c5e65; font: bold 15px/44px Arial, sans-serif; }
.va .va-btn-lat { display: block; width: 100%; text-align: center; height: 48px; line-height: 48px; }
.va-mobil .va-pers-scrie { height: 38px; line-height: 38px; padding: 0 16px; }
.va-cere { display: inline; margin: 0; }

.va-titlu { font-size: 22px; font-weight: bold; line-height: 30px; }
.va-sub { margin: 0 0 14px !important; color: #8a7d83; font-size: 13px; }
.va-inapoi { display: inline-block; margin: 0 0 6px; font-size: 14px; font-weight: bold; text-decoration: none; line-height: 28px; }
.va-contor { float: right; margin-top: 4px; padding: 0 10px; border-radius: 12px; background: #efe6ea; color: #5d5358; font-size: 13px; font-weight: bold; line-height: 22px; }

/* cardurile de album: 3 pe rand desktop, 2 pe mobil */
.va-carduri { margin: 0 -6px; overflow: hidden; }
.va-card-c { float: left; width: 33.333%; padding: 0 6px 12px; }
.va-mobil .va-card-c { width: 50%; padding: 0 5px 10px; }
.va-card { position: relative; border: 1px solid #e6dde1; border-radius: 14px; overflow: hidden; background: #fff; }
.va-card:hover { border-color: #d9a3bb; }
.va-card-link { display: block; color: #231a1f !important; text-decoration: none; }
.va-coperta { position: relative; display: block; height: 0; padding-bottom: 75%; background: #ece6e9; overflow: hidden; }
.va-coperta img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.va-coperta-inchisa { background: #f3ebef repeating-linear-gradient(135deg, #f6eef2 0, #f6eef2 10px, #f1e7ec 10px, #f1e7ec 20px); }
.va-lacat { position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; border-radius: 50%; background: #fff;
	box-shadow: 0 2px 10px rgba(60,20,40,.12); text-align: center; }
.va-lacat svg { margin-top: 12px; fill: none; stroke: #c2185b; stroke-width: 2; }
.va-insigna { position: absolute; top: 8px; left: 8px; padding: 0 8px; border-radius: 11px; font-size: 12px; font-weight: bold; line-height: 22px; }
.va-insigna-public { background: #e3f3ea; color: #1f7a55; }
.va-insigna-privat { background: #2b2226; color: #fff; }
.va-insigna-prieteni { background: #e8e3f6; color: #4a3a8a; }
.va-card-text { display: block; padding: 8px 10px 0; }
.va-card-link .va-card-text { padding-bottom: 10px; }
.va-card-text b { display: block; overflow: hidden; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; }
.va-card-text small { display: block; color: #8a7d83; font-size: 12px; }
.va-card-cta { display: block; padding: 2px 10px 10px; }
.va .va-link-btn { display: inline; padding: 0; border: 0; background: none; color: #c2185b; font: bold 13px/24px Arial, sans-serif; cursor: pointer; text-decoration: none; box-shadow: none; height: auto; }
.va .va-card-cta .va-btn-gata, .va .va-card-cta .va-btn-alb { display: inline; padding: 0; height: auto; background: none; box-shadow: none; font: bold 13px/24px Arial, sans-serif; }
.va .va-card-cta .va-btn-gata { color: #6c5e65; }

/* albumul deschis: 4 pe rand desktop, 3 pe mobil, miniaturi patrate */
.va-poze { margin: 0 -4px; overflow: hidden; }
.va-mini { position: relative; float: left; width: 25%; height: 0; padding-bottom: 25%; border: 4px solid #fff; border-radius: 12px; overflow: hidden; background: #ece6e9; cursor: zoom-in; }
.va-mobil .va-poze { margin: 0 -2px; }
.va-mobil .va-mini { width: 33.333%; padding-bottom: 33.333%; border-width: 2px; border-radius: 8px; }
.va-mini img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.va-bara-scrie { display: table; width: 100%; margin: 16px 0 0; padding: 12px 14px; border-radius: 14px; background: #fdf6f9; }
.va-bara-scrie span, .va-bara-scrie .va-scrie { display: table-cell; vertical-align: middle; }
.va-bara-scrie span { color: #7c1240; font-size: 14px; padding-right: 10px; }
.va-bara-scrie .va-scrie { width: 1%; }
.va-mobil.va-cu-bara { padding-bottom: 84px; }   /* loc pentru bara fixa */
/* pe mobil #content si .va-mobil au overflow:hidden, deci sticky nu merge: bara e fixa jos, ca .cn-subsol din cautare.css */
.va-mobil .va-bara-scrie { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; margin: 0; padding: 10px 12px 12px; padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
	border-radius: 0; background: #fff; border-top: 1px solid #efe6ea; box-shadow: 0 -4px 16px rgba(60,20,40,.08); }

/* albumul inchis */
.va-blocat { position: relative; margin: 4px 0 0; padding: 86px 18px 22px; border: 1px solid #e6dde1; border-radius: 18px; background: #fdf6f9; text-align: center; }
.va-blocat .va-lacat { top: 22px; margin-top: 0; width: 56px; height: 56px; margin-left: -28px; }
.va-blocat .va-lacat svg { margin-top: 15px; width: 26px; height: 26px; }
.va-blocat h1 { margin: 0 0 6px; font-size: 18px; }
.va-blocat p { margin: 0 auto 16px; color: #6c5e65; max-width: 40em; font-size: 14px; }
.va-blocat .va-stare { margin: 12px 0 0; font-size: 13px; }
.va-alte-titlu { margin-top: 18px !important; }

/* vizualizatorul (creat din view_album.js) */
.va-viz { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; background: #1a1417; }
.va-viz-img { position: absolute; top: 56px; left: 0; right: 0; bottom: 68px; text-align: center; }
.va-viz-img img { max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.va-viz-sus { position: absolute; top: 0; left: 0; right: 0; height: 56px; padding: 0 12px; color: #fff; font: 14px/56px Arial, sans-serif; }
.va-viz-x { position: absolute; top: 10px; right: 12px; width: 36px; height: 36px; border: 0; border-radius: 50%; background: rgba(255,255,255,.18); color: #fff; font-size: 20px; cursor: pointer; }
.va-viz-s { position: absolute; top: 50%; margin-top: -22px; width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgba(255,255,255,.92); color: #3a2e33; font-size: 26px; line-height: 40px; cursor: pointer; }
.va-viz-st { left: 10px; }
.va-viz-dr { right: 10px; }
.va-viz-jos { position: absolute; left: 0; right: 0; bottom: 0; height: 68px; padding: 12px 14px; text-align: right; }
.va-viz-jos a { display: inline-block; height: 44px; padding: 0 22px; border-radius: 14px; background: #c2185b; color: #fff; font: bold 15px/44px Arial, sans-serif; text-decoration: none; }