/*
Theme Name: Steven Web Digital
Description: Reprise du site Steven Web Digital avec sept pages et formulaire WordPress.
Version: 1.2.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: steven-web-digital
*/
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  background: #000000;
  color: #ffffff;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(32px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes slideIn {
  from { opacity: 0; transform: translateX(-24px); }
  to   { opacity: 1; transform: translateX(0); }
}

.animate-fade-up { animation: fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) both; }
.animate-fade-up-1 { animation: fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.15s both; }
.animate-fade-up-2 { animation: fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.3s both; }
.animate-fade-up-3 { animation: fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.45s both; }
.animate-fade-up-4 { animation: fadeUp 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.6s both; }

/* Diagonal section divider (clip-path approach) */
.clip-diagonal {
  clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%);
}
.clip-diagonal-rev {
  clip-path: polygon(0 0, 100% 6%, 100% 100%, 0 100%);
}

/* Hover underline effect */
.hover-underline {
  position: relative;
}
.hover-underline::after {
  content: "";
  position: absolute;
  left: 0; bottom: -2px;
  width: 0; height: 2px;
  background: #ffffff;
  transition: width 0.3s ease;
}
.hover-underline:hover::after { width: 100%; }

#swd-mobile-menu[hidden]{display:none}#swd-mobile-menu{padding:1.5rem;background:#020818}#swd-mobile-menu a{display:block;padding:.8rem;color:#fff}body.admin-bar header.fixed{top:32px}.swd-form input,.swd-form textarea,.swd-form select{width:100%;padding:1rem;background:#030d1f;color:white;border:1px solid #ffffff40}.swd-form label{display:block;margin-bottom:1.5rem}.swd-form button{padding:1rem 2rem;background:white;color:black;border-radius:2rem;cursor:pointer}.swd-form [type=checkbox]{width:auto}.swd-honey{position:absolute;left:-9999px}.swd-result{padding:1rem;border:1px solid #4da3ff;margin-bottom:1.5rem}.swd-skip{position:fixed;top:-100px;left:1rem;z-index:1000;background:white;color:black;padding:1rem}.swd-skip:focus{top:1rem}#swd-content{min-height:65vh}.swd-generic{padding:10rem 1.5rem 4rem;max-width:1100px;margin:auto}@media(max-width:782px){body.admin-bar header.fixed{top:46px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[class*=animate-fade]{animation:none}}@media(min-width:768px){#swd-mobile-menu{display:none}}

.swd-phone{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.25rem;border:1px solid #4da3ff66;border-radius:999px;color:#ffffff;background:#0d2b6e;font-size:1rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s}.swd-phone:hover{background:#174f92}.swd-phone:focus-visible{outline:3px solid #4da3ff;outline-offset:4px}aside .swd-phone{margin-bottom:1.5rem}footer .swd-phone{font-size:.9rem;padding:.7rem 1rem}.animate-fade-up-3:has(>.swd-phone){flex-wrap:wrap}