/**
 * Main Theme Stylesheet
 * Tema za Druzabne igre - Modern WooCommerce Theme
 */

/* === IMPORTS === */
/* All CSS files now loaded individually via WordPress wp_enqueue_style() for better:
 * - Browser compatibility and debugging
 * - Cache busting control
 * - Dependency management
 * - Performance optimization
 */

/* === UTILITY CLASSES === */
.hidden {
  display: none !important;
}

/* === BASE STYLES === */
html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-tertiary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-normal);
  color: var(--color-primary);
  background-color: var(--color-secondary-4);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}

hr {
  margin-bottom: 1.5em;
}

.container {
  max-width: 1200px;
  padding: var(--spacing-5);
  margin: var(--spacing-4) auto var(--spacing-4) auto;
  background-color: var(--color-white);
}

.site-header .container {
  padding: 0;
  margin: 0 auto;
}

/* === MAIN CONTENT === */
.site-main {
  padding: var(--spacing-8) 0;
}

/* === HIDE PAGE TITLES === */
.entry-title,
.page-title,
.woocommerce-products-header__title {
  display: none;
}

/* Keep specific titles if needed */
.single-post .entry-title,
.single-product .entry-title {
  display: block; /* Show titles on blog posts and product pages */
}

/* === PAGE CONTENT STYLING === */
/* About Page (O nas) and other pages - max width and centered */
.page .entry-content,
.page article {
  max-width: 1000px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  /* Increased padding and justified text on mobile for pages */
  .page .entry-content,
  .page article {
    padding: var(--spacing-8) var(--spacing-6);
    text-align: justify;
  }
}

@media (max-width: 425px) {
  .page .entry-content,
  .page article {
    padding: 0;
    text-align: justify;
  }

  .container {
    padding: var(--spacing-6);
  }

  .site-header .container {
    padding: 0;
  }
}