/* Nanoo Elementor - ajustements wrapper Elementor */
.elementor-widget-nanoo-hero,
.elementor-widget-nanoo-services,
.elementor-widget-nanoo-header,
.elementor-widget-nanoo-footer,
.elementor-widget-nanoo-tools,
.elementor-widget-nanoo-why,
.elementor-widget-nanoo-value,
.elementor-widget-nanoo-projects,
.elementor-widget-nanoo-process,
.elementor-widget-nanoo-offer,
.elementor-widget-nanoo-faq,
.elementor-widget-nanoo-contact {
  width: 100%;
}

.elementor-widget-nanoo-hero .elementor-widget-container,
.elementor-widget-nanoo-services .elementor-widget-container,
.elementor-widget-nanoo-header .elementor-widget-container,
.elementor-widget-nanoo-footer .elementor-widget-container,
.elementor-widget-nanoo-tools .elementor-widget-container,
.elementor-widget-nanoo-why .elementor-widget-container,
.elementor-widget-nanoo-value .elementor-widget-container,
.elementor-widget-nanoo-projects .elementor-widget-container,
.elementor-widget-nanoo-process .elementor-widget-container,
.elementor-widget-nanoo-offer .elementor-widget-container,
.elementor-widget-nanoo-faq .elementor-widget-container,
.elementor-widget-nanoo-contact .elementor-widget-container {
  padding: 0;
  margin: 0;
}

.nanoo-accent-fill,
.why-card-icon .nanoo-accent-fill,
.service-card-icon .nanoo-accent-fill,
svg .nanoo-accent-fill {
  fill: var(--accent) !important;
}

.nanoo-accent-stroke {
  stroke: var(--accent) !important;
}

/* Neutralise les couleurs de liens Elementor / thème */
body.nanoo-studio a:not(.btn-hero):not(.btn-primary):not(.btn-secondary):not(.nav-contact) {
  color: inherit;
}

.elementor a.btn-hero,
.elementor a.btn-primary,
.elementor .btn-hero,
.elementor .btn-primary {
  color: #ffffff !important;
}

.elementor a.btn-hero:hover,
.elementor a.btn-primary:hover,
.elementor .btn-hero:hover,
.elementor .btn-primary:hover {
  color: #ffffff !important;
}

.elementor a.nav-contact,
.elementor .nav-links a.nav-contact {
  color: var(--dark) !important;
}

body.nanoo-studio a:visited {
  color: inherit;
}

body.nanoo-studio a:focus-visible,
body.nanoo-studio button:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

/* FAQ — pas de surcharge Elementor (nanoo.css fait foi) */
.elementor-widget-nanoo-faq .elementor-widget-container {
  padding: 0;
  margin: 0;
}

/* Neutralise le hover bouton Hello Elementor (#c36) sur l'accordéon FAQ */
/* (règles détaillées en bas de fichier — section Hello Elementor reset) */

/* Contact Form 7 — compléments wrapper (styles principaux dans nanoo.css) */
.nanoo-cf7-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.wpcf7 form.contact-form {
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none;
  background: transparent;
}

.nanoo-icon-img {
  display: block;
  object-fit: contain;
}

.pricing-features li,
.service-card-list li,
.value-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  position: relative;
}

.pricing-features li::before,
.service-card-list li::before,
.value-list li::before {
  content: none !important;
  display: none !important;
  mask: none !important;
  -webkit-mask: none !important;
  background: none !important;
}

.pricing-features li {
  padding-left: 0;
}

.service-card-list li {
  padding-left: 0;
}

.value-list li {
  padding-left: 20px !important;
}

.nanoo-list-icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: block;
}

.nanoo-list-icon--tick {
  background-color: var(--accent);
  -webkit-mask: var(--iconsax-tick) center / contain no-repeat;
  mask: var(--iconsax-tick) center / contain no-repeat;
}

.nanoo-list-icon--custom {
  object-fit: contain;
}

@media (max-width: 809px) {
  .nanoo-cf7-row {
    grid-template-columns: 1fr;
  }
}

/* CF7 : le formulaire interne ne doit pas doubler la carte blanche */
.elementor-widget-nanoo-contact .wpcf7 form.contact-form,
.elementor-widget-nanoo-contact .nanoo-metform-form .mf-form-shortcode {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}

/*
 * Hello Elementor — reset global boutons (#c36, border-radius 3px)
 * Le thème cible [type=button], [type=submit], button { … }
 */
body.nanoo-studio .btn-hero,
body.nanoo-studio a.btn-hero,
body.nanoo-studio .btn-primary,
body.nanoo-studio a.btn-primary,
body.nanoo-studio button.btn-primary,
body.nanoo-studio [type="submit"].btn-primary,
body.nanoo-studio [type="submit"].nanoo-form-submit,
body.nanoo-studio [type="submit"].wpcf7-submit,
body.nanoo-studio button.nanoo-form-submit,
body.nanoo-studio .nanoo-form-submit,
body.nanoo-studio .metform-submit-btn,
body.nanoo-studio .metform-btn,
body.nanoo-studio .btn-secondary,
body.nanoo-studio a.btn-secondary {
  display: inline-flex !important;
  font-weight: 600 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  border-radius: 9999px !important;
}

body.nanoo-studio .btn-hero,
body.nanoo-studio a.btn-hero,
body.nanoo-studio .btn-primary,
body.nanoo-studio a.btn-primary,
body.nanoo-studio button.btn-primary,
body.nanoo-studio [type="submit"].btn-primary,
body.nanoo-studio [type="submit"].nanoo-form-submit,
body.nanoo-studio [type="submit"].wpcf7-submit,
body.nanoo-studio button.nanoo-form-submit,
body.nanoo-studio .nanoo-form-submit,
body.nanoo-studio .metform-submit-btn,
body.nanoo-studio .metform-btn {
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: linear-gradient(180deg, #2b2b2b 0%, #1a1a1a 42%, #111111 100%) !important;
}

body.nanoo-studio .btn-hero:hover,
body.nanoo-studio a.btn-hero:hover,
body.nanoo-studio .btn-primary:hover,
body.nanoo-studio a.btn-primary:hover,
body.nanoo-studio button.btn-primary:hover,
body.nanoo-studio [type="submit"].btn-primary:hover,
body.nanoo-studio [type="submit"].nanoo-form-submit:hover,
body.nanoo-studio [type="submit"].wpcf7-submit:hover,
body.nanoo-studio button.nanoo-form-submit:hover,
body.nanoo-studio .nanoo-form-submit:hover,
body.nanoo-studio .metform-submit-btn:hover,
body.nanoo-studio .metform-btn:hover,
body.nanoo-studio .btn-hero:focus,
body.nanoo-studio a.btn-hero:focus,
body.nanoo-studio .btn-primary:focus,
body.nanoo-studio a.btn-primary:focus,
body.nanoo-studio button.btn-primary:focus,
body.nanoo-studio [type="submit"].btn-primary:focus,
body.nanoo-studio [type="submit"].nanoo-form-submit:focus,
body.nanoo-studio button.nanoo-form-submit:focus,
body.nanoo-studio .nanoo-form-submit:focus,
body.nanoo-studio .metform-submit-btn:focus,
body.nanoo-studio .metform-btn:focus {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: linear-gradient(180deg, #2b2b2b 0%, #1a1a1a 42%, #111111 100%) !important;
}

body.nanoo-studio .btn-secondary,
body.nanoo-studio a.btn-secondary {
  color: #111111 !important;
  border: 1px solid rgba(17, 17, 17, 0.2) !important;
  background: rgba(255, 255, 255, 0.45) !important;
}

body.nanoo-studio .btn-secondary:hover,
body.nanoo-studio a.btn-secondary:hover,
body.nanoo-studio .btn-secondary:focus,
body.nanoo-studio a.btn-secondary:focus {
  color: #111111 !important;
  border-color: rgba(17, 17, 17, 0.28) !important;
  background: rgba(255, 255, 255, 0.55) !important;
}

body.nanoo-studio button.faq-question,
body.nanoo-studio button.faq-question:hover,
body.nanoo-studio button.faq-question:focus {
  display: flex !important;
  width: 100% !important;
  border: none !important;
  border-radius: 0 !important;
  background-color: var(--white) !important;
  color: var(--dark) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  text-align: left !important;
  white-space: normal !important;
  padding: 22px 24px !important;
}

@media (max-width: 809px) {
  body.nanoo-studio button.faq-question,
  body.nanoo-studio button.faq-question:hover,
  body.nanoo-studio button.faq-question:focus {
    padding: 18px 16px !important;
  }
}

body.nanoo-studio .faq-item.open button.faq-question,
body.nanoo-studio .faq-item.open button.faq-question:hover,
body.nanoo-studio .faq-item.open button.faq-question:focus {
  background-color: var(--accent) !important;
  color: var(--white) !important;
}

body.nanoo-studio button.mobile-menu-btn,
body.nanoo-studio button.mobile-menu-btn:hover,
body.nanoo-studio button.mobile-menu-btn:focus {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--white) !important;
  padding: 8px !important;
}

body.nanoo-studio .back-to-top,
body.nanoo-studio .back-to-top:hover,
body.nanoo-studio .back-to-top:focus {
  border: none !important;
  background: var(--dark) !important;
  color: var(--white) !important;
  border-radius: 50% !important;
}