/* ============================================================
   Long-Life bridge v2: OpenCart 4 widgets inside the old design
   Palette: green #008858 / #81cc3e, orange #ffa11a / #ffcc00
   ============================================================ */

/* The default OC top bar is replaced by the old header */
#top { display: none !important; }

/* Content area: match the old 960px wrapper */
main > .container, #content { max-width: 960px; }
main .container-fluid { padding-left: 0; padding-right: 0; }

/* Brand buttons (bootstrap) */
.btn-primary, .btn-inverse {
  background-image: linear-gradient(180deg, #ffcc00, #ffa11a);
  color: #563609;
  text-shadow: 0 1px 0 #ffd393;
  border: none;
  border-radius: 25px;
  font-weight: bold;
}
.btn-primary:hover, .btn-inverse:hover {
  background-image: linear-gradient(180deg, #81cc3e, #008858);
  color: #fff;
  text-shadow: 0 1px 0 #008858;
}

/* Floating alerts (add to cart etc.) */
#alert { position: fixed; top: 12px; right: 12px; z-index: 1080; max-width: 380px; }

/* Headings inside content use old typography */
main h1, main h2, main h3 { font-family: 'Noto Serif', serif; color: #008858; }

/* Product cards: approximate the old .main_card look */
main .product-thumb, main .product-item {
  border: 1px solid #cdebb2;
  padding: 10px;
  text-align: center;
  background: #fff;
}
main .product-thumb:hover, main .product-item:hover { border-color: #81cc3e; }
main .product-thumb img, main .product-item img { max-height: 200px; width: auto; }
main .price { font-weight: bold; }
main .price-new { color: #008858; font-size: 22px; font-weight: bold; }

/* Breadcrumbs and pagination */
main .breadcrumb { background: transparent; padding-left: 0; }
main .pagination .page-link { color: #008858; }
main .pagination .active .page-link { background: #81cc3e; border-color: #81cc3e; }

/* Tables / forms inside content keep readable defaults */
main .table { color: #2c2c2c; }
main .form-control { border-radius: 4px; border: 1px solid #cbcbcb; }

/* Restore old footer: neutralize the OC4 basic theme's absolutely-pinned footer */
footer {
  position: static !important;
  bottom: auto !important;
  width: auto !important;
  padding-top: 0 !important;
  background: transparent !important;
  color: inherit !important;
  border: none !important;
  margin-top: 14px;
}
/* No giant clearance under content (that was spacing for the pinned footer) */
#content, #column-left, #column-right { padding-bottom: 0 !important; }

/* Cookie banner: fit old wrapper */
#cookie { max-width: 960px; margin: 0 auto; }

/* Footer: hold the floated columns in place (old design used floats) */
footer::after { content: ""; display: block; clear: both; }
footer .wrapper::after { content: ""; display: block; clear: both; }
/* Footer: flex layout instead of floats — deterministic */
footer .wrapper { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
footer .copyright { float: none; margin: 10px 0 20px; }
footer .footer_contact { float: none; margin: 15px 0 0; }

/* Product grid (old .main_card_catalog) */
#product-list { text-align: center; }
#product-list .main_card { font-size: 16px; vertical-align: top; }
.price-old { color: #999; text-decoration: line-through; font-size: 16px; }