/* =============================================================
   STBalloonAtelier — Hesabım sayfaları
   Menü, pano, sipariş kartları, favoriler, adresler.
   Kart, rozet, düğme ve form Bootstrap'ten gelir; burada yalnız
   bu sayfalara özgü yerleşim ve marka dokunuşları var.
   ============================================================= */

/* -------------------------------------------------------------
   Genel düzen: solda menü, sağda içerik
   ------------------------------------------------------------- */
.woocommerce-account .woocommerce {
	display: grid;
	gap: 1.5rem;
	align-items: start;
}

@media (min-width: 992px) {
	.woocommerce-account .woocommerce {
		grid-template-columns: 260px minmax(0, 1fr);
		gap: 2rem;
	}
}

/* Giriş formunda tek sütun; menü yok. */
.woocommerce-account:not(.logged-in) .woocommerce {
	grid-template-columns: minmax(0, 1fr);
}

.woocommerce-MyAccount-content {
	min-width: 0;
}

/* -------------------------------------------------------------
   Sol menü
   ------------------------------------------------------------- */
.stba-hesap-menu {
	background: var(--stba-white);
	border: 1px solid var(--stba-beige);
	border-radius: var(--bs-border-radius-lg);
	overflow: hidden;
}

.stba-hesap-menu .list-group-item {
	border-color: var(--stba-beige);
	background: transparent;
}

.stba-hesap-menu__bag {
	display: flex;
	align-items: center;
	gap: .75rem;
	padding: .875rem 1rem;
	min-height: var(--stba-dokunma);
	color: var(--stba-charcoal);
	transition: background var(--stba-gecis), color var(--stba-gecis);
}

.stba-hesap-menu__bag:hover {
	background: var(--stba-pearl);
	color: var(--stba-rosewood);
}

.stba-hesap-menu__bag--secili {
	background: var(--stba-blush);
	color: var(--stba-rosewood);
	font-weight: 500;
}

.stba-hesap-menu__ikon {
	display: inline-flex;
	flex: none;
	color: var(--stba-rose);
}

.stba-hesap-menu__bag--secili .stba-hesap-menu__ikon {
	color: var(--stba-rosewood);
}

/* -------------------------------------------------------------
   Pano
   ------------------------------------------------------------- */
.stba-pano__baslik {
	margin: 0 0 .375rem;
	font-size: clamp(1.5rem, 3vw, 2rem);
}

.stba-pano__alt {
	margin: 0;
	max-width: 46rem;
}

.stba-pano__son {
	margin-top: 1.5rem;
	--bs-card-bg: var(--stba-blush);
	--bs-card-border-color: var(--stba-soft-blush);
}

.stba-pano__son-ust {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .5rem 1rem;
	margin-bottom: .5rem;
}

.stba-pano__son-ust h3 {
	margin: 0;
	font-size: var(--stba-fs-buyuk);
}

.stba-pano__son-kunye {
	margin: 0 0 1rem;
	color: var(--stba-charcoal);
}

.stba-pano__kisayollar {
	margin-top: 1.5rem;
}

.stba-pano-kart {
	color: inherit;
}

.stba-pano-kart .card-body {
	display: grid;
	gap: .25rem;
}

.stba-pano-kart__ikon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-bottom: .5rem;
	border-radius: var(--bs-border-radius-pill);
	background: var(--stba-blush);
	color: var(--stba-rosewood);
}

.stba-pano-kart__baslik {
	font-weight: 600;
	color: var(--stba-charcoal);
}

.stba-pano-kart__alt {
	font-size: var(--stba-fs-kucuk);
	color: var(--stba-gray);
}

/* -------------------------------------------------------------
   Sipariş kartları
   ------------------------------------------------------------- */
.stba-siparis-liste {
	display: grid;
	gap: 1rem;
}

.stba-siparis-kart__ust {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: .5rem 1rem;
	padding-bottom: .875rem;
	margin-bottom: .875rem;
	border-bottom: 1px solid var(--stba-beige);
}

.stba-siparis-kart__no {
	display: block;
	font-family: var(--stba-font-baslik);
	font-size: var(--stba-fs-buyuk);
	color: var(--stba-charcoal);
}

.stba-siparis-kart__no:hover {
	color: var(--stba-rosewood);
}

.stba-siparis-kart__tarih {
	font-size: var(--stba-fs-kucuk);
	color: var(--stba-gray);
}

.stba-siparis-kart__bilgi {
	display: grid;
	gap: .75rem 1.5rem;
	margin: 0 0 1rem;
}

@media (min-width: 576px) {
	.stba-siparis-kart__bilgi {
		grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	}
}

.stba-siparis-kart__bilgi dt {
	margin: 0 0 .125rem;
	font-size: var(--stba-fs-mikro);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--stba-gray);
	font-weight: 500;
}

.stba-siparis-kart__bilgi dd {
	margin: 0;
	color: var(--stba-charcoal);
	font-weight: 500;
}

.stba-siparis-kart__eylem {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

/* -------------------------------------------------------------
   Boş durum (sipariş, favori)
   ------------------------------------------------------------- */
.stba-hesap-bos {
	display: grid;
	justify-items: center;
	gap: .25rem;
	padding: 3rem 1.5rem;
	text-align: center;
	background: var(--stba-white);
	border: 1px solid var(--stba-beige);
	border-radius: var(--bs-border-radius-lg);
}

.stba-hesap-bos__ikon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 68px;
	height: 68px;
	margin-bottom: .5rem;
	border-radius: var(--bs-border-radius-pill);
	background: var(--stba-blush);
	color: var(--stba-rose);
}

.stba-hesap-bos h3 {
	margin: 0;
}

.stba-hesap-bos p {
	margin: 0 0 1.25rem;
	max-width: 32rem;
}

/* -------------------------------------------------------------
   Favoriler
   ------------------------------------------------------------- */
.stba-favoriler__yukleniyor {
	padding: 2rem 0;
	text-align: center;
	color: var(--stba-gray);
}

/* Favori sayacı: sepet sayacıyla aynı biçim, kalbin köşesinde. */
.stba-favori-adet {
	background: var(--stba-rose);
}

/* Seçili kalp dolu görünür. */
.stba-favori[aria-pressed="true"] svg {
	fill: currentColor;
}

/* -------------------------------------------------------------
   Adresler
   ------------------------------------------------------------- */
.woocommerce-Addresses {
	display: grid;
	gap: 1rem;
}

@media (min-width: 768px) {
	.woocommerce-Addresses {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.woocommerce-Address {
	padding: 1.25rem;
	background: var(--stba-white);
	border: 1px solid var(--stba-beige);
	border-radius: var(--bs-border-radius-lg);
}

.woocommerce-Address-title {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .5rem 1rem;
	margin-bottom: .75rem;
	padding-bottom: .75rem;
	border-bottom: 1px solid var(--stba-beige);
}

.woocommerce-Address-title h2,
.woocommerce-Address-title h3 {
	margin: 0;
	font-size: var(--stba-fs-buyuk);
}

.woocommerce-Address address {
	margin: 0;
	font-style: normal;
	color: var(--stba-gray);
	line-height: 1.8;
}

/* -------------------------------------------------------------
   Giriş ve kayıt formu
   ------------------------------------------------------------- */
.stba-giris {
	max-width: 460px;
	margin-inline: auto;
}

.stba-giris__kart {
	padding: 1.75rem;
}

/* -------------------------------------------------------------
   Giriş / Üye ol sekmeleri
   -------------------------------------------------------------
   İki ayrı adres arasında geçiş. Etkin sekme karta yapışır; alttaki
   kartla aynı zemini paylaşıp tek parça görünmesi için köşeleri
   yalnız üstten yuvarlanır.
   ------------------------------------------------------------- */
.stba-hesap-sekme {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.stba-hesap-sekme__oge {
	padding: .875rem 1rem;
	text-align: center;
	font-weight: 500;
	color: var(--stba-gray);
	background: var(--stba-pearl);
	border: 1px solid var(--stba-beige);
	border-bottom: 0;
	transition: background var(--stba-gecis), color var(--stba-gecis);
}

.stba-hesap-sekme__oge:first-child {
	border-radius: var(--bs-border-radius-lg) 0 0 0;
	border-right: 0;
}

.stba-hesap-sekme__oge:last-child {
	border-radius: 0 var(--bs-border-radius-lg) 0 0;
}

.stba-hesap-sekme__oge:hover {
	color: var(--stba-rosewood);
}

.stba-hesap-sekme__oge--etkin {
	background: var(--stba-white);
	color: var(--stba-rosewood);
	box-shadow: inset 0 3px 0 var(--stba-rosewood);
}

/* Sekme varken kartın üst köşeleri düz kalır, ikisi tek parça olur. */
.stba-hesap-sekme + .stba-giris__kart {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* Alttaki "hesabınız yok mu?" satırı. */
.stba-giris__gecis {
	margin: 1.25rem 0 0;
	padding-top: 1.25rem;
	border-top: 1px solid var(--stba-beige);
	text-align: center;
	font-size: var(--stba-fs-kucuk);
}

.stba-giris__gecis a {
	font-weight: 500;
}

.stba-giris__baslik {
	margin: 0 0 .25rem;
	text-align: center;
}

.stba-giris__alt {
	margin: 0 0 1.5rem;
	text-align: center;
}

.stba-giris__ayrac {
	display: flex;
	align-items: center;
	gap: .75rem;
	margin: 1.5rem 0;
	color: var(--stba-gray);
	font-size: var(--stba-fs-kucuk);
}

.stba-giris__ayrac::before,
.stba-giris__ayrac::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--stba-beige);
}

/* Google ile giriş düğmesi: eklenti kurulduğunda kendi düğmesini
   buraya basar; marka görünümü burada tanımlı. */
.stba-giris__google .nsl-container,
.stba-giris__google {
	width: 100%;
}

.stba-giris__satir {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .5rem 1rem;
	margin-bottom: 1.25rem;
}

.stba-giris__unuttum {
	font-size: var(--stba-fs-kucuk);
}

.stba-giris__kayit {
	margin-top: 1.25rem;
}

.stba-giris__yardim {
	margin: 1rem 0 0;
	text-align: center;
	font-size: var(--stba-fs-kucuk);
}

/* -------------------------------------------------------------
   Profil (hesap bilgileri) formu
   ------------------------------------------------------------- */
.stba-profil__kart + .stba-profil__kart {
	margin-top: 1.25rem;
}

.stba-profil__baslik {
	margin: 0 0 .25rem;
	font-size: var(--stba-fs-buyuk);
}

.stba-profil__kart .row {
	margin-top: 1rem;
}

.stba-profil__alt {
	margin: 0;
	font-size: var(--stba-fs-kucuk);
}

.stba-profil__ipucu {
	display: block;
	margin-top: .375rem;
	font-size: var(--stba-fs-kucuk);
	color: var(--stba-gray);
}

.stba-profil__eylem {
	margin-top: 1.5rem;
}

/* Şifre kartı ikincil zeminde: günlük bilgi güncellemesinden
   ayrı bir iş olduğu görünsün. */
.stba-profil__sifre {
	--bs-card-bg: var(--stba-pearl);
}

/* -------------------------------------------------------------
   Kayıt formundaki onay kutusu
   ------------------------------------------------------------- */
.stba-kayit-onay {
	margin-bottom: 1.25rem;
}

.stba-kayit-onay .form-check-label {
	font-size: var(--stba-fs-kucuk);
	color: var(--stba-gray);
}

.stba-kayit-onay .form-check-label a {
	text-decoration: underline;
	text-underline-offset: .2em;
}