/* ========================================
   CLEAN CARGO BASE STYLES (CENTERED + INTER)
   Copy-paste everything
   ======================================== */

/* ===== Load font ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');


/* ===== Reset ===== */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


/* ===== Base ===== */
html, body {
  height: 100%;
}

body {
  font-family: "Inter", sans-serif !important;
  line-height: 1.6;
  color: #111;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}


/* ===== Force font everywhere (Cargo-proof) ===== */
body *:not(i):not(svg):not(path):not(canvas) {
  font-family: "Inter", sans-serif !important;
}


/* ===== Centered layout ===== */
.page,
.site,
.content,
main,
.wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 24px;
  text-align: center;
}


/* ===== Typography polish ===== */
h1 { font-size: 40px; font-weight: 600; margin-bottom: 0.6em; }
h2 { font-size: 28px; font-weight: 600; margin-bottom: 0.6em; }
h3 { font-size: 20px; font-weight: 600; margin-bottom: 0.6em; }

p, li {
  font-size: 16px;
  margin-bottom: 1.2em;
}


/* ===== Links ===== */
a {
  color: inherit;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

a:hover {
  opacity: 0.6;
}


/* ===== Media ===== */
img,
video,
canvas {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}


/* ===== Lists ===== */
ul, ol {
  list-style-position: inside;
}


/* ===== Buttons ===== */
button {
  font: inherit;
  padding: 10px 16px;
  cursor: pointer;
}


/* ===== Cargo module fixes ===== */
.cargo-item,
.project,
.grid-item,
.block,
.module,
section {
  margin-bottom: 48px;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
}


/* remove floats some templates use */
[class*="float"],
.float {
  float: none !important;
}

/* Simple shadow on the wrapper div */
.shadow-wrap {
  display: inline-block; /* makes shadow visible */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  margin: 12px; /* optional spacing between images */
}
/* ===== Drop shadows on gallery images ===== */
.image-gallery img {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s ease;
}

.image-gallery img:hover {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
}

/* ===== Remove ALL padding from resume/linkedin section ===== */
.logo,
.logo * {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}