/* ==========================================================================
   dds-bridge.css — PUNTE TEMPORARA.
   Scheletul e nou, dar continutul paginilor e inca cel vechi, cu clasele
   vechi. Fiecare regula de aici exista doar ca pagina veche sa arate
   acceptabil in scheletul nou, si fiecare spune in ce faza dispare.
   Cand fisierul ajunge gol, se sterge.
   ========================================================================== */

/* Faza 2: coloanele vechi dispar odata cu sablonul de categorie si produs.
   Pana atunci le facem sa curga una sub alta in loc sa se suprapuna. */
#column1, #column2, #column3, #containerHeader, .Logo, .headerlist {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

#containerHeader, .headerlist, .Logo { display: none !important; }

/* Faza 2: tabelele de asezare din cos si checkout. Pana le rescriem, macar
   nu ies din ecran pe telefon. */
#page table, .cart table, table.detail {
	width: 100% !important;
	max-width: 100%;
	border-collapse: collapse;
}

#page img, .detail img { max-width: 100%; height: auto; }

/* Faza 2: titlurile vechi imprumuta stilul nou */
#page .title, .detail .title {
	font-size: 19px;
	font-weight: bold;
	color: var(--ink-strong);
	margin: 0 0 var(--s3);
}

/* Faza 2: butoanele vechi de tip imagine raman, dar cu tinta de atins */
#page a.checkout, #page a.continue, #page a.add {
	display: inline-block;
	min-height: var(--tap);
	min-width: var(--tap);
}

/* Faza 3: paginarea veche, pana intra componenta .paginare */
.pagination a, .pagination span {
	display: inline-block;
	min-width: var(--tap);
	min-height: var(--tap);
	line-height: var(--tap);
	text-align: center;
}

/* Lista de produse din categorie a iesit din punte in faza 2: cardul e acum
   componenta .card, iar grila e .grid. Regulile de aici au fost sterse. */

/* Faza 2: casetele laterale vechi nu mai au coloana in care sa stea */
.side_box { margin: 0 0 var(--s4); }