/*
Theme Name: Payet Rivière

Description: Child theme for WooCommerce Storefront.
Author: Hands
Author URI: https://hands.fr/
Template: storefront
Text Domain: storefront-child
Version: 1.0.0
License: GPL-2.0-or-later
*/

:root {
  --padding-x: 132px;
  --grid-gutter: 20px;
  --grid-columns: 12;
  --column-width: calc(
    (
        var(--vw, 1vw) * 100 - 2 * var(--padding-x) -
          ((var(--grid-columns) - 1) * var(--grid-gutter))
      ) /
      var(--grid-columns)
  );

  @media (max-width: 1024px) {
    --padding-x: 20px;
    --grid-gutter: 16px;
    --grid-columns: 6;
  }

  @media (min-width: 1500px) {
    --grid-gutter: 24px;
  }
}

html,
body {
  color: black;
  background: white;
}

.site {
  overflow: unset !important;
}

.wrapper {
  margin-inline: auto;
  padding-inline: var(--padding-x);
}

.is-grid {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  gap: var(--grid-gutter);
}

small {
  font-size: 0.8em;
  font-weight: 300;
}

.agegate {
  background: url('assets/img/fond-fleuri.webp') center/cover no-repeat fixed !important;
}

/* Use CSS variables to handle this */
/* .rndv-widget-container .datepicker input[type='text'] {
  color: currentColor;
  font-size: 16px;
  cursor: pointer;

  @media (max-width: 1024px) {
    font-size: 14px;
  }
} */

button:focus,
a:focus {
  outline: none !important;
}

/* button:focus-visible {

} */

*:focus-visible {
  outline: 1px solid black !important;
}

.site-main,
.page {
  margin: 0;
}