/* Habitura - Brand overrides (load after main stylesheet) */

/* Brand palette */
:root{
  --hab-sage: #637b5c;        /* primary brand */
  --hab-dark-green: #455e44;  /* hover/darker */
  --hab-cream: #faf2e7;       /* soft neutral */

  --hab-dark-gray: #333333;

  /* helpers */
  --hab-border: rgba(99,123,92,0.28);
  --hab-sage-soft: rgba(99,123,92,0.55); /* for subtle gradients */
}

/* Links */
a { color: var(--hab-dark-green); }
a:hover { color: var(--hab-sage); text-decoration: none; }

/* Top bar */
#top { background-color: var(--hab-cream); }

/* Currency / language dropdown hover */
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
  text-shadow: none;
  color: #ffffff;
  background-color: var(--hab-sage);
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, var(--hab-sage-soft), var(--hab-sage));
}

/* Menu */
#menu {
  background-color: var(--hab-sage);
  background-image: linear-gradient(to bottom, var(--hab-sage-soft), var(--hab-sage));
  background-repeat: repeat-x;
  border-color: var(--hab-sage) var(--hab-sage) var(--hab-dark-green);
}

#menu .see-all:hover, #menu .see-all:focus {
  color: #ffffff;
  background-color: var(--hab-sage);
  background-image: linear-gradient(to bottom, var(--hab-sage-soft), var(--hab-sage));
  background-repeat: repeat-x;
}

#menu .btn-navbar {
  background-color: var(--hab-sage);
  background-image: linear-gradient(to bottom, var(--hab-sage-soft), var(--hab-sage));
  background-repeat: repeat-x;
  border-color: var(--hab-sage) var(--hab-sage) var(--hab-dark-green);
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus,
#menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
  background-color: var(--hab-dark-green);
}

/* Primary button */
.btn-primary {
  color: #fff;
  background-color: var(--hab-sage);
  background-image: linear-gradient(to bottom, var(--hab-sage-soft), var(--hab-sage));
  background-repeat: repeat-x;
  border-color: var(--hab-sage) var(--hab-sage) var(--hab-dark-green);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active,
.btn-primary.disabled, .btn-primary[disabled] {
  color: #fff;
  background-color: var(--hab-dark-green);
  border-color: var(--hab-dark-green);
  background-position: 0 -15px;
}

/* Button links */
.btn-link { color: var(--hab-dark-green); }
.btn-link:hover { color: var(--hab-sage); }

/* Product list button bar (match cream from logo) */
.product-thumb .button-group,
.product-thumb .button-group button {
  background-color: var(--hab-cream);
}

/* Warning (warm neutral, Habitura-friendly) */
.btn-warning {
  background-color: #d8b37a;
  background-image: linear-gradient(to bottom, #ead3b0, #d8b37a);
  background-repeat: repeat-x;
  border-color: #d8b37a #d8b37a #9c7a4e;
}

/* Form focus ring (subtle Habitura) */
.form-control:focus {
  border-color: var(--hab-sage);
  box-shadow: 0 0 0 2px rgba(99,123,92,0.25);
}

/* Alerts (optional, on-brand success) */
.alert-success {
  background-color: rgba(250,242,231,0.95);
  border-color: var(--hab-border);
  color: var(--hab-sage);
}

/* Keep your existing tweaks */
div.header-title h1 {
  font-size: 18px;
}

.product-thumb .caption {
  padding: 0 10px;
  min-height: 230px;
}

/* Category refine list - image bullets */
ul.cat-bullets {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.cat-bullets li {
  background: url("/image/catalog/icons/folder-icon.png") no-repeat 0 2px;
  background-size: 16px 16px;
  padding-left: 22px;
  margin: 4px 0;
}

/* ===== Mobile overflow fixes (OC3 / Bootstrap 3) ===== */
@media (max-width: 767px) {

  .breadcrumb {
    display: none !important;
  }

  /* Title wrapping stays fine */
  .header-title h1,
  #product-product h1 {
    word-break: break-word;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  /* Wishlist/Compare ellipsis */
  #product-product .btn.btn-default.btn-block {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #product-product .btn.btn-default.btn-block i {
    margin-right: 6px;
  }
}
.product-thumb .price {
	color: red;
	font-size: 20px;
	font-weight: 800;
	margin-left: 25px;
}
.product-thumb .price-new {
	font-size: 20px;
	font-weight: 800;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 20px;
	margin-right: 10px;
}