/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       SABER4DEV
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


a.custom-yellow-link {
    color: yellow;
    font-weight: 700;
    text-decoration: underline;
    transition: color 0.2s ease;
}

a.custom-yellow-link:hover {
    color: #ffcc00; /* a softer yellow when hovering (optional) */
}
.page-id-12 .wwp_wholesaler_registration {
    background: #fff !important;
}

.wwp-wholesale-pricing-details p {
margin: 3px;
}

.price-wholesale .wh-label { 
	font-size:.85em; 
	opacity:.7; 
	margin-right:.35em;
}

.woocommerce ul.products li.product a img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}


.wpcf7 .cf7-grossiste label,
.wpcf7 .cf7-grossiste .wpcf7-list-item-label,
.wpcf7 .cf7-grossiste .wpcf7-list-item-label a {
  color: #fff !important;
}

/* Scope styles to this form only */
.cf7-grossiste .form-grid {
  --gap: 16px;
  display: grid;
  grid-template-columns: 1fr;   /* 1 col on phones */
  gap: var(--gap);
  color: #fff;
}
@media (min-width: 768px) {
  .cf7-grossiste .form-grid {   /* 2 cols on tablet/desktop */
    grid-template-columns: 1fr 1fr;
  }
}
.cf7-grossiste .field { width: 100%; }
.cf7-grossiste .field--full { grid-column: 1 / -1; }

.cf7-grossiste label { display:block; margin:0 0 6px; font-weight:600; color:#fff; }

/* Inputs */
.cf7-grossiste input[type="text"],
.cf7-grossiste input[type="email"],
.cf7-grossiste input[type="tel"],
.cf7-grossiste textarea,
.cf7-grossiste select {
  width:100%;
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.35);
  border-radius:3px;
  padding:10px 12px;
  line-height:1.4;
}
.cf7-grossiste textarea { min-height:180px; resize:vertical; }

/* Placeholders & focus */
.cf7-grossiste ::placeholder { color:rgba(255,255,255,.65); }
.cf7-grossiste input:focus,
.cf7-grossiste textarea:focus,
.cf7-grossiste select:focus {
  border-color:#fff;
  outline:none;
  box-shadow:0 0 0 2px rgba(255,255,255,.12);
}

/* Consent link + messages */
.cf7-grossiste .agree { font-size:14px; }
.cf7-grossiste .agree a { color:#fff; text-decoration:underline; }
.cf7-grossiste .wpcf7-spinner { filter: invert(1); }
.cf7-grossiste .wpcf7-not-valid-tip { color:#ffdede; }
.cf7-grossiste .wpcf7-response-output { color:#fff; border-color:rgba(255,255,255,.35); }


/* Labels in the form */
.cf7-grossiste label {
  color: #fff !important;
}

/* Acceptance block text + link */
.cf7-grossiste .wpcf7-acceptance .wpcf7-list-item-label,
.cf7-grossiste .cf7-legal {
  color: #fff !important;
}

.cf7-grossiste .wpcf7-acceptance a,
.cf7-grossiste .cf7-legal a {
  color: #fff !important;
  text-decoration: underline;
}

/* (optional) nicer placeholders on dark bg */
.cf7-grossiste ::placeholder {
  color: rgba(255,255,255,0.75);
}
.elementor-shortcode {
color: #000;
}



/* === WHOLESALER REGISTRATION DARK THEME === */
.wwp_wholesaler_registration {
  background: #212121; 
  color: #f0f0f0;
  padding: 50px 35px;
  border-radius: 9px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  max-width: 600px;
  font-family: "Poppins", sans-serif;
  margin-top: -60px;
  margin-bottom: -50px;
}

.wwp_wholesaler_registration h2.wholesaler-registration {
  text-align: center;
  font-size: 1.8rem;
  color: #fff; 
  letter-spacing: 1px;
  margin-bottom: 25px;
  text-transform: uppercase;
}

/* Form rows */
.wwp_wholesaler_registration_form .wwp_form_css_row {
  margin-bottom: 20px;
}

.wwp_wholesaler_registration_form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #e0e0e0;
  font-size: 0.95rem;
}

/* Inputs and textareas */
.wwp_wholesaler_registration_form input[type="text"],
.wwp_wholesaler_registration_form input[type="email"],
.wwp_wholesaler_registration_form input[type="password"],
.wwp_wholesaler_registration_form input[type="number"],
.wwp_wholesaler_registration_form input[type="tel"],
.wwp_wholesaler_registration_form textarea {
  width: 100%;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid #333;
  background-color: #1f1f1f;
  color: #f5f5f5;
  transition: all 0.25s ease;
  font-size: 0.95rem;
}

.wwp_wholesaler_registration_form input::placeholder,
.wwp_wholesaler_registration_form textarea::placeholder {
  color: #777;
}

.wwp_wholesaler_registration_form input:focus,
.wwp_wholesaler_registration_form textarea:focus {
  border-color: #FFD73D;
  background-color: #252525;
  outline: none;
  box-shadow: 0 0 5px rgba(255, 215, 61, 0.4);
}

/* Password field eye icon */
.wwp-password-wrapper {
  position: relative;
}
.wwp-password-wrapper input {
  padding-right: 40px;
}
.wwp-password-toggle {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #999;
  transition: color 0.3s;
}
.wwp-password-toggle:hover {
  color: #FFD73D;
}

/* Submit button */
.wwp_wholesaler_registration_form .woocommerce-Button {
  width: 100%;
  background: #e35336; 
  color: #ffffff;
  border: none;
  padding: 14px;
  font-size: 1rem;
  border-radius: 2px; 
  cursor: pointer;
  transition: all 0.25s ease;
  font-weight: 600;
  text-transform: uppercase;
}

.wwp_wholesaler_registration_form .woocommerce-Button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 164, 61, 0.3);
}

.rendered-form .formbuilder-checkbox-inline, .rendered-form .formbuilder-radio-inline {
    margin-right: 8px;
    display: -webkit-box;
}
/* Make checkbox consistent with theme */
.agreement-field input[type="checkbox"] {
  accent-color: #ff7043; /* Jalssah orange tone */
  width: 18px;
  height: 18px;
  cursor: pointer;
}

/* Adjust link color inside label */
.agreement-field a {
  color: #ff7043;
  text-decoration: none;
}

.agreement-field a:hover {
  text-decoration: underline;
}

/* Optional responsive tweaks */
@media (max-width: 480px) {
  .wwp_wholesaler_registration {
    padding: 25px;
  }
  .wwp_wholesaler_registration h2 {
    font-size: 1.5rem;
  }
}

/* Optional responsive tweaks */
@media (max-width: 1024px) {
  .wwp_wholesaler_registration {
    margin: 0px 0px -60px 0px;
    
  }
}


/* === WHOLESALER REGISTRATION DARK THEME  === */
.whols_registration_form {
  background: #212121;
  color: #f0f0f0;
  padding: 50px 35px;
  border-radius: 9px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.4);
  max-width: 600px;
  font-family: "Poppins", sans-serif;
  margin-top: -60px;
  margin-bottom: -50px;
  width: 600px;
}


/* Form rows */
.whols_registration_form .whols_form_css_row {
  margin-bottom: 20px;
}

.whols_registration_form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #e0e0e0;
  font-size: 0.95rem;
}

/* Inputs and textareas */
.whols_registration_form input[type="text"],
.whols_registration_form input[type="email"],
.whols_registration_form input[type="password"],
.whols_registration_form input[type="number"],
.whols_registration_form input[type="tel"],
.whols_registration_form textarea {
  width: 100%;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid #ffffff;
  background-color: #1f1f1f;
  color: #f5f5f5;
  transition: all 0.25s ease;
  font-size: 0.95rem;
}

.whols_registration_form input::placeholder,
.whols_registration_form textarea::placeholder {
  color: #777;
}

.whols_registration_form input:focus,
.whols_registration_form textarea:focus {
  border-color: #FFD73D;
  background-color: #252525;
  outline: none;
  box-shadow: 0 0 5px rgba(255, 215, 61, 0.4);
}

/* Password field eye icon */
.whols-password-wrapper {
  position: relative;
}
.whols-password-wrapper input {
  padding-right: 40px;
}
.whols-password-toggle {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #999;
  transition: color 0.3s;
}
.whols-password-toggle:hover {
  color: #E35336;
}

/* === Align Prenom + Nom fields side by side on the same row === */
.whols_registration_form .form-row-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 15px; /* space between fields */
}

.whols_registration_form .form-row-inline .form-control {
  width: 100%;
}

/* Force both fields to take equal width (50% each on desktop) */
.whols_registration_form .form-row-inline > div {
  flex: 1 1 48%;
}

/* Responsive: stack vertically on small screens */
@media (max-width: 600px) {
  .whols_registration_form .form-row-inline {
    flex-direction: column;
  }
  .whols_registration_form .form-row-inline > div {
    width: 100%;
  }
}

/* Submit button */
.whols_registration_form .woocommerce-Button {
  width: 100%;
  background: #e35336;
  color: #ffffff;
  border: none;
  padding: 14px;
  font-size: 1rem;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.25s ease;
  font-weight: 600;
  text-transform: uppercase;
}

.whols_registration_form .woocommerce-Button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(255, 164, 61, 0.3);
}

/* Inline checkbox/radio */
.rendered-form .formbuilder-checkbox-inline,
.rendered-form .formbuilder-radio-inline {
  margin-right: 8px;
  display: -webkit-box;
}

/* Checkbox styling */
.agreement-field input[type="checkbox"] {
  accent-color: #ff7043; /* Jalssah orange tone */
  width: 18px;
  height: 18px;
  cursor: pointer;
}

/* Link color inside agreement label */
.agreement-field a {
  color: #ff7043;
  text-decoration: underline;
}

.agreement-field a:hover {
  text-decoration: underline;
  color: #fff;
}

/* Responsive tweaks */
@media (max-width: 480px) {
  .whols_registration_form {
    padding: 25px;
  }
  .whols_registration_form h2 {
    font-size: 1.5rem;
  }
}

@media (max-width: 1024px) {
  .whols_registration_form {
    margin: 0 0 -90px 0;
    
  }
}


.wholesale-note {
    font-size: 0.85em;
    color: #ff7043; /* Jalssah orange tone */
    margin-left: 2px;
}


/* Reset padding and margin on quantity field */
.woocommerce input.qty {
    padding: 5px 10px !important; /* Adjust padding as needed */
    margin: 0 !important; /* Remove any extra margin */
    height: auto; /* Ensure it doesn’t have an unwanted height */
}

/* Adjust the container around the quantity input if necessary */
.woocommerce .quantity {
    margin: 0 !important; /* Remove margin around the whole quantity field */
    padding: 0 !important; /* Remove padding around the field */
}

/* If the issue is in a specific section (e.g., cart), target it more precisely */
.woocommerce-cart .quantity input.qty {
    padding: 5px 10px !important; /* Adjust padding for cart page */
}