/*
Theme Name: OmniPace — Work Update
Theme URI: https://omnipace.pro
Description: Ukończenie poprawek z Work, motyw potomny OmniPace 3.2.2 z APK PR107 / build 539.
Author: BA Solutions
Template: omnipace
Version: 3.3.0
Requires at least: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: omnipace-work
*/
/* We enqueue the original OmniPace 3.2.2 CSS separately. */
:root{--omnipace-black:#141c22}
/* 1. Balanced navigation: centered sections and distinct collaboration link at the right. */
@media(min-width:781px){
 .site-header .header-inner{display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(185px,1fr);gap:20px;align-items:center}
 .site-header .brand{justify-self:start}
 .site-header .main-nav{justify-self:center;display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.55vw,23px);margin:0;white-space:nowrap}
 .site-header .header-controls{display:flex;justify-self:end;margin-left:0;gap:clamp(8px,1.3vw,15px);align-items:center}
 .site-header .header-controls .op-collaboration{font-weight:650;border-bottom:2px solid var(--teal);padding:9px 0;text-align:center;white-space:nowrap}
}
@media(min-width:781px) and (max-width:1050px){
 .site-header .header-inner{grid-template-columns:minmax(135px,1fr) auto minmax(160px,1fr);gap:11px}
 .site-header .main-nav{gap:9px}
 .site-header .nav-link{font-size:.79rem}
 .site-header .brand{font-size:1.25rem}
 .site-header .brand img{width:33px;height:33px}
}
@media(max-width:780px){.main-nav .op-collaboration{order:20;font-weight:700;border-top:1px solid var(--line);margin-top:6px}}
/* 2. Method introduction immediately below its heading, not beside it. */
.methods-section .section-heading.split-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;max-width:860px}
.methods-section .section-heading.split-heading>div{width:100%;max-width:100%}
.methods-section .section-heading.split-heading>.section-lead{display:block;width:100%;max-width:800px;margin-top:22px;text-align:left}
/* 3. Black OmniPace wordmark in the hero (match header). */
.hero-copy .hero-signature,.hero-copy .hero-signature strong,.site-header .brand{color:var(--omnipace-black)}
/* 4. Remove colored/gray backplates behind demo phones. */
.hero .hero-product::before,.hero .hero-product::after{display:none!important;content:none!important}
.app-section .product-screen,.app-section .product-screen::before,.app-section .product-screen::after{background:transparent!important;box-shadow:none!important;border:0!important}
.app-section .product-screen{padding:16px 8px}
/* 5. Align training section copy with upper part of phone. */
#panel-training{align-items:flex-start}
#panel-training .product-copy{align-self:flex-start;padding-top:40px}
#panel-training .product-copy h3{max-width:540px;line-height:1.16}
#panel-training .product-copy .section-lead{margin-top:20px}
#panel-training .product-screen{align-self:flex-start}
/* 6. Long-run example 120 min: pace, heart rate, practical guidance. */
#panel-training .op-run-fueling{margin-top:8px;padding:9px 10px;background:#edf6f4;border:1px solid #bcded8;border-radius:10px;color:#234d49}
#panel-training .op-run-fueling strong{font-size:11px;color:#09645f}
#panel-training .op-run-fueling p{font-size:11px;line-height:1.45;margin:4px 0}
#panel-training .op-run-fueling p:last-child{margin-bottom:0}
#panel-training .op-run-targets{font-size:11px!important;font-weight:700;color:var(--teal-dark);white-space:nowrap}
#panel-training .app-session-info p{font-weight:650}
/* 7. Clear mouse cursor states, including the WordPress Customizer preview. */
body .contact-form,body .contact-form label,body .contact-form label>span{cursor:default!important}
body .contact-form input:not([type=hidden]),body .contact-form textarea{cursor:text!important}
body .contact-form select,body .contact-form select option,body .contact-form #op-subject,body .contact-form label[for=op-subject],body .contact-form label[for=op-subject]>span{cursor:pointer!important}
body .contact-form button:not(:disabled),body .contact-form button:not(:disabled) *{cursor:pointer!important}
body .contact-form button:disabled{cursor:default!important}
/* Keep the preview secure: no forced pointer-events or bypass of disabled controls. */
@media(max-width:780px){
 #panel-training .product-copy{padding-top:0;max-width:100%}
 #panel-training .product-screen{padding:10px 0}
 .methods-section .section-heading.split-heading>.section-lead{margin-top:16px}
}
@media(max-width:370px){#panel-training .op-run-targets{white-space:normal;font-size:10px!important}}