/* =====================================================
   PANSEK CORE v2.1
   Elementor 4.x Atomic Editor
   Final Theme Overrides
===================================================== */

/* 01. Base / Reset
===================================================== */

body {
  background: #ffffff;
}

/* 02. Hero Typography
===================================================== */

.pansek-eyebrow {
  color: #D9601A !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin: 0 !important;
}

.pansek-hero-title,
.pansek-heading-xl {
  color: #041E41 !important;
  font-size: 52px !important;
  line-height: 1.16 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  margin: 0 !important;
}

.pansek-text-lead {
  color: #1C2433 !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  font-weight: 400 !important;
  margin: 0 !important;
  max-width: 560px !important;
}

/* 03. Buttons
===================================================== */

.pansek-button-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  margin-top: 8px !important;
}

.pansek-button,
.pansek-button :is(a, button, [role="button"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 14px 24px !important;
  border-radius: 14px !important;
  border: 1px solid transparent !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.pansek-button-primary,
.pansek-button-primary :is(a, button, [role="button"]),
.pansek-button.pansek-button-primary {
  background: #D9601A !important;
  color: #FFFFFF !important;
  border-color: #D9601A !important;
}

.pansek-button-primary:hover,
.pansek-button-primary:hover :is(a, button, [role="button"]),
.pansek-button.pansek-button-primary:hover {
  background: #BC4F12 !important;
  color: #FFFFFF !important;
  border-color: #BC4F12 !important;
}

.pansek-button-outline,
.pansek-button-outline :is(a, button, [role="button"]),
.pansek-button.pansek-button-outline {
  background: transparent !important;
  color: #041E41 !important;
  border-color: #041E41 !important;
}

.pansek-button-outline:hover,
.pansek-button-outline:hover :is(a, button, [role="button"]),
.pansek-button.pansek-button-outline:hover {
  background: #041E41 !important;
  color: #FFFFFF !important;
  border-color: #041E41 !important;
}

/* 04. Hero Layout
===================================================== */

.pansek-hero-section {
  position: relative !important;
  width: 100% !important;
  min-height: 620px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  padding: 96px 24px 72px !important;
  display: flex !important;
  align-items: center !important;
}

.pansek-hero-container {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
}

.pansek-hero-intro {
  width: 48% !important;
  max-width: 640px !important;
  position: relative !important;
  z-index: 4 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 24px !important;
}

.pansek-hero-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.pansek-hero-bg-image {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 72% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center right !important;
  z-index: 1 !important;
}

.pansek-hero-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #ffffff 34%,
    rgba(255, 255, 255, 0.92) 45%,
    rgba(255, 255, 255, 0.55) 57%,
    rgba(255, 255, 255, 0.08) 72%,
    rgba(255, 255, 255, 0) 100%
  );
}

/* 05. Hero Navy Shape
===================================================== */

.pansek-hero-shape {
  position: absolute !important;
  right: -120px !important;
  bottom: -72px !important;
  width: 620px !important;
  height: 300px !important;
  background: #041E41 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  overflow: hidden !important;
 // clip-path: path("M620,300 L620,0 C575,8 535,24 505,46 C470,72 444,104 400,116 C350,129 309,114 268,96 C222,76 180,63 141,74 C98,86 61,117 0,176 L0,300 Z");
}

.pansek-hero-shape::before,
.pansek-hero-shape::after {
  content: none !important;
  display: none !important;
}

.pansek-hero-shape-lines {
  position: absolute !important;
  right: -86px !important;
  bottom: 10px !important;
  width: 760px !important;
  height: 300px !important;
  z-index: 4 !important;
  pointer-events: none !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 760 320' fill='none'%3E%3Cpath d='M10 272 C155 188 305 140 455 124 C580 111 685 125 760 170' stroke='%23D9601A' stroke-width='5' stroke-linecap='round'/%3E%3Cpath d='M65 236 C205 170 350 134 500 132 C610 130 700 150 770 192' stroke='%23D9601A' stroke-opacity='.55' stroke-width='2.3' stroke-linecap='round'/%3E%3Cpath d='M125 185 C270 122 430 104 585 120 C660 128 720 148 775 174' stroke='%23D9601A' stroke-opacity='.26' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* 06. Responsive
===================================================== */

@media (max-width: 1024px) {
  .pansek-hero-section {
    min-height: 580px !important;
    padding: 80px 24px 64px !important;
  }

  .pansek-hero-intro {
    width: 55% !important;
  }

  .pansek-hero-title,
  .pansek-heading-xl {
    font-size: 44px !important;
  }

  .pansek-hero-bg-image {
    width: 68% !important;
  }

  .pansek-hero-shape {
    right: -105px !important;
    bottom: -62px !important;
    width: 520px !important;
    height: 255px !important;
  }

  .pansek-hero-shape-lines {
    right: -78px !important;
    bottom: 6px !important;
    width: 640px !important;
    height: 255px !important;
  }
}

@media (max-width: 767px) {
  .pansek-hero-section {
    min-height: auto !important;
    padding: 56px 20px 360px !important;
    align-items: flex-start !important;
  }

  .pansek-hero-container {
    align-items: flex-start !important;
  }

  .pansek-hero-intro {
    width: 100% !important;
    max-width: 100% !important;
  }

  .pansek-hero-title,
  .pansek-heading-xl {
    font-size: 38px !important;
  }

  .pansek-hero-bg-image {
    top: auto !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 340px !important;
    object-position: center bottom !important;
  }

  .pansek-hero-bg::before {
    background: linear-gradient(
      180deg,
      #ffffff 0%,
      #ffffff 48%,
      rgba(255,255,255,0.7) 65%,
      rgba(255,255,255,0) 100%
    ) !important;
  }

  .pansek-hero-shape {
    right: -78px !important;
    bottom: -42px !important;
    width: 340px !important;
    height: 170px !important;
  }

  .pansek-hero-shape-lines {
    right: -48px !important;
    bottom: 0 !important;
    width: 420px !important;
    height: 170px !important;
  }

  .pansek-button,
  .pansek-button :is(a, button, [role="button"]) {
    width: 100% !important;
  }
}