/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme for Omega Automation
 * Author: Omega Automation
 * Template: blocksy
 * Text Domain: blocksy-child
 */

/* =========================================================
   OMEGA AUTOMATION – SOURCE SANS 3 LOCAL
   ========================================================= */

@font-face {
  font-family: "Source Sans 3";
  src: url("/wp-content/themes/blocksy-child/fonts/source-sans-3/source-sans-3-v19-latin_latin-ext-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("/wp-content/themes/blocksy-child/fonts/source-sans-3/source-sans-3-v19-latin_latin-ext-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Sans 3";
  src: url("/wp-content/themes/blocksy-child/fonts/source-sans-3/source-sans-3-v19-latin_latin-ext-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* =========================================================
   OMEGA AUTOMATION – GLOBAL VARIABLES
   ========================================================= */

:root {
  --oa-red: #d90000;
  --oa-red-dark: #b80000;
  --oa-dark: #111827;
  --oa-text: #1f2937;
  --oa-muted: #6b7280;
  --oa-border: #e5e7eb;
  --oa-border-strong: #d1d5db;
  --oa-light: #f3f4f6;
  --oa-white: #ffffff;

  --theme-font-family: "Source Sans 3", Arial, Helvetica, sans-serif !important;
  --theme-button-font-family: "Source Sans 3", Arial, Helvetica, sans-serif !important;
  --theme-heading-font-family: "Source Sans 3", Arial, Helvetica, sans-serif !important;
}

/* =========================================================
   OMEGA AUTOMATION – GLOBAL TYPOGRAPHY
   ========================================================= */

html,
body,
button,
input,
select,
textarea,
.woocommerce,
.woocommerce-page {
  font-family: "Source Sans 3", Arial, Helvetica, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.page-title,
.product_title {
  font-family: "Source Sans 3", Arial, Helvetica, sans-serif !important;
}

/* =========================================================
   OMEGA AUTOMATION – HOME PAGE RESET
   Bez ruszania headera Blocksy
   ========================================================= */

body.home [data-vertical-spacing*="top"],
body.home .site-main,
body.home #main,
body.home article,
body.home .entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.home .entry-content > *:first-child {
  margin-top: 0 !important;
}

/* =========================================================
   OMEGA AUTOMATION – HEADER WIDTH LIKE HERO
   1400px normalnie, 2000px ultra-wide
   ========================================================= */

@media (min-width: 1000px) {
  .ct-header {
    --oa-header-container: 1400px;
    --oa-header-side: max(52px, calc((100vw - var(--oa-header-container)) / 2));
  }

  .ct-header [data-row] > .ct-container,
  .ct-header [data-row] > .ct-container-fluid,
  .ct-header [data-row] > div {
    width: 100% !important;
    max-width: none !important;
    padding-left: var(--oa-header-side) !important;
    padding-right: var(--oa-header-side) !important;
    box-sizing: border-box !important;
  }

  .ct-header [data-row] [data-column] {
    min-width: 0 !important;
  }
}

/* Bardzo szerokie ekrany jak na Omega */
@media (min-width: 2500px) {
  .ct-header {
    --oa-header-container: 2000px;
  }
}

/* Tablet / mobile zostawiamy Blocksy */
@media (max-width: 999px) {
  .ct-header [data-row] > .ct-container,
  .ct-header [data-row] > .ct-container-fluid,
  .ct-header [data-row] > div {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
/* =========================================================
   OMEGA AUTOMATION – GLOBAL STYLE SYSTEM
   Wklej raz do style.css / globalnego CSS
   ========================================================= */

:root {
  --oa-red: #b60000;
  --oa-red-dark: #930000;

  --oa-dark: #111827;
  --oa-text: #1f2937;
  --oa-muted: #6b7280;

  --oa-border: #e5e7eb;
  --oa-border-strong: #d1d5db;

  --oa-bg-soft: #f8f9fb;
  --oa-white: #ffffff;

  --oa-container: 1400px;
  --oa-side: max(52px, calc((100vw - var(--oa-container)) / 2));
}

/* Sekcja na pełną szerokość ekranu */
.oa-section {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 0;
  background: transparent;
}

.oa-section,
.oa-section * {
  box-sizing: border-box;
}

/* Wewnętrzna szerokość sekcji */
.oa-section__inner {
  width: 100%;
  max-width: none;
  margin: 0;
  padding-left: var(--oa-side);
  padding-right: var(--oa-side);
}

/* Uniwersalne przyciski */
.oa-btn-red {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--oa-red);
  color: #ffffff !important;
  border-radius: 8px;
  padding: 0 22px;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 800;
  transition: 0.18s ease;
}

.oa-btn-red:hover {
  background: var(--oa-red-dark);
  transform: translateY(-1px);
}

/* Ultra wide */
@media (min-width: 2500px) {
  :root {
    --oa-container: 2000px;
  }
}

/* Tablet */
@media (max-width: 1024px) {
  :root {
    --oa-container: 100%;
    --oa-side: 32px;
  }
}

/* Mobile */
@media (max-width: 680px) {
  :root {
    --oa-container: 100%;
    --oa-side: 20px;
  }
}

/* Mały mobile */
@media (max-width: 480px) {
  :root {
    --oa-side: 14px;
  }
}