/*
Theme Name: Divi Child Pruimekop Jos & Frans
Theme URI: https://pruimekopjosfrans.nl
Description: Een premium Divi Child Theme speciaal ontworpen voor de website van Pruimekop Jos & Frans. Inclusief HSL-kleurenpalet, glassmorphism-kaarten en verfijnde typografie.
Author: Antigravity AI
Author URI: https://deepmind.google/
Template: Divi
Version: 1.0.0
Text Domain: divi-child-pruimekop
*/

/* --- DESIGN SYSTEM & CSS VARIABLES --- */
:root {
  --color-plum-primary: HSL(325, 45%, 35%); /* #802c52 */
  --color-plum-light: HSL(325, 45%, 95%);
  --color-green-secondary: HSL(145, 30%, 25%); /* #2d5a3f */
  --color-green-light: HSL(145, 30%, 94%);
  --color-amber-accent: HSL(42, 85%, 55%); /* #e5a93b */
  --color-text-dark: HSL(145, 15%, 15%);
  --color-text-muted: HSL(145, 10%, 45%);
  --color-bg-light: HSL(40, 30%, 98%);
  
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-sans: 'Outfit', 'Inter', sans-serif;
  
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.05);
  --shadow-medium: 0 15px 40px rgba(45, 90, 63, 0.1);
  --border-radius: 16px;
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- THEME CUSTOMIZATIONS --- */

/* Google Fonts Import in Child Theme */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap');

body {
  font-family: var(--font-sans);
  color: var(--color-text-dark);
  background-color: var(--color-bg-light);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-serif);
  font-weight: 700;
  color: var(--color-green-secondary);
}

/* Custom Glassmorphism Card for Divi */
.pruimekop-glass-card {
  background: rgba(255, 255, 255, 0.7) !important;
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: var(--border-radius) !important;
  box-shadow: var(--shadow-medium) !important;
  transition: var(--transition-smooth) !important;
}

.pruimekop-glass-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 50px rgba(128, 44, 82, 0.15) !important;
  border-color: rgba(128, 44, 82, 0.2) !important;
}

/* Custom Buttons matching the brand color */
.pruimekop-btn-primary .et_pb_button {
  background-color: var(--color-plum-primary) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 30px !important;
  padding: 12px 32px !important;
  font-family: var(--font-sans) !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 15px rgba(128, 44, 82, 0.3) !important;
  transition: var(--transition-smooth) !important;
}

.pruimekop-btn-primary .et_pb_button:hover {
  background-color: var(--color-green-secondary) !important;
  box-shadow: 0 6px 20px rgba(45, 90, 63, 0.4) !important;
  transform: translateY(-2px);
}

/* Custom Highlights for birds */
.pruimekop-highlight {
  color: var(--color-plum-primary);
  font-weight: 600;
}

.pruimekop-accent-border {
  border-left: 4px solid var(--color-amber-accent) !important;
  padding-left: 20px;
}

/* Footer Custom Styling */
#main-footer {
  background-color: var(--color-green-secondary) !important;
  color: var(--color-green-light) !important;
}

#main-footer a {
  color: var(--color-amber-accent) !important;
}

#main-footer a:hover {
  color: #fff !important;
}