/* ============================================
   AfriPure Essentials — Botanical Patterns
   Subtle Line Art for Brand Heritage
   ============================================ */

.bg-pattern-botanical {
  position: relative;
  overflow: hidden;
}

.bg-pattern-botanical::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.05;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 20c5 0 10 5 10 10s-5 10-10 10-10-5-10-10 5-10 10-10zM70 60c5 0 10 5 10 10s-5 10-10 10-10-5-10-10 5-10 10-10zM50 40c8 0 15 7 15 15s-7 15-15 15-15-7-15-15 7-15 15-15z' fill='%235A4633' fill-rule='evenodd' opacity='0.5'/%3E%3C/svg%3E");
  background-repeat: repeat;
  z-index: -1;
}

/* Specific Line Art Ornament for Sections */
.botanical-ornament {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto var(--space-4);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z' stroke='%232E8B57' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.3;
}

.botanical-border {
  border-top: 1px solid rgba(46, 139, 87, 0.1);
  padding-top: var(--space-4);
  margin-top: var(--space-4);
  position: relative;
}

.botanical-border::after {
  content: '🌿';
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-bg);
  padding: 0 10px;
  font-size: 12px;
  color: var(--color-primary);
  opacity: 0.5;
}