/* =====================================================================
   Modern overrides for Zurcher Peinture SA
   Keeps brand identity (red logo, white BG) while modernizing UI
   NOTE: Header/menu overrides removed at user request — using stock Avada
   ===================================================================== */

:root {
  --zp-red: #E30613;
  --zp-red-hover: #B80511;
  --zp-text: #1a1a1a;
  --zp-text-muted: #6b6b6b;
  --zp-bg-soft: #fafafa;
  --zp-border: rgba(0,0,0,0.06);
  --zp-shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --zp-shadow-md: 0 8px 24px rgba(0,0,0,0.08);
  --zp-radius: 8px;
  --zp-transition: 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============ FOOTER ============ */
.fusion-footer-widget-area {
  background: linear-gradient(180deg, #fafafa 0%, #f0f0f0 100%);
  padding: 60px 0 40px !important;
  border-top: 1px solid var(--zp-border);
}

.fusion-footer-widget-area .fusion-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 40px;
}

.fusion-footer-widget-area .fusion-columns {
  display: contents;
}

.fusion-footer-widget-area .fusion-column {
  margin: 0 !important;
  width: auto !important;
  float: none !important;
}

.fusion-footer-widget-area h3,
.fusion-footer-widget-area h4 {
  font-size: 13px !important;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: var(--zp-text) !important;
  margin-bottom: 18px !important;
  position: relative;
  padding-bottom: 12px;
}

.fusion-footer-widget-area h3::after,
.fusion-footer-widget-area h4::after {
  content: "";
  display: block;
  width: 28px;
  height: 2px;
  background: var(--zp-red);
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 2px;
}

.fusion-footer-widget-area p,
.fusion-footer-widget-area li,
.fusion-footer-widget-area a {
  font-size: 14px;
  line-height: 1.7;
  color: var(--zp-text-muted) !important;
}

.fusion-footer-widget-area a {
  text-decoration: none;
  transition: color var(--zp-transition);
}

.fusion-footer-widget-area a:hover {
  color: var(--zp-red) !important;
}

.fusion-footer-widget-area ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.fusion-footer-widget-area ul li {
  padding: 4px 0;
  border: none !important;
}

.fusion-footer-widget-area ul li::before {
  content: "›";
  color: var(--zp-red);
  margin-right: 8px;
  font-weight: 700;
}

/* Footer copyright bar */
.fusion-footer-copyright-area {
  background: #1a1a1a !important;
  padding: 20px 0 !important;
  border: none !important;
}

.fusion-footer-copyright-area .fusion-copyright-notice,
.fusion-footer-copyright-area p {
  color: rgba(255, 255, 255, 0.6) !important;
  font-size: 13px;
  letter-spacing: 0.02em;
  text-align: center;
}

/* ============ HERO TEXT POLISH ============ */
.fusion-fullwidth.fullwidth-box .fusion-title h1,
.fusion-fullwidth.fullwidth-box .fusion-title h2 {
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
  letter-spacing: 0.01em;
}

/* ============ MISC POLISH ============ */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

::selection {
  background: var(--zp-red);
  color: #fff;
}

html {
  scroll-behavior: smooth;
}

/* ============ RESPONSIVE ============ */
@media (max-width: 800px) {
  .fusion-footer-widget-area {
    padding: 40px 20px 30px !important;
  }
  .fusion-footer-widget-area .fusion-row {
    gap: 30px;
  }
}