/* Kaynak: Hesabım.dc.html
Markup: partials/pages/account.php + themes/formasyon-fes/woocommerce/myaccount/*.php
Sekmeler, sipariş listesi, adres ve şifre ekranlarını WooCommerce üretir. */
body { margin:0; background:#fff; -webkit-font-smoothing:antialiased; }
.fes-app a { color:#174A91; text-decoration:none; }
.fes-app a:hover { color:#092D5B; }
/* --- WooCommerce shortcode sarmalayıcısı --------------------------------- */
.fes-app[data-fes-page="account"] .woocommerce { width:100%; margin:0; padding:0; }
.fes-app[data-fes-page="account"] .woocommerce::before,
.fes-app[data-fes-page="account"] .woocommerce::after { content:none; }
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-navigation,
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content { float:none; width:100%; }
/* --- Bildirimler ---------------------------------------------------------
Kutu görünümünün TEK sahibi fes-frontend.css'tir. */
.fes-app[data-fes-page="account"] .woocommerce-notices-wrapper:empty { display:none; }
/* --- Sol sekme listesi --------------------------------------------------- */
.fes-app[data-fes-page="account"] .fes-account-nav li { margin:0; }
.fes-app[data-fes-page="account"] .fes-account-nav li a:hover { background:#F8FAFD; color:#092D5B; }
.fes-app[data-fes-page="account"] .fes-account-nav li.is-active > a {
background:#F3F8FD; color:#092D5B; font-weight:800;
}
.fes-app[data-fes-page="account"] .fes-account-nav li.woocommerce-MyAccount-navigation-link--customer-logout > a { color:#D83D35; font-weight:700; }
.fes-app[data-fes-page="account"] .fes-account-nav li.woocommerce-MyAccount-navigation-link--customer-logout > a:hover { background:#FDF3F2; color:#C4342D; }
/* --- Sipariş tablosu ----------------------------------------------------- */
.fes-app[data-fes-page="account"] .fes-orders-table { text-align:left; }
.fes-app[data-fes-page="account"] .fes-orders-table thead th {
padding:15px 20px; border:0; border-bottom:1px solid #DCE5EF; background:#F8FAFD;
font-size:11.5px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#6C7F92;
text-align:left;
}
.fes-app[data-fes-page="account"] .fes-orders-table tbody th,
.fes-app[data-fes-page="account"] .fes-orders-table tbody td {
padding:18px 20px; border:0; border-bottom:1px solid #EDF2F7; background:none;
font-size:13.5px; font-weight:500; color:#40556E; text-align:left; vertical-align:middle;
}
.fes-app[data-fes-page="account"] .fes-orders-table tbody tr:last-child th,
.fes-app[data-fes-page="account"] .fes-orders-table tbody tr:last-child td { border-bottom:0; }
.fes-app[data-fes-page="account"] .fes-orders-table tbody tr:hover th,
.fes-app[data-fes-page="account"] .fes-orders-table tbody tr:hover td { background:#F8FAFD; }
.fes-app[data-fes-page="account"] .fes-orders-table .woocommerce-orders-table__cell-order-actions { text-align:right; white-space:nowrap; }
.fes-app[data-fes-page="account"] .fes-orders-table .woocommerce-button,
.fes-app[data-fes-page="account"] .fes-orders-pagination .woocommerce-button {
display:inline-flex; align-items:center; height:38px; padding:0 16px; margin:0 0 0 8px;
border:1px solid #DCE5EF; border-radius:9px; background:#fff;
font-size:12.5px; font-weight:700; color:#092D5B;
}
.fes-app[data-fes-page="account"] .fes-orders-table .woocommerce-button:hover,
.fes-app[data-fes-page="account"] .fes-orders-pagination .woocommerce-button:hover {
border-color:#174A91; background:#F3F8FD; color:#092D5B;
}
.fes-app[data-fes-page="account"] .fes-orders-pagination .woocommerce-button { margin:0; }
.fes-app[data-fes-page="account"] .fes-order-status--completed { background:#EAF6EF !important; color:#17804D !important; }
.fes-app[data-fes-page="account"] .fes-order-status--cancelled,
.fes-app[data-fes-page="account"] .fes-order-status--failed,
.fes-app[data-fes-page="account"] .fes-order-status--refunded { background:#FDF3F2 !important; color:#B4322B !important; }
/* --- Sipariş detayı / adres / şifre ekranları (Woo üretir) ---------------- */
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content h2,
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content h3 {
margin:0 0 16px; font-family:'Instrument Sans', Manrope, Arial, sans-serif;
font-size:22px; line-height:1.2; font-weight:700; color:#092D5B;
}
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content p {
margin:0 0 16px; font-size:14.5px; line-height:1.65; color:#40556E;
}
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content a { color:#174A91; text-decoration:underline; }
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content a.button,
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content button.button { text-decoration:none; }
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content .woocommerce-Address {
padding:22px 24px; border:1px solid #DCE5EF; border-radius:16px; background:#fff;
}
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content .woocommerce-Addresses {
display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px;
}
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content .woocommerce-Address address {
font-style:normal; font-size:14px; line-height:1.7; color:#40556E;
}
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content table.shop_table th,
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content table.shop_table td {
padding:14px 16px; border:0; border-bottom:1px solid #EDF2F7; background:none;
font-size:13.5px; color:#40556E; text-align:left;
}
/* --- Form alanları (adres / şifre / giriş / kayıt) ------------------------ */
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content form .form-row,
.fes-app[data-fes-page="account"] .fes-elform .form-row {
float:none !important; width:auto !important; margin:0 0 18px; padding:0; display:block;
}
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content form label,
.fes-app[data-fes-page="account"] .fes-elform label {
display:block; margin-bottom:7px; font-size:12.5px; font-weight:750; color:#10233C;
}
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content form label .required,
.fes-app[data-fes-page="account"] .fes-elform label .required { color:#D83D35; text-decoration:none; border:0; }
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content input.input-text,
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content select,
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content textarea,
.fes-app[data-fes-page="account"] .fes-elform input.input-text,
.fes-app[data-fes-page="account"] .fes-elform select {
width:100%; height:50px; padding:0 14px;
border:1px solid #DCE5EF; border-radius:10px; background:#fff;
font:500 14px Manrope, Arial, sans-serif; color:#10233C; box-sizing:border-box;
}
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content textarea { height:110px; padding:12px 14px; line-height:1.6; }
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content input.input-text:focus,
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content select:focus,
.fes-app[data-fes-page="account"] .fes-elform input.input-text:focus,
.fes-app[data-fes-page="account"] .fes-elform select:focus {
outline:0; border-color:#174A91; box-shadow:0 0 0 3px rgba(23,74,145,.12);
}
.fes-app[data-fes-page="account"] .fes-elform .woocommerce-form-login__rememberme label { margin:0; }
.fes-app[data-fes-page="account"] .fes-elform .woocommerce-form-login__rememberme + button { margin-top:18px; }
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content form button.button,
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content form input[type="submit"] {
display:inline-flex; align-items:center; justify-content:center;
height:50px; padding:0 24px; border:0; border-radius:11px;
background:#092D5B; color:#fff; font:750 14px Manrope, Arial, sans-serif; cursor:pointer;
}
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content form button.button:hover,
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content form button.button:focus,
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content form input[type="submit"]:hover {
background:#071F42; color:#fff;
}
.fes-app[data-fes-page="account"] .select2-container .select2-selection--single {
height:50px; border:1px solid #DCE5EF; border-radius:10px; background:#fff;
}
.fes-app[data-fes-page="account"] .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height:48px; padding-left:14px; color:#10233C; font:500 14px Manrope, Arial, sans-serif;
}
.fes-app[data-fes-page="account"] .select2-container--default .select2-selection--single .select2-selection__arrow { height:48px; right:8px; }
/* --- Claude Design style-hover/focus/active dönüşümleri --- */
.fes-app [data-fh="d53b53cc"]:hover,
.fes-app [data-fh="d53b53cc"]:focus { background:#123C73; color:#fff; }
.fes-app [data-fh="aca0d43c"]:hover,
.fes-app [data-fh="aca0d43c"]:focus { background:#092D5B; color:#fff; }
.fes-app [data-fh="a7afc95a"]:hover,
.fes-app [data-fh="a7afc95a"]:focus { background:#C4342D; color:#fff; }
.fes-app [data-fh="191c53d8"]:hover,
.fes-app [data-fh="191c53d8"]:focus { background:#071F42; color:#fff; }
.fes-app [data-fh="244f6f6c"]:hover { color:#174A91; }
.fes-app[data-fes-page="account"] a:focus-visible,
.fes-app[data-fes-page="account"] button:focus-visible,
.fes-app[data-fes-page="account"] input:focus-visible {
outline:2px solid #174A91; outline-offset:2px; border-radius:8px;
}
/* --- Duyarlı yerleşim ---------------------------------------------------- */
@media (max-width:1023px) {
.fes-app[data-fes-page="account"] .fes-account-layout { grid-template-columns:1fr !important; gap:28px !important; }
.fes-app[data-fes-page="account"] .fes-account-stats { grid-template-columns:repeat(3, minmax(0, 1fr)) !important; }
.fes-app[data-fes-page="account"] .fes-login-layout { grid-template-columns:1fr !important; }
}
@media (max-width:767px) {
.fes-app[data-fes-page="account"] .fes-account-shell { padding-left:20px !important; padding-right:20px !important; }
.fes-app[data-fes-page="account"] h1 { font-size:30px !important; letter-spacing:-.5px !important; }
.fes-app[data-fes-page="account"] .fes-account-stats { grid-template-columns:1fr !important; }
.fes-app[data-fes-page="account"] .fes-account-course { grid-template-columns:56px minmax(0, 1fr) !important; gap:14px !important; }
.fes-app[data-fes-page="account"] .fes-account-course > a { grid-column:1 / -1; }
.fes-app[data-fes-page="account"] .fes-account-course img,
.fes-app[data-fes-page="account"] .fes-account-course > span[aria-hidden="true"] { width:56px !important; height:56px !important; }
.fes-app[data-fes-page="account"] .woocommerce-MyAccount-content .woocommerce-Addresses { grid-template-columns:1fr; }
.fes-app[data-fes-page="account"] .fes-orders-table thead { display:none; }
.fes-app[data-fes-page="account"] .fes-orders-table tbody tr { display:block; padding:14px 4px; border-bottom:1px solid #EDF2F7; }
.fes-app[data-fes-page="account"] .fes-orders-table tbody tr:last-child { border-bottom:0; }
.fes-app[data-fes-page="account"] .fes-orders-table tbody th,
.fes-app[data-fes-page="account"] .fes-orders-table tbody td {
display:flex; align-items:center; justify-content:space-between; gap:16px;
padding:8px 16px; border:0; text-align:right;
}
.fes-app[data-fes-page="account"] .fes-orders-table tbody th::before,
.fes-app[data-fes-page="account"] .fes-orders-table tbody td::before {
content:attr(data-title); flex:0 0 auto;
font-size:11.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#6C7F92;
}
}