/* Môj účet — sekcia Objednávky: akcie, mobilné karty, detail objednávky. */

/* ── Bunka s akciami: zladený pár tlačidiel ───────────────────────────
   „Zobraziť" (.view) je zelené tlačidlo, „Objednať znova" (.order-again)
   sekundárne (obrys). Predtým mali rôznu šírku aj padding (.view bolo
   `display:inline` s `max-width:max-content`, .order-again `inline-block`),
   takže pôsobili rozhádzane. Zjednotíme ich na rovnakú šírku a tvar, pod
   sebou. Vyššia presnosť + `!important` prebíja pravidlá zo `style.css`. */

.woocommerce-account .woocommerce-orders-table__cell-order-actions .woocommerce-button.view,
.woocommerce-account .woocommerce-orders-table__cell-order-actions .woocommerce-button.order-again {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 6px;
	width: 200px !important;
	max-width: 100% !important;
	box-sizing: border-box;
	margin: 0 0 8px !important;
	padding: 12px 18px !important;
	border-radius: 6px;
	line-height: 1.15;
	text-align: center;
	white-space: nowrap;
	font-family: 'SeasonSansTRIAL-Medium' !important;
}

/* „Zobraziť" ostáva zelené (pozadie zo style.css). „Objednať znova" je
   sekundárne — obrys, priehľadné pozadie, na hover jemne zelené. */
.woocommerce-account .woocommerce-orders-table__cell-order-actions .woocommerce-button.order-again {
	background: transparent !important;
	border: 1px solid var(--awb-color4, rgba(0, 0, 0, .22)) !important;
	color: var(--awb-color6) !important;
	transition: background-color .2s ease;
}

.woocommerce-account .woocommerce-orders-table__cell-order-actions .woocommerce-button.order-again:hover {
	background: var(--awb-color5) !important;
	color: var(--awb-color6) !important;
}

/* Posledné tlačidlo v bunke bez spodného rozostupu. */
.woocommerce-account .woocommerce-orders-table__cell-order-actions .woocommerce-button:last-child {
	margin-bottom: 0 !important;
}

/* Avada pridáva k akčným odkazom šípku (FontAwesome „angle-right", `::after`
   na `.my_account_orders … a`). Pri vycentrovaných tlačidlách pôsobí ako
   zabudnutý znak „›" napravo, tak ju na týchto tlačidlách odstránime. */
.my_account_orders .woocommerce-orders-table__cell-order-actions a::after,
.woocommerce-account .woocommerce-orders-table__cell-order-actions .woocommerce-button::after {
	content: none !important;
	display: none !important;
	margin: 0 !important;
}

/* ── Mobil: tabuľka objednávok ako karty ──────────────────────────────
   `.account-orders-table` má `shop_table_responsive` aj `data-title`, ale
   Avada nedodáva zalamovacie CSS, takže sa stĺpce stláčali. Rozložíme každý
   riadok do karty: hlavička sa skryje a v bunke je vľavo názov stĺpca a
   vpravo hodnota. */

@media screen and (max-width: 768px) {

	.woocommerce-account .account-orders-table.shop_table_responsive thead {
		display: none !important;
	}

	.woocommerce-account .account-orders-table.shop_table_responsive tbody tr {
		display: block !important;
		width: 100%;
		margin: 0 0 8px;
		padding: 14px 0;
		border-bottom: 1px solid rgba(0, 0, 0, .12);
	}

	.woocommerce-account .account-orders-table.shop_table_responsive tbody tr td {
		display: flex !important;
		justify-content: space-between;
		align-items: center;
		gap: 16px;
		width: auto !important;
		padding: 7px 0;
		border: 0 !important;
		text-align: right;
	}

	.woocommerce-account .account-orders-table.shop_table_responsive tbody tr td::before {
		content: attr(data-title);
		flex: 0 0 auto;
		text-align: left;
		font-family: "SeasonSansTRIAL-Medium", sans-serif;
		font-size: 13px;
		color: rgba(0, 0, 0, .55);
	}

	/* Bunka s akciami: „Akcia" popiska je zbytočná, tlačidlá idú pod seba
	   na plnú šírku. */
	.woocommerce-account .account-orders-table.shop_table_responsive tbody tr td.woocommerce-orders-table__cell-order-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}

	.woocommerce-account .account-orders-table.shop_table_responsive tbody tr td.woocommerce-orders-table__cell-order-actions::before {
		display: none;
	}

	.woocommerce-account .account-orders-table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions .woocommerce-button.view,
	.woocommerce-account .account-orders-table.shop_table_responsive td.woocommerce-orders-table__cell-order-actions .woocommerce-button.order-again {
		width: 100% !important;
		margin: 0 !important;
	}
}

/* ── Detail objednávky (Podrobnosti objednávky) ───────────────────────
   V súhrne (Medzisúčet, Doručenie, Cena spolu…) je popiska štandardne
   zarovnaná vpravo, takže na úzkom displeji sa aj popiska aj hodnota tlačia
   k pravému okraju a vľavo ostáva prázdno. Popisku dáme doľava. */

@media screen and (max-width: 768px) {

	.woocommerce-table--order-details tfoot th {
		text-align: left;
	}

	.woocommerce-table--order-details tfoot th,
	.woocommerce-table--order-details tfoot td {
		vertical-align: top;
	}
}