/*
Theme Name: Docy Child
Theme URI: https://wp.spider-themes.com/docy/
Template: docy
Author: spider-themes
Author URI: https://themeforest.net/user/spider-themes
Description: Docy is a powerful, responsive, and high-performance online documentation WordPress theme that can assist you quickly develop your next product’s documentation. It can be used for documenting API, frameworks, plugins, templates, software, manual etc.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: docy-child
*/

/* Styliser le formulaire de connexion dans les doc */

/* Animation fade-in pour la zone de connexion */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.doc-login {
  position: relative;
  background: linear-gradient(135deg, #5C756A, #6E8C7F);
  border : 1px solid #FE9C1F;
  border-radius: 12px;
  padding: 24px 28px;
  color: #1a1a1a;
  font-family: Poppins;
  box-shadow:
    0 0 12px 6px rgba(255 255 255 / 0.3),
    0 4px 20px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  animation: fadeInUp 0.7s ease forwards;
  opacity: 0;
  margin: 1em auto;
}

.doc-login::before {
  content: '';
  position: absolute;
  top: -15px; bottom: -15px;
  left: -15px; right: -15px;
  border-radius: 16px;
  pointer-events: none;
  background: radial-gradient(circle at center, rgba(255 255 255 / 0.25), transparent 70%);
  filter: blur(12px);
  z-index: -1;
}

.doc-login p {
  margin: 0 0 18px 0;
  font-weight: 600;
  font-size: 1.15em;
  letter-spacing: 0.02em;
  text-shadow: 0 1px 1px rgba(255 255 255 / 0.7);
}

.doc-login h3 {
  margin: 0 0 18px 0;
  color : #ffffff;
  font-weight: 700;
  font-size: 14px !important;
  text-align: center;
}

.doc-login label {
display:none;
}

.doc-login input {
width:100%;
}

.doc-login form.login {
  max-width: 100%;
}

.doc-login form.login input[type="text"],
.doc-login form.login input[type="password"] {
  width: 100%;
  padding: 10px 12px;
  margin-bottom: 14px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  font-size: 1em;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  background: rgba(255 255 255 / 0.9);
  color: #222;
}

.doc-login form.login input[type="text"]:focus,
.doc-login form.login input[type="password"]:focus {
  border-color: #0073aa;
  box-shadow: 0 0 8px #0073aaaa;
  outline: none;
  background: white;
}

.doc-login #wp-submit {
  background: #FE9C1F;
  border: none;
  color: white;
  padding: 10px;
  border-radius: 15px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  transition: background 0.4s ease, transform 0.2s ease;
  box-shadow: 0 4px 10px #005f8d88;
}

.doc-login form.login input[type="submit"]:hover {
  background: linear-gradient(90deg, #005f8d, #003f5d);
  transform: scale(1.08);
  box-shadow: 0 6px 14px #003f5daa;
}

.icon-cadenas {
  display: inline-block;
  margin-right: 6px;
  color: #FE9C1F;
  font-size: 1em;
}

.inscription-cta {text-align:center;color:#ffffff;font-size:14px}
#open-register-popup {color:#ffffff !important}