
/* ===================================
   ROAM ELEVATED — GLOBAL DESIGN REFRESH
   =================================== */

/* TYPOGRAPHY */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* BUTTON POLISH */
.wp-block-button__link,
.wp-element-button {
  transition: all 0.2s ease !important;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.wp-block-button__link:hover,
.wp-element-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  opacity: 0.92;
}

/* NAVIGATION */
.header-navigation .menu-item a,
.primary-menu .menu-item a {
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  font-size: 13px;
  transition: color 0.2s ease;
}

/* POST CARD HOVER */
.wp-block-kadence-posts .kadence-blocks-posts-loop-item,
article.kadence-blocks-posts-loop-item {
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.wp-block-kadence-posts .kadence-blocks-posts-loop-item:hover,
article.kadence-blocks-posts-loop-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

/* INFOBOX HOVER */
.wp-block-kadence-infobox {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wp-block-kadence-infobox:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

/* CARD COLUMN HOVER */
.wp-block-columns .wp-block-column {
  transition: transform 0.2s ease;
}

/* FOOTER */
.site-footer {
  border-top: 3px solid #1B4332;
}

/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  letter-spacing: -0.01em;
}

/* IMAGE HOVER */
.wp-block-image img {
  transition: transform 0.3s ease;
}

.wp-block-image:hover img {
  transform: scale(1.02);
}

/* FOCUS ACCESSIBILITY */
a:focus,
button:focus,
.wp-block-button__link:focus {
  outline: 2px solid #EF7B1B;
  outline-offset: 2px;
}

/* SMOOTH SCROLL */
html {
  scroll-behavior: smooth;
}

/* MOBILE */
@media (max-width: 768px) {
  .wp-block-columns {
    flex-direction: column !important;
  }

  .wp-block-column {
    flex-basis: 100% !important;
    margin-bottom: 16px;
  }

  h1[style*="font-size:5"] {
    font-size: 32px !important;
  }

  h2[style*="font-size:3"] {
    font-size: 26px !important;
  }
}

/* LINKS */
a {
  transition: color 0.15s ease;
}
