z edytora */
.woocommerce-account .woocommerce-address-fields p:empty{display:none}
/* Ukryj pole kraju dla adresu dostawy */
#shipping_country_field{
display:none !important;
}
/* Ukryj pole kraju */
#billing_country_field{display:none !important;}
/* KARTA: zamówienia – ten sam look jak EditAccount */
.perf-orders-card{
width:100% !important;
max-width:none !important;
margin:0 auto !important;
padding:40px !important;
background:transparent !important;
border:1px solid #D4AF37 !important;
border-radius:6px !important;
font-family:'Plus Jakarta Sans', serif !important;
color:#ffffff !important;
line-height:1 !important;
}
/* Tytuł sekcji */
.perf-orders-title{
text-align:center !important;
font-size:30px !important;
line-height:1.2 !important;
margin:0 0 20px !important;
color:#F5F2E9 !important;
}
/* Tabela w tym samym stylu */
.perf-orders-table{
width:100% !important;
border-collapse:separate !important;
border-spacing:0 !important;
background:transparent !important;
color:#ffffff !important;
border:1px solid #D4AF37 !important;
border-radius:6px !important;
overflow:hidden !important;
font-size:15px !important;
line-height:1.6 !important;
}
.perf-orders-table thead th{
background:transparent !important;
color:#F5F2E9 !important;
padding:12px 18px !important;
border-bottom:1px solid #D4AF37 !important;
text-align:left !important;
font-weight:600 !important;
}
.perf-orders-table tbody th,
.perf-orders-table tbody td{
padding:12px 18px !important;
border-bottom:1px solid rgba(212,175,55,.35) !important;
vertical-align:middle !important;
}
.perf-orders-table tbody tr:last-child td,
.perf-orders-table tbody tr:last-child th{ border-bottom:0 !important }
/* Link jak w formularzu: delikatny underline dash */
.perf-link{
color:#ffffff !important;
text-decoration:none !important;
border-bottom:1px dashed rgba(212,175,55,.35) !important;
padding-bottom:2px !important;
}
.perf-link:hover{ border-bottom-style:solid !important }
/* Przyciski akcji 1:1 jak Save button */
.perf-btn{
background:linear-gradient(to right, #D4AF37, #ffffff) !important;
color:#000 !important;
border:none !important;
padding:12px 30px !important;
border-radius:6px !important;
font-weight:600 !important;
font-size:15px !important;
cursor:pointer !important;
transition:all .3s ease !important;
display:inline-block !important;
}
.perf-btn:hover{ filter:brightness(1.05) !important }
/* Paginacja */
.perf-orders-pagination{
margin-top:30px !important;
display:flex !important;
justify-content:center !important;
gap:12px !important;
}
/* Mobile: tabela jako lista etykieta–wartość + kontener 95% szerokości */
@media (max-width:820px){
.perf-orders-card{
width:95% !important;
max-width:none !important;
margin:0 auto !important;
padding:24px !important;
}
.perf-orders-table{ width:100% !important; border-radius:6px !important }
.perf-orders-table thead{ display:none !important }
.perf-orders-table,
.perf-orders-table tbody,
.perf-orders-table tr,
.perf-orders-table td,
.perf-orders-table th{
display:block !important;
width:100% !important;
}
.perf-orders-table tr{
border-top:1px solid rgba(212,175,55,.35) !important;
}
.perf-orders-table tbody th,
.perf-orders-table tbody td{
display:flex !important;
justify-content:space-between !important;
align-items:center !important; /* wyrównanie w pionie */
gap:12px !important;
padding:12px 14px !important;
min-height:44px !important; /* stała wysokość wiersza */
word-break:break-word !important;
}
.perf-orders-table tbody td::before,
.perf-orders-table tbody th::before{
content:attr(data-title) !important;
color:#F5F2E9 !important;
opacity:.7 !important;
font-size:12px !important;
flex:0 0 46% !important;
text-align:left !important;
align-self:center !important; /* etykieta też centralnie */
line-height:1.2 !important;
}
}
@media (max-width: 820px) {
.perf-orders-table tbody td,
.perf-orders-table tbody th {
display: flex !important;
justify-content: flex-start !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 14px !important;
}
.perf-orders-table tbody td::before,
.perf-orders-table tbody th::before {
content: attr(data-title) !important;
color: #F5F2E9 !important;
opacity: 0.7 !important;
font-size: 13px !important;
font-weight: 500 !important;
flex: 0 0 110px !important; /* stała szerokość etykiet */
text-align: left !important;
}
.perf-orders-table tbody td p,
.perf-orders-table tbody th p {
margin: 0 !important;
flex: 1 1 auto !important; /* wartość po prawej */
text-align: right !important;
}
body .woocommerce-table--order-details th,
body .woocommerce-table--order-details .product-name,
body .woocommerce-table--order-details .product-name a{
text-align:left !important;
}
}
/* Spójność ogólna */
.woocommerce-account .woocommerce a.button.perf-btn{ text-decoration:none !important }
/* ===== OGÓLNE: Font i kolory ===== */
.woocommerce-table__line-item.order_item td,
.woocommerce-table__line-item.order_item td a,
.woocommerce-table__line-item.order_item td strong.product-quantity {
font-family: 'Plus Jakarta Sans', sans-serif !important;
font-size: 14px !important;
line-height: 1.5 !important;
}
.woocommerce-table__line-item.order_item td {
color: #ccc !important;
}
.woocommerce-table__line-item.order_item td a {
color: rgba(245, 242, 233, 0.75) !important;
text-decoration: none !important;
}
.woocommerce-table__line-item.order_item td strong.product-quantity {
color: rgba(245, 242, 233, 0.5) !important;
font-weight: 500 !important;
}
/* ===== INFORMACJA O ZAMÓWIENIU ===== */
.woocommerce-MyAccount-content > p:first-of-type {
text-align: center !important;
font-size: 15px !important;
font-weight: 200 !important;
font-family: 'Plus Jakarta Sans', serif !important;
color: #F5F2E9 !important;
line-height: 1.6 !important;
margin: 30px auto !important;
max-width: 900px !important;
}
.woocommerce-MyAccount-content p mark {
background: none !important;
color: #D4AF37 !important;
font-weight: 500 !important;
padding: 0 1px !important;
}
/* ===== KARTA SZCZEGÓŁÓW ZAMÓWIENIA ===== */
.perf-order-card,
.woocommerce-MyAccount-content > .woocommerce-order-details,
.woocommerce-MyAccount-content > .woocommerce-customer-details {
width: 99% !important;
max-width: 1200px;
margin: 0 auto 24px !important;
}
/* ===== TABELA PRODUKTÓW ===== */
.woocommerce-table.woocommerce-table--order-details {
border: 1px solid #D4AF37 !important;
border-radius: 6px !important;
border-collapse: separate !important;
border-spacing: 0 !important;
background: transparent !important;
color: #F5F2E9 !important;
overflow: hidden !important;
}
.woocommerce-table.woocommerce-table--order-details thead th {
padding: 12px 18px !important;
border-bottom: 1px solid #D4AF37 !important;
text-align: left !important;
font-weight: 600 !important;
}
.woocommerce-table.woocommerce-table--order-details tbody tr {
background: rgba(212, 175, 55, 0.06) !important;
}
.woocommerce-table.woocommerce-table--order-details tbody td {
padding: 12px 18px !important;
border-bottom: 1px solid rgba(212, 175, 55, 0.35) !important;
}
.woocommerce-table.woocommerce-table--order-details tbody tr:last-child td {
border-bottom: 0 !important;
}
.woocommerce-table.woocommerce-table--order-details tfoot tr {
background: #0E0E10 !important;
}
.woocommerce-table.woocommerce-table--order-details tfoot th,
.woocommerce-table.woocommerce-table--order-details tfoot td {
padding: 12px 18px !important;
border-top: 1px solid rgba(212, 175, 55, 0.35) !important;
}
.woocommerce-table.woocommerce-table--order-details a {
color: rgb(245, 242, 233, 0.9) !important;
text-decoration: none !important;
padding: 15px 9px 6px 9px !important;
}
/* ===== BLOK ADRESÓW ===== */
.woocommerce-customer-details {
width: 100%;
margin: 0 auto 24px;
}
.woocommerce-columns.woocommerce-columns--addresses,
.woocommerce-columns.addresses {
display: flex !important;
gap: 0 !important;
justify-content: space-between;
}
.woocommerce-column--billing-address,
.woocommerce-column--shipping-address {
margin: 6px !important;
}
.woocommerce-columns.addresses .woocommerce-column,
.woocommerce-columns--addresses .woocommerce-column {
border-radius: 6px;
padding: 21px;
background: transparent;
color: #F5F2E9;
box-sizing: border-box;
}
.woocommerce-columns.addresses .woocommerce-column__title,
.woocommerce-columns--addresses .woocommerce-column__title {
margin: 0 0 15px;
font-size: 18px;
line-height: 1;
}
.woocommerce-columns.addresses .woocommerce-column address,
.woocommerce-columns--addresses .woocommerce-column address {
font-size: 15px;
font-weight: 200 !important;
font-style: normal;
line-height: 1.6;
margin: 0;
}
.woocommerce-columns.addresses .woocommerce-customer-details--phone,
.woocommerce-columns.addresses .woocommerce-customer-details--email,
.woocommerce-columns--addresses .woocommerce-customer-details--phone,
.woocommerce-columns--addresses .woocommerce-customer-details--email {
margin: 6px 0 0;
}
.woocommerce-columns.addresses address p,
.woocommerce-columns--addresses address p {
margin: 60px 0;
}
.woocommerce-MyAccount-content .woocommerce-customer-details p:empty,
.woocommerce-MyAccount-content .woocommerce-column p:empty {
display: none !important;
}
/* ===== TABELA MOJE ZAMÓWIENIA ===== */
.woocommerce-orders-table tbody th,
.woocommerce-orders-table tbody td {
padding: 0 !important;
text-align: center !important;
vertical-align: middle !important;
}
.woocommerce-orders-table tbody th > p,
.woocommerce-orders-table tbody td > p {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 15px !important;
line-height: 1 !important;
}
.woocommerce-orders-table tbody a,
.woocommerce-orders-table tbody time,
.woocommerce-orders-table tbody span {
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
.woocommerce-orders-table tbody p:empty,
.woocommerce-orders-table tbody br {
display: none !important;
}
.woocommerce-orders-table__cell-order-actions {
text-align: center !important;
}
.woocommerce-orders-table__cell-order-actions .button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 6px 21px !important;
line-height: 1 !important;
}
/* ===== RESPONSYWNOŚĆ: MOBILE ≤820px ===== */
@media (max-width: 820px) {
.woocommerce-columns.addresses,
.woocommerce-columns--addresses {
grid-template-columns: 1fr !important;
}
.woocommerce-table.woocommerce-table--order-details thead {
display: none !important;
}
.woocommerce-table.woocommerce-table--order-details,
.woocommerce-table.woocommerce-table--order-details tbody,
.woocommerce-table.woocommerce-table--order-details tr,
.woocommerce-table.woocommerce-table--order-details td,
.woocommerce-table.woocommerce-table--order-details th {
display: block !important;
width: 100% !important;
}
.woocommerce-table.woocommerce-table--order-details tr {
border-top: 1px solid rgba(212, 175, 55, 0.35) !important;
}
.woocommerce-table.woocommerce-table--order-details tbody td {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
gap: 12px !important;
padding: 12px 14px !important;
min-height: 44px !important;
word-break: break-word !important;
}
.woocommerce-table.woocommerce-table--order-details tbody td::before {
content: attr(data-title) !important;
color: #F5F2E9 !important;
opacity: 0.7 !important;
font-size: 12px !important;
flex: 0 0 46% !important;
text-align: left !important;
align-self: center !important;
line-height: 1.2 !important;
}
.woocommerce-orders-table tbody th,
.woocommerce-orders-table tbody td {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.woocommerce-orders-table tbody th::before,
.woocommerce-orders-table tbody td::before {
text-align: center !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
}
a.button[href*="add-payment-method"] {
display: inline-block !important;
background: linear-gradient(to right, var(--gold), #ffffff) !important;
color: #0E0E10 !important;
font-size: 15px !important;
font-weight: 600 !important;
padding: 12px 30px !important;
border-radius: 6px !important;
border: none !important;
text-decoration: none !important;
text-align: center !important;
font-family: 'Plus Jakarta Sans', sans-serif !important;
transition: all 0.3s ease !important;
width: 100%;
max-width: 300px;
margin: 24px auto 0 auto;
}
a.button[href*="add-payment-method"]:hover {
filter: brightness(1.05) !important;
}
/* === STYL DLA FORMULARZA: Dodaj metodę płatności === */
form#add_payment_method {
background: transparent !important;
border: 1px solid var(--gold) !important;
border-radius: 6px !important;
padding: 30px !important;
max-width: 600px !important;
margin: 0 auto 24px !important;
color: var(--text) !important;
font-family: 'Plus Jakarta Sans', sans-serif !important;
}
/* Lista metod płatności */
.woocommerce-PaymentMethods {
list-style: none !important;
margin: 0 0 24px 0 !important;
padding: 0 !important;
}
.woocommerce-PaymentMethod {
background: var(--panel) !important;
border: 1px solid rgba(212, 175, 55, 0.35) !important;
border-radius: 6px !important;
padding: 18px !important;
margin-bottom: 12px !important;
color: var(--text) !important;
font-size: 14px !important;
}
/* Radio button + etykieta */
.woocommerce-PaymentMethod input[type="radio"] {
margin-right: 8px !important;
vertical-align: middle !important;
}
.woocommerce-PaymentMethod label {
font-weight: 500 !important;
font-size: 14px !important;
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
color: var(--text) !important;
}
/* Pudełko formularza płatności */
.woocommerce-PaymentBox {
background: rgba(212, 175, 55, 0.05) !important;
border-radius: 6px !important;
padding: 18px !important;
margin-top: 12px !important;
}
/* Informacja testowa + link */
.testmode-info {
font-size: 12px !important;
color: var(--muted) !important;
margin-bottom: 12px !important;
}
.testmode-info button {
background: none !important;
border: none !important;
color: var(--gold) !important;
cursor: pointer !important;
font-weight: 500 !important;
}
.testmode-info a {
color: var(--gold) !important;
text-decoration: underline !important;
}
/* Pole wyboru 'zapisz metodę płatności' */
.woocommerce-SavedPaymentMethods-saveNew {
font-size: 12px !important;
color: var(--muted) !important;
}
.woocommerce-SavedPaymentMethods-saveNew input[type="checkbox"] {
margin-right: 6px !important;
vertical-align: middle !important;
}
/* Przycisk dodania metody */
#place_order,
form#add_payment_method button[type="submit"] {
background: linear-gradient(to right, var(--gold), #ffffff) !important;
border: none !important;
border-radius: 6px !important;
color: #0E0E10 !important;
font-size: 15px !important;
font-weight: 600 !important;
padding: 12px 36px !important;
cursor: pointer !important;
display: block !important;
width: 100% !important;
margin-top: 24px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5cadeba1 *//* ===== RESET HASŁA – kontener formularza ===== */
form.woocommerce-ResetPassword.lost_reset_password {
max-width: 900px;
margin: 0 auto;
padding: 30px;
background: transparent;
border: 1px solid #D4AF37;
border-radius: 6px;
font-family: 'Plus Jakarta Sans', sans-serif;
color: #F5F2E9;
line-height: 1.4;
}
/* ===== Nagłówek instrukcji ===== */
form.woocommerce-ResetPassword.lost_reset_password > p:first-of-type {
text-align: center;
font-size: 15px;
font-weight: 200;
margin-bottom: 30px;
color: #F5F2E9;
}
/* ===== Etykiety pól ===== */
form.woocommerce-ResetPassword.lost_reset_password label {
font-size: 12px;
line-height: 1.1;
font-weight: 500;
color: #F5F2E9;
margin-bottom: 3px; /* mniejszy odstęp */
display: block;
}
/* ===== Kontener inputa z 'show-password' ===== */
form.woocommerce-ResetPassword.lost_reset_password .password-input {
position: relative;
display: block;
margin-bottom: 12px;
}
/* ===== Pola hasła ===== */
form.woocommerce-ResetPassword.lost_reset_password input[type="password"] {
width: 100%;
padding: 12px 18px;
background: transparent;
border: 1px solid #D4AF37;
border-radius: 6px; /* zaokrąglenie zawsze takie samo */
font-size: 15px;
color: #F5F2E9;
}
form.woocommerce-ResetPassword.lost_reset_password input[type="password"]:focus {
outline: none;
border-color: #D4AF37;
border-radius: 6px; /* zaokrąglenie na focusie */
}
/* ===== Ikona "oka" ===== */
form.woocommerce-ResetPassword.lost_reset_password .show-password-input {
background: none;
border: none;
cursor: pointer;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
filter: brightness(3);
}
/* ===== Przycisk zapisu ===== */
form.woocommerce-ResetPassword.lost_reset_password button.woocommerce-Button {
display: block;
margin: 30px auto 0;
padding: 12px 36px;
background: linear-gradient(to right, rgb(139, 107, 46, 1), rgb(212, 175, 55, 1) 80%
) !important;
border: none;
border-radius: 6px;
color: #0E0E10;
font-size: 15px;
font-weight: 500;
cursor: pointer;
}
/* ===== Ukrycie zbędnych
po inputach hidden ===== */
form.woocommerce-ResetPassword.lost_reset_password input[type="hidden"] + br {
display: none;
}
/* === FORMULARZE LOGOWANIA I REJESTRACJI === */
form.woocommerce-form.login,
form.woocommerce-form.register {
background: transparent !important;
border: 1px solid var(--gold) !important;
border-radius: 6px !important;
padding: 30px !important;
max-width: 600px !important;
margin: 0 auto !important;
color: var(--text) !important;
font-family: 'Plus Jakarta Sans', sans-serif !important;
}
/* Nagłówki pól */
form.woocommerce-form label {
display: block !important;
margin-bottom: 3px !important;
font-size: 13px !important;
font-weight: 500 !important;
color: var(--text) !important;
}
/* Pola tekstowe */
form.woocommerce-form input[type="text"],
form.woocommerce-form input[type="email"],
form.woocommerce-form input[type="password"] {
width: 100% !important;
padding: 12px 15px !important;
background: transparent !important;
border: 1px solid var(--gold) !important;
border-radius: 6px !important;
color: var(--text) !important;
font-size: 15px !important;
transition: all 0.3s ease !important;
line-height: 1.6 !important;
margin-bottom: 24px !important;
}
/* Focus efekt */
form.woocommerce-form input:focus {
outline: none !important;
border-color: var(--gold) !important;
box-shadow: 0 0 3px var(--gold) !important;
border-radius: 6px !important;
}
/* Checkbox "Zapamiętaj mnie" */
.woocommerce-form__label-for-checkbox {
display: flex !important;
align-items: center !important;
font-size: 12px !important;
color: var(--muted) !important;
margin-bottom: 24px !important;
}
.woocommerce-form__input-checkbox {
margin-right: 3px !important;
}
/* Link: zapomniałeś hasła */
.woocommerce-LostPassword {
text-align: center !important;
margin-top: 18px !important;
}
.woocommerce-LostPassword a {
color: var(--gold) !important;
font-size: 12px !important;
}
/* Przycisk */
form.woocommerce-form button[type="submit"] {
background: linear-gradient(to right, rgb(139, 107, 46, 1), rgb(212, 175, 55, 1) 80%
) !important;
border: none !important;
border-radius: 6px !important;
color: #0E0E10 !important;
font-size: 15px !important;
font-weight: 600 !important;
padding: 12px 30px !important;
cursor: pointer !important;
display: block !important;
width: 100% !important;
}
/* akapit bezpośrednio po wierszu z polem e-mail */
.woocommerce-form.register .form-row + p{
font-size:15px;
line-height:1;
margin-bottom: 24px !important;
}
/* Polityka prywatności */
.woocommerce-privacy-policy-text {
font-size: 12px !important;
color: var(--muted) !important;
line-height: 1.6 !important;
margin-bottom: 12px !important;
}
.woocommerce-privacy-policy-text a {
color: var(--gold) !important;
text-decoration: underline !important;
}
/* Minimalne marginesy między
*/
form.woocommerce-form p {
margin: 0 0 12px !important;
}
/* Ukryj puste paragrafy */
form.woocommerce-form p:empty {
display: none !important;
}
/* usuń sztuczny enter po label */
.woocommerce form .form-row br{ display:none; }
/* === FORMULARZ RESETOWANIA HASŁA === */
form.woocommerce-ResetPassword.lost_reset_password {
background: transparent !important;
border: 1px solid var(--gold) !important;
border-radius: 6px !important;
padding: 30px !important;
max-width: 600px !important;
margin: 0 auto !important;
color: var(--text) !important;
font-family: 'Plus Jakarta Sans', sans-serif !important;
}
/* Wstępny opis */
form.woocommerce-ResetPassword.lost_reset_password > p:first-of-type {
font-size: 12px !important;
color: var(--muted) !important;
line-height: 1.6 !important;
margin-bottom: 21px !important;
}
/* Etykieta pola */
form.woocommerce-ResetPassword label {
display: block !important;
margin-bottom: 3px !important;
font-size: 13px !important;
font-weight: 500 !important;
color: var(--text) !important;
}
/* Pole input */
form.woocommerce-ResetPassword input[type="text"] {
width: 100% !important;
padding: 12px 15px !important;
background: transparent !important;
border: 1px solid var(--gold) !important;
border-radius: 6px !important;
color: var(--text) !important;
font-size: 15px !important;
line-height: 1.6 !important;
margin-bottom: 21px !important;
}
/* Focus efekt */
form.woocommerce-ResetPassword input:focus {
outline: none !important;
border-color: var(--gold) !important;
box-shadow: 0 0 3px var(--gold) !important;
border-radius: 6px !important;
}
/* Przycisk */
form.woocommerce-ResetPassword button[type="submit"] {
background: linear-gradient(to right, rgb(139, 107, 46, 1), rgb(212, 175, 55, 1) 80%
) !important;
border: none !important;
border-radius: 6px !important;
color: #0E0E10 !important;
font-size: 15px !important;
font-weight: 600 !important;
padding: 12px 36px !important;
cursor: pointer !important;
display: block !important;
width: 100% !important;
margin: 0px !important;
}
form.woocommerce-ResetPassword .form-row-first {
width: 100% !important;
float: none !important;
clear: both !important;
display: block !important;
box-sizing: border-box !important;
}
/* Odstępy ogólne między akapitami */
form.woocommerce-ResetPassword p {
margin: 0 0 9px !important;
}
/* Ukryj puste paragrafy */
form.woocommerce-ResetPassword p:empty {
display: none !important;
}
/* Usuń zbędne
po label */
form.woocommerce-ResetPassword label + br,
form.woocommerce-ResetPassword input + br {
display: none !important;
}
/* Blok benefitów konta – spójny z paletą Noir & Gold */
.account-benefits{
margin: 15px auto !important;;
padding:21px 24px;
background: transparent;
color:var(--text);
border:1px solid var(--gold);
border-radius:6px;
max-width: 600px !important;
}
.account-benefits h3{
margin:6px 0 18px 0;
color:var(--gold);
font-family: var(--e-global-typography-secondary-font-family,"Plus Jakarta Sans"),sans-serif;
font-weight: var(--e-global-typography-secondary-font-weight,600);
letter-spacing: var(--e-global-typography-secondary-letter-spacing,.06em);
text-transform: var(--e-global-typography-secondary-text-transform,uppercase);
font-size:15px;
line-height:1.2;
}
/* Lista benefitów */
.account-benefits__list{
margin:0;
padding:0;
list-style:none;
display:grid;
gap:10px;
line-height:1.3;
font-size:12px;
}
.account-benefits__list li{
display:flex;
align-items:flex-start;
gap:10px;
}
/* Złoty marker */
.account-benefits__list li::before{
content:"";
width:6px; height:6px;
margin-top:.45em;
border-radius:50%;
background:var(--gold);
flex:0 0 8px;
}
/* ===== Ikona "oka" przy polach hasła ===== */
form.woocommerce-form .password-input {
position: relative !important;
display: block !important;
}
form.woocommerce-form .show-password-input {
background: none !important;
border: none !important;
cursor: pointer !important;
position: absolute !important;
right: 12px !important;
top: 50% !important;
transform: translateY(-50%) !important;
filter: brightness(3) !important;
width: 24px !important;
height: 24px !important;
opacity: 0.6 !important;
transition: opacity 0.3s ease !important;
}
form.woocommerce-form .show-password-input:hover {
opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS */.elementor .woocommerce .woocommerce-MyAccount-content{ float:none; width:100%; margin:0; }
:root{
--bg:#0E0E10; --panel:#181A1E; --text:#F5F2E9;
--muted:#8E8E92; --gold:#D4AF37; --gold-d:#8B6B2E;
}
/* Wyłącz narzucony układ Woo/Elementor i marginesy */
.woocommerce .woocommerce-MyAccount-content{float:none;width:100%;margin:0;padding:0;background:transparent;border:0}
.elementor .woocommerce .woocommerce-MyAccount-content{margin:0}
/* KONTENER KOKPITU */
.perf-account{color:var(--text);}
/* HERO: 2 kolumny (bez awatara) */
.perf-hero{
display:grid;
grid-template-columns: 1fr 360px;
gap:24px;
background:var(--panel);
border-radius:16px;
padding:24px;
}
/* Lewy blok */
.perf-hero__who{}
.perf-hello{font-size:30px;line-height:1.1;font-weight:700;margin:0 0 3px 0}
.perf-mail{font-size:15px;color:var(--muted);margin:0}
/* Prawy blok */
.perf-hero__stats{display:grid;grid-template-columns:1fr;gap:24px;align-content:start}
.perf-since__label,.perf-spend__label{font-size:12px;color:var(--muted);line-height:1.2;}
.perf-since__val{font-size:18px;margin-top:9px;line-height:1;}
.perf-spend__val{font-size:30px;line-height:1;font-weight:700;margin-bottom:9px;}
.perf-cta {
line-height:1.1;font-weight:300 !important;margin-top:0px; padding:0px;
}
/* GRID KART */
.perf-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}
.perf-card{
background:var(--panel);
border-radius:16px;
padding:24px;
}
.perf-card h4{font-size:15px;margin:0px 0px 0px 0px;line-height:3;color:var(--muted)}
/* Linki w kartach – poziomo */
.perf-links{
display:flex;
flex-wrap:wrap;
gap:24px;
list-style:none;
margin:0px 0px 21px 0px;
padding:0;
}
.perf-links li{margin:0;}
.perf-links a{
color:var(--text);
text-decoration:none;
border-bottom:1px dashed rgba(212,175,55,.35);
padding-bottom:3px;
}
.perf-links a:hover,
.perf-links a:focus{border-bottom-style:solid}
/* Responsywność */
@media (max-width:980px){
.perf-hero{grid-template-columns:1fr}
.perf-hero__stats{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
.perf-hero__stats{grid-template-columns:1fr}
.perf-hello{font-size:22px}
.perf-spend__val{font-size:26px}
}
@media (max-width:640px){
.perf-links{
flex-direction:column;
gap:12px;
}
.perf-links li{width:100%}
}
/* Kontrast dla screen-reader-text zostaje ukryty wizualnie */
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}
/* SIŁA HASŁA */
/* Podstawowy styl kontenera */
#password_strength {
margin-top: 12px;
padding: 12px 0px;
font-size: 13px;
font-weight: 500;
text-align: left;
color: #ffffff;
background-color: transparent;
font-family: 'Plus Jakarta Sans', sans-serif;
transition: all 0.3s ease;
}
/* Zbyt krótkie hasło (short) */
.woocommerce-password-strength.short {
color: #ff4d4d;
border-color: transparent;
background-color: transparent;
}
.woocommerce-password-strength.short::before {
content: "❌ ";
}
/* Słabe hasło (bad) */
.woocommerce-password-strength.bad {
color: #ff4d4d;
border-color: transparent;
background-color: transparent;
}
.woocommerce-password-strength.bad::before {
content: "✗ ";
}
/* Średnie hasło (good) */
.woocommerce-password-strength.good {
color: #e6b800;
border-color: transparent;
background-color: transparent;
}
.woocommerce-password-strength.good::before {
content: "✓ ";
}
/* Silne hasło (strong) */
.woocommerce-password-strength.strong {
color: #00cc99;
border-color: transparent;
background-color: transparent;
}
.woocommerce-password-strength.strong::before {
content: "✓✓✓ ";
}/* End custom CSS */