.woocommerce-checkout h3,
.woocommerce-billing-fields > h3,
.woocommerce-shipping-fields > h3,
.woocommerce-additional-fields > h3,
.woocommerce-checkout-review-order h3,
#order_review_heading,
.woocommerce h2.woocommerce-order-details__title,
.woocommerce h2.woocommerce-column__title,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
font-family: var(--oggi-font-display) !important;
font-weight: 800 !important;
color: var(--oggi-navy) !important;
font-size: 22px !important;
letter-spacing: -.3px;
margin: 28px 0 16px !important;
line-height: 1.2;
}
.woocommerce-billing-fields h3:first-child,
.woocommerce-shipping-fields h3:first-child {
margin-top: 0 !important;
}
.woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.woocommerce-notice,
.woocommerce-noreviews {
position: relative !important;
background: var(--oggi-navy-50, #E6EDF7) !important;
border: none !important;
border-left: 3px solid var(--oggi-navy) !important;
border-radius: 10px !important;
color: var(--oggi-navy) !important;
font-family: var(--oggi-font-display) !important;
font-size: 14px !important;
font-weight: 500 !important;
padding: 16px 20px 16px 52px !important;
margin: 0 0 20px !important;
list-style: none !important;
line-height: 1.5 !important;
min-height: 0 !important;
}
.woocommerce-message {
background: var(--oggi-lime-50, #F1FADC) !important;
border-left-color: var(--oggi-lime, #84CC16) !important;
color: var(--oggi-navy) !important;
}
.woocommerce-error {
background: #FEF2F2 !important;
border-left-color: var(--oggi-red, #E11D48) !important;
color: #7F1D1D !important;
}
.woocommerce-info::before,
.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-notice::before {
position: absolute !important;
top: 50% !important;
left: 18px !important;
right: auto !important;
transform: translateY(-50%) !important;
color: inherit !important;
font-size: 16px !important;
width: 22px;
height: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1 !important;
opacity: .9;
}
.woocommerce-info a,
.woocommerce-message a,
.woocommerce-notice a {
color: var(--oggi-navy) !important;
font-weight: 700 !important;
text-decoration: underline !important;
text-decoration-thickness: 1px !important;
text-underline-offset: 3px !important;
margin-left: 4px;
transition: color .15s ease;
}
.woocommerce-info a:hover,
.woocommerce-message a:hover,
.woocommerce-notice a:hover {
color: var(--oggi-lime-700, #4D7C0F) !important;
}
.woocommerce-info .button,
.woocommerce-message .button,
.woocommerce-error .button {
background: var(--oggi-navy) !important;
color: #fff !important;
border-radius: 999px !important;
padding: 8px 14px !important;
font-size: 13px !important;
font-weight: 700 !important;
border: none !important;
text-transform: none !important;
margin-left: 12px;
}
.woocommerce-info .button:hover,
.woocommerce-message .button:hover {
background: var(--oggi-navy-700, #14305F) !important;
color: #fff !important;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-page form .form-row select {
background: #fff !important;
border: 1px solid var(--oggi-line, #E5E7EB) !important;
border-radius: 10px !important;
padding: 12px 14px !important;
font-family: var(--oggi-font-display) !important;
font-size: 14px !important;
color: var(--oggi-ink, #1F2937) !important;
transition: border-color .15s ease, box-shadow .15s ease !important;
box-shadow: none !important;
line-height: 1.4 !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce-page form .form-row input.input-text:focus,
.woocommerce-page form .form-row textarea:focus,
.woocommerce-page form .form-row select:focus {
outline: none !important;
border-color: var(--oggi-lime, #84CC16) !important;
box-shadow: 0 0 0 3px rgba(132, 204, 22, .18) !important;
}
body.woocommerce-checkout form.checkout_coupon .form-row input.input-text,
body.woocommerce-checkout form.woocommerce-form-login .form-row input.input-text {
font-size: 16px !important;
padding: 10px 14px !important;
}
.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row textarea::placeholder {
color: var(--oggi-muted, #94A3B8);
opacity: .85;
}
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
font-family: var(--oggi-font-display) !important;
font-weight: 600 !important;
color: var(--oggi-navy) !important;
font-size: 13px !important;
margin: 0 0 6px !important;
display: block;
line-height: 1.3;
}
.woocommerce form .form-row .required,
.required,
abbr.required {
color: var(--oggi-red, #E11D48) !important;
text-decoration: none !important;
font-weight: 700;
margin-left: 2px;
}
.select2-container--default .select2-selection--single {
height: 46px !important;
border: 1px solid var(--oggi-line, #E5E7EB) !important;
border-radius: 10px !important;
background: #fff !important;
font-family: var(--oggi-font-display) !important;
transition: border-color .15s ease, box-shadow .15s ease;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
border-color: var(--oggi-lime, #84CC16) !important;
box-shadow: 0 0 0 3px rgba(132, 204, 22, .18) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 44px !important;
padding-left: 14px !important;
color: var(--oggi-ink, #1F2937) !important;
font-size: 14px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 44px !important;
right: 6px !important;
}
.select2-dropdown {
border: 1px solid var(--oggi-line, #E5E7EB) !important;
border-radius: 10px !important;
overflow: hidden;
font-family: var(--oggi-font-display) !important;
box-shadow: 0 10px 30px rgba(15, 40, 71, .08);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background: var(--oggi-lime, #84CC16) !important;
color: var(--oggi-navy) !important;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
background: var(--oggi-lime-50, #F1FADC) !important;
color: var(--oggi-navy) !important;
}
.select2-search--dropdown .select2-search__field {
border: 1px solid var(--oggi-line) !important;
border-radius: 8px !important;
padding: 8px 10px !important;
font-family: var(--oggi-font-display);
font-size: 13px;
}
.woocommerce-checkout-review-order-table {
border: 1px solid var(--oggi-line, #E5E7EB) !important;
border-radius: 12px !important;
overflow: hidden;
font-family: var(--oggi-font-display) !important;
}
.woocommerce-checkout-review-order-table thead th,
.woocommerce-checkout-review-order-table tfoot th {
background: var(--oggi-navy-50, #E6EDF7) !important;
color: var(--oggi-navy) !important;
font-weight: 800 !important;
font-size: 13px !important;
letter-spacing: .3px;
}
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
padding: 12px 16px !important;
border-color: var(--oggi-line, #E5E7EB) !important;
}
#payment,
.woocommerce-checkout #payment {
background: var(--oggi-navy-50, #E6EDF7) !important;
border-radius: 12px !important;
padding: 16px !important;
}
#payment ul.payment_methods {
border-bottom: 1px solid var(--oggi-line, #E5E7EB) !important;
}
#payment div.payment_box {
background: #fff !important;
border-radius: 10px !important;
color: var(--oggi-ink, #1F2937) !important;
font-family: var(--oggi-font-display);
}
#payment div.payment_box::before {
border-color: transparent transparent #fff transparent !important;
}
.woocommerce-checkout #payment #place_order,
.woocommerce-checkout button[name="woocommerce_checkout_place_order"],
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
background: var(--oggi-navy) !important;
border: none !important;
color: #fff !important;
font-family: var(--oggi-font-display) !important;
font-weight: 800 !important;
border-radius: 999px !important;
padding: 14px 28px !important;
font-size: 15px !important;
letter-spacing: .2px;
transition: background .15s ease !important;
box-shadow: none !important;
}
.woocommerce-checkout #payment #place_order:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
background: var(--oggi-navy-700, #14305F) !important;
color: #fff !important;
}
.woocommerce table.shop_table {
border: 1px solid var(--oggi-line) !important;
border-radius: 12px !important;
border-collapse: separate !important;
border-spacing: 0 !important;
overflow: hidden;
font-family: var(--oggi-font-display);
}
.woocommerce table.shop_table thead th {
background: var(--oggi-navy-50) !important;
color: var(--oggi-navy) !important;
font-weight: 800 !important;
}
.woocommerce .cart .coupon input[type="text"] {
margin-right: 8px;
}
.woocommerce-MyAccount-navigation ul li {
font-family: var(--oggi-font-display);
}
.woocommerce-MyAccount-navigation ul li a {
color: var(--oggi-navy) !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
font-weight: 800;
color: var(--oggi-lime-700, #4D7C0F) !important;
}