/*
 * Hesabım ekranları (giriş, hesap, istek listesi). inc/account-ui.php yükler; gövde sınıfı .ub-account.
 * Giriş yapmış düzen: WoodMart düzen şablonu #1855 (breadcrumb + başlık, %25 menü + %75 içerik).
 */

.ub-account {
	--ub-ink: #1d1d1f;
	--ub-muted: #6b6b72;
	--ub-line: #e9e9ee;
	--ub-soft: #f6f6f8;
	--ub-accent: var(--wd-primary-color, #4933d1);
	--ub-corp: #960031;
	--ub-radius: 16px;
}

/* ---------- Genişlik ve hizalama ---------- */
.ub-account .elementor-1855 {
	max-width: 1200px;
	margin-inline: auto;
}
.ub-account .elementor-1855 .wd-page-title-el,
.ub-account .elementor-1855 .elementor-widget-wd_page_heading .title {
	letter-spacing: -0.01em;
}

/* Menü sütunu: Elementor'un gri kutusu yerine tek beyaz kart (kullanıcı + menü), kaydırırken görünür kalır.
   Düzen şablonunun kendi sütun stilini (zemin, iç boşluk) geçmek için html body önekli. */
html body.ub-account .e-con:has(> .wd-el-my-acc-nav) {
	--width: 280px;
	width: 280px;
	max-width: 280px;
	flex-shrink: 0;
	padding: 10px;
	background: #fff;
	border: 1px solid var(--ub-line);
	border-radius: var(--ub-radius);
	align-self: flex-start;
	position: sticky;
	top: 110px;
}
.ub-account .e-con:has(> .wd-el-my-acc-content) {
	--width: auto;
	width: auto;
	flex: 1 1 0;
	min-width: 0;
}

/* ---------- Menü ---------- */
.ub-account .woocommerce-MyAccount-navigation {
	background: none;
	border: 0;
	padding: 0;
}
.ub-acc-user {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 10px 16px;
	margin-bottom: 8px;
	border-bottom: 1px solid var(--ub-line);
}
.ub-acc-user__avatar {
	flex: none;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--ub-ink);
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: .02em;
}
.ub-acc-user__name {
	display: block;
	font-weight: 700;
	color: var(--ub-ink);
	line-height: 1.3;
}
.ub-acc-user__mail {
	display: block;
	font-size: 13px;
	color: var(--ub-muted);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 180px;
}
.ub-account .wd-nav-my-acc {
	--nav-gap: 2px;
	gap: 2px;
}
.ub-account .wd-nav-my-acc > li > a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 11px 12px;
	border-radius: 10px;
	color: var(--ub-ink);
	font-weight: 500;
	background: none;
	transition: background-color .15s, color .15s;
}
.ub-account .wd-nav-my-acc > li > a:hover {
	background: var(--ub-soft);
	color: var(--ub-ink);
}
.ub-account .wd-nav-my-acc > li.is-active > a,
.ub-account .wd-nav-my-acc > li.wd-active > a {
	background: var(--ub-ink);
	color: #fff;
}
.ub-account .wd-nav-my-acc > li > a::before {
	content: "";
	flex: none;
	width: 20px;
	height: 20px;
	background: currentColor;
	-webkit-mask: var(--ub-ico) center / contain no-repeat;
	mask: var(--ub-ico) center / contain no-repeat;
	opacity: .85;
}
/* Varsayılan simge (listede olmayan öğeler, ör. plasiyer paneli); :where ile özgüllüğü 0, aşağıdakiler ezer. */
:where(.ub-account .wd-nav-my-acc > li > a)::before {
	--ub-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m10 8 4 4-4 4'/%3E%3C/svg%3E");
}
.ub-account .woocommerce-MyAccount-navigation-link--dashboard > a::before {
	--ub-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='9' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='5' rx='1.5'/%3E%3Crect x='14' y='12' width='7' height='9' rx='1.5'/%3E%3Crect x='3' y='16' width='7' height='5' rx='1.5'/%3E%3C/svg%3E");
}
.ub-account .woocommerce-MyAccount-navigation-link--orders > a::before {
	--ub-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
}
.ub-account .woocommerce-MyAccount-navigation-link--edit-address > a::before {
	--ub-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
.ub-account .woocommerce-MyAccount-navigation-link--edit-account > a::before {
	--ub-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E");
}
.ub-account .woocommerce-MyAccount-navigation-link--loyalty_reward > a::before {
	--ub-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='6'/%3E%3Cpath d='M8.5 14 7 22l5-3 5 3-1.5-8'/%3E%3C/svg%3E");
}
.ub-account .woocommerce-MyAccount-navigation-link--wishlist > a::before {
	--ub-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3 .5-4.5 2-1.5-1.5-2.7-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7Z'/%3E%3C/svg%3E");
}
.ub-account .woocommerce-MyAccount-navigation-link--customer-logout {
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid var(--ub-line);
}
.ub-account .woocommerce-MyAccount-navigation-link--customer-logout > a {
	color: var(--ub-muted);
}
.ub-account .woocommerce-MyAccount-navigation-link--customer-logout > a::before {
	--ub-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='m16 17 5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");
}

/* ---------- İçerik: ortak öğeler ---------- */
.ub-account .woocommerce-MyAccount-content {
	color: var(--ub-ink);
}
.ub-account .woocommerce-MyAccount-content h2,
.ub-account .woocommerce-MyAccount-content h3 {
	color: var(--ub-ink);
	letter-spacing: -0.01em;
}

/* Bildirimler: hardal dolgu yerine sade, okunur kutu. */
.ub-account .woocommerce-MyAccount-content .woocommerce-info,
.ub-account .woocommerce-MyAccount-content .woocommerce-message,
.ub-account .woocommerce-MyAccount-content .woocommerce-notice,
.ub-account .woocommerce-MyAccount-content .woocommerce-error {
	background: var(--ub-soft);
	color: var(--ub-ink);
	border: 1px solid var(--ub-line);
	border-left: 4px solid var(--ub-accent);
	border-radius: 12px;
	padding: 14px 18px 14px 50px;
	font-size: 15px;
	line-height: 1.5;
}
.ub-account .woocommerce-MyAccount-content .woocommerce-error {
	border-left-color: #c62828;
}
.ub-account .woocommerce-MyAccount-content .woocommerce-message {
	border-left-color: #1f7a3a;
}
.ub-account .woocommerce-MyAccount-content :is(.woocommerce-info, .woocommerce-message, .woocommerce-notice, .woocommerce-error)::before {
	color: inherit;
	opacity: .6;
}
.ub-account .woocommerce-MyAccount-content :is(.woocommerce-info, .woocommerce-message, .woocommerce-notice) a {
	color: var(--ub-accent);
	font-weight: 600;
}
.ub-account .woocommerce-MyAccount-content :is(.woocommerce-info, .woocommerce-message, .woocommerce-notice) .button {
	float: none;
	order: 0;
}

/* Tablolar (siparişler, sipariş ayrıntısı). */
.ub-account .woocommerce-MyAccount-content table.shop_table {
	border: 1px solid var(--ub-line);
	border-radius: var(--ub-radius);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}
.ub-account .woocommerce-MyAccount-content table.shop_table th {
	background: var(--ub-soft);
	color: var(--ub-muted);
	font-size: 13px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
}
.ub-account .woocommerce-MyAccount-content table.shop_table :is(th, td) {
	padding: 14px 16px;
	border-bottom: 1px solid var(--ub-line);
}
.ub-account .woocommerce-MyAccount-content table.shop_table tr:last-child td {
	border-bottom: 0;
}

/* Adreslerim: iki adres yan yana kart. */
.ub-account .woocommerce-Addresses {
	gap: 20px;
}
.ub-account .woocommerce-Addresses .woocommerce-Address {
	border: 1px solid var(--ub-line);
	border-radius: var(--ub-radius);
	padding: 22px 24px;
}
.ub-account .woocommerce-Address-title {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	margin-bottom: 12px;
}
.ub-account .woocommerce-Address-title h2 {
	font-size: 20px;
	margin: 0;
}
.ub-account .woocommerce-Address address {
	font-style: normal;
	color: var(--ub-muted);
	line-height: 1.7;
}

/* Formlar: parola alanı iç içe çerçeve yerine ayrı bölüm. */
.ub-account .woocommerce-MyAccount-content fieldset {
	border: 0;
	border-top: 1px solid var(--ub-line);
	border-radius: 0;
	padding: 24px 0 0;
	margin: 28px 0 8px;
}
.ub-account .woocommerce-MyAccount-content fieldset legend {
	padding: 0 12px 0 0;
	font-size: 20px;
	font-weight: 700;
	color: var(--ub-ink);
}

/* ---------- Hesap Özeti ---------- */
.ub-dash {
	display: flex;
	flex-direction: column;
	gap: 28px;
}
.ub-dash__hello {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
}
.ub-dash__title {
	margin: 0 0 6px;
	font-size: 28px;
}
.ub-dash__lead {
	margin: 0;
	color: var(--ub-muted);
}
.ub-chip {
	display: inline-flex;
	align-items: center;
	padding: 6px 14px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	white-space: nowrap;
}
.ub-chip--corp {
	background: #fdf0f4;
	color: var(--ub-corp);
	border: 1px solid #f2c9d6;
}
.ub-dash__shortcuts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}
.ub-tile {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 18px;
	border: 1px solid var(--ub-line);
	border-radius: var(--ub-radius);
	background: #fff;
	color: var(--ub-ink);
	transition: border-color .15s, box-shadow .15s, transform .15s;
}
.ub-tile:hover {
	border-color: #d4d4dc;
	box-shadow: 0 8px 24px rgba(20, 20, 30, .06);
	transform: translateY(-1px);
	color: var(--ub-ink);
}
.ub-tile__icon {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	margin-bottom: 10px;
	border-radius: 12px;
	background: var(--ub-soft);
}
.ub-tile__label {
	font-weight: 700;
}
.ub-tile__meta {
	font-size: 13px;
	color: var(--ub-muted);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ub-dash .unlb-panel {
	margin: 0;
}
.ub-section-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 12px;
}
.ub-section-head h3 {
	margin: 0;
	font-size: 20px;
}
.ub-section-head a {
	color: var(--ub-accent);
	font-weight: 600;
	font-size: 14px;
}
.ub-order-list {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid var(--ub-line);
	border-radius: var(--ub-radius);
	overflow: hidden;
}
.ub-order + .ub-order {
	border-top: 1px solid var(--ub-line);
}
.ub-order > a {
	display: grid;
	grid-template-columns: 1fr auto auto 16px;
	align-items: center;
	gap: 18px;
	padding: 16px 18px;
	color: var(--ub-ink);
}
.ub-order > a:hover {
	background: var(--ub-soft);
}
.ub-order__no {
	font-weight: 700;
}
.ub-order__no small {
	display: block;
	font-weight: 400;
	color: var(--ub-muted);
	font-size: 13px;
}
.ub-order__total {
	font-weight: 700;
}
.ub-order__go {
	color: var(--ub-muted);
	font-size: 22px;
	line-height: 1;
}
.ub-status {
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	background: var(--ub-soft);
	color: var(--ub-muted);
}
.ub-status--processing { background: #e8f0fe; color: #1a4fb4; }
.ub-status--completed { background: #e4f5e9; color: #1f7a3a; }
.ub-status--on-hold, .ub-status--pending { background: #fff4dc; color: #8a5a00; }
.ub-status--cancelled, .ub-status--failed, .ub-status--refunded { background: #fbe6e6; color: #9b1c1c; }
.ub-empty {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 22px;
	border: 1px dashed #d6d6de;
	border-radius: var(--ub-radius);
	color: var(--ub-muted);
}
.ub-empty p {
	margin: 0;
}

/* ---------- ÜnlüPuan sayfası (WPLoyalty) ---------- */
.ub-account .wlr-myaccount-page .wlr-points-container select {
	display: none; /* Para birimi seçici: tek para birimi (TRY). */
}
.ub-account .wlr-myaccount-page {
	margin: 0;
	padding: 0;
}
.ub-account .wlr-myaccount-page .wlr-heading-container {
	margin: 32px 0 14px;
	padding: 0;
	border: 0;
}
.ub-account .wlr-myaccount-page .wlr-heading {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 20px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: -0.01em;
	color: var(--ub-ink);
}
.ub-account .wlr-myaccount-page .wlr-heading::before {
	display: none;
}
.ub-account .wlr-myaccount-page .wlr-border-color {
	border-color: var(--ub-line);
	border-radius: var(--ub-radius);
}

/* ---------- İstek listesi ---------- */
.ub-account .wd-empty-wishlist .wd-empty-block-title {
	font-size: 24px;
}

/* ---------- Giriş / üyelik ekranı ---------- */
.ub-login-screen .entry-content > .elementor .elementor-widget-heading {
	display: none; /* Sayfanın küçük "Hesabım" başlığı; yerine .ub-auth-head. */
}
.ub-auth-head {
	max-width: 760px;
	margin: 10px auto 28px;
	text-align: center;
}
.ub-auth-head__title {
	margin: 0 0 8px;
	font-size: 34px;
	letter-spacing: -0.02em;
}
.ub-auth-head__text {
	margin: 0;
	color: var(--ub-muted);
}
.ub-login-screen .ub-auth-tabs,
.ub-login-screen .wd-registration-page,
.ub-login-screen .ub-corp-panel {
	max-width: 960px;
	margin-inline: auto;
}
.ub-login-screen .wd-registration-page {
	padding: 36px 40px;
	border: 1px solid var(--ub-line);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 16px 40px rgba(20, 20, 30, .05);
}
.ub-login-screen .ub-corp-panel {
	padding: 36px 40px;
	border: 1px solid var(--ub-line);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 16px 40px rgba(20, 20, 30, .05);
}
.ub-login-screen .wd-registration-page .wd-login-title {
	font-size: 24px;
}

/* ---------- Tablet ve telefon ---------- */
@media (max-width: 1024px) {
	html body.ub-account .e-con:has(> .wd-el-my-acc-nav),
	.ub-account .e-con:has(> .wd-el-my-acc-content) {
		--width: 100%;
		width: 100%;
		max-width: 100%;
		position: static;
	}
	html body.ub-account .e-con:has(> .wd-el-my-acc-nav) {
		margin-bottom: 4px;
		padding: 0;
		border: 0;
		background: none;
	}
	/* Menü: yatay kaydırılan çipler. */
	.ub-account .wd-el-my-acc-nav,
	.ub-account .wd-el-my-acc-nav > .elementor-widget-container,
	.ub-account .wd-nav-my-acc {
		background: none;
	}
	.ub-account .woocommerce-MyAccount-navigation {
		padding: 0;
		border: 0;
		background: none;
	}
	.ub-acc-user {
		display: none;
	}
	.ub-account .wd-nav-my-acc {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 8px;
		overflow-x: auto;
		padding-bottom: 6px;
		scrollbar-width: none;
	}
	.ub-account .wd-nav-my-acc::-webkit-scrollbar {
		display: none;
	}
	.ub-account .wd-nav-my-acc > li {
		flex: none;
		width: auto;
		max-width: none;
	}
	.ub-account .wd-nav-my-acc > li > a {
		padding: 9px 14px;
		border: 1px solid var(--ub-line);
		border-radius: 999px;
		white-space: nowrap;
		font-size: 14px;
	}
	.ub-account .wd-nav-my-acc > li > a::before {
		width: 16px;
		height: 16px;
	}
	.ub-account .woocommerce-MyAccount-navigation-link--customer-logout {
		margin: 0;
		padding: 0;
		border: 0;
	}
	.ub-dash__shortcuts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.ub-dash__hello {
		flex-direction: column;
	}
	.ub-dash__title {
		font-size: 24px;
	}
	.ub-dash__shortcuts {
		gap: 10px;
	}
	.ub-tile {
		padding: 14px;
	}
	.ub-order > a {
		grid-template-columns: 1fr auto;
		gap: 6px 12px;
	}
	.ub-order__go {
		display: none;
	}
	.ub-empty {
		flex-direction: column;
		align-items: flex-start;
	}
	.ub-auth-head__title {
		font-size: 26px;
	}
	.ub-login-screen .wd-registration-page,
	.ub-login-screen .ub-corp-panel {
		padding: 22px 18px;
		border-radius: 16px;
	}
}