/* Import Inter and Source Serif 4 fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Source+Serif+4:wght@600&display=swap');

/* Global Font Rules */
body, p, span, li, a, div, input, textarea, button, td, strong, b {
  font-family: 'Inter', sans-serif !important;
  font-weight: 400;
  color: inherit;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Source Serif 4', serif !important;
  font-weight: 600 !important;
  color: inherit;
}

/* Preserve your original site styles below */

/* WhatsApp box */
#qlwapp .qlwapp-box {
  pointer-events: all;
  padding-bottom: 6px;
}

/* Buttons */
.w3eden .btn-primary {
  color: #fff;
  background-color: #051135;
  border-color: #1C221C;
}

.w3eden b, .w3eden strong {
  font-weight: 600;
  font-size: 18px;
}

/* Table cells */
td {
  font-size: 16px;
}

/* Language switcher */
.gt_float_switcher .gt-selected .gt-current-lang {
  padding: 2px 2px;
  color: #333;
  font-weight: 400;
  font-size: 16px !important;
}

/* Footer position */
#footer,
footer {
  position: static !important;
  width: 100%;
  bottom: 0;
}

/* Mobile Menu */
.premium-ver-hamburger-menu .premium-mobile-menu-outer-container {
  background-color: #f7f7f7;
  width: 300px;
  transform: translateX(-300px);
  height: auto;
  border-radius: 8px;
  margin: 10px;
}


/* Hide Related Products */
section.related.products {
  display: none;
}

/* Order Details Page Fonts */
.woocommerce-order,
.woocommerce-order * {
  font-family: 'Inter', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  text-align: left !important;
}

/* Thank You Message */
.woocommerce-notice--success {
  font-size: 16px !important;
  margin-bottom: 20px;
  padding: 12px 20px;
  border: 1px solid #ddd;
  background-color: #ffffff !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  text-align: left !important;
  font-weight: 600;
}

/* Order Overview Table */
.woocommerce-order-overview {
  display: table;
  width: 100%;
  max-width: 600px;
  margin: 0 auto 20px;
  border: 1px solid #ddd;
  border-collapse: collapse;
  background-color: #ffffff !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.woocommerce-order-overview li {
  display: table-row;
  font-size: 16px !important;
}

.woocommerce-order-overview li > * {
  display: table-cell;
  padding: 12px 20px;
  border-bottom: 1px solid #ddd;
  text-align: left !important;
}

.woocommerce-order-overview li:last-child > * {
  border-bottom: none;
}

.woocommerce-order-overview strong {
  font-size: 16px !important;
  font-weight: 600;
}

/* Bank Details */
.wc-bacs-bank-details {
  display: table;
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  border: 1px solid #ddd;
  border-collapse: collapse;
  background-color: #ffffff !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.wc-bacs-bank-details-heading,
.wc-bacs-bank-details-account-name {
  display: table-row;
  font-size: 16px !important;
  font-weight: 600;
  background-color: #ffffff !important;
}

.wc-bacs-bank-details-heading > *,
.wc-bacs-bank-details-account-name > * {
  display: table-cell;
  padding: 12px 20px;
  border-bottom: 1px solid #ddd;
  text-align: left !important;
}

.wc-bacs-bank-details ul {
  display: table-row-group;
}

.wc-bacs-bank-details li {
  display: table-row;
  font-size: 16px !important;
}

.wc-bacs-bank-details li > * {
  display: table-cell;
  padding: 12px 20px;
  border-bottom: 1px solid #ddd;
  text-align: left !important;
}

.wc-bacs-bank-details li:last-child > * {
  border-bottom: none;
}

.wc-bacs-bank-details strong {
  font-size: 16px !important;
  font-weight: 600;
}

/* Order Details Table */
.woocommerce-table--order-details {
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  border: 1px solid #ddd;
  border-collapse: collapse;
  background-color: #ffffff !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
  font-size: 16px !important;
  padding: 12px 20px;
  border-bottom: 1px solid #ddd;
  text-align: left !important;
}

.woocommerce-table--order-details th {
  font-weight: 600;
  background-color: #ffffff !important;
}

/* Billing Address */
.woocommerce-customer-details {
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  border: 1px solid #ddd;
  background-color: #ffffff !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 12px 20px;
}

.woocommerce-customer-details h2,
.woocommerce-customer-details address,
.woocommerce-customer-details p {
  font-size: 16px !important;
  text-align: left !important;
}

/* Links and strong text */
.woocommerce-order a,
.woocommerce-order strong {
  font-size: 16px !important;
  text-align: left !important;
}

/* Hide Product Price and Meta */
#product-20427 > div > div.summary.entry-summary > p span,
#product-20427 > div > div.summary.entry-summary > div,
.product_meta {
  display: none !important;
}



/* This part downwards is for the newsletter form Css */
  #customForm p { display: inline; }

  .quick_form_5_css * {
    box-sizing: border-box !important;
    overflow-wrap: break-word;
  }

  .quick_form_5_css {
    background-color: #ff6161;
    width: 100% !important;
    max-width: 861px;
    margin: 0 auto;
    overflow: hidden;
    font-family: Arial, sans-serif;
    padding: 20px 0;
    text-align: center;
    border: none !important; /* ✅ remove unwanted border */
  }

  .SIGNUP_FLD {
    width: 30%;
    margin: 0 1%;
    display: inline-block;
    vertical-align: middle;
  }

  .SIGNUP_FLD input {
    width: 100%;
    height: 45px;
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid #d6cdcd;
    background-color: #fff;
    outline: none;
    border-radius: 3px;
  }

  #zcWebOptin {
    text-align: center;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    background-color: #434343;
    border-radius: 3px;
    height: 45px;
    transition: background 0.3s;
  }

  #zcWebOptin:hover {
    background-color: #222;
  }

  /* Responsive fix for mobile */
  @media only screen and (max-width: 768px) {
    .quick_form_5_css {
      padding: 15px;
      height: auto !important;
    }

    .SIGNUP_FLD {
      width: 100% !important;
      margin: 8px 0 !important;
      display: block !important;
    }

    #zcWebOptin {
      width: 100% !important;
      display: block !important;
    }
  }


 /* add_to_cart_button Color */
.single_add_to_cart_button {
  background-color: #333333 !important;
  border: 3px solid #333333 !important;
  color: #ffffff !important;
  padding: 12px 25px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}

.single_add_to_cart_button:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 3px solid #333333 !important;
}

.single_add_to_cart_button:active,
.single_add_to_cart_button:focus {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 3px solid #333333 !important;
  outline: none !important;
}

/* === Style the 'View Cart' Button inside WooCommerce Notice === */
.woocommerce-message .button.wc-forward {
  background-color: #333333 !important;
  color: #ffffff !important;
  border: 3px solid #333333 !important;
  font-weight: 600 !important;
  padding: 10px 22px !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
  text-transform: none !important;
}

/* Hover effect */
.woocommerce-message .button.wc-forward:hover {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 3px solid #333333 !important;
}

/* When clicked or focused, keep the hover style */
.woocommerce-message .button.wc-forward:active,
.woocommerce-message .button.wc-forward:focus {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 3px solid #333333 !important;
  outline: none !important;
}

/* === WooCommerce Message Box Styling === */
.woocommerce-message {
  background-color: #333333 !important; /* dark background */
  color: #ffffff !important; /* white text */
  border: 3px solid #333333 !important;
  padding: 15px 20px !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
}

/* Ensure text links inside the message are white too */
.woocommerce-message a {
  color: #ffffff !important;
  text-decoration: underline;
}

/* === 'View Cart' Button Styling === */
.woocommerce-message .button.wc-forward {
  background-color: #ffffff !important; /* white background */
  color: #000000 !important; /* black text */
  border: 3px solid #ffffff !important;
  font-weight: 600 !important;
  padding: 10px 22px !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
}

/* Hover and Active Effects */
.woocommerce-message .button.wc-forward:hover,
.woocommerce-message .button.wc-forward:active,
.woocommerce-message .button.wc-forward:focus {
  background-color: #333333 !important;
  color: #ffffff !important;
  border: 3px solid #ffffff !important;
  outline: none !important;
}

/* === Proceed to Checkout Button === */
.wc-block-cart__submit-button {
  background-color: #333333 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 12px 25px !important;
  font-size: 16px !important;
  border-radius: 5px !important;
  text-transform: uppercase;
  transition: all 0.3s ease !important;
}

.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button:focus,
.wc-block-cart__submit-button:active {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 3px solid #333333 !important;
}

/* === Place Order Button === */
.wc-block-components-checkout-place-order-button {
  background-color: #333333 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 12px 25px !important;
  font-size: 16px !important;
  border-radius: 5px !important;
  text-transform: uppercase;
  transition: all 0.3s ease !important;
}

.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-checkout-place-order-button:focus,
.wc-block-components-checkout-place-order-button:active {
  background-color: #ffffff !important;
  color: #000000 !important;
  border: 3px solid #333333 !important;
}

/* === Cart Page Mobile Spacing === */
@media (max-width: 768px) {
  .woocommerce-cart,
  .wc-block-cart {
    margin-top: 50px !important;
  }
}