body.woocommerce-account input:not([type="checkbox"]):not([type="radio"]),
body.woocommerce-account select,
body.woocommerce-account textarea {
	background: var(--edumo-surface);
    border: 0 !important;
    border-radius: .75rem !important;
    box-shadow: none;
    color: var(--edumo-ink);
	outline: 1px solid var(--edumo-border);
}

body.woocommerce-account .edumo-account-edit-form input:not([type="checkbox"]):not([type="radio"]),
body.woocommerce-account .edumo-account-edit-form select,
body.woocommerce-account .edumo-account-edit-form textarea {
	background-color: var(--edumo-white) !important;
	border: 0 !important;
	outline: none !important;
}

body.woocommerce-account .edumo-tutor-settings input:not([type="checkbox"]):not([type="radio"]),
body.woocommerce-account .edumo-tutor-settings select,
body.woocommerce-account .edumo-tutor-settings textarea {
	background-color: transparent !important;
	border-radius: 0 !important;
	box-shadow: none;
	outline: none !important;
}

body.woocommerce-account .edumo-auth-form input:not([type="checkbox"]):not([type="radio"]),
body.woocommerce-account .edumo-auth-form select,
body.woocommerce-account .edumo-auth-form textarea {
	border: 0 !important;
	outline: none !important;
}

body.woocommerce-account .edumo-auth-form input:not([type="checkbox"]):not([type="radio"]):focus,
body.woocommerce-account .edumo-auth-form select:focus,
body.woocommerce-account .edumo-auth-form textarea:focus {
	outline: none !important;
}

body.woocommerce-account .edumo-tutor-settings input:not([type="checkbox"]):not([type="radio"]):focus,
body.woocommerce-account .edumo-tutor-settings select:focus,
body.woocommerce-account .edumo-tutor-settings textarea:focus {
	box-shadow: none;
	outline: none !important;
}

body.woocommerce-account input:not([type="checkbox"]):not([type="radio"]):focus,
body.woocommerce-account select:focus,
body.woocommerce-account textarea:focus {
    box-shadow: none;
    outline: 2px solid var(--edumo-violet);
}

body.woocommerce-account button {
    border-radius: .75rem !important;
}

body.woocommerce-account .woocommerce {
    max-width: none;
    width: 100%;
}

body.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    min-width: 0;
    width: 100%;
}

body.woocommerce-account .woocommerce-MyAccount-content table {
    border-collapse: collapse;
}

@media screen and (max-width: 1535px) {
    body.woocommerce-account .edumo-account-drawer {
        border-radius: 0 !important;
    }
}

@media screen and (max-width: 782px) {
    body.woocommerce-account.admin-bar .edumo-account-drawer,
    body.woocommerce-account.admin-bar .edumo-account-overlay {
        height: 100vh;
        top: 0;
    }

    body.woocommerce-account.admin-bar .edumo-account-drawer {
        z-index: 100001;
    }

    body.woocommerce-account.admin-bar .edumo-account-overlay {
        z-index: 100000;
    }
}

@media screen and (min-width: 783px) and (max-width: 1535px) {
    body.woocommerce-account.admin-bar .edumo-account-drawer,
    body.woocommerce-account.admin-bar .edumo-account-overlay {
        height: calc(100vh - 32px);
        top: 32px;
    }

    body.woocommerce-account.admin-bar .edumo-account-drawer {
        z-index: 90;
    }

    body.woocommerce-account.admin-bar .edumo-account-overlay {
        z-index: 80;
    }
}

@media screen and (min-width: 1536px) {
    body.woocommerce-account.admin-bar .edumo-account-drawer {
        height: fit-content;
        top: 1.5rem;
        z-index: auto;
    }
}

/* skaluje nagłówki konta tak samo jak pozostałe widoki frontu EDUMO. */
body.woocommerce-account :where(h1, h2, h3) {
    letter-spacing: -.035em;
    line-height: 1.15;
}

body.woocommerce-account :where(h1) {
    font-size: 1.5rem !important;
}

body.woocommerce-account :where(h2) {
    font-size: 1.25rem !important;
}

body.woocommerce-account :where(h3) {
    font-size: 1rem !important;
}

.edumo-order-status-badge.edumo-order-status--cancelled {
    background: var(--edumo-danger-soft);
    color: var(--edumo-danger);
}

.edumo-order-status-badge.edumo-order-status--completed {
    background: var(--edumo-mint-soft);
    color: var(--edumo-success);
}

.edumo-order-status-badge.edumo-order-status--pending {
    background: var(--edumo-warning-soft);
    color: var(--edumo-warning);
}

.edumo-order-status-badge.edumo-order-status--processing {
    background: var(--edumo-lavender-soft);
    color: var(--edumo-violet);
}

.edumo-order-status-badge.edumo-order-status--neutral {
    background: var(--edumo-border);
    color: var(--edumo-violet);
}

@media screen and (max-width: 639px) {
    body.woocommerce-account :where(h1) {
        font-size: 1.25rem !important;
    }

    body.woocommerce-account :where(h2) {
        font-size: 1.125rem !important;
    }
}