/*
Theme Name: Sektor 3.0 2026
Theme URI: https://sektor3-0.pl
Template: hello-elementor
Author: Paweł Wołochowicz
Author URI: https://wołochowicz.pl/
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0
Updated: 2026-09-01 12:00:00

*/

/* Ikona ładowania */

/* ==========================================================================
   Sektor 3.0 — Design Tokens: Fluid Layout Spacing
   New redesign only. Do not use for legacy-template overrides.
   ========================================================================== */


.mark-blue mark {
	color:var(--e-global-color-primary);
	background-color:transparent;
}

:root {
  /* Viewport-aware horizontal page margins */
  --s3-page-gutter: clamp(1.25rem, calc(1.88vw + 0.8125rem), 2.5rem);

 /* Global maximum width of the Figma-based Home canvas */
	--s3-page-canvas: 90rem; /* 1440px */
	--s3-container-wide: 85rem; /* 1360px */
	--s3-container-content: 78rem; /* 1248px */

  /* Fluid spacing scale */
  --s3-space-3xs: clamp(0.25rem, calc(0.38vw + 0.16rem), 0.5rem);
  --s3-space-2xs: clamp(0.5rem, calc(0.38vw + 0.41rem), 0.75rem);
  --s3-space-xs: clamp(0.75rem, calc(0.75vw + 0.57rem), 1.25rem);
  --s3-space-sm: clamp(1rem, calc(1.5vw + 0.65rem), 2rem);
  --s3-space-md: clamp(1.25rem, calc(1.88vw + 0.81rem), 2.5rem);
  --s3-space-lg: clamp(2rem, calc(3vw + 1.30rem), 4rem);
  --s3-space-xl: clamp(3rem, calc(4.5vw + 1.94rem), 6rem);
  --s3-space-2xl: clamp(4rem, calc(5.25vw + 2.77rem), 7.5rem);
}

mark {
    background-color: none;
    color: none;
}


/* ==========================================================================
   Sektor 3.0 — Foundation Layout Classes
   Atomic Editor / new redesign only
   ========================================================================== */

/*
 * Global page wrapper for the new Home.
 * On large screens, the complete Home canvas is capped at 1440px.
 */
.elementor .s3-home.e-flexbox-base {
  width: 100%;
  max-width: var(--s3-page-canvas);
  margin-inline: auto;
}

/*
 * Standard content container.
 *
 * Mobile:
 * full available width minus responsive left/right page gutters.
 *
 * Desktop:
 * capped at 1248px.
 */
.elementor .s3-home .s3-container {
  width: calc(
    100% -
    var(--s3-page-gutter) -
    var(--s3-page-gutter)
  );
  max-width: var(--s3-container-content);
  margin-inline: auto;
}

/*
 * Wider content container.
 *
 * Desktop:
 * 1440px canvas - 40px left gutter - 40px right gutter = 1360px.
 */
.elementor .s3-home .s3-container--wide {
  width: calc(
    100% -
    var(--s3-page-gutter) -
    var(--s3-page-gutter)
  );
  max-width: var(--s3-container-wide);
  margin-inline: auto;
}

/*
 * Generic spacing for standard page sections.
 * Do not apply this class to the Hero section.
 */
.elementor .s3-home .s3-section {
  padding-block: var(--s3-space-2xl);
}

/*
 * Compact section variant.
 */
.elementor .s3-home .s3-section--compact {
  padding-block: var(--s3-space-xl);
}

/*
 * Vertical stack utilities.
 * Use only on Atomic Flexbox elements configured in column direction.
 */
.elementor .s3-home .s3-stack {
  gap: var(--s3-space-sm);
}

.elementor .s3-home .s3-stack--tight {
  gap: var(--s3-space-xs);
}

.elementor .s3-home .s3-stack--loose {
  gap: var(--s3-space-lg);
}

/* ==========================================================================
   Sektor 3.0 — Home Hero
   Atomic Editor / new redesign only
   ========================================================================== */

/*
 * Hero is a dedicated composition.
 * It intentionally does not use generic .s3-section spacing.
 */
.elementor .s3-home .s3-hero {
  width: 100%;
}

/*
 * Desktop Hero introduction:
 *
 * First track:  large H1 area
 * Second track: supporting lead
 *
 * This overrides Atomic Grid's local:
 * grid-template-columns: repeat(2, 1fr);
 *
 * It also overrides s3-layout-reset padding: 0.
 */
.elementor .s3-home .s3-hero__intro {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(17rem, 4fr);
  grid-template-rows: auto;
  align-items: end;
  column-gap: var(--s3-space-xl);
  row-gap: 0;
  padding-block-start: var(--s3-space-2xl);
  padding-block-end: var(--s3-space-xl);
}

/*
 * Figma desktop reference:
 * H1 content block should not exceed approximately 665px.
 */
.elementor .s3-home .s3-hero__title {
  max-inline-size: 41.5625rem;
  margin: 0;
}

/*
 * Keep the lead readable rather than too wide.
 */
.elementor .s3-home .s3-hero__lead {
  max-inline-size: 25rem;
  margin: 0;
}

/*
 * Future positioning context for the blue Hero CTA.
 */
.elementor .s3-home .s3-hero__media {
  position: relative;
  width: 100%;
}

/*
 * Avoid baseline whitespace below an inline image.
 * Crop and image geometry will be added later.
 */
.elementor .s3-home .s3-hero__image {
  display: block;
  width: 100%;
  height: auto;
}

/*
 * Structural placeholder for the Hero CTA.
 */
.elementor .s3-home .s3-hero__cta-slot {
  position: absolute;
}