/* Custom styles for the Wildlife Rescue Bootstrap site - Your Name */
/* Existing CSS below... */
/* CSS RESET */
* { margin:0; padding:0; box-sizing:border-box; }
body { background:#101010; color:#f0f0f0; font-family:"Segoe UI",Arial,sans-serif; line-height:1.7; }
html { scroll-behavior:smooth; }

/* NAVBAR */
header { background:#181818; padding:18px 0; box-shadow:0 2px 12px rgba(0,0,0,0.25); }
.navbar { display:flex; align-items:center; justify-content:space-between; width:95%; max-width:1100px; margin:0 auto; }
.logo { font-size:2em; font-weight:bold; color:#4edc4a; letter-spacing:2px; text-shadow:0 0 12px rgba(78,220,74,0.2); }
nav ul { display:flex; list-style:none; gap:28px; }
nav ul li a { color:#f0f0f0; text-decoration:none; font-weight:500; font-size:1.08em; padding:6px 0; border-bottom:2px solid transparent; transition:color .22s, border-bottom .22s; }
nav ul li a:hover, nav ul li a:focus { color:#4edc4a; border-bottom:2px solid #4edc4a; }
.cta { background:linear-gradient(90deg,#4edc4a,#43b343); color:#101010; padding:9px 24px; border-radius:6px; text-decoration:none; font-weight:bold; font-size:1.08em; transition:transform .2s, box-shadow .2s; }
.cta:hover { transform:scale(1.05); box-shadow:0 0 15px rgba(78,220,74,0.3); }

/* HERO */
.hero { text-align:center; padding:6rem 1rem; background:linear-gradient(180deg,#181818 0%,#101010 100%); }
.hero h1 { font-size:2.6rem; color:#4edc4a; margin-bottom:1rem; }
.hero p.mission { font-size:1.15rem; color:#ddd; max-width:600px; margin:0 auto 1.5rem; }
.hero-cta { display:inline-block; margin-top:1rem; }

/* RESCUE CARDS */
.rescues { padding:4rem 2rem; background:#121212; text-align:center; }
.rescues h2 { font-size:2rem; color:#4edc4a; margin-bottom:2rem; }
.animal-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:2rem; justify-items:center; }
.animal-cards figure { background:#181818; border-radius:16px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.25); transition:transform .3s, box-shadow .3s; cursor:pointer; }
.animal-cards figure:hover { transform:scale(1.03); box-shadow:0 6px 25px rgba(78,220,74,0.3); }
.animal-cards img { width:100%; height:220px; object-fit:cover; border-bottom:1px solid #333; }
.animal-cards figcaption { padding:1rem; text-align:left; }
.animal-cards h3 { color:#4edc4a; margin-bottom:.5rem; }
.animal-cards p { color:#ccc; font-size:.95rem; }

/* ABOUT + CONTACT */
.about, .contact { padding:4rem 2rem; text-align:center; background:#181818; }
.about h2, .contact h2 { color:#4edc4a; margin-bottom:1.5rem; }
.about p, .contact p { max-width:650px; margin:0 auto; color:#ddd; font-size:1.05rem; }

/* FOOTER */
footer { text-align:center; margin-top:3rem; padding:2rem 0 1rem; background:#181818; color:#fff; }
.social-icons { margin-top:1rem; }
.social-icons .icon { width:36px; height:36px; margin:0 8px; border-radius:8px; transition:box-shadow .2s, transform .2s; }
.social-icons a:hover .icon { box-shadow:0 2px 12px #4edc4acc; transform:scale(1.13) rotate(-5deg); }

/* LIGHTBOX (basic) */
.lightbox-modal { position:fixed; z-index:9999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.85); display:flex; align-items:center; justify-content:center; padding:20px; }
.lightbox-content { max-width:90%; max-height:80%; border-radius:8px; box-shadow:0 8px 40px rgba(0,0,0,0.6); }
.lightbox-close { position:fixed; right:28px; top:20px; font-size:36px; color:#fff; cursor:pointer; }
.lightbox-caption { margin-top:12px; color:#ddd; text-align:center; font-size:1rem; }