/*
Theme Name: oOrek IT Theme
Description: A clean, lightweight theme for sites built with the WordPress block editor. No page builder and no built-in header or footer: the header and footer are added per site with the WPCode plugin (Code Snippets > Header & Footer).
Author: oOrek IT
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oorek-it-theme
*/

/* ---- Base ------------------------------------------------------------------ */
:root {
  --oit-text-color: #1a1a1a;
  --oit-bg-color: #ffffff;
  --oit-content-width: 760px;
  --oit-wide-width: 1180px;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0; background: var(--oit-bg-color); color: var(--oit-text-color);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.6; -webkit-font-smoothing: antialiased;
}
img, video, canvas, svg { max-width: 100%; height: auto; }
a { color: inherit; }
.screen-reader-text {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.oit-main { display: block; }

/* ---- Text pages, posts and lists (template: Page with Title, single, index) ---- */
.oit-entry { max-width: var(--oit-content-width); margin: 0 auto; padding: 56px 24px 72px; }
.oit-entry-title { margin: 0 0 24px; font-size: clamp(28px, 4vw, 40px); line-height: 1.2; }
.oit-entry-meta { margin: 0 0 24px; color: #666; font-size: 14px; }
.oit-entry-content > * { max-width: 100%; }
.oit-entry-content img { border-radius: 4px; }
.oit-post-item { margin: 0 0 40px; padding-bottom: 32px; border-bottom: 1px solid #e5e5e5; }
.oit-post-item h2 { margin: 0 0 8px; font-size: 26px; line-height: 1.25; }
.oit-post-item h2 a { text-decoration: none; }
.oit-pagination { margin-top: 32px; }

/* ---- Block pages (template: default page). Sections bring their own styling. ---- */
.oit-article > p, .oit-article > h1, .oit-article > h2, .oit-article > h3, .oit-article > h4,
.oit-article > ul, .oit-article > ol { max-width: var(--oit-content-width); margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; }
.oit-article > ul, .oit-article > ol { list-style: revert; padding-left: 48px; }
.oit-article > p:last-child, .oit-article > ul:last-child, .oit-article > ol:last-child,
.oit-article > h2:last-child, .oit-article > h3:last-child { margin-bottom: 60px; }
.alignwide { max-width: var(--oit-wide-width); margin-left: auto; margin-right: auto; }
.alignfull { max-width: none; width: 100%; }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }