/* ═══════════════════════════════════════════════
   Service Cards Widget — service-cards.css
   ═══════════════════════════════════════════════ */

/* ── Hidden SVG clip defs ── */
.scw-clip-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

/* ── Grid ── */
.scw-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  width: 100%;
}

/* ── Card wrapper (handles lift animation) ── */
.scw-card-wrapper {
  display: flex;
  justify-content: center;
  transition: transform 0.3s ease;
}
.scw-card-wrapper:hover {
  transform: translateY(-6px);
}

/* ── Card ── */
.scw-card {
  position: relative;
  width: 100%;
  max-width: 318px;
  height:580px;
  background: #1a4a08;
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  transition: background 0.4s ease;

  /* Arch top + rounded bottom clip-path */
  clip-path: polygon(
    0 98.913px, 0 98.913px,
    0.4617194px 91.4678718px, 1.8159472px 84.2488824px, 4.0162878px 77.3226246px,
    7.0163456px 70.7556912px, 10.769725px 64.614675px, 15.2300304px 58.9661688px,
    20.3508662px 53.8767654px, 26.0858368px 49.4130576px, 32.3885466px 45.6416382px,
    39.2126px 42.6291px,
    calc(50% + 2.635px) 0.00010742px,
    calc(100% - 38.571px) 42.3633px, calc(100% - 38.571px) 42.3633px,
    calc(100% - 31.846365px) 45.4193562px, calc(100% - 25.63968px) 49.2149976px,
    calc(100% - 19.995675px) 53.6852334px, calc(100% - 14.95908px) 58.7650728px,
    calc(100% - 10.574625px) 64.389525px, calc(100% - 6.88704px) 70.4935992px,
    calc(100% - 3.941055px) 77.0123046px, calc(100% - 1.7814px) 83.8806504px,
    calc(100% - 0.452805px) 91.0336458px, calc(100% - 0px) 98.4063px,
    calc(100% - 0px) calc(100% - 24px), calc(100% - 0px) calc(100% - 24px),
    calc(100% - 0.314115px) calc(100% - 20.107035px),
    calc(100% - 1.22352px) calc(100% - 16.41408px),
    calc(100% - 2.678805px) calc(100% - 12.970545px),
    calc(100% - 4.63056px) calc(100% - 9.82584px),
    calc(100% - 7.029375px) calc(100% - 7.029375px),
    calc(100% - 9.82584px) calc(100% - 4.63056px),
    calc(100% - 12.970545px) calc(100% - 2.678805px),
    calc(100% - 16.41408px) calc(100% - 1.22352px),
    calc(100% - 20.107035px) calc(100% - 0.314115px),
    calc(100% - 24px) calc(100% - 0px),
    24px calc(100% - 0px), 24px calc(100% - 0px),
    20.1070836px calc(100% - 0.314115px),
    16.4141568px calc(100% - 1.22352px),
    12.9706332px calc(100% - 2.678805px),
    9.8259264px calc(100% - 4.63056px),
    7.02945px calc(100% - 7.029375px),
    4.6306176px calc(100% - 9.82584px),
    2.6788428px calc(100% - 12.970545px),
    1.2235392px calc(100% - 16.41408px),
    0.3141204px calc(100% - 20.107035px),
    0px calc(100% - 24px)
  );
}

.scw-card:hover {
  background: #22600a;
}

/* ── Top content area ── */
.scw-card-top {
  padding: 90px 28px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 12px;
}

/* ── Decorative dot icon ── */
.scw-flower-icon {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 2px;
}
.scw-flower-icon span {
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(255,255,255,0.5);
  transition: background 0.4s ease;
}
.scw-flower-icon span:nth-child(2) {
  width: 7px;
  height: 7px;
  background: rgba(255,255,255,0.8);
}
.scw-card:hover .scw-flower-icon span       { background: rgba(255,255,255,0.55); }
.scw-card:hover .scw-flower-icon span:nth-child(2) { background: rgba(255,255,255,0.9); }

/* ── Title ── */
.scw-card-title {
  font-family: 'Playfair Display', 'Georgia', serif;
  font-size: 32px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.15;
  margin: 0;
  transition: color 0.4s ease;
}
.scw-card:hover .scw-card-title { color: #ffffff; }

/* ── Description ── */
.scw-card-description {
  font-size: 14px;
  line-height: 1.65;
  color: rgba(255,255,255,0.88);
  max-width: 240px;
  margin: 0;
  transition: color 0.4s ease;
}
.scw-card:hover .scw-card-description { color: rgba(255,255,255,0.88); }

/* ── Image section ── */
.scw-card-image-wrap {
  position: relative;
  width: 100%;
	height: 280px;
	margin-top: 43px;
  margin-bottom: 36px;
  flex-shrink: 0;
}

.scw-card-image-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.scw-image-masked {
  width: 100%;
  height: 100%;
  clip-path: url(#scwFlowerClip);
}

.scw-image-masked img {
  width: 100%;
  height: 100%!important;
  object-fit: cover;
  object-position: center top;
  display: block;
}

/* Placeholder when no image */
.scw-placeholder {
  background: rgba(255,255,255,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
.scw-placeholder svg {
  width: 60px;
  height: 60px;
  opacity: 0.5;
}

/* ── Arrow button ── */
.scw-arrow-btn {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #1a4a08;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: background 0.3s ease, transform 0.3s ease;
  pointer-events: none;
  z-index: 2;
}
.scw-arrow-btn svg {
  width: 20px;
  height: 20px;
}
.scw-card:hover .scw-arrow-btn {
  background: #2d6e0f;
  transform: translateX(-50%) scale(1.08);
}

/* ── Button label — hidden, arrow circle replaces it ── */
.scw-btn-wrap {
  display: none;
}

/* ═══════════════
   RESPONSIVE
═══════════════ */
@media (max-width: 1024px) {
  .scw-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .scw-grid {
    grid-template-columns: 1fr;
  }
  .scw-card {
    max-width: 100%;
  }
  .scw-card-title {
    font-size: 28px;
  }
}

/* ═══════════════
   ANIMATIONS
═══════════════ */
@keyframes scwSlideInUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes scwZoomIn {
  from { opacity: 0; transform: scale(0.6); }
  to   { opacity: 1; transform: scale(1); }
}
@keyframes scwFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.scw-flower-icon  { animation: scwZoomIn    0.5s ease both; }
.scw-card-title   { animation: scwSlideInUp 0.6s ease both; }
.scw-card-description { animation: scwSlideInUp 0.7s 0.1s ease both; }
.scw-image-masked img { animation: scwFadeIn    0.8s ease both; }