.woocommerce-account {
--kamar-pierscien: rgba(0, 0, 0, .12);
--kamar-pierscien: color-mix(in srgb, var(--kamar-granat) 18%, transparent);
--kamar-zam-os-tor: var(--kamar-blekit-kreska);
--kamar-zam-os-tor: color-mix(in srgb, var(--kamar-granat) 55%, var(--kamar-blekit));
}
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
display: flex;
flex-wrap: wrap;
gap: 24px;
align-items: flex-start;
font-family: "Montserrat", sans-serif;
}
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::before,
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::after {
content: none;
}
.woocommerce-account .elementor-widget-woocommerce-my-account .elementor-widget-container,
.woocommerce-account .elementor-widget-shortcode .elementor-widget-container {
padding-left: 0;
padding-right: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
flex: 0 0 240px;
max-width: 240px;
}
.woocommerce-account .woocommerce-MyAccount-content {
flex: 1 1 320px;
min-width: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style: none;
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
margin: 0;
border-bottom: 1px solid var(--kamar-blekit-kreska);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
border-bottom: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 13px 18px;
background: #fff;
color: var(--kamar-granat);
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:focus,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:focus-visible {
background: var(--kamar-blekit);
color: var(--kamar-niebieski);
outline: none;
box-shadow: inset 3px 0 0 var(--kamar-niebieski);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
background: var(--kamar-zolc);
color: var(--kamar-granat);
font-weight: 700;
}
.woocommerce-account .woocommerce-MyAccount-content {
color: var(--kamar-granat);
font-size: 14px;
line-height: 1.6;
}
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not([class*="kamar-"]) {
color: var(--kamar-granat);
text-decoration: underline;
}
.woocommerce-account .woocommerce-orders-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
overflow: hidden;
}
.woocommerce-account .woocommerce-orders-table thead th {
padding: 13px 14px;
background: #fff;
border: 0;
border-bottom: 2px solid var(--kamar-granat);
color: var(--kamar-granat);
font-size: 11.5px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
text-align: left;
white-space: nowrap;
}
.woocommerce-account .woocommerce-orders-table tbody th,
.woocommerce-account .woocommerce-orders-table tbody td {
padding: 14px;
background: #fff;
border: 0;
border-bottom: 1px solid var(--kamar-blekit-kreska);
color: var(--kamar-granat);
font-size: 14px;
font-weight: 400;
text-align: left;
vertical-align: middle;
}
.woocommerce-account .woocommerce-orders-table tbody tr:last-child th,
.woocommerce-account .woocommerce-orders-table tbody tr:last-child td {
border-bottom: 0;
}
.woocommerce-account .woocommerce-orders-table tbody tr:hover th,
.woocommerce-account .woocommerce-orders-table tbody tr:hover td {
background: var(--kamar-blekit);
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table th.woocommerce-orders-table__cell-order-number a {
color: var(--kamar-granat);
font-weight: 700;
text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table th.woocommerce-orders-table__cell-order-number a:hover,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table th.woocommerce-orders-table__cell-order-number a:focus,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table th.woocommerce-orders-table__cell-order-number a:focus-visible {
color: var(--kamar-niebieski);
text-decoration: underline;
outline: none;
}
.woocommerce-account .woocommerce-orders-table td .woocommerce-button {
display: inline-block;
padding: 8px 14px;
margin: 2px 6px 2px 0;
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: 10px;
color: var(--kamar-granat);
font-size: 13px;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.woocommerce-account .woocommerce-orders-table td .woocommerce-button:hover,
.woocommerce-account .woocommerce-orders-table td .woocommerce-button:focus,
.woocommerce-account .woocommerce-orders-table td .woocommerce-button:focus-visible {
background: #fff;
border-color: var(--kamar-niebieski);
color: var(--kamar-niebieski);
box-shadow: 0 0 0 2px var(--kamar-pierscien);
outline: none;
}
.woocommerce-account .woocommerce-orders-table td .woocommerce-button.view {
background: #fff;
border: 1.5px solid var(--kamar-granat);
color: var(--kamar-granat);
}
.woocommerce-account .woocommerce-orders-table td .woocommerce-button.view:hover,
.woocommerce-account .woocommerce-orders-table td .woocommerce-button.view:focus,
.woocommerce-account .woocommerce-orders-table td .woocommerce-button.view:focus-visible {
background: #fff;
border-color: var(--kamar-niebieski);
color: var(--kamar-niebieski);
box-shadow: 0 0 0 3px var(--kamar-pierscien);
outline: none;
}
@media (max-width: 768px) {
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
gap: 16px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
flex: 1 1 100%;
max-width: none;
min-width: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
display: flex;
overflow-x: auto;
overscroll-behavior-x: contain;
-webkit-overflow-scrolling: touch;
border-radius: var(--kamar-promien);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
border-bottom: 0;
border-right: 1px solid rgba(255, 255, 255, .08);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
white-space: nowrap;
padding: 12px 16px;
}
.woocommerce-account .woocommerce-MyAccount-content {
flex: 1 1 100%;
}
.woocommerce-account .woocommerce-MyAccount-content {
overflow-x: auto;
}
}
.kamar-konto-pusto {
background: var(--kamar-blekit);
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
padding: 28px 24px;
text-align: center;
}
.kamar-konto-pusto__tytul {
margin: 0 0 6px;
color: var(--kamar-granat);
font-size: 18px;
font-weight: 700;
}
.kamar-konto-pusto__tresc {
margin: 0 0 18px;
color: var(--kamar-granat);
font-size: 14px;
font-weight: 500;
}
.woocommerce-MyAccount-content .kamar-konto-pusto__cta {
display: inline-block;
padding: 12px 26px;
border-radius: var(--kamar-promien);
background: var(--kamar-zielen-akcji);
color: #fff;
font-size: 14px;
font-weight: 700;
text-decoration: none;
transition: background .15s ease, box-shadow .15s ease;
}
.woocommerce-MyAccount-content .kamar-konto-pusto__cta:hover,
.woocommerce-MyAccount-content .kamar-konto-pusto__cta:focus,
.woocommerce-MyAccount-content .kamar-konto-pusto__cta:focus-visible {
background: var(--kamar-zielen-akcji-hover);
color: #fff;
text-decoration: none;
box-shadow: 0 0 0 3px var(--kamar-pierscien);
outline: none;
}
.kamar-zam-miniatury {
display: grid;
grid-template-columns: repeat(4, 40px);
gap: 6px;
margin-top: 8px;
}
.kamar-zam-miniatury .kamar-zam-miniatura {
display: block;
width: 40px;
height: 40px;
padding: 0;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: 6px;
overflow: hidden;
background: #fff;
color: var(--kamar-granat);
cursor: pointer;
transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.kamar-zam-miniatury .kamar-zam-miniatura:hover,
.kamar-zam-miniatury .kamar-zam-miniatura:focus,
.kamar-zam-miniatury .kamar-zam-miniatura:focus-visible {
border-color: var(--kamar-niebieski);
box-shadow: 0 0 0 2px var(--kamar-pierscien);
outline: none;
transform: translateY(-1px);
}
.kamar-zam-miniatury .kamar-zam-miniatura img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.kamar-zam-miniatury .kamar-zam-miniatura--reszta {
display: flex;
align-items: center;
justify-content: center;
background: var(--kamar-blekit);
color: var(--kamar-granat);
font-size: 12px;
font-weight: 700;
}
.kamar-status {
display: inline-block;
padding: 5px 12px;
border-radius: 999px;
background: #eef1f4;
color: var(--kamar-granat);
font-size: 12.5px;
font-weight: 700;
white-space: nowrap;
}
.kamar-status--completed {
background: #e3f4e9;
color: var(--kamar-zielen-akcji);
}
.kamar-status--processing,
.kamar-status--pending,
.kamar-status--on-hold,
.kamar-status--reservation,
.kamar-status--payu-waiting {
background: #fdf0da;
color: var(--kamar-granat);
}
.kamar-status--failed,
.kamar-status--cancelled,
.kamar-status--undelivered {
background: #fbe4e6;
color: var(--kamar-czerwien-ciemna);
}
@media (max-width: 768px) {
.woocommerce-account .woocommerce-orders-table {
border: 0;
background: transparent;
}
.woocommerce-account .woocommerce-orders-table tr {
margin-bottom: 12px;
padding: 14px 16px;
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
}
.woocommerce-account .woocommerce-orders-table td {
border-top: 0;
padding: 6px 0;
}
.woocommerce-account .woocommerce table.shop_table_responsive tbody th {
display: block;
padding: 0 0 8px;
border-top: 0;
text-align: left;
}
.woocommerce-account .woocommerce-orders-table .kamar-zam-miniatury {
justify-content: flex-start;
}
}
.kamar-zam-naglowek {
margin-bottom: 20px;
}
.kamar-zam-naglowek__linia {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin: 0;
color: var(--kamar-granat);
font-size: 15px;
}
.kamar-zam-os {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin: 0 0 24px;
padding: 18px 16px;
list-style: none;
background: var(--kamar-blekit);
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
counter-reset: kamar-zam-os;
}
.kamar-zam-os__krok {
position: relative;
flex: 1 1 0;
min-width: 0;
padding-top: 26px;
text-align: center;
font-size: 12.5px;
line-height: 1.35;
}
.kamar-zam-os__krok::after {
content: "";
position: absolute;
top: 8px;
left: 50%;
width: 100%;
height: 2px;
background: var(--kamar-zam-os-tor);
}
.kamar-zam-os__krok:last-child::after {
display: none;
}
.kamar-zam-os__znacznik {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 18px;
height: 18px;
border-radius: 50%;
background: #fff;
border: 2px solid var(--kamar-zam-os-tor);
z-index: 1;
}
.kamar-zam-os__etykieta {
display: block;
color: var(--kamar-granat);
font-weight: 600;
}
.kamar-zam-os__data {
display: block;
margin-top: 2px;
color: var(--kamar-granat);
opacity: .75;
font-size: 11.5px;
}
.kamar-zam-os__krok--zrobione .kamar-zam-os__znacznik {
background: var(--kamar-zielen-akcji);
border-color: var(--kamar-zielen-akcji);
}
.kamar-zam-os__krok--zrobione::after {
background: var(--kamar-zielen-akcji);
}
.kamar-zam-os__krok--biezacy .kamar-zam-os__znacznik {
background: var(--kamar-zolc);
border-color: var(--kamar-granat);
}
.kamar-zam-os__krok--biezacy .kamar-zam-os__etykieta {
font-weight: 800;
}
.kamar-zam-os__krok--uwaga .kamar-zam-os__znacznik {
background: #c07f10;
border-color: #7a4d00;
}
.kamar-zam-os__krok--uwaga .kamar-zam-os__etykieta {
color: #7a4d00;
font-weight: 800;
}
.kamar-zam-os__krok--problem .kamar-zam-os__znacznik {
background: var(--kamar-czerwien-ciemna);
border-color: var(--kamar-czerwien-ciemna);
}
.kamar-zam-os__krok--problem .kamar-zam-os__etykieta {
color: var(--kamar-czerwien-ciemna);
font-weight: 800;
}
.kamar-zam-os__krok--nieznane .kamar-zam-os__znacznik {
background: #fff;
border-color: var(--kamar-zam-os-tor);
border-style: dashed;
}
.kamar-zam-os__krok--nieznane::after {
background: var(--kamar-zam-os-tor);
}
.kamar-zam-os__krok--przed-nami .kamar-zam-os__etykieta {
color: var(--kamar-granat);
opacity: .8;
font-weight: 500;
}
@media (max-width: 768px) {
.kamar-zam-os {
display: block;
padding: 14px 16px;
}
.kamar-zam-os__krok {
min-width: 0;
padding: 0 0 14px 28px;
text-align: left;
}
.kamar-zam-os__krok:last-child {
padding-bottom: 0;
}
.kamar-zam-os__znacznik {
top: 2px;
left: 0;
transform: none;
}
.kamar-zam-os__krok::after {
top: 20px;
left: 8px;
width: 2px;
height: calc(100% - 20px);
}
}
.kamar-sledzenie {
margin: 0 0 24px;
padding: 16px 18px;
background: var(--kamar-blekit);
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
}
.kamar-sledzenie__tytul {
margin: 0 0 10px;
color: var(--kamar-granat);
font-size: 16px;
font-weight: 700;
}
.kamar-sledzenie__numer {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin: 0 0 8px;
}
.kamar-sledzenie__przewoznik {
padding: 3px 10px;
background: var(--kamar-granat);
color: #fff;
border-radius: 999px;
font-size: 12.5px;
font-weight: 700;
}
.kamar-sledzenie__kod {
color: var(--kamar-granat);
font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
font-size: 14px;
font-weight: 700;
word-break: break-all;
}
.kamar-sledzenie .kamar-sledzenie__kopiuj {
padding: 6px 12px;
background: #fff;
color: var(--kamar-granat);
border: 1px solid var(--kamar-blekit-kreska);
border-radius: 10px;
font-size: 12.5px;
font-weight: 700;
cursor: pointer;
transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.kamar-sledzenie .kamar-sledzenie__kopiuj:hover,
.kamar-sledzenie .kamar-sledzenie__kopiuj:focus,
.kamar-sledzenie .kamar-sledzenie__kopiuj:focus-visible {
background: #fff;
color: var(--kamar-niebieski);
border-color: var(--kamar-niebieski);
box-shadow: 0 0 0 2px var(--kamar-pierscien);
outline: none;
}
.kamar-sledzenie__status {
margin: 0 0 4px;
color: var(--kamar-granat);
font-size: 14px;
font-weight: 600;
}
.kamar-sledzenie__data {
margin: 0 0 10px;
color: var(--kamar-granat);
opacity: .75;
font-size: 12.5px;
}
.kamar-sledzenie__akcja {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0;
}
.woocommerce-MyAccount-content .kamar-sledzenie__link.kamar-sledzenie__link--obcy {
background: #fff;
color: var(--kamar-granat);
border: 1px solid var(--kamar-blekit-kreska);
}
.woocommerce-MyAccount-content .kamar-sledzenie__link.kamar-sledzenie__link--obcy:hover,
.woocommerce-MyAccount-content .kamar-sledzenie__link.kamar-sledzenie__link--obcy:focus,
.woocommerce-MyAccount-content .kamar-sledzenie__link.kamar-sledzenie__link--obcy:focus-visible {
background: #fff;
color: var(--kamar-niebieski);
border-color: var(--kamar-niebieski);
}
.woocommerce-MyAccount-content .kamar-sledzenie__link {
display: inline-block;
padding: 9px 16px;
background: var(--kamar-zielen-akcji);
color: #fff;
border-radius: 10px;
font-size: 13.5px;
font-weight: 700;
text-decoration: none;
transition: background .15s ease, box-shadow .15s ease;
}
.woocommerce-MyAccount-content .kamar-sledzenie__link:hover,
.woocommerce-MyAccount-content .kamar-sledzenie__link:focus,
.woocommerce-MyAccount-content .kamar-sledzenie__link:focus-visible {
background: var(--kamar-zielen-akcji-hover);
color: #fff;
text-decoration: none;
box-shadow: 0 0 0 3px var(--kamar-pierscien);
outline: none;
}
.kamar-sledzenie__uwaga {
margin: 10px 0 0;
padding: 10px 12px;
background: #eef4fd;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: 10px;
color: var(--kamar-granat);
font-size: 13px;
line-height: 1.5;
}
.kamar-sledzenie__uwaga.kamar-sledzenie__uwaga--warn {
background: #fdf0da;
border-color: #eccf94;
color: #6b4400;
}
.kamar-sledzenie__uwaga.kamar-sledzenie__uwaga--bad {
background: #fbe4e6;
border-color: #eab8bd;
color: var(--kamar-czerwien-ciemna);
}
@media (max-width: 768px) {
.kamar-sledzenie__link {
display: block;
text-align: center;
}
}
.kamar-pomoc-zam {
margin: 0 0 24px;
padding: 16px 18px;
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
}
.kamar-pomoc-zam__tytul {
margin: 0 0 6px;
color: var(--kamar-granat);
font-size: 16px;
font-weight: 700;
}
.kamar-pomoc-zam__opis {
margin: 0 0 12px;
color: var(--kamar-granat);
opacity: .8;
font-size: 13.5px;
line-height: 1.5;
}
.kamar-pomoc-zam__po-terminie {
margin: 0 0 12px;
padding: 10px 12px;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: 10px;
background: #f7fafd;
color: var(--kamar-granat);
font-size: 13.5px;
line-height: 1.5;
}
.kamar-pomoc-zam__akcje {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 0;
}
.woocommerce-MyAccount-content .kamar-pomoc-zam__link {
display: inline-block;
padding: 9px 16px;
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: 10px;
color: var(--kamar-granat);
font-size: 13.5px;
font-weight: 700;
text-decoration: none;
transition: border-color .15s ease, box-shadow .15s ease;
}
.woocommerce-MyAccount-content .kamar-pomoc-zam__link:hover,
.woocommerce-MyAccount-content .kamar-pomoc-zam__link:focus,
.woocommerce-MyAccount-content .kamar-pomoc-zam__link:focus-visible {
background: #fff;
color: var(--kamar-niebieski);
border-color: var(--kamar-niebieski);
text-decoration: none;
box-shadow: 0 0 0 2px var(--kamar-pierscien);
outline: none;
}
.woocommerce-MyAccount-content .kamar-pomoc-zam__link--odstapienie {
background: var(--kamar-granat);
border-color: var(--kamar-granat);
color: #fff;
}
.woocommerce-MyAccount-content .kamar-pomoc-zam__link--odstapienie:hover,
.woocommerce-MyAccount-content .kamar-pomoc-zam__link--odstapienie:focus,
.woocommerce-MyAccount-content .kamar-pomoc-zam__link--odstapienie:focus-visible {
background: #fff;
color: var(--kamar-niebieski);
border-color: var(--kamar-niebieski);
}
@media (max-width: 768px) {
.kamar-pomoc-zam__link {
flex: 1 1 100%;
text-align: center;
}
}
.kamar-pulpit__powitanie {
margin: 0 0 18px;
color: var(--kamar-granat);
font-size: 18px;
}
.kamar-pulpit__kafle {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 16px;
margin-bottom: 20px;
}
.kamar-pulpit__kafel {
display: flex;
flex-direction: column;
padding: 18px;
background: var(--kamar-blekit);
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
}
.kamar-pulpit__tytul {
margin: 0 0 10px;
color: var(--kamar-granat);
font-size: 14px;
font-weight: 700;
letter-spacing: .02em;
text-transform: uppercase;
}
.kamar-pulpit__numer {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 0 0 6px;
color: var(--kamar-granat);
font-size: 16px;
font-weight: 700;
}
.kamar-pulpit__liczba {
margin: 0 0 6px;
color: var(--kamar-granat);
font-size: 30px;
font-weight: 800;
line-height: 1.1;
}
.kamar-pulpit__data {
margin: 0 0 14px;
color: var(--kamar-granat);
opacity: .8;
font-size: 13px;
line-height: 1.5;
}
.kamar-pulpit__akcja {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: auto 0 0;
}
.woocommerce-MyAccount-content .kamar-pulpit__link {
display: inline-block;
padding: 8px 14px;
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: 10px;
color: var(--kamar-granat);
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: border-color .15s ease, box-shadow .15s ease;
}
.woocommerce-MyAccount-content .kamar-pulpit__link:hover,
.woocommerce-MyAccount-content .kamar-pulpit__link:focus,
.woocommerce-MyAccount-content .kamar-pulpit__link:focus-visible {
background: #fff;
color: var(--kamar-niebieski);
border-color: var(--kamar-niebieski);
text-decoration: none;
box-shadow: 0 0 0 2px var(--kamar-pierscien);
outline: none;
}
.kamar-pulpit__wyloguj {
margin: 0;
font-size: 13.5px;
}
.kamar-pulpit__wyloguj a {
color: var(--kamar-granat);
}
.kamar-kwota-netto {
display: block;
color: var(--kamar-granat);
opacity: .7;
font-size: 12px;
white-space: nowrap;
}
.kamar-kwota-brutto {
display: block;
color: var(--kamar-granat);
font-size: 14.5px;
font-weight: 700;
white-space: nowrap;
}
.kamar-kwota-przed-zwrotem {
margin-right: 5px;
color: var(--kamar-granat);
opacity: .7;
font-size: 12px;
font-weight: 500;
text-decoration: line-through;
}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-date {
white-space: nowrap;
}
.woocommerce-account .woocommerce-order-details .order-again {
margin: 16px 0 0;
}
.woocommerce-account .woocommerce-order-details .order-again .button {
display: inline-block;
padding: 9px 16px;
background: var(--kamar-granat);
border: 1px solid var(--kamar-granat);
border-radius: 8px;
color: #fff;
font-size: 13.5px;
font-weight: 700;
text-decoration: none;
transition: background .15s ease, box-shadow .15s ease;
}
.woocommerce-account .woocommerce-order-details .order-again .button:hover,
.woocommerce-account .woocommerce-order-details .order-again .button:focus,
.woocommerce-account .woocommerce-order-details .order-again .button:focus-visible {
background: var(--kamar-granat);
border-color: var(--kamar-granat);
color: #fff;
text-decoration: none;
box-shadow: 0 0 0 3px var(--kamar-pierscien);
outline: none;
}
.woocommerce-account .woocommerce-order-details__title,
.woocommerce-account .woocommerce-column__title,
.woocommerce-account .kamar-zam-notatki__tytul {
margin: 26px 0 12px;
color: var(--kamar-granat);
font-size: 17px;
font-weight: 700;
}
.woocommerce-account .woocommerce-order-details table.woocommerce-table--order-details {
width: 100%;
margin: 0;
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
border-collapse: separate;
border-spacing: 0;
overflow: hidden;
}
.woocommerce-account .woocommerce-table--order-details thead th {
padding: 13px 14px;
background: #fff;
border: 0;
border-bottom: 2px solid var(--kamar-granat);
color: var(--kamar-granat);
font-size: 11.5px;
font-weight: 700;
letter-spacing: .04em;
text-transform: uppercase;
}
.woocommerce-account .woocommerce-table--order-details tbody td,
.woocommerce-account .woocommerce-table--order-details tbody th,
.woocommerce-account .woocommerce-table--order-details tfoot td,
.woocommerce-account .woocommerce-table--order-details tfoot th {
padding: 12px 14px;
background: #fff;
border: 0;
border-top: 1px solid var(--kamar-blekit-kreska);
color: var(--kamar-granat);
font-size: 14px;
vertical-align: middle;
}
.woocommerce-account .woocommerce-table--order-details tfoot th {
font-weight: 600;
}
.woocommerce-account .woocommerce-table--order-details tfoot tr:last-child td,
.woocommerce-account .woocommerce-table--order-details tfoot tr:last-child th {
background: var(--kamar-blekit);
font-size: 15px;
font-weight: 700;
}
.woocommerce-account .woocommerce-table--order-details a {
color: var(--kamar-granat);
font-weight: 600;
text-decoration: none;
}
.woocommerce-account .woocommerce-table--order-details a:hover,
.woocommerce-account .woocommerce-table--order-details a:focus,
.woocommerce-account .woocommerce-table--order-details a:focus-visible {
color: var(--kamar-niebieski);
outline: none;
text-decoration: underline;
}
.woocommerce-account .woocommerce-order-details .woocommerce-button {
display: inline-block;
margin: 2px 0 2px 6px;
padding: 8px 14px;
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: 10px;
color: var(--kamar-granat);
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.woocommerce-account .woocommerce-order-details .woocommerce-button:hover,
.woocommerce-account .woocommerce-order-details .woocommerce-button:focus,
.woocommerce-account .woocommerce-order-details .woocommerce-button:focus-visible {
background: #fff;
border-color: var(--kamar-niebieski);
color: var(--kamar-niebieski);
box-shadow: 0 0 0 2px var(--kamar-pierscien);
outline: none;
}
.woocommerce-account .woocommerce-customer-details address {
padding: 14px 16px;
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
color: var(--kamar-granat);
font-size: 14px;
font-style: normal;
line-height: 1.7;
}
.woocommerce-account .woocommerce-customer-details address a {
color: var(--kamar-granat);
text-decoration: none;
}
.woocommerce-account .woocommerce-customer-details address a:hover,
.woocommerce-account .woocommerce-customer-details address a:focus,
.woocommerce-account .woocommerce-customer-details address a:focus-visible {
color: var(--kamar-niebieski);
outline: none;
text-decoration: underline;
}
.woocommerce-account .kamar-zam-notatki {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-account .kamar-zam-notatki li {
margin: 0 0 10px;
padding: 12px 14px;
background: var(--kamar-blekit);
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
}
.woocommerce-account .kamar-zam-notatki .woocommerce-OrderUpdate-meta {
margin: 0 0 4px;
color: var(--kamar-granat);
opacity: .7;
font-size: 12px;
font-weight: 600;
}
.woocommerce-account .kamar-zam-notatki .woocommerce-OrderUpdate-description p {
margin: 0;
color: var(--kamar-granat);
font-size: 14px;
line-height: 1.55;
}
.kamar-account-forms,
.woocommerce-account .woocommerce-MyAccount-content {
--wc-form-border-width: 2px;
--wc-form-border-color: var(--kamar-blekit-kreska);
--wc-form-border-radius: var(--kamar-promien);
}
.woocommerce .kamar-account-forms form .form-row .input-text,
.woocommerce .kamar-account-forms form .form-row select,
.woocommerce-account .woocommerce-MyAccount-content form .form-row .input-text,
.woocommerce-account .woocommerce-MyAccount-content form .form-row select,
.woocommerce-account .woocommerce-MyAccount-content form .form-row textarea {
padding: 13px 15px;
background: #fff;
color: var(--kamar-granat);
font-family: "Montserrat", sans-serif;
font-size: 14.5px;
line-height: 1.4;
transition: border-color .15s ease, box-shadow .15s ease;
}
.woocommerce .kamar-account-forms form .form-row .input-text:focus,
.woocommerce .kamar-account-forms form .form-row select:focus,
.woocommerce-account .woocommerce-MyAccount-content form .form-row .input-text:focus,
.woocommerce-account .woocommerce-MyAccount-content form .form-row select:focus,
.woocommerce-account .woocommerce-MyAccount-content form .form-row textarea:focus {
border-color: var(--kamar-niebieski);
box-shadow: 0 0 0 3px var(--kamar-pierscien);
outline: none;
}
.woocommerce .kamar-account-forms form .form-row .input-text::placeholder,
.woocommerce-account .woocommerce-MyAccount-content form .form-row .input-text::placeholder {
color: #8fa3b5;
}
.woocommerce-account .woocommerce-MyAccount-content form .form-row label {
display: block;
margin-bottom: 6px;
color: var(--kamar-granat);
font-size: 13px;
font-weight: 600;
}
.woocommerce-account .woocommerce-orders-table__cell-order-number {
width: 190px;
}
.woocommerce-account .woocommerce-orders-table__cell-order-date,
.woocommerce-account .woocommerce-orders-table__cell-order-total {
width: 130px;
white-space: nowrap;
}
.woocommerce-account .woocommerce-orders-table__cell-order-actions {
width: 300px;
}
.kamar-galeria-otwarta {
overflow: hidden;
}
.kamar-galeria {
position: fixed;
inset: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 64px 12px 24px;
background: rgba(0, 0, 0, .9);
background: color-mix(in srgb, var(--kamar-granat) 92%, transparent);
}
.kamar-galeria[hidden] {
display: none;
}
.kamar-galeria__pasek {
position: absolute;
top: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px 16px;
}
.kamar-galeria__tytul {
margin: 0;
color: #fff;
font-size: 14px;
font-weight: 700;
}
.kamar-galeria .kamar-galeria__zamknij,
.kamar-galeria .kamar-galeria__strzalka {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
flex: 0 0 44px;
padding: 0;
background: #fff;
border: 1px solid #fff;
border-radius: 50%;
color: var(--kamar-granat);
font-size: 26px;
line-height: 1;
cursor: pointer;
transition: background .15s ease, color .15s ease, box-shadow .15s ease;
}
.kamar-galeria .kamar-galeria__zamknij:hover,
.kamar-galeria .kamar-galeria__zamknij:focus,
.kamar-galeria .kamar-galeria__zamknij:focus-visible,
.kamar-galeria .kamar-galeria__strzalka:hover,
.kamar-galeria .kamar-galeria__strzalka:focus,
.kamar-galeria .kamar-galeria__strzalka:focus-visible {
background: var(--kamar-zolc);
border-color: var(--kamar-zolc);
color: var(--kamar-granat);
box-shadow: 0 0 0 3px rgba(255, 255, 255, .45);
outline: none;
}
.kamar-galeria__scena {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
margin: 0;
min-width: 0;
max-width: 100%;
}
.kamar-galeria__obraz {
max-width: 100%;
max-height: 72vh;
background: #fff;
border-radius: var(--kamar-promien);
object-fit: contain;
}
.kamar-galeria__podpis {
max-width: 640px;
color: #fff;
font-size: 14px;
line-height: 1.45;
text-align: center;
}
@media (max-width: 782px) {
.kamar-galeria {
padding: 56px 8px 16px;
}
.kamar-galeria__obraz {
max-height: 62vh;
}
.kamar-galeria {
flex-wrap: wrap;
}
.kamar-galeria__scena {
order: -1;
flex: 1 0 100%;
}
}
.woocommerce-account .kamar-adresy__wstep {
margin: 0 0 18px;
color: var(--kamar-granat);
opacity: .8;
font-size: 14px;
}
.woocommerce-account .kamar-adresy {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 16px;
width: 100%;
}
.woocommerce-account .woocommerce .kamar-adresy::before,
.woocommerce-account .woocommerce .kamar-adresy::after {
content: none;
}
.woocommerce-account .woocommerce .woocommerce-Address.kamar-adres {
display: flex;
flex-direction: column;
float: none;
width: auto;
padding: 18px 20px;
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
}
.woocommerce-account .kamar-adres__naglowek {
margin: 0 0 10px;
}
.woocommerce-account .kamar-adres__naglowek h2 {
margin: 0;
color: var(--kamar-granat);
font-size: 16px;
font-weight: 700;
}
.woocommerce-account .kamar-adres address {
flex: 1 1 auto;
margin: 0;
color: var(--kamar-granat);
font-size: 14px;
font-style: normal;
line-height: 1.7;
}
.woocommerce-account .kamar-adres__akcja {
margin: 16px 0 0;
}
.woocommerce-account .kamar-adres__edytuj {
display: inline-block;
padding: 8px 16px;
background: #fff;
border: 1.5px solid var(--kamar-granat);
border-radius: 10px;
color: var(--kamar-granat);
font-size: 13px;
font-weight: 700;
text-decoration: none;
transition: border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.woocommerce-account .kamar-adres__edytuj:hover,
.woocommerce-account .kamar-adres__edytuj:focus,
.woocommerce-account .kamar-adres__edytuj:focus-visible {
border-color: var(--kamar-niebieski);
color: var(--kamar-niebieski);
box-shadow: 0 0 0 2px var(--kamar-pierscien);
outline: none;
}
.woocommerce-account .woocommerce-MyAccount-content form.edit-account,
.woocommerce-account .woocommerce-MyAccount-content form.woocommerce-address-fields,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields {
max-width: 640px;
}
.woocommerce-account .woocommerce-MyAccount-content form h2,
.woocommerce-account .woocommerce-MyAccount-content form h3 {
margin: 24px 0 12px;
color: var(--kamar-granat);
font-size: 16px;
font-weight: 700;
}
.woocommerce-account .woocommerce-MyAccount-content form legend {
color: var(--kamar-granat);
font-size: 16px;
font-weight: 700;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset {
margin: 24px 0 0;
padding: 16px 18px;
background: var(--kamar-blekit);
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
}
.woocommerce-account .woocommerce-MyAccount-content form em {
display: block;
margin-top: 4px;
color: var(--kamar-granat);
opacity: .8;
font-size: 12.5px;
font-style: normal;
}
.woocommerce-account .woocommerce-MyAccount-content form .button,
.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"] {
display: inline-block;
margin-top: 8px;
padding: 11px 22px;
background: var(--kamar-zielen-akcji);
border: 1px solid var(--kamar-zielen-akcji);
border-radius: 10px;
color: #fff;
font-size: 14px;
font-weight: 700;
text-decoration: none;
cursor: pointer;
transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.woocommerce-account .woocommerce-MyAccount-content form .button:hover,
.woocommerce-account .woocommerce-MyAccount-content form .button:focus,
.woocommerce-account .woocommerce-MyAccount-content form .button:focus-visible,
.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"]:hover,
.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"]:focus,
.woocommerce-account .woocommerce-MyAccount-content form button[type="submit"]:focus-visible {
background: var(--kamar-zielen-akcji-hover);
border-color: var(--kamar-zielen-akcji-hover);
color: #fff;
box-shadow: 0 0 0 3px var(--kamar-pierscien);
outline: none;
}
.woocommerce-account .kamar-punkty__tytul {
margin: 26px 0 12px;
color: var(--kamar-granat);
font-size: 17px;
font-weight: 700;
}
.woocommerce-account .kamar-punkty {
padding: 20px 22px;
background: var(--kamar-blekit);
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
}
.woocommerce-account .kamar-punkty .kamar-punkty__tytul {
margin-top: 0;
}
.woocommerce-account .kamar-punkty__saldo {
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap: 8px;
margin: 0;
}
.woocommerce-account .kamar-punkty__liczba {
color: var(--kamar-granat);
font-size: 34px;
font-weight: 800;
line-height: 1;
}
.woocommerce-account .kamar-punkty__jednostka {
color: var(--kamar-granat);
font-size: 15px;
font-weight: 700;
}
.woocommerce-account .kamar-punkty__wartosc {
color: var(--kamar-zielen-akcji);
font-size: 15px;
font-weight: 700;
}
.woocommerce-account .kamar-punkty__kurs,
.woocommerce-account .kamar-punkty__pusto {
margin: 10px 0 0;
color: var(--kamar-granat);
opacity: .8;
font-size: 13.5px;
}
.woocommerce-account .kamar-punkty-sposoby__lista {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 14px;
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-account .kamar-punkty-sposoby__karta {
margin: 0;
padding: 16px 18px;
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
}
.woocommerce-account .kamar-punkty-sposoby__nazwa {
margin: 0 0 6px;
color: var(--kamar-granat);
font-size: 15px;
font-weight: 700;
}
.woocommerce-account .kamar-punkty-sposoby__opis {
margin: 0;
color: var(--kamar-granat);
opacity: .85;
font-size: 13.5px;
line-height: 1.55;
}
.woocommerce-account .kamar-punkty-polecenie__opis {
margin: 0 0 10px;
color: var(--kamar-granat);
opacity: .8;
font-size: 13.5px;
}
.woocommerce-account .kamar-punkty-polecenie__wiersz {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin: 0;
padding: 12px 14px;
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
}
.woocommerce-account .kamar-punkty-polecenie__link {
flex: 1 1 220px;
min-width: 0;
color: var(--kamar-granat);
font-size: 13.5px;
word-break: break-all;
}
.woocommerce-account .kamar-punkty-polecenie .kamar-punkty-polecenie__kopiuj {
padding: 8px 16px;
background: #fff;
border: 1.5px solid var(--kamar-granat);
border-radius: 10px;
color: var(--kamar-granat);
font-size: 13px;
font-weight: 700;
cursor: pointer;
transition: border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.woocommerce-account .kamar-punkty-polecenie .kamar-punkty-polecenie__kopiuj:hover,
.woocommerce-account .kamar-punkty-polecenie .kamar-punkty-polecenie__kopiuj:focus,
.woocommerce-account .kamar-punkty-polecenie .kamar-punkty-polecenie__kopiuj:focus-visible {
border-color: var(--kamar-niebieski);
color: var(--kamar-niebieski);
box-shadow: 0 0 0 2px var(--kamar-pierscien);
outline: none;
}
.woocommerce-account .kamar-punkty-wymiana {
margin: 16px 0 0;
padding: 16px 18px;
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
}
.woocommerce-account .kamar-punkty-wymiana__etykieta {
display: block;
margin-bottom: 8px;
color: var(--kamar-granat);
font-size: 13.5px;
font-weight: 700;
}
.woocommerce-account .kamar-punkty-wymiana__wiersz {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
.woocommerce-account .kamar-punkty-wymiana .kamar-punkty-wymiana__pole {
flex: 0 1 160px;
padding: 11px 14px;
background: #fff;
border: 2px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
color: var(--kamar-granat);
font-family: "Montserrat", sans-serif;
font-size: 15px;
font-weight: 700;
}
.woocommerce-account .kamar-punkty-wymiana .kamar-punkty-wymiana__pole:focus,
.woocommerce-account .kamar-punkty-wymiana .kamar-punkty-wymiana__pole:focus-visible {
border-color: var(--kamar-niebieski);
box-shadow: 0 0 0 3px var(--kamar-pierscien);
outline: none;
}
.woocommerce-account .kamar-punkty-wymiana .kamar-punkty-wymiana__przycisk {
padding: 11px 22px;
background: var(--kamar-zielen-akcji);
border: 1px solid var(--kamar-zielen-akcji);
border-radius: 10px;
color: #fff;
font-size: 14px;
font-weight: 700;
cursor: pointer;
transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.woocommerce-account .kamar-punkty-wymiana .kamar-punkty-wymiana__przycisk:hover,
.woocommerce-account .kamar-punkty-wymiana .kamar-punkty-wymiana__przycisk:focus,
.woocommerce-account .kamar-punkty-wymiana .kamar-punkty-wymiana__przycisk:focus-visible {
background: var(--kamar-zielen-akcji-hover);
border-color: var(--kamar-zielen-akcji-hover);
color: #fff;
box-shadow: 0 0 0 3px var(--kamar-pierscien);
outline: none;
}
.woocommerce-account .kamar-punkty-wymiana .kamar-punkty-wymiana__przycisk:disabled {
background: var(--kamar-blekit-kreska);
border-color: var(--kamar-blekit-kreska);
color: var(--kamar-granat);
cursor: not-allowed;
box-shadow: none;
}
.woocommerce-account .kamar-punkty-wymiana__podglad {
margin: 10px 0 0;
color: var(--kamar-granat);
font-size: 13.5px;
font-weight: 700;
}
.woocommerce-account .kamar-punkty-wymiana__komunikat {
margin: 10px 0 0;
padding: 10px 12px;
border-radius: 10px;
font-size: 13.5px;
font-weight: 600;
}
.woocommerce-account .kamar-punkty-wymiana__komunikat[data-rodzaj="blad"] {
background: #fdf2f2;
color: var(--kamar-czerwien-ciemna);
}
.woocommerce-account .kamar-punkty-wymiana__komunikat[data-rodzaj="sukces"] {
background: #eefaf1;
color: var(--kamar-zielen-akcji);
}
.woocommerce-account .kamar-punkty-wymiana__komunikat[data-rodzaj="praca"] {
background: var(--kamar-blekit);
color: var(--kamar-granat);
}
.woocommerce-account .kamar-kupony__lista {
display: grid;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-account .kamar-kupon {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px 14px;
margin: 0;
padding: 14px 16px;
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
}
.woocommerce-account .kamar-kupon--used,
.woocommerce-account .kamar-kupon--expired {
background: var(--kamar-blekit);
color: var(--kamar-granat);
opacity: .75;
}
.woocommerce-account .kamar-kupon__kwota {
color: var(--kamar-granat);
font-size: 17px;
font-weight: 800;
white-space: nowrap;
}
.woocommerce-account .kamar-kupon__kod {
flex: 1 1 160px;
min-width: 0;
color: var(--kamar-granat);
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
font-size: 14px;
letter-spacing: .02em;
word-break: break-all;
}
.woocommerce-account .kamar-kupon__status {
padding: 4px 10px;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
white-space: nowrap;
}
.woocommerce-account .kamar-kupon--active .kamar-kupon__status {
background: #eefaf1;
color: var(--kamar-zielen-akcji);
}
.woocommerce-account .kamar-kupon--used .kamar-kupon__status,
.woocommerce-account .kamar-kupon--expired .kamar-kupon__status {
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
color: var(--kamar-granat);
}
.woocommerce-account .kamar-kupon__wygasa {
color: var(--kamar-granat);
opacity: .8;
font-size: 12.5px;
white-space: nowrap;
}
.woocommerce-account .kamar-kupony .kamar-kupon__kopiuj {
padding: 8px 16px;
background: #fff;
border: 1.5px solid var(--kamar-granat);
border-radius: 10px;
color: var(--kamar-granat);
font-size: 13px;
font-weight: 700;
cursor: pointer;
transition: border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.woocommerce-account .kamar-kupony .kamar-kupon__kopiuj:hover,
.woocommerce-account .kamar-kupony .kamar-kupon__kopiuj:focus,
.woocommerce-account .kamar-kupony .kamar-kupon__kopiuj:focus-visible {
border-color: var(--kamar-niebieski);
color: var(--kamar-niebieski);
box-shadow: 0 0 0 2px var(--kamar-pierscien);
outline: none;
}
.woocommerce-account .kamar-pulpit__akcja {
margin: 12px 0 0;
}
.woocommerce-account .kamar-pulpit .kamar-pulpit__cta {
display: inline-block;
padding: 9px 18px;
background: var(--kamar-zielen-akcji);
border: 1px solid var(--kamar-zielen-akcji);
border-radius: 10px;
color: #fff;
font-size: 13.5px;
font-weight: 700;
text-decoration: none;
transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.woocommerce-account .kamar-pulpit .kamar-pulpit__cta:hover,
.woocommerce-account .kamar-pulpit .kamar-pulpit__cta:focus,
.woocommerce-account .kamar-pulpit .kamar-pulpit__cta:focus-visible {
background: var(--kamar-zielen-akcji-hover);
border-color: var(--kamar-zielen-akcji-hover);
color: #fff;
box-shadow: 0 0 0 3px var(--kamar-pierscien);
outline: none;
}
.woocommerce-account .kamar-faktura {
margin: 26px 0 0;
padding: 18px 20px;
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
}
.woocommerce-account .kamar-faktura__tytul {
margin: 0 0 8px;
color: var(--kamar-granat);
font-size: 16px;
font-weight: 700;
}
.woocommerce-account .kamar-faktura__opis {
margin: 0;
color: var(--kamar-granat);
font-size: 14px;
line-height: 1.55;
}
.woocommerce-account .kamar-faktura__akcja {
margin: 14px 0 0;
}
.woocommerce-account .kamar-faktura .kamar-faktura__pobierz {
display: inline-block;
padding: 9px 18px;
background: #fff;
border: 1.5px solid var(--kamar-granat);
border-radius: 10px;
color: var(--kamar-granat);
font-size: 13.5px;
font-weight: 700;
text-decoration: none;
transition: border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
.woocommerce-account .kamar-faktura .kamar-faktura__pobierz:hover,
.woocommerce-account .kamar-faktura .kamar-faktura__pobierz:focus,
.woocommerce-account .kamar-faktura .kamar-faktura__pobierz:focus-visible {
border-color: var(--kamar-niebieski);
color: var(--kamar-niebieski);
box-shadow: 0 0 0 2px var(--kamar-pierscien);
outline: none;
}
.woocommerce-account .kamar-odbior {
margin: 26px 0 0;
}
.woocommerce-account .kamar-odbior__tytul {
margin: 0 0 6px;
color: var(--kamar-granat);
font-size: 16px;
font-weight: 700;
}
.woocommerce-account .kamar-odbior__opis {
margin: 0 0 12px;
color: var(--kamar-granat);
opacity: .8;
font-size: 13.5px;
}
.woocommerce-account .kamar-odbior__lista {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-account .kamar-odbior__punkt {
margin: 0;
padding: 14px 16px;
background: #fff;
border: 1px solid var(--kamar-blekit-kreska);
border-radius: var(--kamar-promien);
}
.woocommerce-account .kamar-odbior__przewoznik {
display: inline-block;
margin-bottom: 6px;
padding: 2px 8px;
background: var(--kamar-blekit);
border: 1px solid var(--kamar-blekit-kreska);
border-radius: 999px;
color: var(--kamar-granat);
font-size: 11.5px;
font-weight: 700;
letter-spacing: .03em;
text-transform: uppercase;
}
.woocommerce-account .kamar-odbior__kod {
display: block;
color: var(--kamar-granat);
font-size: 15px;
font-weight: 800;
letter-spacing: .02em;
}
.woocommerce-account .kamar-odbior__adres {
display: block;
margin-top: 4px;
color: var(--kamar-granat);
opacity: .8;
font-size: 13.5px;
line-height: 1.5;
}
@media (min-width: 1200px) {
.woocommerce-account .woocommerce-MyAccount-content form.edit-account {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0 16px;
align-items: start;
max-width: 960px;
}
.woocommerce-account .woocommerce-MyAccount-content form.edit-account > .clear {
display: none;
}
.woocommerce-account .woocommerce-MyAccount-content form.edit-account > p,
.woocommerce-account .woocommerce-MyAccount-content form.edit-account > fieldset {
grid-column: 1 / -1;
float: none;
width: auto;
}
.woocommerce-account .woocommerce-MyAccount-content form.edit-account > p.form-row-first {
grid-column: 1;
grid-row: 1;
}
.woocommerce-account .woocommerce-MyAccount-content form.edit-account > p.form-row-last {
grid-column: 2;
grid-row: 1;
}
.woocommerce-account .woocommerce-MyAccount-content form.edit-account > p:has(#account_display_name) {
grid-column: 3;
grid-row: 1;
}
.woocommerce-account .woocommerce-MyAccount-content form.edit-account > p:has(#account_display_name) span em {
font-size: 12px;
line-height: 1.4;
}
}