/* Import Open Sans from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
/* ATL Fresh theme base styles */
:root {
  --atl-primary: #4f46e5;
  --atl-pink: #ec4899;
  --atl-dark: #053e9a; /* Footer background brand color */
}

body { background: #f8fafc; }
body {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

/* Hero */
.atl-hero {
  min-height: 280px;
  display: flex;
  align-items: center;
  color: #fff;
  background:
    linear-gradient(90deg, rgba(79,70,229,.85) 0%, rgba(236,72,153,.85) 100%),
    url('https://www.atlanduz.com/assets/img/header-bg-5.jpg') center/cover no-repeat;
}

/* Footer */
.atl-footer { background: var(--atl-dark); color: #cbd5e1; }
.atl-footer a { color: #cbd5e1; text-decoration: none; }
.atl-footer a:hover { color: #fff; }

/* Footer spacing tweaks */
.atl-footer { padding-top: 3rem; padding-bottom: 3rem; }
.atl-footer h6 { margin-bottom: 1rem; font-weight: 700; }
.atl-footer ul { margin: 0; padding: 0; }
.atl-footer ul li { margin-bottom: .75rem; }
.atl-footer ul li:last-child { margin-bottom: 0; }
.atl-footer .row { row-gap: 2rem; }
.atl-footer .atl-social { margin-bottom: .25rem; }

/* Small screens: add a bit more breathing room */
@media (max-width: 767.98px) {
  .atl-footer { padding-top: 2.25rem; padding-bottom: 2.25rem; }
  .atl-footer h6 { margin-top: .5rem; }
}

/* Social circles */
.atl-social { width:44px; height:44px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; }
.atl-facebook { background:#1778F2; }
.atl-pinterest { background:#E60023; }
.atl-instagram { background: radial-gradient(36% 36% at 30% 30%,#feda77 0,#e1306c 60%,#c13584 80%,#5851db 100%); }
.atl-x { background:#0F1419; }
.atl-linkedin { background:#0A66C2; }

/* Optional card polish */
.card { border: 0; box-shadow: 0 2px 14px rgba(2,6,23,.06); }
.card .meta { color: #64748b; font-size: .85rem; }
.read-more { color: var(--atl-primary); font-weight: 600; text-decoration: none; }