/*
Theme Name: BoutiqueCustom Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Boutique Custom - Global styling */
:root {
  --bc-black: #141414;
  --bc-dark-gray: #404040;
  --bc-gray: #8c8c8c;
  --bc-light-gray: #e5e5e5;
  --bc-light-bg: #fafafa;
}

/* Global typography */
body {
  color: var(--bc-black);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6,
.nav > li > a,
.button,
button,
input,
select,
textarea {
  font-family: "Inter", sans-serif;
}

/* Keep the clean ShopBase-style buttons */
.button,
button,
input[type="submit"],
input[type="button"],
.single_add_to_cart_button {
  border-radius: 0 !important;
  min-height: 48px;
  box-shadow: none !important;
}

.button.primary,
.single_add_to_cart_button {
  background-color: var(--bc-black) !important;
  border-color: var(--bc-black) !important;
  color: #fff !important;
}

.button.primary:hover,
.single_add_to_cart_button:hover {
  background-color: #333 !important;
  border-color: #333 !important;
}

/* Inputs */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
input[type="number"],
select,
textarea {
  border-radius: 0;
  border: 1px solid var(--bc-light-gray);
  box-shadow: none;
}

/* Product cards */
.product-small .box {
  box-shadow: none;
}

.product-small .box-text {
  padding-top: 12px;
}

.product-small .product-title {
  font-size: 14px;
  line-height: 1.45;
}

.product-small .price {
  color: var(--bc-black);
  font-size: 15px;
}

/* Product title limited to two lines */
.product-small .box-text-products .name {
  min-height: 42px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

/* Section headings */
.bc-section-title {
  margin-bottom: 28px;
  text-align: center;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.25;
}

/* Footer */
.footer-wrapper {
  border-top: 1px solid var(--bc-light-gray);
}

.footer-widgets {
  background-color: var(--bc-light-bg);
}

/* Mobile */
@media only screen and (max-width: 849px) {
  body {
    font-size: 15px;
  }

  .bc-section-title {
    margin-bottom: 20px;
    font-size: 28px;
  }

  .product-small .product-title {
    font-size: 13px;
  }
}