/* ===== Two-Column Shop Layout ===== */
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
h1,h2,h3,h4,h5,h6{
   font-family: 'Marcellus', serif;
}
/* Main container for the shop page */
.o_wsale_products_main_row {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 20px;
}
/* Red button */
.s_website_form_send {
    background-color: #DC143C !important;  /* red background */
    border-color: #DC143C !important;      /* red border */
    color: #ffffff !important;             /* white text */
}

/* Optional: hover effect */
.s_website_form_send:hover {
    background-color: #b01030 !important;  /* darker red on hover */
    border-color: #b01030 !important;
}

/* Sidebar expanded to col-3 (wider than before) with better proportions */
#custom_products_sidebar {
  flex: 0 0 25% !important;
  width: 25% !important;
  margin-right: 0;
  padding: 0;
  background-color: white;
  border-radius: 0;
  border: none;
  max-height: fit-content;
  position: sticky;
  top: 20px;
  overflow: visible;
}

/* Products grid expanded to col-9 (fills remaining space) */
#products_grid {
  flex: 0 0 75% !important;
  width: 75% !important;
  margin-left: 0 !important;
}

/* ===== Hero Banner Styling ===== */

/* ================================
   HERO BANNER
   ================================ */
.origami-hero-banner {
    background: url('/Origami/static/images/menu.png') center/cover no-repeat;
    width: 100%;
    height: 360px;
    margin: 0;
    padding: 0;
}

.origami-hero-content {
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.hero-title {
    font-size: 52px;
    margin-bottom: 10px;
}

.hero-subtitle {
    font-size: 18px;
    opacity: 0.9;
}

/* ===== Sidebar Structure ===== */

/* Updated sidebar to use column layout: allergens on top, categories/subcategories below */
.origami-sidebar {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  margin-top: 5%;
}

/* Allergen box styling - full width at top */
.origami-allergen-box {
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px 12px;
  margin-bottom: 25px; /* spacing before categories */
  cursor: pointer;
  width: 100%;
}

.origami-allergen-box summary {
  list-style: none;
}

.origami-allergen-summary {
  font-weight: 600;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.origami-allergen-arrow {
  font-size: 16px;
}

.origami-allergen-content {
  margin-top: 12px;
  padding-left: 4px;
}

.origami-allergen-desc {
  font-size: 13px;
  color: #777;
  margin-bottom: 10px;
}

.origami-allergen-list {
  padding-left: 0;
  list-style: none;
  margin: 0;
}

.origami-allergen-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  font-size: 14px;
}

/* Categories + divider + subcategories wrapper - horizontal layout below allergen box */
.origami-categories-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0;
  width: 100%;
}

/* Categories column: simple text list on the left */
.origami-cat-col {
  flex: 0 0 40%;
  display: flex;
  flex-direction: column;
  gap: 0;
  border: none;
  padding: 0px 20px 0px 0;
  width: auto;
  align-items: flex-start;
  border-right: 1px solid #e0e0e0;
  padding-right: 20px;
}

/* Category list arranged vertically */
.origami-cat-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}

/* Category items: simple list format */
.origami-cat-item {
  margin: 0 !important;
  display: block;
  padding: 0;
}

/* Category links styled as simple text, no background or icon styling */
.origami-cat-link {
  width: auto;
  height: auto;
  border-radius: 0;
  display: block;
  background-color: transparent;
  color: #333;
  text-decoration: none;
  text-align: left;
  font-size: 13px;
  font-weight: 400;
  border: none;
  padding: 8px 0;
  transition: color 0.2s ease;
  cursor: pointer;
  flex-shrink: 0;
}

.origami-cat-link span {
  display: inline;
}

.origami-cat-link:hover {
  background-color: transparent;
  border-color: transparent;
  color: #dd5143;
}

.origami-cat-link.active {
  background-color: transparent;
  color: #dd5143;
  border-color: transparent;
  font-weight: 600;
}

/* Remove the ::after pseudo-element that was creating labels */
.origami-cat-item::after {
  display: none;
}

/* Subcategories wrapper takes the right side */
.origami-subcat-wrapper {
  flex: 0 0 60%;
  padding: 20px 0 20px 20px;
}

/* Subcategories block styling */
.origami-subcat-block {
  display: block;
}

.origami-subcat-block h4 {
  font-weight: 600;
  font-size: 14px;
  color: #333;
  margin-bottom: 16px;
  margin-top: 0;
}

/* Subcategories list styling */
.origami-subcat-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Subcategory links styling */
.origami-subcat-link {
  color: #666;
  text-decoration: none;
  font-size: 13px;
  padding: 8px 0;
  transition: color 0.2s ease;
  cursor: pointer;
}

.origami-subcat-link:hover {
  color: #dd5143;
}

.origami-subcat-link.active {
  color: #dd5143;
  font-weight: 600;
}

/* sidebar-wrapper displays vertically (stacked) */
.sidebar-wrapper {
  display: flex;
  flex-direction: column;
  height: auto;
  background-color: white;
  gap: 0;
}

/* Categories column: displays icons in vertical stack */
.categories-column {
  flex: 0 0 auto;
  width: 100%;
  border-right: none;
  border-bottom: 1px solid #e0e0e0;
  overflow-y: visible;
  max-height: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  background-color: white;
}

/* Subcategories column: displays below categories */
.subcategories-column {
  flex: 1;
  padding: 20px 16px;
  overflow-y: auto;
  max-height: 600px;
  background-color: white;
}

/* Hide sidebar divider - no longer needed */
.sidebar-divider {
  display: none !important;
}

/* Divider styling - vertical line between columns */
.origami-divider {
  display: none;
}

/* ===== Categories List Styling ===== */

.categories-list {
  display: flex;
  flex-direction: row;
  gap: 0;
  padding: 0;
  width: 100%;
  flex-wrap: wrap;
}

.category-item {
  margin-bottom: 0;
  border-right: 1px solid #e0e0e0;
  flex: 0 0 20%;
  text-align: center;
}

.category-item:nth-child(5n) {
  border-right: none;
}

/* Category links: vertical layout with icon and label stacked */
.category-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 12px;
  background-color: transparent;
  color: #333;
  text-decoration: none;
  border: none;
  border-radius: 0;
  transition: all 0.2s ease;
  font-weight: 500;
  font-size: 11px;
  cursor: pointer;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  min-height: 120px;
}

.category-link:hover {
  background-color: #f9f9f9;
  color: #dd5143;
}

.category-link.active {
  background-color: #fff5f3;
  color: #dd5143;
  font-weight: 600;
}

/* Category icon: larger circular icons */
.category-icon {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #f0f0f0;
  overflow: hidden;
  flex-shrink: 0;
  border: 2px solid #e0e0e0;
  transition: all 0.2s ease;
}

.category-link:hover .category-icon {
  background-color: #e0e0e0;
  border-color: #dd5143;
}

.category-link.active .category-icon {
  background-color: #dd5143;
  color: white;
  border-color: #dd5143;
}

.category-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.category-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  color: #666;
}

/* Show category names - displayed below icons */
.category-name {
  display: block;
  white-space: normal;
  word-wrap: break-word;
}

/* ===== Subcategories Styling ===== */

.subcategory-list {
  display: block;
  margin-bottom: 12px;
}

.subcategory-list.show {
  display: block;
  animation: fadeIn 0.3s ease;
}

/* Subcategory header: visible with styling */
.subcategory-header {
  display: block;
  font-weight: 600;
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 2px solid #e0e0e0;
}

/* Subcategory links: cleaner list with better spacing */
.subcategory-link {
  display: block;
  padding: 6px 0;
  color: #666;
  text-decoration: none;
  font-size: 13px;
  border-radius: 0;
  transition: all 0.2s ease;
  margin-bottom: 2px;
  border-left: 3px solid transparent;
  padding-left: 0;
  line-height: 1.4;
}

.subcategory-link:hover {
  color: #dd5143;
  background-color: transparent;
  padding-left: 0;
}

.subcategory-link.active {
  color: #dd5143;
  font-weight: 600;
  background-color: transparent;
  border-left: none;
  padding-left: 0;
}

/* ===== Subcategories Wrapper ===== */

.subcategories-wrapper {
  display: flex;
  flex-direction: column;
}

/* Animation for subcategories */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* ===== Products Grid Adjustments ===== */

.o_wsale_products_grid_table {
  gap: 16px !important;
}

.oe_product {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  background-color: white;
}

.oe_product:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-color: #ddd;
}

.o_wsale_product_grid_wrapper {
  background-color: #f5f5f5;
}

.oe_product_image {
  background-color: #f9f9f9;
}

/* Override product name links to display as black text without blue link color */
.o_wsale_products_item_title a,
.o_wsale_products_item_title {
  color: black !important;
  text-decoration: none !important;
  font-weight: 500;
}

.o_wsale_products_item_title a:hover {
  color: #dd5143 !important;
  text-decoration: none !important;
}

/* Fix product name color from purple to dark gray/black */
.oe_product_name a,
.oe_product_name {
  color: #333 !important;
  font-weight: 500;
}

.oe_product_name a:hover {
  color: #dd5143 !important;
}

/* ===== Header/Products Grid Styling ===== */

.products_header {
  background-color: white;
  padding: 16px 0;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px !important;
}

.o_searchbar_form {
  flex-grow: 1;
}

.oe_search_box {
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 13px;
}

.btn-light {
  border-color: #e0e0e0;
  color: #666;
  background-color: white;
}

.btn-light:hover {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}
/* ================================
   PAGINATION – FORCE RED STYLE
   ================================ */

.pagination .page-link {
    color: #d50000 !important;
    border-color: #d50000 !important;
    background-color: transparent !important;
}

.pagination .page-item.active .page-link {
    background-color: #d50000 !important;
    border-color: #d50000 !important;
    color: #ffffff !important;
}

.pagination .page-link:hover {
    background-color: #d50000 !important;
    border-color: #d50000 !important;
    color: #ffffff !important;
}

.pagination .page-item.disabled .page-link {
    color: #d50000 !important;
    opacity: 0.4;
    background-color: transparent !important;
    border-color: #d50000 !important;
}

/* Icons inside pagination */
.pagination .page-link .fa {
    color: inherit !important;
}


/* ===== Responsive Hero Banner ===== */

@media (max-width: 768px) {
  /* Mobile layout: allergens full width, categories/divider/subcategories stack vertically */
  .origami-sidebar {
    flex-direction: column !important;
    gap: 20px !important;
  }

  .origami-categories-wrapper {
    flex-direction: column;
  }

  /* Fixed mobile responsive layout */
  .origami-cat-col {
    justify-content: flex-start;
    gap: 16px;
  }

  .origami-cat-list {
    width: 100%;
  }

  .origami-cat-link {
    font-size: 10px;
  }

  #custom_products_sidebar {
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  #products_grid {
    flex: 0 0 100% !important;
    width: 100% !important;
  }
  .hero-banner {
    height: 150px;
    margin-bottom: 20px;
  }

  .hero-banner-title {
    font-size: 36px;
  }

  .hero-banner-subtitle {
    font-size: 12px;
  }
}



@media (max-width: 768px) {
  .o_wsale_products_main_row {
    flex-direction: column !important;
    gap: 16px;
  }

  #custom_products_sidebar {
    flex: 0 0 100% !important;
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 0;
    position: relative;
    top: 0;
  }

  #products_grid {
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  .sidebar-wrapper {
    flex-direction: column;
  }

  .categories-column {
    flex: 0 0 auto;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #e0e0e0;
    max-height: auto;
  }

  .categories-list {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .category-link {
    flex: 0 0 25%;
  }

  .subcategories-column {
    flex: 1;
    width: 100%;
  }

  .category-icon {
    width: 50px;
    height: 50px;
    font-size: 18px;
  }
}

@media (max-width: 991px) {

  /* Override Bootstrap row stacking */
  #custom_products_sidebar .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center;
    max-width: 720px;
    gap: 15px;
  }

  /* Force Bootstrap columns to stay side by side */
  #custom_products_sidebar .col-md-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  /* Visual separation */
  .origami-cat-col {
    padding-right: 12px;
    border-right: 1px solid #e0e0e0;
  }

  .subcategories {
    padding-left: 12px;
  }
}

@media (max-width: 768px) {

  /* Override Bootstrap row stacking */
  #custom_products_sidebar .row {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center;
  }

  /* Force columns to stay side by side */
  #custom_products_sidebar .col-md-6 {
    flex: 0 0 40% !important;
    max-width: 50% !important;
  }

  /* Optional: center the whole block */
  #custom_products_sidebar .row {
    max-width: 720px;
  }

  /* Small spacing polish */
  .origami-cat-col {
    padding-right: 12px;
    border-right: 1px solid #e0e0e0;
  }

  .subcategories {
    padding-left: 12px;
  }
}
/* =========================================
   FIX CUT CATEGORY TEXT + SCROLL SIZE
   ========================================= */

/* Sidebar container */
#custom_products_sidebar {
  max-height: calc(100vh - 60px);
  overflow: hidden;
}

/* Scroll ONLY categories + subcategories */
#custom_products_sidebar .row {
  max-height: calc(100vh - 300px); /* smaller + tighter */
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 8px;
}

/* =====================
   LEFT COLUMN FIX
   ===================== */
.origami-cat-col {
  padding-left: 16px !important;   /* 🔥 prevents text clipping */
  padding-right: 16px !important;
  box-sizing: border-box;
}

/* Category links */
.origami-cat-link {
  white-space: normal !important;  /* allow wrapping */
  word-break: break-word;
  overflow: visible;
  line-height: 1.4;
}

/* Category text */
.origami-cat-link span {
  display: block;
  padding-left: 0;
}

/* =====================
   RIGHT COLUMN FIX
   ===================== */
.subcategories {
  padding-left: 16px !important;
  box-sizing: border-box;
}

/* Subcategory links */
.origami-subcat-link {
  white-space: normal;
  word-break: break-word;
  line-height: 1.4;
}

/* =====================
   SCROLLBAR REFINEMENT
   ===================== */
#custom_products_sidebar .row::-webkit-scrollbar {
  width: 5px;
}

#custom_products_sidebar .row::-webkit-scrollbar-thumb {
  background-color: #c9c9c9;
  border-radius: 4px;
}

#custom_products_sidebar .row::-webkit-scrollbar-track {
  background: transparent;
}
/* =========================================
   KEEP TITLES FIXED – SCROLL LISTS ONLY
   ========================================= */

/* Categories title */
.origami-cat-col h4 {
  position: sticky;
  top: 0;
  background: white;
  z-index: 5;
  padding: 12px 0;
  margin-bottom: 8px;
}

/* Subcategories title */
.origami-subcat-block h4 {
  position: sticky;
  top: 0;
  background: white;
  z-index: 5;
  padding: 12px 0;
  margin-bottom: 8px;
}

/* Scroll ONLY the lists */
.origami-cat-list,
.origami-subcat-list {
  max-height: calc(100vh - 360px); /* adjust if needed */
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 6px;
}

/* Refined scrollbar (optional) */
.origami-cat-list::-webkit-scrollbar,
.origami-subcat-list::-webkit-scrollbar {
  width: 5px;
}

.origami-cat-list::-webkit-scrollbar-thumb,
.origami-subcat-list::-webkit-scrollbar-thumb {
  background-color: #c9c9c9;
  border-radius: 4px;
}
/* =====================================================
   MOBILE: SIDE-BY-SIDE CATEGORIES & SUBCATEGORIES
   ===================================================== */

@media (max-width: 768px) {

  /* Sidebar reset */
  #custom_products_sidebar {
    position: relative !important;
    max-height: none !important;
    overflow: hidden !important;
  }

  /* Force 2 columns */
  #custom_products_sidebar .row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    max-height: calc(100vh - 160px);
    overflow: hidden !important;
  }

  /* Each column = 50% */
  #custom_products_sidebar .col-md-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding: 0 !important;
  }

  /* =====================
     TITLES (FIXED)
     ===================== */

  .origami-cat-col h4,
  .origami-subcat-block h4 {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 5;
    margin: 0;
    border-bottom: 1px solid #eee;
  }

  /* =====================
     SCROLLABLE LISTS
     ===================== */

  .origami-cat-list,
  .origami-subcat-list {
    overflow-y: auto !important;
    overflow-x: hidden;
    padding: 8px 12px;
    -webkit-overflow-scrolling: touch;
  }

  /* =====================
     CATEGORY LINKS
     ===================== */

  .origami-cat-link {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    white-space: normal;
    line-height: 1.4;
    border-bottom: 1px solid #eee;
  }

  .origami-cat-link.active {
    font-weight: 600;
    color: #dd5143;
  }

  /* =====================
     SUBCATEGORY LINKS
     ===================== */

  .origami-subcat-link {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    white-space: normal;
    line-height: 1.4;
    border-bottom: 1px solid #eee;
  }

  /* Vertical separator */
  .origami-cat-col {
    border-right: 1px solid #e6e6e6;
  }
}
/* =====================================================
   TABLET + MOBILE (≤ 991px)
   MOVE SIDEBAR TO TOP + SIDE-BY-SIDE LISTS
   ===================================================== */

@media (max-width: 991px) {

  /* 1️⃣ Stack sidebar ABOVE products */
  .o_wsale_products_main_row {
    flex-direction: column !important;
    gap: 16px;
  }

  /* 2️⃣ Sidebar becomes full width */
  #custom_products_sidebar {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    top: 0 !important;
  }

  /* 3️⃣ Products take full width below */
  #products_grid {
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  /* 4️⃣ Categories + Subcategories side by side */
  #custom_products_sidebar .row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: flex-start;
  }

  /* 5️⃣ Each column = 50% */
  #custom_products_sidebar .origami-cat-col,
  #custom_products_sidebar .subcategories {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
/* =====================================
   FIX CATEGORY TEXT CUTTING (≤ 991px)
   ===================================== */

@media (max-width: 991px) {

  /* Give categories more width */
  #custom_products_sidebar .origami-cat-col {
    max-width: 55% !important;
  }

  #custom_products_sidebar .subcategories {
    max-width: 45% !important;
  }
}
@media (min-width: 992px) {
  .o_wsale_products_main_row {
    flex-direction: row !important;
  }

  #custom_products_sidebar {
    width: 25% !important;
    flex: 0 0 25% !important;
    position: sticky;
    top: 20px;
  }

  #products_grid {
    width: 75% !important;
  }
}
@media (max-width: 991px) {

  /* Sidebar goes on top */
  .o_wsale_products_main_row {
    flex-direction: column !important;
  }

  #custom_products_sidebar,
  #products_grid {
    width: 100% !important;
  }

  /* Categories + subcategories SIDE BY SIDE */
  #custom_products_sidebar .row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
  }

  .origami-cat-col {
    flex: 0 0 55% !important;
    max-width: 55% !important;
  }

  .subcategories {
    flex: 0 0 45% !important;
    max-width: 45% !important;
  }
}
@media (max-width: 767px) {

  .origami-cat-list,
  .origami-subcat-list {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

@media (min-width: 992px) {

  /* 🔥 PREVENT SUBCATEGORIES FROM DROPPING */
  #custom_products_sidebar .row {
    display: flex !important;
    flex-wrap: nowrap !important;   /* ← MOST IMPORTANT LINE */
    align-items: flex-start;
  }

  /* Give columns guaranteed space */
  #custom_products_sidebar .origami-cat-col {
    flex: 0 0 45% !important;
    max-width: 45% !important;
  }

  #custom_products_sidebar .subcategories {
    flex: 0 0 55% !important;
    max-width: 55% !important;
  }
}
@media (max-width: 576px) {
  .row {
        padding-left: 10px;
    }
}
/* =====================================
   REDUCE GLOBAL LEFT/RIGHT SPACING
   ===================================== */

/* Odoo main container */
#wrap .container,
#wrap .container-fluid {
  padding-left: 12px !important;
  padding-right: 12px !important;
  max-width: 95% !important;
}
/* Tighten rows inside shop */
.o_wsale_products_main_row,
#custom_products_sidebar .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* Sidebar itself */
#custom_products_sidebar {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Categories column */
.origami-cat-col {
  padding-left: 8px !important;   /* was 16px */
  padding-right: 12px !important;
}

/* Subcategories column */
.subcategories,
.origami-subcat-wrapper {
  padding-left: 12px !important;
}
/* Hide delivery & billing address on payment page */
#address_on_payment {
    display: none !important;
}
/* Hide the coupon code / gift card row on checkout */
.coupon_form {
    display: none !important;
}
/* Konnect "Pay Now" button */
button[name="o_payment_submit_button"].btn-primary {
    background-color: var(--primary-red) !important;
    color: #fff !important; /* ensures text stays white */
    border-color: var(--primary-red) !important;
}

button[name="o_payment_submit_button"].btn-primary:hover {
    background-color: #d62828 !important;  /* slightly darker red on hover */
    border-color: #d62828 !important;
    color: #fff !important;
}

button[name="o_payment_submit_button"].btn-primary:active {
    background-color: #c02020 !important;  /* even darker red when clicked */
    border-color: #c02020 !important;
}
.text-center {
  color: #d62828;
}