/*
Theme Name: SpokoLoko MultiPage Elementor
Theme URI: https://spokolokofryzuryalternatywne.pl/
Author: SpokoLoko
Description: Wierne wdrożenie zaakceptowanej wielopodstronowej makiety SpokoLoko w Elementorze. Wersja testowa.
Version: 1.1.0
Requires at least: 6.2
Requires PHP: 8.0
Text Domain: spokoloko-multipage
*/

/* Elementor must not add a boxed canvas or spacing around imported sections. */
.spoko-elementor-section,
.elementor .spoko-elementor-section,
.elementor .spoko-elementor-section > .e-con-inner,
.elementor .spoko-elementor-section .elementor-widget,
.elementor .spoko-elementor-section .elementor-widget-container {
  display: block;
  width: 100%;
  max-width: none;
  min-height: 0;
  padding: 0;
  margin: 0;
  gap: 0;
}
.elementor .spoko-elementor-section::before,
.elementor .spoko-elementor-section::after { display: none; }
.elementor .spoko-elementor-section h1,
.elementor .spoko-elementor-section h2,
.elementor .spoko-elementor-section h3,
.elementor .spoko-elementor-section p { color: inherit; font-family: inherit; }
.elementor .spoko-elementor-section a { color: inherit; }
.elementor .spoko-elementor-section img { border-radius: inherit; }
.spoko-gallery-additions { padding-top: 36px; }
.spoko-gallery-additions h2 { font-size: clamp(34px,4vw,58px); margin-bottom: 24px; }
.spoko-gallery-additions .portfolio-grid { padding-bottom: 90px; }
.spoko-form-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* Elementor injects imported HTML widgets after the source animation script runs.
   Keep the editor preview visible while leaving the public scroll animation intact. */
body.e-preview--show-hidden-elements .reveal,
body.elementor-editor-active .reveal {
  opacity: 1 !important;
  transform: none !important;
}

/* Brand palette v1.1. Original brand purple and slate, with quiet lavender surfaces. */
:root {
  --brand: #8d00c9;
  --brand-hover: #7100a3;
  --brand-soft: #e7cef3;
  --brand-focus: #ae4bd8;
}
::selection { background: var(--brand-soft); color: #1a1e29; }
input, textarea { caret-color: var(--brand); }
input::placeholder, textarea::placeholder { color: #6c6074; opacity: 1; }
.nav-contact,
.btn-dark,
.elementor .spoko-elementor-section .btn-dark {
  background: var(--brand); color: #fff;
}
.nav-contact:hover,
.btn-dark:hover,
.elementor .spoko-elementor-section .btn-dark:hover {
  background: var(--brand-hover); color: #fff;
}
.btn-lime,
.elementor .spoko-elementor-section .btn-lime {
  background: var(--brand-soft); color: #351345;
}
.btn-lime:hover,
.inner-cta .btn-lime:hover,
.elementor .spoko-elementor-section .btn-lime:hover {
  background: #f1e4f8; color: #351345;
}
.topbar b, .footer-logo span { color: #dcb2ef; }
.desktop-nav a:hover, .desktop-nav a[aria-current="page"] { color: var(--brand); }
.mobile-quick-contact a { background: #1a1e29; color: #fff; }
.mobile-quick-contact a:last-child { background: var(--brand); color: #fff; }
.mobile-nav a:hover { color: var(--brand); }
.filter-btn:focus-visible, .inner-tabs a:focus-visible,
a:focus-visible, button:focus-visible, summary:focus-visible,
input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline-color: var(--brand-focus);
}
.form-note, .form-kicker, .hero-foot, .section-top,
.page-breadcrumb, .sidebar-eyebrow, .hub-kicker { color: #69596f; }
.gallery-section .section-top, .gallery-section .section-number,
.contact-section .section-number, .inner-cta .section-number { color: #e7cef3; }
.form-feedback { color: #5f247b; }
.demo-strip { background: #f0e6f6; color: #5b326d; border-color: #d5bedf; }
.demo-dot { background: var(--brand); }

/* BEGIN SpokoLoko strip refinement 2026-10-25 — remove this block to undo. */
.demo-strip { display: none !important; }
.marquee { transform: none; width: 100%; max-width: 100%; height: 64px; margin: 0; background: #f0e6f6; color: #351345; border-block: 1px solid #dfcce9; }
.marquee-track { flex: 0 0 auto; font-size: clamp(18px, 1.6vw, 25px); font-weight: 650; line-height: 1.25; letter-spacing: .07em; animation-duration: 48s; }
.marquee-track i { display: inline-flex; align-items: center; justify-content: center; width: 6px; height: 6px; margin: 0 clamp(24px, 3vw, 52px); vertical-align: middle; font-size: 0; border-radius: 50%; background: #8d00c9; }
.marquee:hover .marquee-track { animation-play-state: paused; }
@media (max-width: 720px) { .marquee { height: 50px; } .marquee-track { font-size: 16px; letter-spacing: .06em; } .marquee-track i { width: 4px; height: 4px; margin-inline: 22px; } }
@media (prefers-reduced-motion: reduce) { .marquee-track { animation: none; transform: none; } }
/* END SpokoLoko strip refinement */