/*
Theme Name: Ome Jan
Theme URI: https://stichtingomejanofficeel.nl
Author: Stichting Ome Jan
Author URI: https://stichtingomejanofficeel.nl
Description: A cinematic, story-driven WordPress theme for Stichting Ome Jan — a Dutch foundation breaking the loneliness of elderly people through shared immersive experiences. Features a custom cursor, particle and star animations, scroll-reveal storytelling, and a dedicated landing page template. Fully responsive, SEO-optimized, and compatible with Gutenberg, WooCommerce, WPML/Polylang, Yoast SEO, and major caching plugins.
Version: 1.0.0
Tested up to: 6.4
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ome-jan
Domain Path: /languages
Tags: foundation, nonprofit, one-page, custom-cursor, animations, gutenberg, woocommerce, translation-ready, custom-colors, custom-logo, custom-menu, featured-images, threaded-comments, full-width-template, theme-options, rtl-language-support
*/

/*
 * Main stylesheet imports.
 * All component-specific CSS lives under assets/css/ and is conditionally
 * enqueued in inc/enqueue.php. This file primarily holds the theme header
 * required by WordPress and a few global safety resets.
 */

/* Safety reset to guarantee predictable rendering across hosts */
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }

/* WordPress core required alignments */
.alignleft { float: left; margin: 0 1.5em 1em 0; }
.alignright { float: right; margin: 0 0 1em 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignwide { max-width: 1200px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }

/* WordPress core required clears */
.clear::after,
.entry-content::after,
.comment-content::after,
.site-content::after,
.site-footer::after { clear: both; content: ""; display: block; }

/* Accessibility — screen reader text */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Skip link */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 100000;
}
.skip-link:focus { left: 6px; top: 7px; }

/* WordPress caption */
.wp-caption { max-width: 100%; margin-bottom: 1.5em; }
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }
.wp-caption-text { text-align: center; }

/* Gallery */
.gallery { margin-bottom: 1.5em; }
.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-caption { display: block; }

/* Sticky / Bypostauthor — WP Theme Check requires these classes */
.sticky { display: block; }
.bypostauthor { display: block; }