/*
Theme Name:   Storefront Child
Theme URI:    https://example.com/storefront-child/
Description:  Mon thème enfant pour Storefront (compatible WooCommerce)
Author:       Christophe Leonardi
Author URI:   https://cleonardi.com
Template:     storefront  
Version:      1.0.0
License:      GNU General Public License v3 or later
License URI:  http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  storefront-child
*/

:root {
  --white: #ffffff;
  --background-color: #fafafa;
  --grey: #484848;
  --grey-fade: rgba(48,48,48,0.8);
  --blue: #04588C;
  --green: #017a6a;
  --gradient: linear-gradient(45deg, #04588C 50%, #009580 100%);
  --primary-font: "luxia";
  --paragraph-font: "gotham";
  --shadow: 0px 3px 4px -1px rgba(0,0,0,0.15);
}

@font-face {
  font-family: 'gotham';
  src: url('/wp-content/themes/storefront-child/fonts/gotham-bold-webfont.woff2') format('woff2'),
       url('/wp-content/themes/storefront-child/fonts/gotham-bold-webfont.woff') format('woff'),
       url('/wp-content/themes/storefront-child/fonts/gotham-bold-webfont.ttf') format('truetype'),
       url('/wp-content/themes/storefront-child/fonts/Gotham-Bold.otf') format('otf');
  font-weight: bold;
  font-style: normal;

}

@font-face {
  font-family: 'gotham';
  src: url('/wp-content/themes/storefront-child/fonts/gotham-book-webfont.woff2') format('woff2'),
       url('/wp-content/themes/storefront-child/fonts/gotham-book-webfont.woff') format('woff'),
       url('/wp-content/themes/storefront-child/fonts/gotham-book-webfont.ttf') format('truetype'),
       url('/wp-content/themes/storefront-child/fonts/Gotham-Book.otf') format('otf');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'gotham-italic';
  src: url('/wp-content/themes/storefront-child/fonts/gotham-bookitalic-webfont.woff2') format('woff2'),
       url('/wp-content/themes/storefront-child/fonts/gotham-bookitalic-webfont.woff') format('woff'),
       url('/wp-content/themes/storefront-child/fonts/gotham-bookitalic-webfont.ttf') format('truetype'),
       url('/wp-content/themes/storefront-child/fonts/Gotham-BookItalic.otf') format('otf');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'luxia';
  src: url('/wp-content/themes/storefront-child/fonts/luxiadisplay-webfont.woff2') format('woff2'),
       url('/wp-content/themes/storefront-child/fonts/luxiadisplay-webfont.woff') format('woff'),
       url('/wp-content/themes/storefront-child/fonts/luxiadisplay-webfont.ttf') format('truetype'),
       url('/wp-content/themes/storefront-child/fonts/LuxiaDisplay.otf') format('otf');
  font-weight: normal;
  font-style: normal;

}
body{
  background-color: var(--white) !important;
}
#primary{
  padding: 0 3vw;
}
#bck-footer-root .nav-links{
  justify-content: center;
  margin: 0 0 1em 0;
  list-style-type: none;
}

#bck-footer-root .logo-footer .logo-img{
  max-height: 90px;
  margin-bottom: 1em;
}

/* ENTETE */
#bck-header-root header{
  border-bottom: 2px solid #dddddd;
}
.entry-header{
  margin: 2em auto 0;
  box-shadow: none;
}
.entry-header h1{
  font-family: var(--primary-font);
  text-transform: uppercase;
}

.entry-header h1{
  text-align: center;
  width: 100%;
  font-size: 2em;
}

.entry-header h1::after{
  content: '';
  display: block;
  margin: 0.4em auto;
  width: 180px;
  height: 3px;
  border-radius: 3px;
  background: var(--gradient);
}

/* Cart */
table:not( .has-background ) tbody tr:nth-child(2n) td.product-thumbnail, fieldset, fieldset legend,
table:not( .has-background ) tbody tr:nth-child(2n) td.product-price,
table:not( .has-background ) tbody tr:nth-child(2n) td.product-quantity,
table:not( .has-background ) tbody tr:nth-child(2n) td.product-subtotal,
table:not( .has-background ) tbody td.product-thumbnail{
  background-color: var(--white);
}

form.woocommerce-cart-form div {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
form.woocommerce-cart-form  a.remove::before{
    top: 5px;
    right: 15px;
}
.button.wc-backward,
.wc-block-components-checkout-place-order-button__text,
div.wc-proceed-to-checkout,
button.button{
  padding: 0.5em 1em;
  background: var(--gradient);
  border-radius: 25px;
  color: var(--white);
  font-family: var(--paragraph-font);
  border: 2px solid var(--gradient);
  transition: 0.2s all ease-in-out;
  font-size: 1.5em;
}
.button.wc-backward{
  display: block;
  margin: auto;
  width: fit-content;
  margin-top: 10vh;
}
.entry-content{
  margin-top: 5vh;
}
.button.wc-backward:hover,
.wc-block-components-checkout-place-order-button__text:hover,
div.wc-proceed-to-checkout:hover,
button.button:hover{
  background: var(--white);
  color: var(--green);
  border: 2px solid var(--green);
  transition: 0.2s all ease-in-out;
}

table.cart td.actions div.coupon{
  flex-direction: column;
}

div.wc-proceed-to-checkout a.button.checkout-button{
  margin-bottom: 0;
  font-size: 1.2em;
}
table.cart td.actions input.input-text{
  margin-right: 0.5em;
}
a.button.alt:hover,
a.button.alt{
  background-color: unset;
  border-color: unset;
  color: unset;
  border: none;
  transition: none;
  outline: unset;
}

table{
  border-radius: 16px;
  overflow: hidden;
}

@media screen and (max-width:742px) {
  .wp-block-woocommerce-checkout-order-summary-block{
    display: none;
  }
}

.cart-empty.woocommerce-info{
  background-color: var(--light-grey);
  color: var(--grey);
  border-radius: 26px;
}

.cart-empty.woocommerce-info::before{
  color: var(--grey);
}

header.entry-header{
  height: unset;
}
div.col-full{
  margin-top: 5px;
}

.wc-block-components-button:not(.is-link){
  background-color: transparent;
}