/* Dizeku Rawoza - Custom Styles */

/* Primary Color Variables - Mint/Teal Theme */
:root {
  --primary-mint: #2dd4bf;
  --primary-dark: #065f46;
  --secondary-pink: #f43f5e;
  --accent-purple: #a855f7;
  --accent-green: #10b981;
  --accent-blue: #0ea5e9;
  --accent-yellow: #fbbf24;
  --light-mint: #f0fdfa;
  --light-green: #f0fdf4;
  --light-purple: #fef7ff;
  --light-pink: #fef2f2;
  --light-blue: #f0f9ff;
}

/* Body and Typography Enhancements */
body {
  font-family: 'Helvetica', sans-serif;
  line-height: 1.6;
  color: #374151;
}

/* Navigation Enhancements */
.Dream_Garden_Flow_Space .nav-link {
  font-weight: 500;
  color: #6b7280;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.Dream_Garden_Flow_Space .nav-link:hover,
.Dream_Garden_Flow_Space .nav-link.active {
  color: var(--primary-mint);
  background-color: var(--light-mint);
}

/* Card Hover Effects */
.Fresh_Berry_Dance_Glow:hover {
  transform: translateY(-5px);
  transition: all 0.3s ease;
  box-shadow: 0 10px 30px rgba(45, 212, 191, 0.15);
}

.Garden_Fresh_Soul_Bloom:hover {
  transform: translateY(-3px);
  transition: all 0.3s ease;
}

.Pure_Joy_Heart_Glow:hover {
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

/* Button Enhancements */
.btn {
  font-weight: 500;
  border-radius: 15px;
  padding: 0.75rem 1.5rem;
  transition: all 0.3s ease;
}

.btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* Unique Animations for Sections */
.Magic_Berry_Crown_Light {
  background-attachment: fixed;
}

.Sweet_Nature_Path_Calm .Fresh_Berry_Dance_Glow {
  animation: gentle-float 6s ease-in-out infinite;
}

@keyframes gentle-float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-3px); }
}

.Gentle_Ocean_Rise_Pure {
  background-attachment: fixed;
}

/* Badge Styling */
.badge {
  font-weight: 500;
  font-size: 0.8rem;
  padding: 0.5rem 1rem;
  border-radius: 20px;
}

/* Image Enhancements */
img {
  transition: all 0.3s ease;
}

.card img:hover {
  transform: scale(1.02);
}

/* Benefits Section Icons */
.Bright_Star_Magic_Flow .rounded-circle {
  transition: all 0.3s ease;
}

.Bright_Star_Magic_Flow .rounded-circle:hover {
  transform: scale(1.1);
  box-shadow: 0 5px 15px rgba(45, 212, 191, 0.3);
}

/* Recipe Page Specific Styles */
.Recipe_Hero_Magic_Dawn {
  background-attachment: fixed;
}

.Morning_Berry_Soul_Bright .border-start {
  border-width: 4px !important;
}

.Fresh_Garden_Power_Glow .border-start {
  border-width: 4px !important;
}

.Sweet_Harmony_Pure_Dance .border-start {
  border-width: 4px !important;
}

.Ocean_Fresh_Dream_Flow .border-start {
  border-width: 4px !important;
}

/* Contact Section Enhancements */
.Sweet_Connect_World_Shine .rounded-circle {
  transition: all 0.3s ease;
}

.Sweet_Connect_World_Shine .rounded-circle:hover {
  transform: scale(1.05);
}

.Light_Touch_Pure_Magic {
  border-left: 4px solid var(--primary-mint);
}

/* Footer Styling */
.Final_Peace_Dream_Soul a:hover {
  color: var(--primary-mint) !important;
  transition: all 0.3s ease;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .display-4 {
    font-size: 2.2rem;
  }
  
  .display-5 {
    font-size: 1.8rem;
  }
  
  .Fresh_Berry_Dance_Glow,
  .Garden_Fresh_Soul_Bloom,
  .Pure_Joy_Heart_Glow {
    margin-bottom: 1.5rem;
  }
  
  .Sweet_Nature_Path_Calm .Fresh_Berry_Dance_Glow {
    animation: none;
  }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
  background: var(--primary-mint);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary-dark);
}

/* Focus States for Accessibility */
.btn:focus,
.nav-link:focus {
  box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.3);
  outline: none;
}

/* Smooth Transitions for All Interactive Elements */
* {
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

/* Contact Form Section Styles */

/* Section Background */
.Berry_Connect_Heart_Magic {
  background-attachment: fixed;
}

/* Form Container */
.Form_Dream_Fresh_Glow {
  position: relative;
  overflow: hidden;
}

.Form_Dream_Fresh_Glow::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #2dd4bf 0%, #10b981 50%, #f43f5e 100%);
}

/* Form Fields */
.Magic_Field_Pure_Touch {
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  padding: 0.875rem 1.125rem;
  font-size: 1rem;
  transition: all 0.3s ease;
  background-color: #fafafa;
}

.Magic_Field_Pure_Touch:focus {
  border-color: #2dd4bf;
  box-shadow: 0 0 0 4px rgba(45, 212, 191, 0.1);
  background-color: #ffffff;
  outline: none;
}

.Magic_Field_Pure_Touch:hover {
  border-color: #2dd4bf;
  background-color: #ffffff;
}

/* Labels */
.Sweet_Input_Flow_Light .form-label {
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
}

/* Submit Button */
.Wonder_Button_Mint_Power {
  font-size: 1.1rem;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.Wonder_Button_Mint_Power:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(45, 212, 191, 0.3);
}

.Wonder_Button_Mint_Power:active {
  transform: translateY(0);
}

/* Promise Box */
.Gift_Promise_Shine_Hope {
  animation: gentle-pulse 4s ease-in-out infinite;
}

@keyframes gentle-pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.01); }
}

/* Checkbox Styling */
.form-check-input:checked {
  background-color: #2dd4bf;
  border-color: #2dd4bf;
}

.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(45, 212, 191, 0.25);
}

/* Select Arrow Styling */
.Magic_Field_Pure_Touch.form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232dd4bf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .Form_Dream_Fresh_Glow {
    padding: 2rem;
  }
  
  .Magic_Field_Pure_Touch {
    font-size: 16px; /* Prevents zoom on iOS */
  }
  
  .Wonder_Button_Mint_Power {
    font-size: 1rem;
  }
}

/* Loading State (Optional) */
.Wonder_Button_Mint_Power.loading {
  pointer-events: none;
  opacity: 0.7;
}

.Wonder_Button_Mint_Power.loading::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border: 2px solid transparent;
  border-top: 2px solid #ffffff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}