.sswcgc-checkout-block {
--light-grey: #d5d5d5;
--medium-grey: #757575;
--dark-grey: #2c3338;
} .sswcgc-checkout-block {
margin: 0;
padding: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
} .sswcgc-checkout-block .wc-block-components-totals-coupon-link {
display: block;
width: 100%;
padding: 1em 0;
text-align: left;
background: transparent;
border: 0;
cursor: pointer;
font-size: 1em;
font-weight: 400;
color: #2c3338;
text-decoration: underline;
transition: opacity 0.2s ease;
margin: 0;
}
.sswcgc-checkout-block .wc-block-components-totals-coupon-link:hover {
opacity: 0.7;
}
.sswcgc-checkout-block .wc-block-components-totals-coupon-link:focus {
outline: 1px dotted;
outline-offset: 2px;
} .sswcgc-checkout-block .wc-block-components-totals-coupon {
padding: 0;
background: transparent;
border: 0;
margin: 1em 0 0;
} .sswcgc-checkout-block .wc-block-components-totals-coupon__form {
margin: 0;
}
.sswcgc-checkout-block .wc-block-components-totals-coupon__content {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 0;
width: 100%;
} .sswcgc-checkout-block .wc-block-components-totals-coupon__input {
flex: 3 1 120px;
}
.sswcgc-checkout-block .wc-block-components-totals-coupon__input:focus {
outline: 0;
border-color: #007cba;
box-shadow: 0 0 0 1px #007cba;
}
.sswcgc-checkout-block .wc-block-components-totals-coupon__input::-moz-placeholder {
color: #757575;
opacity: 1;
}
.sswcgc-checkout-block .wc-block-components-totals-coupon__input::placeholder {
color: #757575;
opacity: 1;
}
.sswcgc-checkout-block .wc-block-components-totals-coupon__button:disabled {
opacity: 0.5;
cursor: not-allowed;
} .sswcgc-checkout-block .sswcgc-applied-cards {
margin-bottom: 1em;
}
.sswcgc-checkout-block .sswcgc-applied-card {
display: inline-flex;
justify-content: space-between;
align-items: center;
gap: 8px;
padding: 0.1em 0.7em 0.1em 1em;
background: var(--light-grey, #f7f7f7);
border-radius: 4px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.6);
margin: 0 0.5em 0.5em 0;
}
.sswcgc-checkout-block .sswcgc-applied-card__icon {
display: inline-flex;
}
.sswcgc-checkout-block .sswcgc-applied-card__icon svg {
width: 16px;
height: auto;
}
.sswcgc-checkout-block .sswcgc-applied-card__code {
font-family: 'Courier New', Courier, monospace;
font-size: 0.875em;
font-weight: 600;
color: #2c3338;
display: flex;
flex-grow: 1;
padding: 0.3em 0 0;
}
.sswcgc-checkout-block .sswcgc-applied-card__amount {
color: #2c7a2c;
font-weight: 600;
margin-left: auto;
}
.sswcgc-checkout-block .sswcgc-applied-card__remove {
background: transparent;
border: 0;
font-size: 1.25em;
line-height: 1;
cursor: pointer;
padding: 0.3em;
color: var(--medium-grey, #2c3338);
transition: color 0.2s ease;
}
.sswcgc-checkout-block .sswcgc-applied-card__remove:hover {
color: var(--dark-grey, #2c3338);
}
.sswcgc-checkout-block .sswcgc-applied-card__remove:focus {
outline: 2px solid var(--dark-grey, #2c3338);
outline-offset: 2px;
} .sswcgc-checkout-block .wc-block-components-notice-banner {
margin-bottom: 1em;
padding: 0.75em 1em;
border-radius: 4px;
}
.sswcgc-checkout-block .wc-block-components-notice-banner.is-error {
background: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
.sswcgc-checkout-block .wc-block-components-notice-banner.is-success {
background: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
} .wp-block-woocommerce-checkout-order-summary-totals-block {
display: flex;
flex-direction: column;
}
.wp-block-woocommerce-checkout-order-summary-fee-block {
order: 10;
}