/* Amadol Pet House - Stylesheet */
:root{
  --orange:#f58220;
  --dark:#222222;
  --muted:#6b6b6b;
  --bg:#ffffff;
  --container:1100px;
  --radius:14px;
  --accent-hover:#d96f00;
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--dark);line-height:1.5}
.container{max-width:var(--container);margin:0 auto;padding:24px}
.site-header{background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:72px;height:auto}
.brand-text h1{margin:0;font-size:20px}
.brand-text .subtitle{margin:0;font-size:12px;color:var(--muted)}

.main-nav a{margin-left:18px;text-decoration:none;color:var(--dark);font-weight:600}
.main-nav a.cta{background:var(--orange);color:#fff;padding:8px 12px;border-radius:10px}
.main-nav a.active{color:var(--orange)}

.hero{padding:48px 0;background:linear-gradient(180deg,#fff 0%, #fff 60%);display:block}
.hero-inner{display:flex;gap:24px;align-items:center;justify-content:space-between}
.hero-text{flex:1}
.hero h2{font-size:28px;margin:0 0 12px}
.hero .accent{color:var(--orange)}
.lead{color:var(--muted);margin-bottom:18px}
.hero-ctas .btn{margin-right:12px}

.btn{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700}
.btn-primary{background:var(--orange);color:#fff}
.btn-primary:hover{background:var(--accent-hover)}
.btn-outline{border:2px solid var(--orange);color:var(--orange);background:transparent;padding:10px 16px}
.btn-outline:hover{background:var(--orange);color:#fff}

.hero-media .hero-logo{width:260px}

.promo{background:#fff;margin-top:18px;border-radius:12px;padding:24px;border:1px solid #f4f4f4}
.promo-cta{margin-top:12px}

.packs-preview .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:14px}
.card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.card h4{margin:0 0 8px}
.card p{color:var(--muted)}

.partners{padding:36px 0}
.sponsor-logos{display:flex;gap:12px;align-items:center}
.sponsor-logos img{width:120px;opacity:0.95}

.contact-strip{background:linear-gradient(90deg, rgba(245,130,32,0.08), rgba(255,255,255,0));padding:24px;margin-top:28px}
.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}
.three-ctas .btn{margin-right:8px}

.site-footer{background:#111;color:#fff;padding:28px 0;margin-top:32px}
.footer-inner{display:flex;gap:18px;justify-content:space-between;align-items:flex-start}
.footer-block h5{margin:0 0 8px}
.footer-block p{margin:0;color:#cfcfcf}
.copyright{text-align:center;padding:12px 0;color:#999;font-size:13px}

/* Packs page */
.packs-page h2{margin-top:18px}
.pack-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:18px}
.pack-card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.pack-card ul{padding-left:18px}
.price{color:var(--muted);margin-top:8px;font-weight:700}
.btn-sm{padding:8px 12px;border-radius:8px}

/* Sponsors */
.sponsor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:18px}
.sponsor-card{background:#fff;border-radius:12px;padding:18px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.sponsor-card img{width:100px;opacity:0.95}

/* Contact */
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:18px}
.contact-card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.contact-form label{display:block;margin-bottom:8px}
.contact-form input,.contact-form textarea{width:100%;padding:10px;border:1px solid #eee;border-radius:8px;margin-top:6px}

/* Responsive */
@media (max-width:900px){
  .hero-inner{flex-direction:column;text-align:center}
  .contact-inner{flex-direction:column}
  .header-inner{flex-direction:column;gap:12px}
  .footer-inner{flex-direction:column;gap:12px}
}

.social-links {
  display: flex;
  gap: 15px;
  margin-top: 10px;
}

.social-links a {
  color: #ff6600; /* orange du logo */
  font-size: 22px;
  transition: color 0.3s ease;
}

.social-links a:hover {
  color: #333; /* noir au hover */
}

.footer-legal {
    margin-top: 15px;
}

.footer-legal ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.footer-legal a {
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    opacity: 0.85;
}

.footer-legal a:hover {
    opacity: 1;
    text-decoration: underline;
}