.wpl-woo,
.wpl-sidecart,
.wpl-buybar,
.wpl-osteps,
.woocommerce-store-notice {
--wpl-l-field: var(--wpl-field-line);
--wpl-l-check: var(--wpl-field-line);
--wpl-l-placeholder: var(--wpl-placeholder);
--wpl-l-step-line: #C9D3DA;
--wpl-l-ring: rgba(53, 140, 131, 0.18);
--wpl-l-ring-error: rgba(179, 38, 30, 0.12);
--wpl-l-shadow: 0 12px 32px rgba(8, 42, 66, 0.07);
--wpl-l-lift: 0 0 0 1px var(--wpl-navy), 0 16px 32px rgba(8, 42, 66, 0.10);
--wpl-l-sticky-top: calc(var(--wpl-adminbar, 0px) + 92px);
}
.wpl-woo__body {
padding-block: 28px 72px;
}
.wpl-woo--checkout,
.wpl-woo--order-pay {
background: var(--wpl-bg-soft);
}
.wpl-woo .clear,
.wpl-woo .woocommerce-notices-wrapper:empty {
display: none;
}
.wpl-page-head--compact .wpl-page-head__title,
.wpl-page-head--checkout .wpl-page-head__title {
font-size: clamp(2rem, 1.721rem + 1.143vw, 2.75rem);
}
.wpl-page-head--product .wpl-page-head__title {
font-size: clamp(2.25rem, 1.879rem + 1.524vw, 3.25rem);
}
.wpl-page-head--product .wpl-page-head__eyebrow {
align-self: flex-start;
gap: 0;
padding: 5px 10px;
border-radius: var(--wpl-radius-pill);
background: var(--wpl-tyrkys-tinta);
color: var(--wpl-tyrkys-text);
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.08em;
}
.wpl-page-head--product .wpl-page-head__eyebrow::before {
display: none;
}
.wpl-page-head--checkout {
border-bottom: 0;
background: transparent;
}
.wpl-page-head--checkout .wpl-page-head__inner {
padding-block: 16px 0;
}
@media (min-width: 768px) {
.wpl-woo__body {
padding-block: 48px 104px;
}
.wpl-page-head--checkout .wpl-page-head__inner {
padding-block: 40px 0;
}
.wpl-woo--checkout .wpl-woo__body {
padding-top: 24px;
}
}
.wpl-woo .button:not(.wpl-btn),
.wpl-sidecart .button:not(.wpl-btn) {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 48px;
padding: 0 22px;
border: 0;
border-radius: var(--wpl-radius-pill);
background: transparent;
box-shadow: inset 0 0 0 1.5px var(--wpl-navy);
color: var(--wpl-navy);
font: 600 0.9375rem/1.2 var(--wpl-font-body);
text-align: center;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
transition: background-color var(--wpl-transition), color var(--wpl-transition), box-shadow var(--wpl-transition);
}
.wpl-woo .button:not(.wpl-btn):hover {
background: var(--wpl-bg-soft);
color: var(--wpl-navy);
}
.wpl-woo :is(.button.alt, .checkout-button, .single_add_to_cart_button, .woocommerce-form-login__submit, .woocommerce-ResetPassword .button, button[name="save_account_details"], button[name="save_address"], button[name="woocommerce_checkout_place_order"]):not(.wpl-btn),
.wpl-woo #place_order {
background: var(--wpl-navy);
box-shadow: none;
color: #FFFFFF;
}
.wpl-woo :is(.button.alt, .checkout-button, .single_add_to_cart_button, .woocommerce-form-login__submit, .woocommerce-ResetPassword .button, button[name="save_account_details"], button[name="save_address"], button[name="woocommerce_checkout_place_order"]):not(.wpl-btn):hover,
.wpl-woo #place_order:hover {
background: var(--wpl-navy-hover);
color: #FFFFFF;
}
.wpl-woo .button:is(:disabled, .disabled, [aria-disabled="true"]):not(.wpl-btn),
.wpl-woo #place_order:disabled {
background: var(--wpl-line-strong);
box-shadow: none;
color: #FFFFFF;
cursor: not-allowed;
}
.wpl-woo .button.loading,
.wpl-btn.loading {
opacity: 0.65;
cursor: progress;
pointer-events: none;
}
.wpl-woo .form-row {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0 0 16px;
padding: 0;
}
.wpl-woo .form-row > label,
.wpl-woo .woocommerce-form-row > label {
color: var(--wpl-navy);
font-size: var(--wpl-fs-small);
font-weight: 600;
line-height: 1.4;
}
.wpl-woo .required {
border: 0;
color: var(--wpl-tyrkys-text);
font-weight: 600;
text-decoration: none;
cursor: default;
}
.wpl-woo .optional {
color: var(--wpl-text-muted);
font-weight: 400;
}
.wpl-woo .woocommerce-input-wrapper {
display: block;
}
.wpl-woo :where(input.input-text, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="url"], input[type="search"], select, textarea):where(:not([class*="wpl-"], :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout, .select2-container) *)) {
width: 100%;
min-height: 52px;
margin: 0;
padding: 12px 16px;
border: 1px solid var(--wpl-l-field);
border-radius: var(--wpl-radius-field);
background-color: #FFFFFF;
color: var(--wpl-text);
font-size: 1rem;
line-height: 1.4;
transition: border-color var(--wpl-transition), box-shadow var(--wpl-transition);
}
.wpl-woo :where(textarea):where(:not([class*="wpl-"], :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout, .select2-container) *)) {
min-height: 128px;
resize: vertical;
}
.wpl-woo :where(select):where(:not([class*="wpl-"], :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout, .select2-container) *)) {
padding-right: 44px;
background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23082A42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center / 18px no-repeat;
appearance: none;
cursor: pointer;
}
.wpl-woo :where(input, select, textarea):where(:not([class*="wpl-"], :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout, .select2-container) *))::placeholder {
color: var(--wpl-l-placeholder);
opacity: 1;
}
.wpl-woo :where(input.input-text, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="url"], input[type="search"], select, textarea):where(:not([class*="wpl-"], :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout, .select2-container) *)):hover {
border-color: var(--wpl-navy);
}
.wpl-woo :where(input.input-text, input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="url"], input[type="search"], select, textarea):where(:not([class*="wpl-"], :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout, .select2-container) *)):focus {
border-color: var(--wpl-tyrkys);
outline: none;
box-shadow: 0 0 0 3px var(--wpl-l-ring);
}
.wpl-woo .woocommerce-invalid :is(input.input-text, select, textarea),
.wpl-woo [aria-invalid="true"]:is(input, select, textarea) {
border-color: var(--wpl-error);
box-shadow: 0 0 0 3px var(--wpl-l-ring-error);
}
.wpl-woo .woocommerce-invalid > label {
color: var(--wpl-error);
}
.wpl-woo .form-row .description,
.wpl-woo .wpl-buy__hint {
display: block;
margin-top: 6px;
color: var(--wpl-text-muted);
font-size: 0.8125rem;
line-height: 1.5;
}
.wpl-woo .checkout-inline-error-message {
display: flex;
align-items: center;
gap: 6px;
margin: 6px 0 0;
color: var(--wpl-error);
font-size: 0.8125rem;
font-weight: 500;
}
.wpl-woo .checkout-inline-error-message::before {
content: "";
flex-shrink: 0;
width: 14px;
height: 14px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B3261E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E") center / contain no-repeat;
}
.wpl-woo :where(input[type="checkbox"], input[type="radio"]):where(:not([class*="wpl-"], :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout, .select2-container) *)) {
flex-shrink: 0;
width: 22px;
height: 22px;
margin: 1px 0 0;
border: 1.5px solid var(--wpl-l-check);
border-radius: 6px;
background: #FFFFFF center / 14px no-repeat;
appearance: none;
cursor: pointer;
transition: background-color var(--wpl-transition), border-color var(--wpl-transition);
}
.wpl-woo :where(input[type="checkbox"]):where(:not([class*="wpl-"], :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout, .select2-container) *)):checked {
border-color: var(--wpl-navy);
background-color: var(--wpl-navy);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}
.wpl-woo :where(input[type="radio"]):where(:not([class*="wpl-"], :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout, .select2-container) *)) {
border-radius: 50%;
}
.wpl-woo :where(input[type="radio"]):where(:not([class*="wpl-"], :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout, .select2-container) *)):checked {
border-color: var(--wpl-navy);
background: radial-gradient(circle, var(--wpl-navy) 0 5px, #FFFFFF 5.5px);
}
.wpl-woo .woocommerce-invalid input[type="checkbox"] {
border-color: var(--wpl-error);
}
.wpl-woo :is(.woocommerce-form__label-for-checkbox, label.checkbox) {
display: flex;
align-items: flex-start;
gap: 12px;
color: var(--wpl-text);
font-size: var(--wpl-fs-small);
font-weight: 400;
line-height: 1.5;
cursor: pointer;
}
.wpl-woo .quantity .qty {
width: 88px;
min-height: 48px;
padding: 8px 10px;
text-align: center;
}
.wpl-woo .quantity:has(input[type="hidden"]) {
display: none;
}
.wpl-woo .password-input {
position: relative;
display: block;
}
.wpl-woo .password-input input {
padding-right: 52px;
}
.wpl-woo .show-password-input {
position: absolute;
top: 50%;
right: 4px;
width: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: var(--wpl-radius-field);
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23082A42' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / 20px no-repeat;
opacity: 0.6;
transform: translateY(-50%);
cursor: pointer;
}
.wpl-woo .show-password-input.display-password {
opacity: 1;
}
.wpl-woo .woocommerce-password-strength {
margin-top: 8px;
padding: 6px 10px;
border-radius: 8px;
font-size: 0.8125rem;
font-weight: 600;
}
.wpl-woo .woocommerce-password-strength:is(.short, .bad) {
background: var(--wpl-error-tint);
color: var(--wpl-error);
}
.wpl-woo .woocommerce-password-strength.good {
background: var(--wpl-warning-tint);
color: var(--wpl-warning-text);
}
.wpl-woo .woocommerce-password-strength.strong {
background: var(--wpl-success-tint);
color: var(--wpl-tyrkys-text);
}
.wpl-woo .woocommerce-password-hint {
display: block;
margin-top: 6px;
color: var(--wpl-text-muted);
font-size: 0.8125rem;
}
.wpl-woo .select2-container--default .select2-selection--single {
height: 52px;
border: 1px solid var(--wpl-l-field);
border-radius: var(--wpl-radius-field);
}
.wpl-woo .select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 16px;
color: var(--wpl-text);
line-height: 50px;
}
.wpl-woo .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 1px;
right: 10px;
height: 50px;
}
.wpl-woo .select2-container--focus .select2-selection--single,
.wpl-woo .select2-container--open .select2-selection--single {
border-color: var(--wpl-tyrkys);
box-shadow: 0 0 0 3px var(--wpl-l-ring);
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
background: var(--wpl-navy);
}
:is(.wpl-woo, .wpl-sidecart) :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice) {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px 16px;
min-height: 60px;
margin: 0 0 24px;
padding: 14px 16px 14px 62px;
border-radius: var(--wpl-radius-card);
background: var(--wpl-info-tint);
color: var(--wpl-text);
font-size: 0.9375rem;
line-height: 1.5;
list-style: none;
}
:is(.wpl-woo, .wpl-sidecart) :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-notice)::before {
content: "";
position: absolute;
top: 14px;
left: 16px;
width: 32px;
height: 32px;
border-radius: 50%;
background: var(--wpl-info) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 11v6M12 7.5v.01'/%3E%3C/svg%3E") center / 18px no-repeat;
}
:is(.wpl-woo, .wpl-sidecart) :is(.woocommerce-message, .woocommerce-notice--success) {
background: var(--wpl-success-tint);
}
:is(.wpl-woo, .wpl-sidecart) :is(.woocommerce-message, .woocommerce-notice--success)::before {
background: var(--wpl-success) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 16px no-repeat;
}
:is(.wpl-woo, .wpl-sidecart) :is(.woocommerce-error, .woocommerce-notice--error) {
display: block;
background: var(--wpl-error-tint);
}
:is(.wpl-woo, .wpl-sidecart) :is(.woocommerce-error, .woocommerce-notice--error)::before {
background: var(--wpl-error) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 7v6M12 16.5v.01'/%3E%3C/svg%3E") center / 18px no-repeat;
}
.wpl-woo .woocommerce-error li {
margin: 0;
padding-top: 5px;
}
.wpl-woo .woocommerce-error li + li {
padding-top: 2px;
}
.wpl-woo :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) a:not(.button) {
color: var(--wpl-navy);
font-weight: 600;
text-decoration: underline;
text-decoration-color: var(--wpl-tyrkys);
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}
.wpl-woo :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) .button:not(.wpl-btn) {
order: 2;
display: inline-block;
min-height: 0;
margin-left: auto;
padding: 12px 0;
background: transparent;
box-shadow: none;
color: var(--wpl-navy);
text-decoration: underline;
text-decoration-color: var(--wpl-tyrkys);
text-decoration-thickness: 2px;
text-underline-offset: 5px;
}
.wpl-woo :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) .button:not(.wpl-btn)::after {
content: "\2192" / "";
color: var(--wpl-tyrkys);
}
.wpl-woo :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) .button:not(.wpl-btn):hover {
background: transparent;
text-decoration-color: var(--wpl-navy);
}
.wpl-woo .woocommerce-NoticeGroup {
grid-column: 1 / -1;
}
.woocommerce-store-notice,
p.demo_store {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: var(--wpl-z-header);
margin: 0;
padding: 12px var(--wpl-gutter);
background: var(--wpl-navy);
color: #FFFFFF;
font-size: var(--wpl-fs-small);
text-align: center;
}
.woocommerce-store-notice a {
margin-left: 12px;
color: #FFFFFF;
font-weight: 600;
}
.wpl-sidecart {
position: fixed;
inset: 0;
z-index: var(--wpl-z-drawer);
}
.wpl-sidecart[hidden] {
display: none;
}
.wpl-sidecart__backdrop {
position: absolute;
inset: 0;
background: rgba(8, 42, 66, 0.5);
opacity: 0;
transition: opacity 0.3s ease;
}
.wpl-sidecart__panel {
position: absolute;
top: var(--wpl-adminbar, 0px);
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
width: min(440px, 100%);
background: var(--wpl-bg);
box-shadow: -24px 0 64px rgba(8, 42, 66, 0.2);
outline: none;
overscroll-behavior: contain;
transform: translateX(100%);
transition: transform 0.3s ease;
}
.wpl-sidecart.is-open .wpl-sidecart__backdrop {
opacity: 1;
}
.wpl-sidecart.is-open .wpl-sidecart__panel {
transform: none;
}
.wpl-sidecart__head {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 14px 16px 14px 20px;
border-bottom: 1px solid var(--wpl-line);
}
.wpl-sidecart__title {
margin: 0;
font-size: 1.25rem;
line-height: 1.3;
}
.wpl-sidecart__close {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 1px solid var(--wpl-line-strong);
border-radius: 50%;
background: var(--wpl-bg);
color: var(--wpl-navy);
cursor: pointer;
transition: background-color var(--wpl-transition);
}
.wpl-sidecart__close:hover {
background: var(--wpl-bg-soft);
}
.wpl-sidecart__body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
}
.wpl-sidecart[aria-busy="true"] .wpl-sidecart__body {
cursor: progress;
}
.wpl-sidecart__added {
display: flex;
flex-shrink: 0;
align-items: center;
gap: 12px;
margin: 16px 20px 0;
padding: 12px 14px;
border-radius: var(--wpl-radius-card);
background: var(--wpl-success-tint);
color: var(--wpl-text);
font-size: var(--wpl-fs-small);
line-height: 1.45;
}
.wpl-sidecart__added-icon {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border-radius: 50%;
background: var(--wpl-success);
color: #FFFFFF;
}
.wpl-sidecart__items {
flex: 1 1 auto;
margin: 0;
padding: 0 20px;
overflow-y: auto;
list-style: none;
overscroll-behavior: contain;
}
.wpl-sidecart__item {
display: grid;
grid-template-columns: 56px minmax(0, 1fr) auto;
gap: 14px;
align-items: start;
padding: 18px 0 8px;
border-bottom: 1px solid var(--wpl-line);
transition: opacity var(--wpl-transition);
}
.wpl-sidecart__item.is-removing {
opacity: 0.4;
}
.wpl-sidecart__icon {
width: 56px;
height: 56px;
border-radius: var(--wpl-radius-card);
}
.wpl-sidecart__info {
min-width: 0;
}
.wpl-sidecart__name {
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: 1rem;
font-weight: 700;
line-height: 1.35;
text-decoration: none;
}
a.wpl-sidecart__name:hover {
text-decoration: underline;
text-decoration-color: var(--wpl-tyrkys);
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}
.wpl-sidecart__meta {
margin: 2px 0 0;
color: var(--wpl-text-muted);
font-size: 0.8125rem;
line-height: 1.45;
overflow-wrap: anywhere;
}
.wpl-sidecart__remove {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 44px;
padding: 0;
border: 0;
background: transparent;
color: var(--wpl-text-muted);
font: 600 0.8125rem/1 var(--wpl-font-body);
cursor: pointer;
transition: color var(--wpl-transition);
}
.wpl-sidecart__remove:hover {
color: var(--wpl-error);
}
.wpl-sidecart__price {
margin: 0;
color: var(--wpl-navy);
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.35;
text-align: right;
white-space: nowrap;
}
.wpl-sidecart__price :is(.subscription-details, .woocommerce-price-suffix) {
display: block;
color: var(--wpl-text-muted);
font-size: 0.75rem;
font-weight: 500;
}
.wpl-sidecart__foot {
display: flex;
flex-shrink: 0;
flex-direction: column;
gap: 12px;
margin-top: auto;
padding: 18px 20px 20px;
border-top: 1px solid var(--wpl-line);
}
.wpl-sidecart__total {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 16px;
margin: 0;
color: var(--wpl-navy);
font-size: 1.125rem;
font-weight: 700;
}
.wpl-sidecart__total .subscription-details {
color: var(--wpl-text-muted);
font-size: 0.75rem;
font-weight: 500;
}
.wpl-sidecart__cart {
align-self: center;
display: inline-block;
padding-block: 10px;
font-size: 0.9375rem;
}
.wpl-sidecart__empty {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 14px;
padding: 32px;
text-align: center;
}
.wpl-sidecart__empty-icon {
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
border-radius: 50%;
background: var(--wpl-tyrkys-tinta);
color: var(--wpl-tyrkys-text);
}
.wpl-sidecart__empty-title {
margin: 0;
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: var(--wpl-fs-h3);
font-weight: 700;
line-height: 1.25;
}
.wpl-sidecart__empty-text {
max-width: 320px;
margin: 0;
color: var(--wpl-text-muted);
font-size: 0.9375rem;
line-height: 1.55;
}
.wpl-sidecart__empty .wpl-link {
display: inline-block;
padding-block: 10px;
font-size: 0.9375rem;
}
@media (min-width: 768px) {
.wpl-sidecart__head {
padding: 18px 20px 18px 24px;
}
.wpl-sidecart__added {
margin-inline: 24px;
}
.wpl-sidecart__items {
padding-inline: 24px;
}
.wpl-sidecart__foot {
padding: 20px 24px 24px;
}
}
ul.products {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
margin: 0;
padding: 0;
list-style: none;
}
ul.products::before,
ul.products::after {
display: none;
}
.wpl-pcard {
position: relative;
display: flex;
flex-direction: column;
gap: 14px;
min-width: 0;
margin: 0;
padding: 24px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-card);
background: var(--wpl-bg);
transition: transform var(--wpl-transition), box-shadow var(--wpl-transition), border-color var(--wpl-transition);
}
.wpl-pcard:hover,
.wpl-pcard:focus-within {
border-color: var(--wpl-navy);
box-shadow: var(--wpl-l-lift);
transform: translateY(-4px);
}
.wpl-pcard__badge {
position: absolute;
top: 20px;
right: 20px;
}
.wpl-pcard__title {
margin: 0;
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: clamp(1.1875rem, 1.141rem + 0.19vw, 1.3125rem);
font-weight: 700;
line-height: 1.25;
}
.wpl-pcard__link {
color: inherit;
text-decoration: none;
}
.wpl-pcard__link::after {
content: "";
position: absolute;
inset: 0;
z-index: 0;
border-radius: inherit;
}
.wpl-pcard__link:focus-visible {
outline: none;
}
.wpl-pcard__link:focus-visible::after {
outline: var(--wpl-focus-ring);
outline-offset: var(--wpl-focus-offset);
}
.wpl-pcard:hover .wpl-pcard__link {
text-decoration: underline;
text-decoration-color: var(--wpl-tyrkys);
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
.wpl-pcard__text {
margin: 0;
color: var(--wpl-text-muted);
font-size: 0.9375rem;
line-height: 1.55;
}
.wpl-pcard > .price {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 4px 6px;
margin-top: auto;
padding-top: 16px;
border-top: 1px solid var(--wpl-line);
color: var(--wpl-navy);
font-size: var(--wpl-fs-small);
line-height: 1.1;
}
.wpl-pcard > .price .amount {
font-family: var(--wpl-font-heading);
font-size: 1.625rem;
font-weight: 800;
line-height: 1.1;
letter-spacing: -0.02em;
}
.wpl-pcard > .price .from {
font-family: var(--wpl-font-heading);
font-size: 1.625rem;
font-weight: 800;
letter-spacing: -0.02em;
text-transform: lowercase;
}
:is(.wpl-pcard, .summary, .wpl-buybar, .woocommerce-variation-price) .price :is(.subscription-details, .woocommerce-price-suffix) {
color: var(--wpl-text-muted);
font-size: var(--wpl-fs-small);
font-weight: 400;
}
:is(.wpl-pcard, .summary, .wpl-buybar, .woocommerce-variation-price) .price .subscription-details .amount {
color: var(--wpl-text);
font-family: inherit;
font-size: inherit;
font-weight: 600;
line-height: inherit;
letter-spacing: normal;
}
.price del {
color: var(--wpl-text-muted);
font-size: 0.8em;
font-weight: 500;
}
.price ins {
text-decoration: none;
}
.wpl-pcard__btn {
position: relative;
z-index: 1;
}
.wpl-pcard > :is(.wpl-pcard__title, .wpl-pcard__text) + .wpl-pcard__btn {
margin-top: auto;
}
.wpl-pcard .added_to_cart {
display: none;
}
.wpl-shop-group + .wpl-shop-group {
margin-top: 48px;
}
.wpl-shop-group__title {
margin: 0 0 20px;
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: var(--wpl-fs-h3);
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.015em;
}
.wpl-trust {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
margin: 48px 0 0;
padding: 0;
list-style: none;
}
.wpl-trust__item {
display: flex;
align-items: center;
gap: 14px;
padding: 16px 18px;
border-radius: var(--wpl-radius-card);
background: var(--wpl-bg-soft);
color: var(--wpl-navy);
font-size: 0.9375rem;
font-weight: 600;
line-height: 1.4;
}
.wpl-trust__item .wpl-icon {
color: var(--wpl-tyrkys-text);
}
.wpl-trust__note {
margin: 20px 0 0;
color: var(--wpl-text-muted);
font-size: 0.9375rem;
}
.wpl-trust__note a {
color: var(--wpl-navy);
font-weight: 600;
text-decoration-color: var(--wpl-tyrkys);
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}
.woocommerce-pagination {
margin-top: 40px;
}
.woocommerce-pagination ul.page-numbers {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-pagination .page-numbers :is(a, span) {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
padding: 0 12px;
border: 1px solid var(--wpl-line-strong);
border-radius: var(--wpl-radius-pill);
color: var(--wpl-navy);
font-weight: 600;
text-decoration: none;
}
.woocommerce-pagination .page-numbers a:hover {
border-color: var(--wpl-navy);
}
.woocommerce-pagination .page-numbers span.current {
border-color: var(--wpl-navy);
background: var(--wpl-navy);
color: #FFFFFF;
}
.woocommerce-pagination .page-numbers span.dots {
border-color: transparent;
}
@media (min-width: 768px) {
ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
ul.products.columns-1 {
grid-template-columns: minmax(0, 1fr);
}
.wpl-pcard {
padding: 28px;
}
.wpl-trust {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
}
@media (min-width: 1024px) {
ul.products:is(.columns-3, .columns-4, .columns-5, .columns-6) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.wpl-shop-group + .wpl-shop-group {
margin-top: 56px;
}
.wpl-trust {
margin-top: 56px;
}
}
@media (min-width: 1200px) {
ul.products:is(.columns-4, .columns-5, .columns-6) {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.wpl-woo--single div.product {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 40px;
align-items: start;
}
.wpl-woo--single div.product > * {
grid-column: 1 / -1;
min-width: 0;
}
.wpl-woo--single .summary {
position: relative;
display: flex;
flex-direction: column;
gap: 18px;
padding: 24px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-panel);
background: var(--wpl-bg);
box-shadow: var(--wpl-l-shadow);
}
.wpl-buy__anchor {
position: absolute;
top: 0;
left: 0;
}
.wpl-woo--single .summary > * {
margin: 0;
}
.wpl-woo--single .summary .price {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 4px 8px;
margin: 0;
color: var(--wpl-navy);
font-size: 1.0625rem;
line-height: 1.2;
}
.wpl-woo--single .summary .price .amount {
font-family: var(--wpl-font-heading);
font-size: clamp(2.5rem, 2.314rem + 0.762vw, 3rem);
font-weight: 800;
line-height: 1;
letter-spacing: -0.04em;
}
.wpl-woo--single .summary .price .woocommerce-Price-currencySymbol {
margin-left: 2px;
color: var(--wpl-text-muted);
font-family: var(--wpl-font-body);
font-size: 1.0625rem;
font-weight: 500;
letter-spacing: 0;
}
.wpl-woo--single .summary .price :is(.from, .subscription-details) {
color: var(--wpl-text-muted);
font-size: 1.0625rem;
font-weight: 500;
}
.wpl-woo--single .summary > .price.is-replaced {
display: none;
}
.wpl-woo--single .summary > .wpl-buy__note {
margin-top: -10px;
color: var(--wpl-text-muted);
font-size: var(--wpl-fs-small);
}
.wpl-buy__note:empty {
display: none;
}
.wpl-buy__points {
display: flex;
flex-direction: column;
gap: 10px;
padding: 0;
list-style: none;
font-size: 0.9375rem;
line-height: 1.45;
}
.wpl-buy__points li {
display: flex;
align-items: flex-start;
gap: 10px;
}
.wpl-buy__points .wpl-icon {
margin-top: 1px;
color: var(--wpl-tyrkys-text);
}
.wpl-woo--single form.cart {
display: flex;
flex-wrap: wrap;
gap: 16px 12px;
margin: 0;
}
.wpl-woo--single form.cart > .form-row {
flex: 1 1 100%;
margin: 0;
}
.wpl-woo--single form.cart .single_add_to_cart_button {
flex: 1 1 auto;
min-height: 56px;
font-size: 1.0625rem;
}
.wpl-woo--single form.variations_form {
flex-direction: column;
flex-wrap: nowrap;
}
.wpl-woo--single table.variations,
.wpl-woo--single table.variations :is(tbody, tr, th, td) {
display: block;
width: 100%;
margin: 0;
padding: 0;
border: 0;
text-align: left;
}
.wpl-woo--single table.variations tr + tr {
margin-top: 16px;
}
.wpl-woo--single table.variations th.label {
padding-bottom: 10px;
}
.wpl-woo--single table.variations th.label label {
color: var(--wpl-navy);
font-size: var(--wpl-fs-small);
font-weight: 600;
}
.wpl-woo--single .wpl-varcards ~ .reset_variations {
display: none;
}
.wpl-woo--single .reset_variations {
display: inline-flex;
align-items: center;
min-height: 44px;
margin-top: 4px;
color: var(--wpl-text-muted);
font-size: var(--wpl-fs-small);
text-decoration: underline;
text-underline-offset: 3px;
}
.wpl-woo--single .single_variation_wrap {
display: flex;
flex-direction: column;
gap: 16px;
}
.wpl-woo--single .woocommerce-variation:empty,
.wpl-woo--single .woocommerce-variation-description:empty,
.wpl-woo--single .woocommerce-variation-availability:empty {
display: none;
}
.wpl-woo--single .woocommerce-variation {
display: flex;
flex-direction: column;
gap: 8px;
}
.wpl-woo--single .woocommerce-variation-price {
padding-top: 18px;
border-top: 1px solid var(--wpl-line);
}
.wpl-woo--single :is(.woocommerce-variation-description, .woocommerce-variation-availability, .stock) {
margin: 0;
color: var(--wpl-text-muted);
font-size: var(--wpl-fs-small);
}
.wpl-woo--single .woocommerce-variation-add-to-cart {
display: flex;
flex-wrap: wrap;
gap: 16px 12px;
}
.wpl-woo--single .woocommerce-variation-add-to-cart > .form-row {
flex: 1 1 100%;
margin: 0;
}
.wpl-varselect[hidden] {
display: none;
}
.wpl-varcards {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
.wpl-varcards__legend {
display: block;
float: none;
width: 100%;
margin: 0 0 10px;
padding: 0;
color: var(--wpl-navy);
font-size: var(--wpl-fs-small);
font-weight: 600;
}
.wpl-woo--single table.variations tr:has(.wpl-varcards) th.label {
display: none;
}
.wpl-varcards__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.wpl-varcard {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
min-height: 44px;
padding: 16px;
border: 1px solid var(--wpl-line-strong);
border-radius: var(--wpl-radius-card);
background: var(--wpl-bg);
cursor: pointer;
transition: border-color var(--wpl-transition), box-shadow var(--wpl-transition);
}
.wpl-varcard:hover {
border-color: var(--wpl-navy);
}
.wpl-varcard:has(.wpl-varcard__input:checked) {
border-color: var(--wpl-navy);
box-shadow: 0 0 0 1px var(--wpl-navy);
}
.wpl-varcard:has(.wpl-varcard__input:focus-visible) {
outline: var(--wpl-focus-ring);
outline-offset: var(--wpl-focus-offset);
}
.wpl-varcard.is-disabled {
opacity: 0.5;
cursor: not-allowed;
}
.wpl-varcard__input {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
margin: 0;
opacity: 0;
pointer-events: none;
}
.wpl-varcard__head {
display: flex;
align-items: center;
gap: 10px;
color: var(--wpl-navy);
font-size: 1rem;
font-weight: 700;
line-height: 1.3;
}
.wpl-varcard__dot {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border: 1.5px solid var(--wpl-l-check);
border-radius: 50%;
background: var(--wpl-bg);
}
.wpl-varcard__input:checked ~ .wpl-varcard__head .wpl-varcard__dot {
border-color: var(--wpl-navy);
}
.wpl-varcard__input:checked ~ .wpl-varcard__head .wpl-varcard__dot::after {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--wpl-navy);
}
.wpl-varcard__sub {
padding-left: 32px;
color: var(--wpl-text-muted);
font-size: var(--wpl-fs-small);
line-height: 1.4;
}
.wpl-varcard__badge {
max-width: 100%;
white-space: normal;
}
@media (min-width: 768px) {
.wpl-varcard__badge {
max-width: calc(100% - 32px);
margin-left: 32px;
}
}
@media (max-width: 767px) {
.wpl-varcard {
padding: 14px;
}
.wpl-varcard__sub {
padding-left: 0;
}
}
.wpl-buy__secure {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
color: var(--wpl-text-muted);
font-size: 0.8125rem;
text-align: center;
}
.wpl-buy__more {
text-align: center;
}
.wpl-buy__more .wpl-link {
display: inline-block;
padding-block: 10px;
font-size: 0.9375rem;
}
.wpl-product__main {
display: flex;
flex-direction: column;
gap: 40px;
}
.wpl-product__desc.wpl-content {
max-width: none;
}
.wpl-product__block {
display: flex;
flex-direction: column;
gap: 16px;
}
.wpl-product__title {
margin: 0;
}
.wpl-product__needs {
display: flex;
flex-direction: column;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.wpl-product__needs li {
display: flex;
align-items: flex-start;
gap: 12px;
line-height: 1.5;
}
.wpl-product__needs .wpl-icon {
margin-top: 2px;
color: var(--wpl-tyrkys-text);
}
.wpl-product__hint {
margin: 0;
color: var(--wpl-text-muted);
font-size: 0.9375rem;
}
.wpl-product__after {
display: flex;
flex-direction: column;
gap: 10px;
padding: 24px 28px;
border-radius: var(--wpl-radius-card);
background: var(--wpl-bg-soft);
}
.wpl-product__after h2 {
margin: 0;
}
.wpl-product__after p {
margin: 0;
color: var(--wpl-text-muted);
font-size: 0.9375rem;
line-height: 1.6;
}
.wpl-product__reviews .commentlist {
margin: 0;
padding: 0;
list-style: none;
}
.wpl-product__reviews .star-rating {
color: var(--wpl-text-muted);
font-size: var(--wpl-fs-small);
}
.wpl-woo-related :is(.related, .up-sells) > h2 {
margin: 16px 0 32px;
font-size: var(--wpl-fs-h2);
font-weight: 700;
line-height: 1.08;
letter-spacing: -0.03em;
}
@media (min-width: 768px) {
.wpl-woo--single .summary {
padding: 32px;
}
.wpl-product__main {
gap: 48px;
}
}
@media (min-width: 1024px) {
.wpl-woo--single div.product {
grid-template-columns: repeat(12, minmax(0, 1fr));
column-gap: 32px;
}
.wpl-woo--single div.product > .wpl-product__main {
grid-column: 1 / span 7;
grid-row: 1;
}
.wpl-woo--single div.product > .summary {
position: sticky;
top: var(--wpl-l-sticky-top);
grid-column: 9 / span 4;
grid-row: 1;
}
.wpl-woo--single div.product:is(.product-type-variable, .product-type-variable-subscription) > .summary {
grid-column: 8 / span 5;
}
.wpl-woo-related :is(.related, .up-sells) > h2 {
margin-bottom: 40px;
}
}
.wpl-buybar {
position: fixed;
right: 12px;
bottom: 12px;
left: 12px;
z-index: var(--wpl-z-header);
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px 12px 12px 20px;
border-radius: 18px;
background: var(--wpl-navy);
box-shadow: 0 12px 32px rgba(8, 42, 66, 0.28);
color: #FFFFFF;
}
.wpl-buybar[hidden] {
display: none;
}
.wpl-buybar__price {
display: flex;
flex-direction: column;
min-width: 0;
margin: 0;
line-height: 1.2;
}
.wpl-buybar__label {
overflow: hidden;
color: var(--wpl-tyrkys-pale);
font-size: 0.75rem;
text-overflow: ellipsis;
white-space: nowrap;
}
.wpl-buybar__value {
font-family: var(--wpl-font-heading);
font-size: 1.1875rem;
font-weight: 800;
}
.wpl-buybar__value :is(.price, .amount) {
color: inherit;
font-size: inherit;
}
.wpl-buybar__value :is(.from, .subscription-details, .woocommerce-price-suffix) {
color: var(--wpl-tyrkys-pale);
font-family: var(--wpl-font-body);
font-size: 0.75rem;
font-weight: 500;
}
.wpl-buybar__btn {
flex-shrink: 0;
}
body.wpl-buybar-on {
padding-bottom: 88px;
}
@media (min-width: 1024px) {
.wpl-buybar {
display: none;
}
}
.wpl-woo--cart .woocommerce {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 32px;
align-items: start;
}
.wpl-woo--cart .woocommerce > * {
grid-column: 1 / -1;
min-width: 0;
}
.wpl-woo--cart .woocommerce-cart-form {
margin: 0;
}
.wpl-woo table.cart,
.wpl-woo table.cart tbody {
display: block;
width: 100%;
border: 0;
}
.wpl-woo table.cart thead {
display: none;
}
.wpl-woo table.cart tr.cart_item {
display: grid;
grid-template-columns: 48px minmax(0, 1fr) auto;
grid-template-areas:
"thumb name total"
"thumb qty total"
"thumb remove total";
gap: 4px 14px;
align-items: start;
padding: 18px 0;
border-bottom: 1px solid var(--wpl-line);
}
.wpl-woo table.cart tr.cart_item > td {
display: block;
padding: 0;
border: 0;
}
.wpl-woo table.cart td.product-thumbnail {
grid-area: thumb;
}
.wpl-woo table.cart td.product-name {
grid-area: name;
color: var(--wpl-text-muted);
font-size: 0.8125rem;
}
.wpl-woo table.cart tr.cart_item > td.product-price {
display: none;
}
.wpl-woo table.cart td.product-quantity {
grid-area: qty;
}
.wpl-woo table.cart td.product-subtotal {
grid-area: total;
color: var(--wpl-navy);
font-size: 0.9375rem;
font-weight: 700;
text-align: right;
white-space: nowrap;
}
.wpl-woo table.cart td.product-remove {
grid-area: remove;
}
.wpl-cart-icon {
width: 48px;
height: 48px;
}
.wpl-woo td.product-name > a,
.wpl-woo td.product-name > strong,
.wpl-woo table.cart td.product-name {
overflow-wrap: anywhere;
}
.wpl-woo table.cart td.product-name > :is(a, .wpl-cart-name) {
display: block;
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: 1rem;
font-weight: 700;
line-height: 1.35;
text-decoration: none;
}
.wpl-woo table.cart td.product-name > a:hover {
text-decoration: underline;
text-decoration-color: var(--wpl-tyrkys);
text-decoration-thickness: 2px;
text-underline-offset: 3px;
}
.wpl-woo dl.variation {
display: flex;
flex-wrap: wrap;
gap: 0 6px;
margin: 2px 0 0;
color: var(--wpl-text-muted);
font-size: 0.8125rem;
line-height: 1.5;
}
.wpl-woo dl.variation dt {
font-weight: 500;
}
.wpl-woo dl.variation dd {
margin: 0 8px 0 0;
}
.wpl-woo dl.variation p {
display: inline;
margin: 0;
}
.wpl-remove {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 44px;
color: var(--wpl-text-muted);
font-size: 0.8125rem;
font-weight: 600;
text-decoration: none;
transition: color var(--wpl-transition);
}
.wpl-remove:hover {
color: var(--wpl-error);
}
.wpl-woo table.cart tbody tr:not(.cart_item) {
display: block;
}
.wpl-woo table.cart td.actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 20px 0 0;
border: 0;
}
.wpl-woo .coupon {
display: flex;
flex: 1 1 320px;
flex-wrap: wrap;
gap: 8px;
}
.wpl-woo .coupon .input-text {
flex: 1 1 180px;
width: auto;
min-height: 48px;
}
body.wpl-cart-single-qty .wpl-woo [name="update_cart"] {
display: none;
}
.wpl-cart-back {
margin: 20px 0 0;
}
.wpl-cart-back .wpl-link {
display: inline-block;
padding-block: 10px;
font-size: 0.9375rem;
}
.wpl-cart-back .wpl-link__arrow {
margin: 0;
}
.wpl-woo .cart_totals {
display: flex;
flex-direction: column;
gap: 14px;
padding: 24px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-panel);
background: var(--wpl-bg);
box-shadow: var(--wpl-l-shadow);
}
.wpl-woo .cart_totals > h2 {
margin: 0;
font-size: var(--wpl-fs-h4);
}
.wpl-woo .wc-proceed-to-checkout {
margin: 0;
padding: 0;
}
.wpl-woo .wc-proceed-to-checkout .checkout-button {
width: 100%;
min-height: 56px;
font-size: 1.0625rem;
}
.wpl-woo .cross-sells > h2 {
margin: 16px 0 24px;
font-size: var(--wpl-fs-h3);
}
.wpl-woo--cart .return-to-shop {
display: none;
}
@media (min-width: 768px) {
.wpl-woo table.cart thead {
display: block;
}
.wpl-woo table.cart tr.cart_item,
.wpl-woo table.cart thead tr {
display: grid;
grid-template-columns: 48px minmax(0, 1fr) 110px 130px auto;
grid-template-areas: "thumb name qty total remove";
column-gap: 16px;
align-items: center;
}
.wpl-woo table.cart thead tr {
padding-bottom: 12px;
border-bottom: 1px solid var(--wpl-line);
}
.wpl-woo table.cart thead th {
display: block;
padding: 0;
border: 0;
color: var(--wpl-text-muted);
font-size: 0.8125rem;
font-weight: 600;
text-align: left;
}
.wpl-woo table.cart thead .product-thumbnail { grid-area: thumb; }
.wpl-woo table.cart thead .product-name { grid-area: name; }
.wpl-woo table.cart thead .product-price { display: none; }
.wpl-woo table.cart thead .product-quantity { grid-area: qty; }
.wpl-woo table.cart thead .product-subtotal { grid-area: total; text-align: right; }
.wpl-woo table.cart thead .product-remove { grid-area: remove; }
.wpl-woo table.cart td.product-remove {
text-align: right;
}
body.wpl-cart-single-qty .wpl-woo table.cart :is(tr.cart_item, thead tr) {
grid-template-columns: 48px minmax(0, 1fr) auto auto;
grid-template-areas: "thumb name total remove";
}
.wpl-woo .cart_totals {
padding: 28px 32px;
}
}
body.wpl-cart-single-qty .wpl-woo table.cart :is(tr.cart_item > td, thead th).product-quantity {
display: none;
}
@media (min-width: 1024px) {
.wpl-woo--cart .woocommerce {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.wpl-woo--cart .woocommerce-cart-form {
grid-column: 1 / span 8;
}
.wpl-woo--cart .cart-collaterals {
grid-column: 9 / span 4;
}
}
.wpl-woo--checkout .woocommerce {
display: flex;
flex-direction: column;
}
.wpl-woo :is(form.checkout_coupon, form.woocommerce-form-login.login) {
margin: 0 0 20px;
padding: 20px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-card);
background: var(--wpl-bg);
}
.wpl-woo form.checkout_coupon {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 12px;
}
.wpl-woo form.checkout_coupon > p:first-child {
flex: 1 1 100%;
margin: 0;
}
.wpl-woo form.checkout_coupon .form-row {
margin: 0;
}
.wpl-woo form.checkout_coupon .form-row-first {
flex: 1 1 220px;
}
form.checkout {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 20px 32px;
align-items: start;
margin: 0;
counter-reset: wpl-step;
}
form.checkout > * {
grid-column: 1 / -1;
min-width: 0;
}
.wpl-checkout__main,
#customer_details {
display: flex;
flex-direction: column;
gap: 20px;
}
#customer_details :is(.col-1, .col-2) {
display: flex;
flex-direction: column;
gap: 20px;
width: auto;
float: none;
}
form.checkout wc-order-attribution-inputs {
display: none;
}
.wpl-woo :is(.woocommerce-billing-fields, .woocommerce-additional-fields, .woocommerce-account-fields, .woocommerce-shipping-fields) {
display: flex;
flex-direction: column;
gap: 18px;
padding: 20px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-panel);
background: var(--wpl-bg);
}
.wpl-woo .woocommerce-shipping-fields:not(:has(*)) {
display: none;
}
.wpl-woo .woocommerce-billing-fields > h3,
.wpl-checkout-step {
display: flex;
align-items: center;
gap: 12px;
margin: 0;
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: 1.3125rem;
font-weight: 700;
line-height: 1.3;
counter-increment: wpl-step;
}
.wpl-woo .woocommerce-billing-fields > h3::before,
.wpl-checkout-step::before {
content: counter(wpl-step);
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
background: var(--wpl-tyrkys-tinta);
color: var(--wpl-tyrkys-text);
font-family: var(--wpl-font-body);
font-size: var(--wpl-fs-small);
font-weight: 700;
}
.wpl-woo .woocommerce-additional-fields > h3:not(.wpl-checkout-step) {
display: none;
}
.wpl-woo :is(.woocommerce-shipping-fields, .woocommerce-account-fields) h3 {
margin: 0;
font-size: var(--wpl-fs-h4);
}
.wpl-woo :where(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-additional-fields__field-wrapper, .woocommerce-address-fields__field-wrapper, .woocommerce-account-fields .create-account) {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
}
.wpl-woo :where(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-additional-fields__field-wrapper, .woocommerce-address-fields__field-wrapper, .woocommerce-account-fields .create-account) > .form-row,
.wpl-woo .woocommerce-additional-fields > .form-row {
margin: 0;
}
.wpl-checkout__aside,
form.checkout > #order_review {
display: flex;
flex-direction: column;
gap: 14px;
padding: 20px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-panel);
background: var(--wpl-bg);
box-shadow: var(--wpl-l-shadow);
}
.wpl-checkout__aside #order_review {
display: flex;
flex-direction: column;
gap: 14px;
}
#order_review_heading {
margin: 0;
font-size: var(--wpl-fs-h4);
}
.wpl-checkout-step--pay {
margin-top: 10px;
font-size: var(--wpl-fs-h4);
}
.wpl-checkout-paynote {
margin: 0;
color: var(--wpl-text-muted);
font-size: var(--wpl-fs-small);
line-height: 1.5;
}
.wpl-woo .woocommerce-checkout-review-order-table {
width: 100%;
border-collapse: collapse;
font-size: 0.9375rem;
}
.wpl-woo .woocommerce-checkout-review-order-table thead {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}
.wpl-woo .woocommerce-checkout-review-order-table td {
padding: 12px 0;
border-bottom: 1px solid var(--wpl-line);
vertical-align: top;
}
.wpl-woo .woocommerce-checkout-review-order-table .product-name {
color: var(--wpl-navy);
font-weight: 700;
}
.wpl-woo .woocommerce-checkout-review-order-table .product-quantity {
color: var(--wpl-text-muted);
font-weight: 500;
}
.wpl-woo .woocommerce-checkout-review-order-table .product-total {
padding-left: 12px;
color: var(--wpl-navy);
font-weight: 700;
text-align: right;
white-space: nowrap;
}
.wpl-woo :is(.woocommerce-checkout-review-order-table, .cart_totals table, .woocommerce-table--order-details) tfoot :is(th, td),
.wpl-woo .cart_totals table :is(th, td) {
padding: 7px 0;
border: 0;
color: var(--wpl-text);
font-size: 0.9375rem;
font-weight: 400;
text-align: left;
vertical-align: top;
}
.wpl-woo :is(.woocommerce-checkout-review-order-table, .cart_totals table, .woocommerce-table--order-details) tfoot td,
.wpl-woo .cart_totals table td {
padding-left: 12px;
text-align: right;
}
.wpl-woo .cart_totals table {
width: 100%;
border-collapse: collapse;
}
.wpl-woo :is(.woocommerce-checkout-review-order-table, .cart_totals table, .woocommerce-table--order-details) .order-total :is(th, td) {
padding-top: 14px;
border-top: 1px solid var(--wpl-line);
color: var(--wpl-navy);
font-size: 1.125rem;
font-weight: 700;
}
.wpl-woo .includes_tax,
.wpl-woo .tax_label {
display: block;
color: var(--wpl-text-muted);
font-size: 0.8125rem;
font-weight: 400;
}
.wpl-woo :is(.woocommerce-checkout-review-order-table, .cart_totals table) tr.recurring-totals th {
padding-top: 18px;
color: var(--wpl-text-muted);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.wpl-woo .first-payment-date {
display: block;
color: var(--wpl-text-muted);
font-size: 0.8125rem;
}
.wpl-woo .wc_payment_methods {
display: flex;
flex-direction: column;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.wpl-woo .wc_payment_method {
position: relative;
display: grid;
grid-template-columns: 22px minmax(0, 1fr);
gap: 0 14px;
align-items: center;
padding: 16px 18px;
border: 1px solid var(--wpl-line-strong);
border-radius: var(--wpl-radius-card);
background: var(--wpl-bg);
transition: border-color var(--wpl-transition), box-shadow var(--wpl-transition);
}
.wpl-woo .wc_payment_method:hover {
border-color: var(--wpl-navy);
}
.wpl-woo .wc_payment_method:has(> input:checked) {
border-color: var(--wpl-navy);
box-shadow: 0 0 0 1px var(--wpl-navy);
}
.wpl-woo .wc_payment_method > input {
margin: 0;
}
.wpl-woo .wc_payment_method > label {
display: flex;
grid-column: 2;
flex-wrap: wrap;
align-items: center;
gap: 6px 10px;
min-height: 24px;
color: var(--wpl-navy);
font-weight: 700;
cursor: pointer;
}
.wpl-woo .wc_payment_method:only-child {
grid-template-columns: minmax(0, 1fr);
}
.wpl-woo .wc_payment_method:only-child > input {
display: none;
}
.wpl-woo .wc_payment_method:only-child > :is(label, .payment_box) {
grid-column: 1;
}
.wpl-woo .wc_payment_method > label::after {
content: "";
position: absolute;
inset: 0;
}
.wpl-woo .wc_payment_method > label img {
display: inline-block;
width: auto;
max-height: 24px;
}
.wpl-woo .payment_box {
position: relative;
z-index: 1;
grid-column: 2;
margin-top: 6px;
color: var(--wpl-text-muted);
font-size: 0.8125rem;
line-height: 1.5;
}
.wpl-woo .payment_box p {
margin: 0;
}
.wpl-woo .payment_box fieldset {
margin: 10px 0 0;
padding: 0;
border: 0;
}
.wpl-woo .woocommerce-checkout-payment .form-row.place-order {
gap: 14px;
margin: 16px 0 0;
}
.wpl-woo #place_order {
width: 100%;
min-height: 56px;
font-size: 1.0625rem;
}
.wpl-woo .woocommerce-terms-and-conditions-wrapper {
display: flex;
flex-direction: column;
gap: 10px;
color: var(--wpl-text-muted);
font-size: 0.8125rem;
line-height: 1.5;
}
.wpl-woo .woocommerce-terms-and-conditions-wrapper p {
margin: 0;
}
.wpl-woo .woocommerce-terms-and-conditions-wrapper .form-row {
margin: 0;
}
.wpl-woo .woocommerce-terms-and-conditions-wrapper .required {
display: none;
}
.wpl-woo .woocommerce-terms-and-conditions {
max-height: 220px;
padding: 12px 14px;
overflow: auto;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-field);
color: var(--wpl-text);
}
.wpl-woo .woocommerce-privacy-policy-text a,
.wpl-woo .woocommerce-terms-and-conditions-checkbox-text a {
color: var(--wpl-navy);
font-weight: 600;
text-decoration-color: var(--wpl-tyrkys);
text-underline-offset: 3px;
}
.wpl-checkout-mini {
margin: 0 0 16px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-card);
background: var(--wpl-bg);
}
.wpl-checkout-mini__toggle {
display: flex;
align-items: center;
gap: 10px;
min-height: 56px;
padding: 0 16px;
color: var(--wpl-navy);
font-weight: 600;
list-style: none;
cursor: pointer;
}
.wpl-checkout-mini__toggle::-webkit-details-marker {
display: none;
}
.wpl-checkout-mini__label {
display: flex;
align-items: center;
gap: 10px;
}
.wpl-checkout-mini__total {
margin-left: auto;
}
.wpl-checkout-mini__chev {
transition: transform var(--wpl-transition);
}
.wpl-checkout-mini[open] .wpl-checkout-mini__chev {
transform: rotate(180deg);
}
.wpl-checkout-mini__items {
margin: 0;
padding: 0 16px;
list-style: none;
}
.wpl-checkout-mini__items li,
.wpl-checkout-mini__sum {
display: flex;
justify-content: space-between;
gap: 12px;
margin: 0;
padding: 10px 0;
border-top: 1px solid var(--wpl-line);
font-size: 0.9375rem;
}
.wpl-checkout-mini__items strong {
white-space: nowrap;
}
.wpl-checkout-mini__sum {
padding: 12px 16px 16px;
color: var(--wpl-navy);
font-weight: 700;
}
.wpl-osteps {
display: flex;
align-items: center;
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.wpl-osteps__item {
display: flex;
align-items: center;
gap: 12px;
color: var(--wpl-text-muted);
font-size: var(--wpl-fs-small);
font-weight: 600;
white-space: nowrap;
}
.wpl-osteps__item + .wpl-osteps__item::before {
content: "";
width: 32px;
height: 1px;
background: var(--wpl-l-step-line);
}
.wpl-osteps__link {
display: flex;
align-items: center;
gap: 10px;
min-height: 44px;
color: inherit;
text-decoration: none;
}
.wpl-osteps__link:hover .wpl-osteps__label {
color: var(--wpl-navy);
text-decoration: underline;
text-decoration-color: var(--wpl-tyrkys);
text-underline-offset: 3px;
}
.wpl-osteps__num {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border: 1.5px solid var(--wpl-l-step-line);
border-radius: 50%;
font-size: 0.8125rem;
}
.wpl-osteps__item.is-current {
color: var(--wpl-navy);
}
.wpl-osteps__item.is-current .wpl-osteps__num {
border-color: var(--wpl-navy);
background: var(--wpl-navy);
color: #FFFFFF;
}
.wpl-osteps__item.is-done .wpl-osteps__num {
border-color: var(--wpl-tyrkys);
background: var(--wpl-tyrkys);
color: #FFFFFF;
}
@media (min-width: 768px) {
.wpl-woo :is(.woocommerce-billing-fields, .woocommerce-additional-fields, .woocommerce-account-fields, .woocommerce-shipping-fields),
.wpl-checkout__aside,
form.checkout > #order_review {
padding: 32px;
}
.wpl-woo :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-address-fields__field-wrapper) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.wpl-woo :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-address-fields__field-wrapper) > .form-row {
grid-column: 1 / -1;
}
.wpl-woo :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-address-fields__field-wrapper) > .form-row-first {
grid-column: 1;
}
.wpl-woo :is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-address-fields__field-wrapper) > .form-row-last {
grid-column: 2;
}
}
@media (min-width: 1024px) {
.wpl-checkout-mini {
display: none;
}
form.checkout {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
form.checkout > .wpl-checkout__main,
form.checkout > #customer_details {
grid-column: 1 / span 7;
}
form.checkout > .wpl-checkout__aside,
form.checkout > #order_review_heading,
form.checkout > #order_review {
grid-column: 8 / span 5;
}
form.checkout > .wpl-checkout__aside {
position: sticky;
top: min(calc(var(--wpl-adminbar, 0px) + 24px), calc(100vh - var(--wpl-aside-h, 0px) - 24px));
align-self: start;
}
form.checkout > #customer_details {
grid-row: 1 / span 3;
}
form.checkout > #order_review_heading {
grid-row: 1;
}
form.checkout > #order_review {
grid-row: 2;
}
}
.wpl-thanks-head .wpl-page-head__main {
align-items: flex-start;
}
.wpl-thanks-head__icon {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 50%;
background: var(--wpl-tyrkys);
color: #FFFFFF;
}
.wpl-thanks-head.is-failed .wpl-thanks-head__icon {
background: var(--wpl-error);
}
.wpl-thanks-head .wpl-page-head__text {
font-size: 1.125rem;
}
body.wpl-thankyou-verified .wpl-woo :is(.woocommerce-thankyou-order-received, .woocommerce-order-overview) {
display: none;
}
.wpl-thanks {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 24px 32px;
align-items: start;
}
.wpl-thanks__main,
.wpl-thanks__aside {
display: flex;
flex-direction: column;
gap: 24px;
min-width: 0;
}
.wpl-woo .woocommerce-order-overview {
display: flex;
flex-wrap: wrap;
gap: 8px 24px;
margin: 0;
padding: 0;
color: var(--wpl-text-muted);
font-size: var(--wpl-fs-small);
list-style: none;
}
.wpl-woo .woocommerce-order-overview strong {
display: block;
color: var(--wpl-navy);
}
.wpl-acard {
display: flex;
flex-direction: column;
gap: 14px;
min-width: 0;
padding: 22px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-panel);
background: var(--wpl-bg);
}
.wpl-acard__head {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px 12px;
}
.wpl-acard__label {
margin: 0;
color: var(--wpl-text-muted);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.wpl-acard__title {
margin: 0;
}
.wpl-next__title {
margin: 0;
}
.wpl-next__list {
margin: 0;
padding: 0;
list-style: none;
}
.wpl-next__item {
position: relative;
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
gap: 18px;
padding-bottom: 28px;
}
.wpl-next__item:last-child {
padding-bottom: 0;
}
.wpl-next__item:not(:last-child)::before {
content: "";
position: absolute;
top: 48px;
bottom: 0;
left: 23px;
width: 2px;
background: repeating-linear-gradient(180deg, var(--wpl-tyrkys-pale) 0 6px, transparent 6px 12px);
}
.wpl-next__icon {
width: 48px;
height: 48px;
}
.wpl-next__item:first-child .wpl-next__icon {
background: var(--wpl-navy);
color: #FFFFFF;
}
.wpl-next__body {
display: flex;
flex-direction: column;
gap: 4px;
padding-top: 4px;
}
.wpl-next__head {
margin: 0;
}
.wpl-next__text {
color: var(--wpl-text-muted);
font-size: 0.9375rem;
line-height: 1.6;
}
.wpl-woo :is(.woocommerce-bacs-bank-details, .woocommerce-order-details, .woocommerce-customer-details) {
display: flex;
flex-direction: column;
gap: 14px;
padding: 22px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-panel);
background: var(--wpl-bg);
}
.wpl-woo :is(.woocommerce-bacs-bank-details, .woocommerce-order-details, .woocommerce-customer-details) :is(h2, h3) {
margin: 0;
font-size: var(--wpl-fs-h4);
}
.wpl-woo .wc-bacs-bank-details {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
list-style: none;
}
.wpl-woo .wc-bacs-bank-details li {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 4px 16px;
padding: 12px 0;
border-bottom: 1px solid var(--wpl-line);
color: var(--wpl-text-muted);
font-size: 0.9375rem;
}
.wpl-woo .wc-bacs-bank-details strong {
color: var(--wpl-navy);
}
.wpl-thanks__main img {
max-width: 220px;
height: auto;
}
.wpl-woo .woocommerce-table--order-details {
width: 100%;
border-collapse: collapse;
font-size: 0.9375rem;
}
.wpl-woo .woocommerce-table--order-details thead {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}
.wpl-woo .woocommerce-table--order-details tbody td {
padding: 12px 0;
border-bottom: 1px solid var(--wpl-line);
vertical-align: top;
}
.wpl-woo .woocommerce-table--order-details .product-name a {
color: var(--wpl-navy);
font-weight: 700;
text-decoration: none;
}
.wpl-woo .woocommerce-table--order-details tfoot tr:last-child :is(th, td) {
padding-top: 14px;
border-top: 1px solid var(--wpl-line);
color: var(--wpl-navy);
font-size: 1.0625rem;
font-weight: 700;
}
.wpl-woo .woocommerce-table--order-details .product-total {
padding-left: 12px;
color: var(--wpl-navy);
font-weight: 700;
text-align: right;
white-space: nowrap;
}
.wpl-woo .wc-item-meta {
margin: 4px 0 0;
padding: 0;
color: var(--wpl-text-muted);
font-size: 0.8125rem;
list-style: none;
}
.wpl-woo .wc-item-meta p {
display: inline;
margin: 0;
}
.wpl-woo .woocommerce-customer-details address {
font-style: normal;
line-height: 1.7;
}
.wpl-woo .woocommerce-customer-details address p {
margin: 8px 0 0;
color: var(--wpl-text-muted);
font-size: var(--wpl-fs-small);
}
.wpl-order-web {
margin: 4px 0 0;
font-size: 0.9375rem;
}
.wpl-order-web__label {
color: var(--wpl-text-muted);
}
.wpl-order-web a {
color: var(--wpl-navy);
font-weight: 600;
overflow-wrap: anywhere;
}
.wpl-woo .order-again {
margin: 0;
}
@media (min-width: 768px) {
.wpl-acard,
.wpl-woo :is(.woocommerce-bacs-bank-details, .woocommerce-order-details, .woocommerce-customer-details) {
padding: 28px;
}
.wpl-next {
padding: 32px;
}
}
@media (min-width: 1024px) {
.wpl-thanks {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.wpl-thanks__main {
grid-column: 1 / span 7;
}
.wpl-thanks__aside {
grid-column: 9 / span 4;
}
}
.wpl-woo--account .woocommerce {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 24px 32px;
align-items: start;
}
.wpl-woo--account .woocommerce > * {
min-width: 0;
}
.wpl-anav__list {
display: flex;
gap: 8px;
margin: 0 calc(-1 * var(--wpl-gutter));
padding: 0 var(--wpl-gutter) 4px;
overflow-x: auto;
list-style: none;
scrollbar-width: none;
}
.wpl-anav__list::-webkit-scrollbar {
display: none;
}
.wpl-anav__item {
flex-shrink: 0;
}
.wpl-anav__link {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 44px;
padding: 0 16px;
border: 1px solid var(--wpl-line-strong);
border-radius: var(--wpl-radius-pill);
background: var(--wpl-bg);
color: var(--wpl-navy);
font-size: var(--wpl-fs-small);
font-weight: 600;
white-space: nowrap;
text-decoration: none;
transition: background-color var(--wpl-transition), border-color var(--wpl-transition), color var(--wpl-transition);
}
.wpl-anav__link .wpl-icon {
display: none;
}
.wpl-anav__link:hover {
border-color: var(--wpl-navy);
color: var(--wpl-navy);
}
.wpl-anav__link[aria-current="page"],
.wpl-anav__item.is-active > .wpl-anav__link {
border-color: var(--wpl-navy);
background: var(--wpl-navy);
color: #FFFFFF;
}
.woocommerce-MyAccount-navigation-link--customer-logout {
display: none;
}
.wpl-account-logout {
margin: 8px 0 0;
}
.wpl-account-logout .wpl-link {
display: inline-block;
padding-block: 10px;
font-size: 0.9375rem;
}
.woocommerce-MyAccount-content {
display: flex;
flex-direction: column;
gap: 24px;
min-width: 0;
}
.woocommerce-MyAccount-content > p {
margin: 0;
}
.woocommerce-MyAccount-content mark {
padding: 1px 6px;
border-radius: 6px;
background: var(--wpl-tyrkys-tinta);
color: var(--wpl-navy);
font-weight: 600;
}
.wpl-account-dash {
display: flex;
flex-direction: column;
gap: 16px;
}
.wpl-account-dash__title {
margin: 0;
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: clamp(1.375rem, 1.282rem + 0.381vw, 1.625rem);
font-weight: 700;
line-height: 1.25;
}
.wpl-account-dash__who {
margin: 4px 0 0;
color: var(--wpl-text-muted);
font-size: 0.9375rem;
}
.wpl-account-dash__who a {
color: var(--wpl-navy);
font-weight: 600;
text-decoration-color: var(--wpl-tyrkys);
text-underline-offset: 3px;
}
.wpl-status {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 26px;
padding: 0 10px;
border-radius: var(--wpl-radius-pill);
background: var(--wpl-bg-soft);
color: var(--wpl-text-muted);
font-size: 0.75rem;
font-weight: 700;
line-height: 1.2;
white-space: nowrap;
}
.wpl-status--ok {
background: var(--wpl-success-tint);
color: var(--wpl-tyrkys-text);
}
.wpl-status--wait {
background: var(--wpl-warning-tint);
color: var(--wpl-warning-text);
}
.wpl-status--error {
background: var(--wpl-error-tint);
color: var(--wpl-error);
}
.wpl-facts-grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 12px;
margin: 0;
}
.wpl-facts-grid__item {
display: flex;
flex-direction: column;
gap: 2px;
padding: 14px;
border-radius: var(--wpl-radius-field);
background: var(--wpl-bg-soft);
}
.wpl-facts-grid__item dt {
color: var(--wpl-text-muted);
font-size: 0.8125rem;
}
.wpl-facts-grid__item dd {
margin: 0;
color: var(--wpl-navy);
font-weight: 700;
}
.wpl-facts-grid__item dd :is(.amount, .subscription-details) {
font-weight: inherit;
}
.wpl-acard .wpl-link {
align-self: flex-start;
display: inline-block;
padding-block: 10px;
font-size: 0.9375rem;
}
.wpl-account-actions {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
}
.wpl-acard--action {
flex-direction: row;
align-items: center;
gap: 16px;
color: var(--wpl-text);
text-decoration: none;
transition: border-color var(--wpl-transition), box-shadow var(--wpl-transition);
}
.wpl-acard--action:hover {
border-color: var(--wpl-navy);
box-shadow: 0 0 0 1px var(--wpl-navy);
color: var(--wpl-text);
}
.wpl-acard--accent .wpl-icon-box {
background: var(--wpl-navy);
color: #FFFFFF;
}
.wpl-acard__body {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.wpl-acard__text {
color: var(--wpl-text-muted);
font-size: var(--wpl-fs-small);
line-height: 1.45;
}
.wpl-account-last__row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px 16px;
}
.wpl-account-last__main {
display: flex;
flex-direction: column;
gap: 2px;
margin: 0;
color: var(--wpl-text-muted);
font-size: var(--wpl-fs-small);
}
.wpl-account-last__main strong {
color: var(--wpl-navy);
font-size: 1rem;
}
.wpl-woo .woocommerce-Addresses {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
}
.wpl-woo .woocommerce-Address {
width: auto;
padding: 22px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-panel);
float: none;
}
.wpl-woo .woocommerce-Address-title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 12px;
}
.wpl-woo .woocommerce-Address-title h2 {
margin: 0;
font-size: var(--wpl-fs-h4);
}
.wpl-woo .woocommerce-Address-title .edit {
display: inline-flex;
align-items: center;
min-height: 44px;
color: var(--wpl-navy);
font-size: var(--wpl-fs-small);
font-weight: 600;
text-decoration-color: var(--wpl-tyrkys);
text-underline-offset: 3px;
}
.wpl-woo .woocommerce-Address address {
font-style: normal;
line-height: 1.7;
}
.wpl-woo :is(.woocommerce-EditAccountForm, .woocommerce-address-fields, .woocommerce-ResetPassword) {
max-width: 720px;
}
.wpl-woo .woocommerce-EditAccountForm {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
}
.wpl-woo .woocommerce-EditAccountForm > * {
grid-column: 1 / -1;
margin: 0;
}
.wpl-woo .woocommerce-EditAccountForm fieldset {
display: flex;
flex-direction: column;
gap: 16px;
margin: 8px 0 0;
padding: 20px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-card);
}
.wpl-woo .woocommerce-EditAccountForm legend {
padding: 0 6px;
color: var(--wpl-navy);
font-weight: 700;
}
.wpl-woo .woocommerce-EditAccountForm fieldset .form-row {
margin: 0;
}
.wpl-woo .woocommerce-address-fields > p:last-child {
margin: 20px 0 0;
}
.wpl-woo #customer_login {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 24px;
}
.wpl-woo #customer_login > :is(.u-column1, .u-column2) {
width: auto;
padding: 24px;
border-radius: var(--wpl-radius-panel);
float: none;
}
.wpl-woo #customer_login > .u-column1 {
border: 1px solid var(--wpl-line);
background: var(--wpl-bg);
}
.wpl-woo #customer_login > .u-column2 {
background: var(--wpl-bg-soft);
}
.wpl-woo #customer_login h2,
.wpl-woo--account .woocommerce > h2 {
margin: 0 0 18px;
font-size: var(--wpl-fs-h3);
}
.wpl-woo #customer_login form {
margin: 0;
padding: 0;
border: 0;
background: transparent;
}
.wpl-woo--account .woocommerce > form.login,
.wpl-woo--account .woocommerce > .woocommerce-ResetPassword {
max-width: 560px;
padding: 24px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-panel);
background: var(--wpl-bg);
}
.wpl-woo form.login .form-row:has(.woocommerce-form-login__submit) {
gap: 16px;
}
.wpl-woo form.login .woocommerce-form-login__submit {
width: 100%;
min-height: 52px;
}
.wpl-woo .woocommerce-form-register .button {
width: 100%;
min-height: 52px;
}
.wpl-woo .lost_password {
margin: 4px 0 0;
}
.wpl-woo .lost_password a {
display: inline-flex;
align-items: center;
min-height: 44px;
color: var(--wpl-navy);
font-size: var(--wpl-fs-small);
font-weight: 600;
text-decoration-color: var(--wpl-tyrkys);
text-underline-offset: 3px;
}
.wpl-account-register__intro,
.wpl-woo .woocommerce-form-register > p:not(.form-row),
.wpl-woo .woocommerce-privacy-policy-text p {
margin: 0 0 16px;
color: var(--wpl-text-muted);
font-size: 0.9375rem;
line-height: 1.6;
}
.wpl-woo .woocommerce-ResetPassword > p:first-child {
margin: 0 0 16px;
color: var(--wpl-text-muted);
}
.wpl-woo .subscription_details .button {
min-height: 44px;
margin: 4px 8px 4px 0;
font-size: var(--wpl-fs-small);
}
.wpl-woo .subscription_details .button.cancel {
box-shadow: inset 0 0 0 1.5px var(--wpl-error);
color: var(--wpl-error);
}
.wpl-woo .subscription_details .button.cancel:hover {
background: var(--wpl-error-tint);
color: var(--wpl-error);
}
@media (min-width: 768px) {
.wpl-account-actions,
.wpl-woo .woocommerce-Addresses {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.wpl-facts-grid {
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
.wpl-woo .woocommerce-EditAccountForm {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.wpl-woo .woocommerce-EditAccountForm > .form-row-first {
grid-column: 1;
}
.wpl-woo .woocommerce-EditAccountForm > .form-row-last {
grid-column: 2;
}
.wpl-woo #customer_login > :is(.u-column1, .u-column2),
.wpl-woo--account .woocommerce > form.login,
.wpl-woo--account .woocommerce > .woocommerce-ResetPassword {
padding: 40px;
}
}
@media (min-width: 1024px) {
.wpl-woo--account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.wpl-woo--account .woocommerce > .woocommerce-MyAccount-navigation {
grid-column: 1 / span 3;
}
.wpl-woo--account .woocommerce > .woocommerce-MyAccount-content {
grid-column: 4 / span 9;
}
.wpl-woo #customer_login {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
}
.wpl-anav__list {
flex-direction: column;
gap: 4px;
margin: 0;
padding: 0;
overflow: visible;
}
.wpl-anav__link {
gap: 12px;
width: 100%;
min-height: 48px;
padding: 0 14px;
border: 0;
border-radius: var(--wpl-radius-field);
background: transparent;
color: var(--wpl-text);
font-size: 0.9375rem;
font-weight: 500;
}
.wpl-anav__link .wpl-icon {
display: inline-block;
}
.wpl-anav__link:hover {
background: var(--wpl-bg-soft);
color: var(--wpl-navy);
}
.wpl-anav__link[aria-current="page"],
.wpl-anav__item.is-active > .wpl-anav__link {
font-weight: 600;
}
.woocommerce-MyAccount-navigation-link--customer-logout {
display: block;
}
.wpl-account-logout {
display: none;
}
}
.woocommerce-MyAccount-content table.shop_table {
width: 100%;
border: 1px solid var(--wpl-line);
border-spacing: 0;
border-collapse: separate;
border-radius: var(--wpl-radius-panel);
background: var(--wpl-bg);
font-size: 0.9375rem;
}
.woocommerce-MyAccount-content table.shop_table :is(th, td) {
padding: 14px 16px;
border-bottom: 1px solid var(--wpl-line);
text-align: left;
vertical-align: middle;
}
.woocommerce-MyAccount-content table.shop_table thead th {
color: var(--wpl-text-muted);
font-size: 0.8125rem;
font-weight: 600;
}
.woocommerce-MyAccount-content table.shop_table tbody tr:last-child :is(th, td),
.woocommerce-MyAccount-content table.shop_table tfoot tr:last-child :is(th, td) {
border-bottom: 0;
}
.woocommerce-MyAccount-content table.shop_table :is(.woocommerce-orders-table__cell-order-number, .subscription-id) a {
color: var(--wpl-navy);
font-weight: 700;
text-decoration: none;
}
.woocommerce-MyAccount-content table.shop_table :is(.woocommerce-orders-table__cell-order-total, .subscription-total) {
color: var(--wpl-navy);
font-weight: 700;
}
.woocommerce-MyAccount-content table.shop_table .button {
min-height: 44px;
margin: 2px 6px 2px 0;
padding: 0 16px;
font-size: var(--wpl-fs-small);
}
@media (max-width: 767px) {
.woocommerce-MyAccount-content table.shop_table_responsive thead {
display: none;
}
.woocommerce-MyAccount-content table.shop_table_responsive,
.woocommerce-MyAccount-content table.shop_table_responsive :is(tbody, tr) {
display: block;
}
.woocommerce-MyAccount-content table.shop_table_responsive tr {
padding: 10px 16px;
border-bottom: 1px solid var(--wpl-line);
}
.woocommerce-MyAccount-content table.shop_table_responsive tr:last-child {
border-bottom: 0;
}
.woocommerce-MyAccount-content table.shop_table_responsive :is(th, td) {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 4px 16px;
padding: 6px 0;
border: 0;
text-align: right;
}
.woocommerce-MyAccount-content table.shop_table_responsive :is(th, td)[data-title]::before {
content: attr(data-title);
color: var(--wpl-text-muted);
font-size: 0.8125rem;
font-weight: 600;
text-align: left;
}
}
.woocommerce-pagination--without-numbers {
display: flex;
justify-content: space-between;
gap: 12px;
margin-top: 16px;
}
.wpl-woo :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) {
color: var(--wpl-text);
font-family: var(--wpl-font-body);
}
.wpl-woo :is(.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout) :is(h1, h2, h3, .wc-block-components-title, .wc-block-components-checkout-step__title) {
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-weight: 700;
}
.wpl-woo .wc-block-components-button:not(.is-link) {
min-height: 52px;
border: 0;
border-radius: var(--wpl-radius-pill);
background: var(--wpl-navy);
color: #FFFFFF;
font-weight: 600;
text-decoration: none;
}
.wpl-woo .wc-block-components-button:not(.is-link):hover {
background: var(--wpl-navy-hover);
color: #FFFFFF;
}
.wpl-woo .wc-block-components-button.outlined:not(.is-link) {
background: transparent;
box-shadow: inset 0 0 0 1.5px var(--wpl-navy);
color: var(--wpl-navy);
}
.wpl-woo :is(.wc-block-components-text-input input, .wc-block-components-textarea, .wc-blocks-components-select__select, .wc-block-components-combobox .components-combobox-control input.components-combobox-control__input) {
border-color: var(--wpl-l-field);
border-radius: var(--wpl-radius-field);
}
.wpl-woo :is(.wc-block-components-text-input input, .wc-block-components-textarea, .wc-blocks-components-select__select, .wc-block-components-combobox .components-combobox-control input.components-combobox-control__input):focus {
border-color: var(--wpl-tyrkys);
outline: none;
box-shadow: 0 0 0 3px var(--wpl-l-ring);
}
.wpl-woo .wc-block-components-text-input.has-error input,
.wpl-woo .wc-block-components-textarea.has-error {
border-color: var(--wpl-error);
box-shadow: 0 0 0 3px var(--wpl-l-ring-error);
}
.wpl-woo .wc-block-components-validation-error {
color: var(--wpl-error);
}
.wpl-woo :is(.wc-block-components-radio-control__option, .wc-block-components-radio-control-accordion-option) {
border-radius: var(--wpl-radius-card);
}
.wpl-woo :is(.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option--checked-option-highlighted, .wc-block-components-radio-control-accordion-option--checked-option-highlighted) {
box-shadow: inset 0 0 0 2px var(--wpl-navy);
}
.wpl-woo .wc-block-components-radio-control__input:checked {
border-color: var(--wpl-navy);
}
.wpl-woo .wc-block-components-radio-control__input:checked::before {
background: var(--wpl-navy);
}
.wpl-woo .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
border-color: var(--wpl-l-check);
border-radius: 6px;
}
.wpl-woo .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {
border-color: var(--wpl-navy);
background: var(--wpl-navy);
}
.wpl-woo .wc-block-components-checkbox .wc-block-components-checkbox__mark {
fill: #FFFFFF;
}
.wpl-woo :is(.wp-block-woocommerce-checkout-order-summary-block, .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block) {
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-panel);
background: var(--wpl-bg);
}
.wpl-woo .wc-block-components-totals-footer-item :is(.wc-block-components-totals-item__label, .wc-block-components-totals-item__value) {
color: var(--wpl-navy);
font-weight: 700;
}
.wpl-woo .wc-block-components-product-name {
color: var(--wpl-navy);
font-weight: 700;
text-decoration: none;
}
.wpl-woo .wc-block-cart-items th {
color: var(--wpl-text-muted);
font-size: 0.8125rem;
font-weight: 600;
}
.wpl-woo .wc-block-cart-item__remove-link {
color: var(--wpl-text-muted);
}
.wpl-woo .wc-block-components-quantity-selector {
border-radius: var(--wpl-radius-field);
}
.wpl-woo .wc-block-components-notice-banner {
border: 0;
border-radius: var(--wpl-radius-card);
background: var(--wpl-info-tint);
color: var(--wpl-text);
}
.wpl-woo .wc-block-components-notice-banner > svg {
border-radius: 50%;
background: var(--wpl-info);
fill: #FFFFFF;
}
.wpl-woo .wc-block-components-notice-banner.is-success {
background: var(--wpl-success-tint);
}
.wpl-woo .wc-block-components-notice-banner.is-success > svg {
background: var(--wpl-success);
}
.wpl-woo .wc-block-components-notice-banner.is-error {
background: var(--wpl-error-tint);
}
.wpl-woo .wc-block-components-notice-banner.is-error > svg {
background: var(--wpl-error);
}
.wpl-woo .wc-block-components-notice-banner.is-warning {
background: var(--wpl-warning-tint);
}
.wpl-woo .wc-block-components-notice-banner.is-warning > svg {
background: var(--wpl-warning);
}
.wpl-qr-box {
display: flex;
flex-direction: column;
gap: 14px;
padding: 22px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-panel);
background: var(--wpl-bg);
}
.wpl-qr-box__title {
margin: 0;
font-size: var(--wpl-fs-h4);
}
.wpl-qr-box__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px 24px;
}
.wpl-qr-box__code {
flex: 0 0 auto;
max-width: 100%;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-field);
overflow: hidden;
line-height: 0;
}
.wpl-qr-box__svg {
width: 200px;
max-width: 100%;
height: auto;
}
.wpl-qr-box__body {
display: flex;
flex: 1 1 220px;
flex-direction: column;
gap: 10px;
min-width: 0;
}
.wpl-qr-box__meta {
display: flex;
flex-direction: column;
gap: 4px;
margin: 0;
color: var(--wpl-text-muted);
font-size: 0.9375rem;
}
.wpl-qr-box__meta strong {
color: var(--wpl-navy);
overflow-wrap: anywhere;
}
.wpl-qr-box__hint {
margin: 0;
font-size: 0.9375rem;
line-height: 1.6;
}
@media (min-width: 768px) {
.wpl-qr-box {
padding: 28px;
}
}