/* ==========================================================================
   Traditional Sri Lankan UI — Liya-Wela Ornaments
   ========================================================================== */

.korale-traditional {
  background-color: var(--cream);
  background-image:
    radial-gradient(ellipse at 50% 0%, rgba(207, 129, 80, 0.06) 0%, transparent 55%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%231b4332' stroke-opacity='0.06' stroke-width='0.9'%3E%3Cpath d='M10 60 Q30 40 60 60 Q90 80 110 60'/%3E%3Cpath d='M10 60 Q30 80 60 60 Q90 40 110 60'/%3E%3Ccircle cx='60' cy='60' r='3' fill='%23cf8150' fill-opacity='0.08'/%3E%3Cpath d='M60 20 Q64 36 60 52 Q56 36 60 20Z'/%3E%3Cpath d='M60 68 Q64 84 60 100 Q56 84 60 68Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: auto, 120px 120px;
}

/* Horizontal liya frieze between sections */
.liya-frieze {
  height: 14px;
  width: 100%;
  max-width: 100%;
  background-color: var(--terracotta);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='14' viewBox='0 0 48 14'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.55' stroke-width='1'%3E%3Cpath d='M0 7 Q6 2 12 7 Q18 12 24 7 Q30 2 36 7 Q42 12 48 7'/%3E%3Ccircle cx='24' cy='7' r='1.2' fill='%23ffffff' fill-opacity='0.7'/%3E%3Cpath d='M20 7 L16 4 M28 7 L32 4' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-size: 48px 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}

.liya-frieze--cream {
  background-color: var(--cream-dark);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='14' viewBox='0 0 48 14'%3E%3Cg fill='none' stroke='%23b8693c' stroke-opacity='0.45' stroke-width='1'%3E%3Cpath d='M0 7 Q6 2 12 7 Q18 12 24 7 Q30 2 36 7 Q42 12 48 7'/%3E%3Ccircle cx='24' cy='7' r='1.2' fill='%23cf8150' fill-opacity='0.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* Framed panels with corner liya-wela */
.liya-panel {
  position: relative;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(27, 67, 50, 0.12);
  box-shadow: 0 10px 32px rgba(27, 67, 50, 0.07);
}

.liya-panel--glass {
  background: rgba(255, 255, 255, 0.68);
  backdrop-filter: blur(6px);
}

.liya-panel--dark {
  background: rgba(20, 47, 35, 0.55);
  border-color: rgba(255, 255, 255, 0.2);
}

.liya-corner {
  position: absolute;
  width: 48px;
  height: 48px;
  pointer-events: none;
  z-index: 3;
}

.liya-corner--tl {
  top: 4px;
  left: 4px;
}

.liya-corner--tr {
  top: 4px;
  right: 4px;
  transform-origin: center;
}

.liya-corner--bl {
  bottom: 4px;
  left: 4px;
  transform-origin: center;
}

.liya-corner--br {
  bottom: 4px;
  right: 4px;
  transform-origin: center;
}

.liya-image-frame {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 10px;
  background: linear-gradient(145deg, rgba(207, 129, 80, 0.12), rgba(27, 67, 50, 0.06));
  border: 1px solid rgba(184, 105, 60, 0.35);
  box-shadow: 0 14px 40px rgba(27, 67, 50, 0.12);
}

.liya-image-frame .about-image {
  display: block;
  border-radius: 2px;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center top;
}

.liya-divider {
  display: block;
  width: min(260px, 88%);
  height: 24px;
  margin: 0.5rem auto 0.75rem;
}

.section-heading--liya h2::before,
.section-heading--liya h2::after {
  display: none;
}

.section-heading--liya h2 {
  display: block;
}

.korale-traditional .feature-item.liya-panel {
  padding: 1.75rem 1.25rem 1.5rem;
  border-radius: 2px;
  height: 100%;
}

.korale-traditional .treatment-card.liya-panel {
  border-radius: 2px;
  overflow: visible;
}

.korale-traditional .treatment-card.liya-panel .treatment-card-img-wrap {
  border-radius: 2px 2px 0 0;
  overflow: hidden;
}

.korale-traditional .process-card.liya-panel,
.korale-traditional .condition-card.liya-panel {
  padding: 1.5rem 1.25rem 1.35rem;
  border-radius: 2px;
  height: 100%;
}

.korale-traditional .royal-heritage-card.liya-panel {
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(20, 47, 35, 0.72);
}

.korale-traditional .package-card.liya-panel {
  position: relative;
  overflow: visible;
}

.korale-traditional .hero-content {
  padding: 2.5rem 1.35rem;
}

.korale-traditional .hero-content.liya-panel {
  background: rgba(27, 67, 50, 0.45);
  border: 1px solid rgba(255, 255, 255, 0.22);
  backdrop-filter: blur(4px);
  max-width: 560px;
}

.korale-traditional .site-header::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='3' viewBox='0 0 40 3'%3E%3Cpath d='M0 1.5 Q10 0 20 1.5 Q30 3 40 1.5' fill='none' stroke='%23ffffff' stroke-opacity='0.35' stroke-width='0.8'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  pointer-events: none;
}

.korale-traditional .btn-pill-primary,
.korale-traditional .btn-pill-dark {
  border-radius: 4px;
  letter-spacing: 0.14em;
}

.korale-traditional .btn-pill-outline {
  border-radius: 4px;
}

@media (max-width: 575.98px) {
  .liya-corner {
    width: 36px;
    height: 36px;
  }

  .korale-traditional .hero-content.liya-panel {
    padding: 1.75rem 1rem;
  }
}