/* ===================================
   STYLES SPÉCIFIQUES - PAGE PRÉSENTATION
   =================================== */

/* Titre principal */
.presentation-title {
  text-align: center;
  color: var(--green);
}

.presentation-subtitle {
  text-align: center;
}

/* Prix Chiens */
.prix-chiens {
  background: #e8f5e9;
  padding: 25px;
  margin: 30px 0;
  border-left: 5px solid var(--green);
  border-radius: 5px;
}

.prix-chiens h3 {
  color: var(--green);
  margin-top: 0;
}

.prix-chiens p {
  font-size: 1.1em;
  line-height: 1.8;
}

/* Prix Chats */
.prix-chats {
  background: #fff3e0;
  padding: 25px;
  margin: 30px 0;
  border-left: 5px solid #f39c12;
  border-radius: 5px;
}

.prix-chats h3 {
  color: #f39c12;
  margin-top: 0;
}

.prix-chats p {
  font-size: 1.1em;
  line-height: 1.8;
}

/* Horaires */
.horaires-box {
  background: #e3f2fd;
  padding: 25px;
  margin: 30px 0;
  border-left: 5px solid #2196F3;
  border-radius: 5px;
}

.horaires-box h3 {
  color: #2196F3;
  margin-top: 0;
}

.horaires-box p {
  font-size: 1.1em;
  line-height: 1.8;
}

.horaires-ferme {
  color: #d32f2f;
  font-weight: bold;
}

/* Titre Installations */
.installations-title {
  text-align: center;
  color: var(--green);
  margin-top: 50px;
}

/* Grille Installations */
.installations-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 30px 0;
}

.installations-card {
  background: #f5f5f5;
  padding: 20px;
  border-radius: 8px;
}

.installations-card h3 {
  color: var(--green);
}

.installations-card.chat h3 {
  color: #f39c12;
}

.installations-card ul {
  line-height: 1.8;
}

/* Citation bien-être */
.wellbeing-quote {
  text-align: center;
  font-style: italic;
  color: #666;
  font-size: 1.1em;
  margin: 30px 0;
}

/* Prestations */
.prestations-title {
  text-align: center;
  color: var(--green);
  margin-top: 50px;
}

.prestations-box {
  background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
  padding: 30px;
  margin: 30px 0;
  border-radius: 10px;
}

.prestations-box ul {
  line-height: 2;
  font-size: 1.05em;
  list-style-type: none;
  padding-left: 0;
}

/* À apporter */
.apporter-title {
  text-align: center;
  color: var(--green);
  margin-top: 50px;
}

.apporter-box {
  background: #fff9c4;
  padding: 30px;
  margin: 30px 0;
  border-left: 5px solid #fbc02d;
  border-radius: 5px;
}

.apporter-box ul {
  line-height: 2;
  font-size: 1.05em;
}

.apporter-box em {
  color: #d32f2f;
}

/* Rappel horaires */
.rappel-horaires {
  background: #f5f5f5;
  padding: 20px;
  margin: 30px 0;
  border-radius: 8px;
}

.rappel-horaires h3 {
  margin-top: 0;
}

.rappel-horaires ul {
  line-height: 1.8;
}

/* Responsive */
@media (max-width: 768px) {
  .installations-grid {
    grid-template-columns: 1fr;
  }
}

/* Avertissements importants */
.avertissements-box {
  background: #ffebee;
  padding: 25px;
  margin: 30px 0;
  border-left: 5px solid #e53935;
  border-radius: 5px;
}

.avertissements-box h3 {
  color: #d32f2f;
  margin-top: 0;
}

.avertissements-box p {
  font-size: 1.05em;
  line-height: 1.8;
}

.avertissements-box hr {
  border: none;
  border-top: 1px solid #f5c6cb;
  margin: 20px 0;
}

/* Contact Section */
.presentation-contact {
  text-align: center;
  margin-top: 50px;
  padding: 30px;
  background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);
  border-radius: 10px;
}

.presentation-contact h2 {
  color: var(--green);
  margin-top: 0;
}

.presentation-contact p {
  font-size: 1.3em;
  margin: 20px 0 !important;
}

.presentation-contact .presentation-contact-phone {
  font-size: 1.5em;
  color: var(--green);
  font-weight: bold;
  margin: 20px 0 !important;
}

.presentation-contact a.contact-button {
  display: inline-block;
  background: var(--green);
  color: white;
  padding: 15px 30px;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  margin-top: 10px;
}