/* ===================================================================== FlowSmart — Hesabım (My Account) sayfaları — ORTAK STİL ===================================================================== Çakışma önleme stratejisi: Tüm bileşen kuralları #fs-myaccount ID'si altında tanımlanıyor. ID'ler CSS özgüllüğünde class/etiketlerden her zaman üstün olduğu için (kaç class veya etiket içerirse içersin), BeTheme'in "be.css" içindeki genel içerik-alanı kuralları (ul li, ol li, vb. madde işareti/boşluk sıfırlamaları) bizim kurallarımızı asla ezemez — !important kullanmaya gerek kalmadan. Bu dosyayı tüm Hesabım alt sayfalarında (Siparişler, Adresler, Sipariş Detay, Hesap Detayları) ortak kullanacağız; yeni eklenen her class da otomatik olarak bu korumadan faydalanacak. ===================================================================== */ :root{ --fs-steel:#4F799B; --fs-steel-dark:#3a5a78; --fs-navy:#0C3953; --fs-orange:#F6922E; --fs-border:#E7E7E7; --fs-bg-page:#f7f7f7; --fs-bg-card:#ffffff; --fs-text:#4c4d52; --fs-link:#3a5a78; } /* ---- Sayfa geneli (fs-wrap dışındaki, ana içerik/başlık alanı) düzeltmeleri ---- */ /* WooCommerce, Hesabım (My Account) sayfalarında etiketine otomatik "woocommerce-account" class'ı ekler. Bu iki kural #fs-myaccount'ın DIŞINDAKİ (üst/kardeş) öğeleri hedeflediği için ID kapsamına giremez, ayrı tutuluyor. Sadece Hesabım sayfalarında etkili, sitenin geri kalanını etkilemez. */ body.woocommerce-account #Subheader{display:none;} /* Temanın eski (varsayılan WooCommerce iki sütunlu) düzen kuralı, bizim .fs-content div'imiz hâlâ taşıdığı "woocommerce-MyAccount-content" class'ı üzerinden width:66-68% + float:right basıp grid hücremizi daraltıyordu. ID önceliğiyle artık kesin olarak geçersiz. */ body.woocommerce-account #fs-myaccount .woocommerce-MyAccount-content{ width:100%; float:none; } /* ---- #fs-myaccount kapsamındaki tüm bileşenler ---- */ #fs-myaccount, #fs-myaccount *{box-sizing:border-box;} #fs-myaccount{max-width:1180px;margin:0 auto;padding:0;} #fs-myaccount .fs-account{display:grid;grid-template-columns:25% 1fr;gap:28px;align-items:start;} @media (min-width:768px) and (max-width:959px){ /* Tema'nın kendi tablet aralığı (768-959px) ile hizalı */ #fs-myaccount .fs-account{grid-template-columns:30% 1fr;} } @media (max-width:767px){ #fs-myaccount .fs-account{grid-template-columns:1fr;} #fs-myaccount .fs-content{order:1;} #fs-myaccount .fs-nav{order:2;} } #fs-myaccount .fs-nav{padding:10px;} #fs-myaccount .fs-nav ul{list-style:none;margin:0;padding:0;} #fs-myaccount .fs-nav li{margin:2px 0;} #fs-myaccount .fs-nav a{ display:flex;align-items:center;gap:12px; padding:11px 16px;border-radius:10px; color:var(--fs-text);text-decoration:none;font-size:16px;font-weight:500; transition:background .15s ease,color .15s ease; } #fs-myaccount .fs-nav a i{width:16px;text-align:center;flex:none;font-size:15px;} #fs-myaccount .fs-nav a:hover{background:none;color:var(--fs-orange);} #fs-myaccount .fs-nav li.is-active a{background:none;color:var(--fs-orange);} #fs-myaccount .fs-nav li.is-active a:hover{background:none;color:var(--fs-orange);} #fs-myaccount .fs-nav li.fs-nav-logout{border-top:1px solid var(--fs-border);margin-top:8px;padding-top:8px;} #fs-myaccount .fs-nav li.fs-nav-logout a{color:var(--fs-text);} #fs-myaccount .fs-nav li.fs-nav-logout a:hover{background:none;color:var(--fs-orange);} #fs-myaccount .fs-content{margin:0;background:var(--fs-bg-card);border:1px solid var(--fs-border);border-radius:14px;padding:36px;box-shadow:0 2px 10px rgba(12,57,83,0.04);} #fs-myaccount .fs-nav-header{display:flex;align-items:center;gap:14px;padding:6px 16px 20px;} #fs-myaccount .fs-avatar{ width:56px;height:56px;border-radius:50%; background:linear-gradient(135deg,var(--fs-steel),var(--fs-navy)); color:#fff;display:flex;align-items:center;justify-content:center; font-size:20px;flex:none; } #fs-myaccount .fs-nav-header .fs-nav-username{margin:0;font-size:18px;line-height:1.25;color:var(--fs-navy);font-weight:600;} #fs-myaccount .fs-greeting{font-size:16px;color:var(--fs-text);margin:0px 0 20px;} #fs-myaccount .fs-greeting strong{font-weight:700;} #fs-myaccount .fs-lead{font-size:16px;line-height:1.7;color:var(--fs-text);margin:0 0 28px;} #fs-myaccount .fs-lead a{color:var(--fs-link);text-decoration:none;font-weight:500;} #fs-myaccount .fs-lead a:hover{color:var(--fs-steel);text-decoration:underline;} #fs-myaccount .fs-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;} @media (max-width:600px){#fs-myaccount .fs-tiles{grid-template-columns:1fr;}} #fs-myaccount .fs-tile{ display:flex;flex-direction:column;gap:10px; padding:20px;border:1px solid var(--fs-border);border-radius:12px; text-decoration:none;color:var(--fs-navy); transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease; } #fs-myaccount .fs-tile:hover{border-color:var(--fs-steel);transform:translateY(-2px);box-shadow:0 6px 16px rgba(12,57,83,0.08);} #fs-myaccount .fs-tile .fs-tile-icon{ width:40px;height:40px;border-radius:10px;background:#eaf1f6; display:flex;align-items:center;justify-content:center;color:var(--fs-steel); font-size:17px; } #fs-myaccount .fs-tile strong{font-size:16px;font-weight:600;} #fs-myaccount .fs-tile span{font-size:15px;color:#6b7178;font-weight:400;}