/* ============================================================
   Pharma Theme — OpenCart 4.x
   Teal #00b2ad + Pink #ef59a1  |  clean, no gradients, responsive
   ============================================================ */

/* ---------- Top bar (teal) ---------- */
#top {
  background-color: #00b2ad;
  border-bottom: 1px solid #00807b;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 5px;
  color: #ffffff;
}

#top ul.list-inline {
  margin-bottom: 0;
}

#top .list-inline-item > a,
#top .list-inline-item .dropdown > a,
#top .list-inline-item .dropdown > span {
  font-size: 1.1em;
  color: #ffffff;
  line-height: 40px;
  vertical-align: middle;
  padding: 10px 0 5px 0;
}

#top .list-inline-item > a:hover {
  color: #e6ffff;
}

/* ---------- Menu (teal, flat) ---------- */
#menu {
  background-color: #00b2ad;
  background-image: none;
  border: 1px solid #00b2ad;
  border-color: #00b2ad #00b2ad #00807b;
  min-height: 40px;
  border-radius: 4px;
  padding: 0 1rem;
  margin-bottom: 20px;
}

#menu .navbar-nav > li > a {
  color: #ffffff;
  padding: 10px 15px;
  background-color: transparent;
}

#menu .navbar-nav > li > a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

/* ---------- Footer (teal) ---------- */
footer {
  border: 1px solid #00b2ad;
  position: absolute;
  bottom: -1px;
  width: 100%;
  padding-top: 30px;
  background-color: #00b2ad;
  border-top: 1px solid #00807b;
  color: #ffffff;
}

footer hr {
  border-top: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

footer a {
  color: #e6ffff;
  text-decoration: none;
}

footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}

footer h5 {
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* ---------- Links & primary colour ---------- */
a {
  color: #00b2ad;
}

a:hover {
  color: #00807b;
}

.btn-primary {
  background-color: #00b2ad;
  border-color: #00b2ad;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #008f8a;
  border-color: #008f8a;
}

.btn-outline-primary {
  color: #00b2ad;
  border-color: #00b2ad;
}

.btn-outline-primary:hover {
  background-color: #00b2ad;
  border-color: #00b2ad;
}

.text-primary {
  color: #00b2ad !important;
}

.bg-primary {
  background-color: #00b2ad !important;
}

.badge.text-bg-primary {
  background-color: #00b2ad !important;
}

.nav-tabs .nav-link.active {
  color: #00b2ad;
  border-bottom: 2px solid #00b2ad;
}

.form-control:focus, .form-select:focus {
  border-color: #00b2ad;
  box-shadow: 0 0 0 0.25rem rgba(0, 178, 173, 0.25);
}

.pagination .page-item.active .page-link {
  background-color: #00b2ad;
  border-color: #00b2ad;
}

/* ---------- Pink accent (prices, stars, „Фирмени магазини“) ---------- */
.text-pink {
  color: #ef59a1 !important;
}

.btn-pink {
  background-color: #ef59a1;
  border-color: #ef59a1;
  color: #ffffff;
}

.btn-pink:hover, .btn-pink:focus {
  background-color: #d84487;
  border-color: #d84487;
  color: #ffffff;
}

.rating .fa-star {
  color: #ef59a1;
  font-size: 15px;
}

.rating .fa-star + .fa-star {
  color: #ef59a1;
}

.price {
  color: #ef59a1;
  font-weight: 600;
}

.price-new {
  font-weight: 700;
  color: #ef59a1;
}

/* ---------- Product cards (modern) ---------- */
.product-thumb {
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.product-thumb:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

.product-thumb .image {
  padding: 12px;
  background: #ffffff;
}

.product-thumb .image img {
  max-height: 220px;
  width: auto;
  margin: 0 auto;
}

.product-thumb .description {
  padding: 15px;
  margin-bottom: 50px;
}

.product-thumb .description h4 {
  margin-bottom: 6px;
}

.product-thumb .description h4 a {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.4;
}

.product-thumb .description h4 a:hover {
  color: #00b2ad;
}

.product-thumb .price {
  font-size: 17px;
}

.product-thumb .button button {
  line-height: 42px;
  font-weight: 600;
}

/* Add-to-cart button = teal, others muted */
.product-thumb .button button:first-child {
  background-color: #00b2ad;
  color: #ffffff;
}

.product-thumb .button button:first-child:hover {
  background-color: #008f8a;
}

/* ---------- Section headings ---------- */
#content h3,
#content .widget-title {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  color: #333;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

#content h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50px;
  height: 3px;
  background: #00b2ad;
  border-radius: 2px;
}

/* ---------- Logo ---------- */
#logo img {
  max-height: 64px;
  width: auto;
  object-fit: contain;
}

/* ---------- Hero slider ---------- */
#hero-slider {
  background: #f5f5f5;
}

#hero-slider img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

#hero-slider .carousel-control-prev-icon,
#hero-slider .carousel-control-next-icon {
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 50%;
  padding: 18px;
}

/* ---------- Video cards ---------- */
.video-card {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  background: #000;
}