/*
 * Tema Krunk Foods - Custom CSS
 */

/* =====================
   GENERAL
   ===================== */
body {
  color: #1a1a1a !important;
  background-color: #ffffff !important;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
}

a {
  color: #3d5a3e !important;
}

a:hover {
  color: #2a3f2b !important;
}

/* =====================
   HEADER
   ===================== */
#header,
#header .header-nav,
#header .header-top {
  background-color: blue !important;
}
#header .header-nav .logo img {
  max-height: 60px !important;
}

#header .header-nav a,
#header .header-top a,
#header .top-menu a,
#header .top-menu > li > a {
  color: #1a1a1a !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

#header .header-nav a:hover,
#header .header-top a:hover,
#header .top-menu a:hover {
  color: #3d5a3e !important;
}

/* Carrito e iconos header */
#header .cart-preview .cart-products-count {
  background-color: #3d5a3e !important;
  color: #ffffff !important;
}

#header .blockcart .header a,
#header .user-info a {
  color: #1a1a1a !important;
}

/* Barra de búsqueda */
#header .search-widget input[type="text"] {
  border: 1px solid #dddddd !important;
  border-radius: 0 !important;
  font-size: 13px !important;
}

#header .search-widget button {
  background-color: #3d5a3e !important;
  border-color: #3d5a3e !important;
  border-radius: 0 !important;
  color: #ffffff !important;
}

/* =====================
   NAVEGACIÓN / MENÚ
   ===================== */
.popover,
.dropdown-menu {
  border-radius: 0 !important;
  border: 1px solid #eeeeee !important;
}

/* =====================
   BOTONES
   ===================== */
.btn-primary,
input[type="submit"].btn-primary,
button.btn-primary,
a.btn-primary,
.btn-primary:focus,
.btn-primary:active {
  background-color: #3d5a3e !important;
  border-color: #3d5a3e !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 12px 28px !important;
  transition: opacity 0.2s ease !important;
  color: #ffffff !important;
}

.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover {
  background-color: #3d5a3e !important;
  border-color: #3d5a3e !important;
  opacity: 0.85 !important;
  color: #ffffff !important;
}

.btn-secondary,
a.btn-secondary {
  background-color: transparent !important;
  border: 2px solid #3d5a3e !important;
  border-radius: 0 !important;
  color: #3d5a3e !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 12px 28px !important;
}

.btn-secondary:hover {
  background-color: #3d5a3e !important;
  color: #ffffff !important;
}

/* =====================
   PRODUCTOS
   ===================== */
.product-miniature {
  border: none !important;
  transition: box-shadow 0.3s ease !important;
}

.product-miniature:hover {
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important;
}

.product-miniature .product-title a {
  color: #1a1a1a !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

.product-miniature .product-title a:hover {
  color: #3d5a3e !important;
}

.product-price,
.price {
  color: #3d5a3e !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

/* Página de producto */
.product-information .product-name {
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
}

.product-add-to-cart .btn-primary {
  width: 100% !important;
}

/* =====================
   BREADCRUMB
   ===================== */
.breadcrumb {
  background: transparent !important;
  padding-left: 0 !important;
}

.breadcrumb a {
  color: #3d5a3e !important;
  font-size: 12px !important;
}

/* =====================
   PAGINACIÓN
   ===================== */
.pagination .page-item.active .page-link {
  background-color: #3d5a3e !important;
  border-color: #3d5a3e !important;
  color: #ffffff !important;
}

.pagination .page-link {
  color: #3d5a3e !important;
  border-radius: 0 !important;
}

/* =====================
   FORMULARIOS
   ===================== */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select {
  border-radius: 0 !important;
  border: 1px solid #dddddd !important;
  font-size: 14px !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #3d5a3e !important;
  box-shadow: 0 0 0 2px rgba(61,90,62,0.15) !important;
  outline: none !important;
}

/* =====================
   ALERTAS Y NOTIFICACIONES
   ===================== */
.alert-success {
  background-color: rgba(61,90,62,0.1) !important;
  border-color: #3d5a3e !important;
  color: #3d5a3e !important;
}

/* =====================
   FOOTER
   ===================== */
#footer {
  background-color: #3d5a3e !important;
  color: #ffffff !important;
  padding-top: 40px !important;
}

#footer a,
#footer p,
#footer li,
#footer span,
#footer .h4,
#footer h4 {
  color: #ffffff !important;
}

#footer a:hover {
  opacity: 0.75 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

#footer input[type="text"],
#footer input[type="email"] {
  border-radius: 0 !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  background: transparent !important;
  color: #ffffff !important;
}

#footer hr {
  border-color: rgba(255,255,255,0.2) !important;
}