/*
Theme Name: Inaë
Template: storefront
*/
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500&display=swap');

/* ── Variables ── */
:root {
  --beige:    #F4EEEE;
  --rose:     #C17D85;
  --brun:     #3B2F2F;
  --taupe:    #7A6A6A;
  --clair:    #F8F0EB;
  --bordure:  #D4C0B0;
  --header:   #EDD5D8;
}

/* ── Base ── */
html, body {
  overflow-x: hidden !important;
  width: 100% !important;
}

body {
  font-family: 'Jost', sans-serif;
  background: var(--beige);
  color: var(--brun);
  font-weight: 300;
}

h1, h2, h3, h4 {
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  color: var(--brun);
}

/* ── Boutons ── */
.button, button, input[type="submit"],
.wc-proceed-to-checkout .checkout-button {
  background: var(--rose) !important;
  color: var(--beige) !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  padding: 13px 28px !important;
  font-weight: 400 !important;
}

.button:hover, button:hover, input[type="submit"]:hover {
  background: var(--brun) !important;
  color: var(--beige) !important;
}

/* ── Structure générale de page ── */
.site-content,
.content-area,
.site-main,
.col-full {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.elementor-location-single,
.elementor-location-archive,
.elementor {
  width: 100%;
  max-width: 100%;
}

.elementor-section,
.e-con,
.e-parent {
  width: 100% !important;
  max-width: 100% !important;
}

#content,
.site-content,
.woocommerce-breadcrumb {
    margin-top: 20px !important;
}

@media (max-width: 1024px) {
  .site-content, .content-area, .site-main, .col-full {
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }
}