/* WooCommerce styling aligned to theme palette */

:root {
  --mbm-primary: #284B63;
  --mbm-primary-dark: #1e3a4f;
  --mbm-heading: #3c6e71;
  --mbm-white: #ffffff;
  --mbm-text: #333333;
  --mbm-gray: #777777;
  --mbm-border: #e5e5e5;
  --mbm-tint: #eef4f7;
}

.woocommerce,
.woocommerce-page {
  color: var(--mbm-text);
}

.woocommerce a {
  color: inherit;
}

.woocommerce a:hover {
  color: var(--mbm-heading);
}

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.add_to_cart_button,
.woocommerce button.alt,
.woocommerce input.button.alt,
.woocommerce a.button.alt,
.woocommerce #respond input#submit.alt {
  background: linear-gradient(135deg, var(--mbm-primary) 0%, var(--mbm-heading) 100%);
  color: var(--mbm-white);
  border: 0;
  border-radius: 8px;
  padding: 12px 18px;
  font-weight: 600;
  line-height: 1.2;
  box-shadow: 0 4px 14px rgba(40, 75, 99, 0.25);
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.add_to_cart_button:hover,
.woocommerce button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce #respond input#submit.alt:hover {
  color: var(--mbm-white);
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(40, 75, 99, 0.32);
  opacity: 0.98;
}

.woocommerce a.button:disabled,
.woocommerce button.button:disabled,
.woocommerce input.button:disabled,
.woocommerce button.button.disabled,
.woocommerce input.button.disabled {
  opacity: 0.6;
  transform: none;
  box-shadow: none;
}

/* Secondary / plain buttons (like "Update cart") */
.woocommerce button.button:not(.alt),
.woocommerce input.button:not(.alt),
.woocommerce a.button:not(.alt) {
  background: var(--mbm-tint);
  color: var(--mbm-primary-dark);
  box-shadow: none;
  border: 1px solid rgba(40, 75, 99, 0.18);
}

.woocommerce button.button:not(.alt):hover,
.woocommerce input.button:not(.alt):hover,
.woocommerce a.button:not(.alt):hover {
  background: rgba(60, 110, 113, 0.10);
  color: var(--mbm-primary-dark);
}

/* Forms */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .quantity .qty,
.woocommerce-cart table.cart td.actions .coupon .input-text {
  border: 1px solid var(--mbm-border);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.2;
  box-shadow: none;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce .quantity .qty:focus,
.woocommerce-cart table.cart td.actions .coupon .input-text:focus {
  outline: none;
  border-color: var(--mbm-heading);
  box-shadow: 0 0 0 3px rgba(60, 110, 113, 0.12);
}

.woocommerce form .form-row label {
  font-weight: 600;
  color: var(--mbm-primary);
  margin-bottom: 6px;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  border-radius: 12px;
  border-color: var(--mbm-border);
}

/* Notices */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
  border-top: 0;
  border-left: 4px solid var(--mbm-primary);
  border-radius: 12px;
  background: var(--mbm-tint);
  color: var(--mbm-primary-dark);
  padding: 14px 16px 14px 42px;
}

.woocommerce .woocommerce-error {
  border-left-color: #e74c3c;
}

.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-error::before {
  top: 14px;
  left: 16px;
}

/* Cart / Checkout tables */
.woocommerce table.shop_table {
  border: 1px solid var(--mbm-border);
  border-radius: 12px;
  overflow: hidden;
}

.woocommerce table.shop_table th {
  background: var(--mbm-tint);
  color: var(--mbm-primary-dark);
  font-weight: 700;
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
  padding: 14px 12px;
}

.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
  background: var(--mbm-white);
  border: 1px solid var(--mbm-border);
  border-radius: 12px;
  padding: 18px;
}

.woocommerce-cart .cart-collaterals .cart_totals h2,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout h3 {
  color: var(--mbm-primary);
  font-weight: 800;
}

/* Checkout payment box */
.woocommerce-checkout #payment {
  border-radius: 12px;
  background: var(--mbm-tint);
}

.woocommerce-checkout #payment ul.payment_methods {
  border-bottom-color: rgba(40, 75, 99, 0.15);
}

.woocommerce-checkout #payment div.payment_box {
  background: var(--mbm-white);
  border: 1px solid rgba(40, 75, 99, 0.14);
  border-radius: 10px;
}

.woocommerce-checkout #payment div.payment_box::before {
  border-bottom-color: var(--mbm-white);
}

/* Shop (archive) */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--mbm-primary-dark);
  font-weight: 700;
}

.woocommerce ul.products li.product .price {
  color: var(--mbm-heading);
  font-weight: 800;
}

/* My Account navigation */
.woocommerce-MyAccount-navigation ul {
  border: 1px solid var(--mbm-border);
  border-radius: 12px;
  overflow: hidden;
}

.woocommerce-MyAccount-navigation li a {
  padding: 12px 14px;
  display: block;
  background: var(--mbm-white);
}

.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
  background: var(--mbm-tint);
  color: var(--mbm-heading);
}

/* Small fixes for Bootstrap theme consistency */
.woocommerce .select2-container--default .select2-selection--single {
  height: 42px;
  border: 1px solid var(--mbm-border);
  border-radius: 8px;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
  padding-left: 12px;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

/* ================================
   WooCommerce Blocks (Cart/Checkout)
   ================================ */
.wc-block-components-notice-banner,
.wc-block-components-notice-snackbar {
  border-radius: 12px;
}

.wc-block-components-notice-banner {
  background: var(--mbm-tint);
  border: 1px solid rgba(40, 75, 99, 0.14);
}

.wc-block-components-notice-banner__content,
.wc-block-components-notice-banner__content a {
  color: var(--mbm-primary-dark);
}

.wc-block-cart,
.wc-block-checkout {
  color: var(--mbm-text);
}

.wc-block-components-title,
.wc-block-cart__totals-title,
.wc-block-checkout__title {
  color: var(--mbm-primary);
  font-weight: 800;
}

.wc-block-components-button,
.wc-block-components-button.wp-element-button,
.wc-block-cart__submit-button,
.wc-block-checkout__actions_row .wc-block-components-button {
  background: linear-gradient(135deg, var(--mbm-primary) 0%, var(--mbm-heading) 100%) !important;
  color: var(--mbm-white) !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(40, 75, 99, 0.25) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.wc-block-components-button:hover,
.wc-block-components-button:focus {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(40, 75, 99, 0.32) !important;
  opacity: 0.98;
}

.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-select .components-input-control__container select,
.wc-block-components-form .components-text-control__input,
.wc-block-components-form .components-select-control__input {
  border: 1px solid var(--mbm-border) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}

.wc-block-components-text-input input:focus,
.wc-block-components-text-input textarea:focus,
.wc-block-components-select .components-input-control__container select:focus,
.wc-block-components-form .components-text-control__input:focus,
.wc-block-components-form .components-select-control__input:focus {
  outline: none !important;
  border-color: var(--mbm-heading) !important;
  box-shadow: 0 0 0 3px rgba(60, 110, 113, 0.12) !important;
}

.wc-block-cart__items,
.wc-block-cart__totals,
.wc-block-checkout__order-summary,
.wc-block-checkout__sidebar {
  background: var(--mbm-white);
  border: 1px solid var(--mbm-border);
  border-radius: 12px;
}

.wc-block-cart__items {
  padding: 6px 0;
}

.wc-block-cart__totals,
.wc-block-checkout__sidebar {
  padding: 18px;
}

.wc-block-cart-item__product-name,
.wc-block-components-product-name {
  color: var(--mbm-primary-dark);
  font-weight: 700;
}

.wc-block-components-totals-item__label,
.wc-block-components-totals-item__value {
  color: var(--mbm-primary-dark);
}

.wc-block-components-totals-footer-item__label,
.wc-block-components-totals-footer-item__value {
  color: var(--mbm-heading);
  font-weight: 800;
}

/* "New in store" products shown on Cart (Blocks) */
.wc-block-grid__product-add-to-cart .wp-block-button__link,
.wc-block-grid__product-add-to-cart a.add_to_cart_button,
.wc-block-grid__product-add-to-cart a.button,
.wc-block-grid__product-add-to-cart a.wp-element-button,
.wc-block-components-product-button .wp-block-button__link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  border: 0 !important;
  text-decoration: none !important;
  background: linear-gradient(135deg, var(--mbm-primary) 0%, var(--mbm-heading) 100%) !important;
  color: var(--mbm-white) !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(40, 75, 99, 0.25) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link:hover,
.wc-block-components-product-button .wp-block-button__link:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(40, 75, 99, 0.32) !important;
  opacity: 0.98;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link:focus,
.wc-block-components-product-button .wp-block-button__link:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(60, 110, 113, 0.18) !important;
}