/*
Theme Name: Bulma Minimal Portfolio
Theme URI: https://github.com/aistudio/bulma-portfolio
Author: AI Studio
Author URI: https://ai.studio/build
Description: A responsive, high-performance portfolio theme based on the Bulma CSS framework with a light visual touch. Optimized for the classic WordPress editor, showing Work and Archive Custom Post Types.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bulma-portfolio
Tags: minimal, portfolio, responsive-layout, light, two-columns, custom-menu, featured-images

This theme is designed strictly around premium content photography, light colors, and fast page load times.
*/

/* Custom fine-tune rules built over standard Bulma variables */
body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background-color: #fcfcfc;
  color: #1a1a1a;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .title, .space-grotesk {
  font-family: 'Space Grotesk', system-ui, -apple-system, sans-serif !important;
  letter-spacing: -0.03em;
}

p, .content {
  line-height: 1.625;
  color: #3e3e3e;
}

/* Ensure original aspect ratio on all portfolio gallery and featured images */
.original-ratio-image {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

.clickable-project-card {
  transition: opacity 0.25s ease-in-out;
}
.clickable-project-card:hover {
  opacity: 0.82;
}

/* Custom styles for centered frontpage image */
.centered-hero {
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 2rem;
  background-color: #fcfcfc;
}

.centered-interactive-image {
  max-width: 500px;
  max-height: 70vh;
  object-fit: contain;
  box-shadow: 0 4px 24px rgba(0,0,0,0.04);
  cursor: pointer;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.centered-interactive-image:hover {
  transform: scale(0.985);
}

/* Pagination container styling */
.pagination-links-container {
  border-top: 1px solid #eaeaea;
  padding-top: 2rem;
  margin-top: 4rem;
}