/**
Theme Name: Dubois Chocolatier
Author: Wordpress Creation
Author URI: https://wordpresscreation.fr/
Description: Site internet Dubois Chocolatier V2 réalisé par Wordpress Creation
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dubois-chocolatier
Template: astra
*/

/* Jost - Variable */
@font-face {
  font-family: 'Jost';
  src: url('fonts/Jost-VariableFont_wght.woff2') format('woff2'),
       url('fonts/Jost-VariableFont_wght.woff') format('woff');  
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

/* EB Garamond - Variable */
@font-face {
  font-family: 'EB Garamond', sans-serif;
  src: url('fonts/EBGaramond-VariableFont_wght.woff2') format('woff2'),
       url('fonts/EBGaramond-VariableFont_wght.woff') format('woff');  
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

/* Poppins - Light */
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Light.woff2') format('woff2'),
       url('fonts/Poppins-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Poppins - SemiBold */
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-SemiBold.woff2') format('woff2'),
       url('fonts/Poppins-SemiBold.woff') format('woff');  
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Poppins - Bold */
@font-face {
  font-family: 'Poppins';
  src: url('fonts/Poppins-Bold.woff2') format('woff2'),
       url('fonts/Poppins-Bold.woff') format('woff');  
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.woocommerce-checkout {
  font-family: 'Jost' !important;
}

.woocommerce-checkout h3 {
  font-family: 'Jost';
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  color: #4D6277;
  border-bottom: 0 !important;
  padding-top: 1.5em !important;
  padding-bottom: 1.5em !important;
}

.woocommerce-checkout input {
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 1px solid #4D6277 !important;
  border-radius: 0 !important;
  font-family: 'Jost';
  font-size: 18px;
  color: #4D6277;
  padding: 30px 0 20px 0 !important;
}

.woocommerce-checkout #billing_country_field label,
.woocommerce-checkout #billing_email_field label,
.woocommerce-checkout #shipping_country_field label,
.woocommerce-checkout .woocommerce-additional-fields {
  display: none !important;
}

.woocommerce-checkout #billing_country_field,
.woocommerce-checkout #shipping_country_field {
  display: none !important;
}

.woocommerce-checkout #billing_country_field strong,
.woocommerce-checkout #shipping_country_field strong {
  padding-left: 0;
}

.woocommerce-checkout #partpro_field label,
.woocommerce-checkout #ship-to-different-address label,
.woocommerce-checkout #billing_sac_field label,
.woocommerce-checkout #billing_message_check_field label,
.woocommerce-checkout .wc_payment_method label,
.woocommerce-checkout .woocommerce-shipping-methods label,
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text a {
  font-size: 18px !important;
  font-weight: normal;
  color: #4D6277 !important;
  text-transform: none;
}

.woocommerce-checkout label.particulier-pro:last-of-type {
  margin: 0 0 0 2em;
}

body:not(.cartflows-canvas):not(.cartflows-default) .woocommerce form .form-row label:not(.checkbox):not(.radio):not(.woocommerce-form__label-for-checkbox) {
  padding: 0;
  margin: 0;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
  margin: 2em 0;
}

.woocommerce-checkout .woocommerce-privacy-policy-text {
  font-size: 16px !important;
  line-height: 1.25em;
}

.woocommerce-checkout .woocommerce-privacy-policy-text a {
  color: #4D6277 !important;
}

.woocommerce-checkout button.button {
  border: 1px solid #4D6277;
  border-radius: 50px;
  font-family: "EB Garamond", serif;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 2px;
  padding: 14px 22px;
  text-transform: uppercase;
  color: #4D6277;
  background-color: transparent;
  display: inline-block;
  float: left !important;
  width: auto !important;
}

.woocommerce-checkout button.button:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background-color: #4d6277 !important;
  border-radius: 50%;
  margin-right: 8px;
  vertical-align: middle;
}

.woocommerce-checkout button.button:hover:before {
  background-color: #fff !important;
}

.woocommerce-checkout button.button:hover,
.woocommerce-checkout button.button:focus {
  border: 1px solid #4D6277;
  color: #fff;
  background-color: #4D6277;
}

.woocommerce-js form .form-row .required {
  color: #4D6277;
  font-weight: normal;
}

form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading) {
  border-color: #4D6277;
  border-width: 1px 0 0 1px;
}

form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
  border-color: #4D6277;
  border-width: 0 0 0 1px;
}

/* Checkbox rondes dans le checkout WC */
/* Masque la case native pour les checkbox custom*/

.woocommerce .form-row .checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Le label devient le conteneur flex */
.woocommerce .form-row .checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}

/* Ajout d’un rond personnalisé AVANT le texte */
.woocommerce .form-row .checkbox::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #4D6277; /* gris neutre */
  border-radius: 50%;        /* rond */
  margin-right: 10px;        /* espace avec le texte */
  box-sizing: border-box;
  flex-shrink: 0;
  transform: translateY(3px);
}

/* État coché → cercle rempli */
.woocommerce .form-row label.checkbox:has(> input[type="checkbox"]:checked)::before {
  background-color: #4D6277 !important;
  border-color: #4D6277 !important;
}

/* Focus clavier visible */
.woocommerce .form-row .checkbox input[type="checkbox"]:focus + span::before,
.woocommerce .form-row .checkbox input[type="checkbox"]:focus::before {
  box-shadow: 0 0 0 3px rgba(0,123,255,0.35);
}

/* Masquer les radios natifs */
.woocommerce .woocommerce-input-wrapper input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Labels comme conteneurs cliquables */
.woocommerce .woocommerce-input-wrapper label.radio {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  margin-right: 15px; /* espace entre options */
}

/* Rond par défaut */
.woocommerce .woocommerce-input-wrapper label.radio::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #4D6277;
  border-radius: 50%;
  margin-right: 8px;
  box-sizing: border-box;
  flex-shrink: 0;
  transform: translateY(3px);
}

/* État sélectionné → rond rempli #4D6277 */
.woocommerce .woocommerce-input-wrapper input[type="radio"]:checked + label.radio::before {
  background-color: #4D6277;
  border-color: #4D6277;
}

/* Focus clavier */
.woocommerce .woocommerce-input-wrapper input[type="radio"]:focus + label.radio::before {
  box-shadow: 0 0 0 3px rgba(77, 98, 119, 0.35);
}


@media (min-width: 922px) {

.woocommerce-page.woocommerce-checkout form #customer_details.col2-set {
  width: 45%;
  margin-left: 10%;
}

}