/*
Theme Name:   woostify Child
Description:  My Child Theme for woostify
Author:       Ahmad
Author URI:   Your Website
Template:     woostify
Version:      1.0.0
*/

/* Your custom CSS styles can go below */
/* Style for the email verified message */

.email-verified-message {
    background-color: #4CAF50; /* Green background */
    color: #fff; /* White text color */
    padding: 10px; /* Padding around the message */
    margin-bottom: 20px; /* Bottom margin for spacing */
    border-radius: 5px; /* Rounded corners */
    text-align: center; /* Center-align the text */
}
.footer-social-media .social-icons a {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.5s ease forwards;
}

.footer-social-media .social-icons a:nth-child(1) { animation-delay: 0.1s; }
.footer-social-media .social-icons a:nth-child(2) { animation-delay: 0.2s; }
.footer-social-media .social-icons a:nth-child(3) { animation-delay: 0.3s; }
.footer-social-media .social-icons a:nth-child(4) { animation-delay: 0.4s; }

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Réseaux sociaux dans le footer */
.footer-social-media {
  text-align: center;
  padding: 30px 0;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  align-items: center; /* Centre horizontalement les enfants */
}

.footer-social-media h3 {
  font-size: 1.8rem;
  margin-bottom: 15px;
  color: #444;
  text-align: center; /* Centrage horizontal */
}

.footer-social-media .social-icons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 10px;
}

.footer-social-media .social-icons a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #eee;
  color: #555;
  font-size: 1.5rem;
  transition: background-color 0.3s ease, transform 0.3s ease, color 0.3s ease;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

.footer-social-media .social-icons a:hover {
  transform: translateY(-5px) scale(1.1);
  color: #fff;
}

/* Couleurs spécifiques par réseau social */
.footer-social-media .social-icons a:nth-child(1):hover { background-color: #3b5998; } /* Facebook */
.footer-social-media .social-icons a:nth-child(2):hover { background-color: #1da1f2; } /* Twitter */
.footer-social-media .social-icons a:nth-child(3):hover { background-color: #e4405f; } /* Instagram */
.footer-social-media .social-icons a:nth-child(4):hover { background-color: #0077b5; } /* LinkedIn */

/* Forcer l'affichage des icônes Font Awesome */
/* Harmoniser les champs */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  border-radius: 8px;
  padding: 12px;
  border: 1px solid #ccc;
}

/* Adapter le bouton de commande */
#place_order {
  background-color: #ff5722 !important;
  color: #fff !important;
  font-weight: bold;
  border-radius: 50px;
  padding: 14px 30px;
  transition: 0.3s;
}

#place_order:hover {
  background-color: #e64a19 !important;
}
.woocommerce-billing-fields h3 {
  display: block !important;
}