/*
Theme Name: Jana Boutique Child
Template: storefront
Description: چایلد تم اختصاصی جانا بوتیک روی Storefront
Version: 1.0.0
Text Domain: jana-boutique-child
*/

:root {
  --jb-rose-gold: #B78A74;
  --jb-dusty-pink: #E7D6D1;
  --jb-champagne: #F5E8D8;
  --jb-espresso: #4A3525;
}

@font-face {
  font-family: 'Gandom';
  src: url('fonts/Gandom-Regular.woff2') format('woff2'),
       url('fonts/Gandom-Regular.woff') format('woff'),
       url('fonts/Gandom-Regular.ttf') format('truetype');
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Samim';
  src: url('fonts/Samim-Regular.woff2') format('woff2'),
       url('fonts/Samim-Regular.woff') format('woff'),
       url('fonts/Samim-Regular.ttf') format('truetype');
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Samim';
  src: url('fonts/Samim-Bold.woff2') format('woff2'),
       url('fonts/Samim-Bold.woff') format('woff'),
       url('fonts/Samim-Bold.ttf') format('truetype');
  font-weight: bold;
  font-display: swap;
}

body, p, span, a, li, input, textarea, select, button {
  font-family: 'Samim', Tahoma, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.site-title, .woocommerce-loop-product__title, .product_title {
  font-family: 'Gandom', 'Samim', Tahoma, sans-serif;
}

a, .woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit,
.woocommerce input.button {
  color: var(--jb-espresso);
}

.woocommerce a.button, .woocommerce button.button,
.woocommerce #respond input#submit, .woocommerce input.button,
.site-header-cart .cart-contents {
  background-color: var(--jb-rose-gold) !important;
  color: #fff !important;
  border-radius: 6px;
}

.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce #respond input#submit:hover, .woocommerce input.button:hover {
  background-color: var(--jb-espresso) !important;
}

.woocommerce ul.products li.product,
.storefront-product-section {
  background-color: var(--jb-dusty-pink);
  border-radius: 10px;
  padding: 10px;
}

body {
  background-color: var(--jb-champagne);
  color: var(--jb-espresso);
}

.site-title a, .site-title {
  color: var(--jb-espresso) !important;
}