/* ========================================
   STYLES DE BASE & VARIABLES
   ======================================== */

/* Variables CSS globales */
:root {
  --text-color:#000000;
}

/* Styles globaux */
body {
  color: var(--text-color);
}

div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  color: #bb238c;
}

/* Alpine.js - Cacher les éléments avant initialisation */
[x-cloak] {
  display: none !important;
}

/* ========================================
   CORRECTIONS DIVI & WORDPRESS
   ======================================== */

/* Marge principale pour compenser le header fixe */
#et-main-area {
  margin-top: 74px;
}

.admin-bar #et-main-area {
  margin-top: 115px;
}
/*
#main-content {
  padding-top: 30px;
}
*/

/* Corrections Divi */
.et-db #et-boc .et-l .et_pb_widget_area_left {
  border-right: 0px none transparent;
}

#et-boc .et-l .et_pb_column_1_4 .et_pb_widget {
  margin-bottom: 24px !important;
}

/* ========================================
   CORRECTIONS WOOCOMMERCE BLOCKS
   ======================================== */

.wc-block-components-checkbox {
  margin-top: 0px !important;
}

.active-filters .wc-blocks-filter-wrapper {
  background-color: #f2f1ef;
  padding: 12px;
}

/* ========================================
   FORMULAIRES
   ======================================== */

.field-flex {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}

.field-wrap {
  margin-bottom: 30px;
}

.field-wrap label.field-label {
  font-size: 15px;
  font-weight: bold;
  margin-top: 12px;
  display: inline-block;
  width: 100%;
}

select, 
textarea,
input[type=email].wpcf7-email, 
input[type=password].wpcf7-password, 
input[type=tel].wpcf7-tel, 
input[type=text].wpcf7-text {
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-width: 2px;
  border-bottom-color: #000000;
  padding: 5px 0px;
  color: #000000;
  background-color: transparent;
  font-size: 16px;
  width: 100%;
}

textarea::placeholder,
input[type=email].wpcf7-email::placeholder, 
input[type=password].wpcf7-password::placeholder, 
input[type=tel].wpcf7-tel::placeholder, 
input[type=text].wpcf7-text::placeholder {
  color: #000000;
}