/* ==========================================================================
   PetroSync — Surcharge de thème (Coming Soon)
   Palette officielle issue du logo :
     --ps-navy   : #1B2D45  (fond / texte foncé)
     --ps-green  : #00C600  (accent / CTA)
     --ps-green-dark : #00A000 (hover)
   ========================================================================== */

:root {
  --ps-navy: #1B2D45;
  --ps-navy-light: #25395490;
  --ps-green: #00C600;
  --ps-green-dark: #00A000;
}

/* ---- Remplacement de l'accent rose (#E91E63) du template par le vert PetroSync ---- */

a, a:hover,
.section-title span,
.subtitle,
.services-item .icon,
.services-item h3 a:hover,
.team-overlay,
.pagination .page-item .page-link,
#contact .contact-box h4 i {
  color: var(--ps-green);
}

.btn-common,
.menu-bg.nav-bg .navbar-toggler .lni-menu,
.subscribe-form .form-inline .btn,
.subscribe-inner .form-inline .btn,
#back-to-top,
.back-to-top,
.pagination .page-item.active .page-link {
  background-color: var(--ps-green) !important;
  border-color: var(--ps-green) !important;
}

.btn-common:hover,
.pagination .page-item .page-link:hover {
  background-color: var(--ps-green-dark) !important;
  border-color: var(--ps-green-dark) !important;
  color: #fff !important;
}

.btn-border {
  border-color: #fff;
}

.btn-border:hover {
  background-color: var(--ps-green);
  border-color: var(--ps-green);
}

.form-control:focus {
  border-color: var(--ps-green) !important;
  box-shadow: 0 0 0 3px rgba(0, 198, 0, 0.15);
}

.menu-bg.nav-bg {
  background-color: var(--ps-navy) !important;
}

/* Overlay sombre sur le hero / countdown : navy au lieu de noir */
.intro .overlay {
  background: var(--ps-navy);
  opacity: 0.78;
}

.bg-wraper {
  background-color: var(--ps-navy);
}

.bg-wraper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ps-navy);
  opacity: 0.62;
}

/* Footer en navy PetroSync */
.footer-area {
  background: var(--ps-navy) !important;
}

.footer-area .social-icon li a:hover {
  background: var(--ps-green);
}

/* Logo dans le header */
.navbar-brand img.ps-logo {
  height: 38px;
  width: auto;
}

/* ==========================================================================
   Bloc Contact — Coming Soon
   Formulaire compact : Nom, Prénom, Email
   ========================================================================== */

.ps-contact-card {
  max-width: 560px;
  margin: 30px auto 0;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  padding: 28px 30px 10px;
  backdrop-filter: blur(4px);
}

.ps-contact-card h5 {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 4px;
  text-align: center;
}

.ps-contact-card .ps-contact-sub {
  color: #d8dde3;
  font-size: 13px;
  text-align: center;
  margin-bottom: 18px;
}

.ps-contact-card .form-row-ps {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.ps-contact-card .form-row-ps .form-group-ps {
  flex: 1 1 0;
  min-width: 160px;
}

.ps-contact-card .form-group-ps {
  margin-bottom: 14px;
  text-align: left;
}

.ps-contact-card label {
  display: block;
  font-size: 12px;
  color: #c4cad2;
  margin-bottom: 5px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.ps-contact-card input.form-control {
  background: #fff;
  border: 1px solid transparent;
  border-radius: 5px;
  margin-bottom: 0;
  color: #1b2d45;
  font-size: 14px;
  padding: 11px 14px;
}

.ps-contact-card input.form-control::placeholder {
  color: #9aa3ad;
}

.ps-contact-card .ps-submit-btn {
  width: 100%;
  margin-top: 6px;
  margin-bottom: 18px;
  border: none;
  border-radius: 5px;
  background-color: var(--ps-green);
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding: 13px 18px;
  text-transform: uppercase;
  font-size: 13px;
  transition: background-color 250ms ease;
}

.ps-contact-card .ps-submit-btn:hover {
  background-color: var(--ps-green-dark);
}

.ps-contact-card .ps-form-msg {
  font-size: 13px;
  text-align: center;
  margin-top: -8px;
  margin-bottom: 16px;
  min-height: 18px;
}

.ps-contact-card .ps-form-msg.success { color: var(--ps-green); }
.ps-contact-card .ps-form-msg.error { color: #ff6b6b; }

@media (max-width: 575px) {
  .ps-contact-card {
    padding: 22px 18px 6px;
  }
  .ps-contact-card .form-row-ps {
    flex-direction: column;
    gap: 0;
  }
}

/* Section contact complète (home-1) : icônes/champs en vert PetroSync */
#contact .contact-box h4 {
  color: var(--ps-navy);
}

#contact .form-submit .btn-common i {
  color: #fff;
}