/*
 * WoodMart Infinitt Persian starter styles
 * Adjust colors and spacing after importing the Elementor templates.
 */
:root {
  --inf-primary: #0b5d91;
  --inf-primary-dark: #073b60;
  --inf-accent: #20a6a6;
  --inf-ink: #12263a;
  --inf-muted: #607487;
  --inf-soft: #f2f7fa;
  --inf-border: #dce7ee;
}

html[dir="rtl"] body,
body.rtl,
.infinitt-corporate-fa {
  direction: rtl;
  text-align: right;
}

.infinitt-corporate-fa {
  color: var(--inf-ink);
}

.infinitt-corporate-fa a {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.infinitt-corporate-fa .inf-section {
  padding-top: clamp(44px, 6vw, 88px);
  padding-bottom: clamp(44px, 6vw, 88px);
}

.infinitt-corporate-fa .inf-eyebrow {
  color: var(--inf-accent);
  font-weight: 700;
  letter-spacing: .02em;
}

.infinitt-corporate-fa .inf-hero {
  background: linear-gradient(135deg, #f2f8fb 0%, #e5f2f8 55%, #f7fbfd 100%);
  border-radius: 24px;
  overflow: hidden;
}

.infinitt-corporate-fa .inf-card {
  height: 100%;
  border: 1px solid var(--inf-border);
  border-radius: 18px;
  padding: 28px;
  background: #fff;
  box-shadow: 0 12px 36px rgba(15, 54, 80, .05);
}

.infinitt-corporate-fa .inf-card:hover {
  border-color: rgba(11, 93, 145, .35);
  box-shadow: 0 18px 42px rgba(15, 54, 80, .09);
}

.infinitt-corporate-fa .inf-button,
.infinitt-corporate-fa .elementor-button {
  border-radius: 999px;
  font-weight: 700;
}

.infinitt-corporate-fa .inf-cta {
  background: var(--inf-primary-dark);
  color: #fff;
  border-radius: 24px;
  padding: clamp(28px, 5vw, 60px);
}

.infinitt-corporate-fa .inf-muted {
  color: var(--inf-muted);
}

@media (max-width: 767px) {
  .infinitt-corporate-fa .inf-card {
    padding: 22px;
  }
}