/* Updated Color Palette and Styling for La Tienda de Don Goyo */

:root {
  /* New color palette based on the image */
  --primary-color: #2d3c2d;      /* Dark green for footer and accents */
  --secondary-color: #4a6741;    /* Medium green for buttons and highlights */
  --light-bg: #f5f5f0;           /* Light beige/off-white for backgrounds */
  --text-dark: #333333;          /* Dark text color */
  --text-medium: #555555;        /* Medium text color */
  --white: #ffffff;              /* White */
  --button-green: #4a6741;       /* Button green color */
  --button-hover: #5b7a52;       /* Button hover color */
}

/* General Body Styling */
body {
  background-color: var(--light-bg) !important;
  color: var(--text-dark) !important;
}

/* Header Styling */
header {
  background-color: var(--white) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

.navbar {
  padding: 15px 0 !important;
}

.nav-link {
  color: var(--text-dark) !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 1.4rem !important;
}

.nav-link:hover {
  color: var(--secondary-color) !important;
}

/* Hero Section */
.hero {
  background-color: #777 !important; /* Will be covered by the image */
}

/* Section Titles */
.section-title {
  color: var(--text-dark) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 500 !important;
  position: relative !important;
  display: inline-block !important;
  margin-bottom: 30px !important;
}

.section-title::after {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -10px !important;
  width: 80px !important;
  height: 2px !important;
  background-color: var(--secondary-color) !important;
}

.section-description {
  color: var(--text-medium) !important;
}

/* Buttons */
.btn-primary, .btn-secondary {
  background-color: var(--button-green) !important;
  color: var(--white) !important;
  border: none !important;
  padding: 12px 25px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  font-size: 1.3rem !important;
  transition: all 0.3s ease !important;
}

.btn-primary:hover, .btn-secondary:hover {
  background-color: var(--button-hover) !important;
  transform: translateY(-2px) !important;
}

.btn-outline, .btn-secondary {
  background-color: var(--button-green) !important;
  color: var(--white) !important;
  border: 1px solid var(--button-green) !important;
}

.btn-outline:hover {
  background-color: var(--button-green) !important;
  color: var(--white) !important;
}

/* Feature Cards */
.feature-card {
  background-color: var(--white) !important;
}

.feature-icon {
  color: var(--secondary-color) !important;
}

/* Featured Products */
.featured-card {
  background-color: var(--white) !important;
}

/* Footer */
footer {
  background-color: var(--primary-color) !important;
  color: var(--white) !important;
  padding: 60px 0 30px !important;
}

footer h3, footer h4 {
  color: var(--white) !important;
  font-family: 'Cormorant Garamond', serif !important;
}

footer a {
  color: rgba(255, 255, 255, 0.8) !important;
  transition: color 0.3s ease !important;
}

footer a:hover {
  color: var(--white) !important;
  text-decoration: none !important;
}

.footer-logo {
  margin-bottom: 20px !important;
}

.footer-social a {
  display: inline-block !important;
  width: 36px !important;
  height: 36px !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-radius: 50% !important;
  text-align: center !important;
  line-height: 36px !important;
  margin-right: 10px !important;
  transition: background-color 0.3s ease !important;
}

.footer-social a:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

/* Contact Section */
.contact-section {
  background-color: var(--light-bg) !important;
  padding: 60px 0 !important;
}

.contact-card {
  background-color: var(--white) !important;
  padding: 40px !important;
  border-radius: 4px !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05) !important;
}

.contact-card h3 {
  font-family: 'Cormorant Garamond', serif !important;
  color: var(--text-dark) !important;
  margin-bottom: 20px !important;
}

/* Quality Guaranteed Section */
.quality-section {
  background-color: #777 !important; /* Will be covered by the image */
  color: var(--white) !important;
  padding: 100px 0 !important;
  position: relative !important;
}

.quality-section h2 {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 3.5rem !important;
  margin-bottom: 30px !important;
}

.quality-section .btn {
  background-color: var(--button-green) !important;
  color: var(--white) !important;
  border: none !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 12px 25px !important;
}

.quality-section .btn:hover {
  background-color: var(--button-hover) !important;
}