/*
Theme Name: Oo Sport
Theme URI: https://oosport.ee
Description: Oo Sport B2B ???????????????? meeskonnariided ja sportreklaam. Lapseteema Twenty Twenty-Five p?????????hjal. S?????????gav sinine gradient, minimalistlik, futuristlik.
Author: Oo Sport
Template: twentytwentyfive
Version: 1.1
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oo-sport
*/
/* ============================================
Oo Sport ???????????????? gradient ja tumedal taustal tekst
(j?????????ustub alati, ka kui WP salvestab stiile andmebaasi)
============================================ */
/* P?????????hitaust ja ?????????ldine */
html {
scroll-behavior: auto;
overflow-x: hidden;
background-color: #0a0f18;
}
/* Mobiilibrauseri default sinine tap-highlight (Android/Chrome/Safari)
tekitab nuppudel/linkidel sinise "s????hvatuse". Eemaldame selle ainult
mobiilivaates; klaviatuuri focus-stiilid j????????vad alles. */
@media (max-width: 781px) {
* {
-webkit-tap-highlight-color: transparent;
}
a,
button,
[role="button"],
summary,
input[type="button"],
input[type="submit"],
input[type="reset"] {
-webkit-tap-highlight-color: transparent;
}
}
/* WP skip link can remain focused after DevTools/responsive mode toggles.
Keep it visible for keyboard navigation, but hide non-focus-visible cases. */
#wp-skip-link.skip-link.screen-reader-text:focus:not(:focus-visible) {
border: 0 !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
/* ============================================
Avaleht: single picture, ilma scrollita
============================================ */
body.home {
/* Vaikimisi viewport-k????rgus; mobiilis t????psustame JS-ga (--oo-real-vh). */
--oo-home-lock-vh: 100vh;
overscroll-behavior: none;
}
@supports (height: 100dvh) {
body.home {
--oo-home-lock-vh: 100dvh;
}
}
@media (max-width: 781px) {
body.home {
--oo-home-lock-vh: var(--oo-real-vh, 100dvh);
}
}
body.home,
body.home .wp-site-blocks,
body.home .oo-sport-front-main,
body.home main.oo-sport-front-main {
height: var(--oo-home-lock-vh);
min-height: var(--oo-home-lock-vh);
overflow: hidden !important;
}
/* Kontaktileht peab k????ituma nagu avaleht: ????ks pilt, ilma scrollita. */
body.page-kontakt,
body.page-kontaktid,
body.page-template-kontakt,
body.wp-template-kontakt,
body:has(main.oo-sport-contact-page-main) {
--oo-contact-lock-vh: var(--oo-real-vh, 100dvh);
overscroll-behavior: none;
overflow: hidden !important;
}
body.page-kontakt .wp-site-blocks,
body.page-kontaktid .wp-site-blocks,
body.page-template-kontakt .wp-site-blocks,
body.wp-template-kontakt .wp-site-blocks,
body:has(main.oo-sport-contact-page-main) .wp-site-blocks,
body.page-kontakt .oo-sport-contact-page-main,
body.page-kontaktid .oo-sport-contact-page-main,
body.page-template-kontakt .oo-sport-contact-page-main,
body.wp-template-kontakt .oo-sport-contact-page-main,
body:has(main.oo-sport-contact-page-main) .oo-sport-contact-page-main {
height: var(--oo-contact-lock-vh) !important;
min-height: var(--oo-contact-lock-vh) !important;
max-height: var(--oo-contact-lock-vh) !important;
overflow: hidden !important;
}
/* Logged-in avalehel WP admin bar lisab html-le margin-top.
T????stame avalehe sisu sama palju ????les, et hero algaks kohe admin bari alt
(ei teki sinist vaheriba hero ja ekraani vahel). */
body.home.admin-bar .wp-site-blocks {
margin-top: -32px;
height: calc(var(--oo-home-lock-vh) + 32px);
min-height: calc(var(--oo-home-lock-vh) + 32px);
}
@media (max-width: 782px) {
body.home.admin-bar .wp-site-blocks {
margin-top: -46px;
height: calc(var(--oo-home-lock-vh) + 46px);
min-height: calc(var(--oo-home-lock-vh) + 46px);
}
}
/* Avalehel peab paise sisu istuma heropildi peal, ilma taustata (ainult mobiilis). */
@media (max-width: 781px) {
body.home .oo-sport-header,
body.home header.oo-sport-header {
position: fixed !important;
inset: 0 0 auto 0 !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
z-index: 9999 !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
margin-top: 0 !important;
transform: none !important;
overflow: visible !important;
}
body.home .oo-sport-header > .wp-block-group,
body.home .oo-sport-header .wp-block-group,
body.home .oo-sport-header .wp-block-group.alignfull,
body.home .oo-sport-header-row,
body.home .oo-sport-header-logo-wrap,
body.home .oo-sport-nav-and-cta {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
margin-top: 0 !important;
transform: none !important;
}
}
@media (min-width: 782px) {
body.home .oo-sport-header,
body.home header.oo-sport-header {
position: fixed !important;
inset: 0 0 auto 0 !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
z-index: 9999 !important;
margin-top: 0 !important;
transform: none !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
}
/* Desktop: avalehe p?????????ise nupud (TIIMIRIIDED, SPORTREKLAAM jne) eraldi reegliga ???????????????? padding ??????????????????rest, ploki inline stiil ei tohi t?????????rjuda */
body.home .oo-sport-header-row {
padding-left: 2rem !important;
padding-right: 2rem !important;
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
}
body.home .oo-sport-front-main,
body.home main.oo-sport-front-main {
margin: 0 !important;
padding: 0 !important;
}
body.home .oo-sport-hero.is-layout-constrained,
body.home .oo-sport-hero {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
height: 100% !important;
min-height: 100% !important;
padding: 0 !important;
border: 0 !important;
box-shadow: none !important;
overflow: hidden !important;
}
body.home .oo-sport-hero .oo-sport-hero-bg {
inset: 0 !important;
}
/* ?????????htne plokkide vahe: kategooriaplokid ???????????????? CTA ???????????????? jalus (sama m??????????????????t) */
:root {
--oo-block-gap: 3rem;
}
body,
.wp-site-blocks {
min-height: 100vh;
font-family: "Exo 2", sans-serif;
}
/* Brand PDF catalog embed */
.oo-sport-brand-pdf-catalog {
margin: 0.75rem 0 1rem;
/* Ära tee “kaarti kaardi sees”: väliskonteiner on neutraalne. */
border-radius: 0;
border: 0;
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
overflow: visible;
}
.oo-sport-brand-pdf-catalog-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
padding: 0 0 0.55rem;
background: transparent;
}
.oo-sport-brand-pdf-catalog-title {
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.92);
font-size: 0.85rem;
}
.oo-sport-brand-pdf-catalog .oo-sport-brand-pdf-catalog-download {
display: inline-flex;
align-items: center;
justify-content: center;
height: 28px !important;
padding: 0 0.55rem !important;
min-height: 0 !important;
border-radius: 999px;
border: 1px solid rgba(212, 255, 0, 0.92) !important;
background: rgba(212, 255, 0, 0.92);
color: #0d1f3c !important;
text-decoration: none !important;
font-family: "Exo 2", sans-serif;
font-weight: 800 !important;
letter-spacing: 0.02em;
text-transform: uppercase;
font-size: 0.66rem !important;
line-height: 28px !important;
white-space: nowrap;
box-shadow: 0 0 4px rgba(212, 255, 0, 0.18) !important;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}
.oo-sport-brand-pdf-catalog-download:hover,
.oo-sport-brand-pdf-catalog-download:focus-visible {
border-color: #b8e600;
background: #b8e600;
box-shadow: 0 0 16px rgba(212, 255, 0, 0.5);
transform: translateY(-1px);
outline: none;
}
.oo-sport-brand-pdf-catalog-frame {
position: relative;
width: 100%;
aspect-ratio: 3 / 4;
border-radius: 14px;
border: 1px solid rgba(255, 255, 255, 0.22);
background: rgba(192, 196, 201, 0.74);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
overflow: hidden;
}
.oo-sport-brand-pdf-catalog-frame iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
@media (max-width: 781px) {
.oo-sport-brand-pdf-catalog {
margin: 0.55rem 0 0.85rem;
border-radius: 0;
}
.oo-sport-brand-pdf-catalog-head {
padding: 0 0 0.5rem;
}
.oo-sport-brand-pdf-catalog-frame {
aspect-ratio: 9 / 16;
border-radius: 12px;
}
}
/* P�ringukorv: �ra luba mitte mingit horisontaalset kerimist.
Mikro-scroll tekib tihti 100vw pseudo-elementidest (nt .wp-site-blocks::after) v?i rounding'ust. */
body.page-paringukorv,
body:has([data-oo-quote-cart-page]) {
overflow-x: hidden !important;
}
body.page-paringukorv .wp-site-blocks,
body:has([data-oo-quote-cart-page]) .wp-site-blocks {
overflow-x: hidden !important;
max-width: 100% !important;
}
body.page-paringukorv .wp-site-blocks::after,
body:has([data-oo-quote-cart-page]) .wp-site-blocks::after {
/* V�ltida 100vw joone tekitatud mikro-scrolli. */
width: 100% !important;
left: 0 !important;
transform: none !important;
}
button,
input,
select,
textarea {
font-family: "Exo 2", sans-serif;
}
/* Roheline taust ainult mitte-avalehel; avalehel taustapilt / tumesinine (PHP + allpool) */
body:not(.home),
body:not(.home) .wp-site-blocks {
background: #0d2818 !important;
}
/* Kontaktilehel peab fallback taust olema sama tumesinine kui hero/kataloogi lehtedel;
muidu j????????b mobiilis/landscape'is servadesse n????ha globaalne roheline taust.
Live'is v????ib slug/class olla "kontakt" v????i "kontaktid", seega katame m????lemad.
Lisaks varuvariant :has(...) juhuks kui body slug-class erineb. */
body.page-kontakt,
body.page-kontaktid,
body.page-template-kontakt,
body.wp-template-kontakt,
body:has(main.oo-sport-contact-page-main),
body.page-kontakt .wp-site-blocks,
body.page-kontaktid .wp-site-blocks,
body.page-template-kontakt .wp-site-blocks,
body.wp-template-kontakt .wp-site-blocks,
body:has(main.oo-sport-contact-page-main) .wp-site-blocks {
background: #0d1f3c !important;
}
/* Fluid skaleerimine ???????????????? ekraani kitsenedes plokid ja tekstid kaasa */
body.home {
--oo-fluid-space-sm: clamp(0.5rem, 2vw, 0.75rem);
--oo-fluid-space: clamp(0.75rem, 3vw, 1.5rem);
--oo-fluid-space-lg: clamp(1rem, 4vw, 2rem);
--oo-fluid-gap: clamp(0.75rem, 2.5vw, 1.25rem);
--oo-fluid-text-hero: clamp(1.5rem, 4vw + 1rem, 2.75rem);
--oo-fluid-text-sub: clamp(0.95rem, 2vw + 0.5rem, 1.15rem);
--oo-fluid-text-btn: clamp(1rem, 2.5vw + 0.5rem, 1.25rem);
--oo-fluid-padding-x: clamp(0.75rem, 4vw, 2rem);
/* CTA ???????????????? jalus vahe v?????????rdeline teiste paddingutega */
--oo-cta-footer-gap: var(--oo-fluid-space);
}
/* Avalehel body ja wp-site-blocks tumesinised (valge riba vahealas ei ilmu) */
body.home {
background-color: #0d1f3c !important;
}
body.home .wp-site-blocks {
background-color: #0d1f3c;
}
/* Header template-part ei tohi jatta vooluvahet ega tausta (muidu tekib uleval sinine riba). */
.wp-site-blocks {
position: relative;
}
/* Kui p????ris jalust pole, lisa lehe l????ppu sama neoonkollane joon nagu hero alumine joon.
Absoluutne paigutus hoiab joone t????pselt lehe (v????i lukustatud 1-pildi lehe) allservas. */
body:not(:has(footer.wp-block-template-part)) .wp-site-blocks::after {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 100vw;
bottom: 0;
height: clamp(2px, 0.5vw, 3px);
background: #d4ff00;
pointer-events: none;
z-index: 5;
}
.wp-site-blocks > .wp-block-template-part:first-child {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
z-index: 9999 !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
}
.wp-site-blocks > .wp-block-template-part:first-child .wp-block-group,
.wp-site-blocks > .wp-block-template-part:first-child .wp-block-group.alignfull,
.wp-site-blocks > .wp-block-template-part:first-child [class*="wp-block-group"],
.wp-site-blocks > .wp-block-template-part:first-child [style*="background"] {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
}
.wp-site-blocks > .wp-block-template-part:first-child + * {
margin-block-start: 0 !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
/* P?ringukorv (mobiil): ?ra lase sisul headeri alla minna.
Header template-part on absolute ja ?lal olev globaal-nullija seab padding-top: 0 !important.
Siin teeme sihitud override'i ainult p?ringukorvi lehele. */
@media (max-width: 1024px) {
/* Kasuta nii body slug-klassi kui ka sisup?hist selector'it (juhuks kui klassid varieeruvad). */
body.page-paringukorv .wp-site-blocks > .wp-block-template-part:first-child + *,
body:has([data-oo-quote-cart-page]) .wp-site-blocks > .wp-block-template-part:first-child + * {
/* Kasutaja soov: v?henda vahet ~40px v?rra. Kaitse negatiivse vastu. */
padding-top: max(0px, calc(var(--oo-header-height, 64px) - 34px)) !important;
}
body.page-paringukorv .entry-content.wp-block-post-content,
body:has([data-oo-quote-cart-page]) .entry-content.wp-block-post-content {
padding-top: max(0px, calc(var(--oo-header-height, 64px) - 34px)) !important;
}
/* P?ringukorv: Gutenberg wrapperid lisavad tihti suured paddings (nt spacing--60),
mis muudab "p?ris sisu" ala liiga v?ikeseks. Hoia mobiilis ?mbrus kompaktne. */
body.page-paringukorv .wp-block-group.alignfull.has-global-padding,
body:has([data-oo-quote-cart-page]) .wp-block-group.alignfull.has-global-padding {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.page-paringukorv .entry-content.wp-block-post-content.has-global-padding,
body:has([data-oo-quote-cart-page]) .entry-content.wp-block-post-content.has-global-padding {
padding-left: 12px !important;
padding-right: 12px !important;
}
}
@supports selector(.wp-block-template-part:has(.oo-sport-header-row)) {
.wp-site-blocks > .wp-block-template-part:has(.oo-sport-header-row) {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
z-index: 9999 !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
}
.wp-site-blocks > .wp-block-template-part:has(.oo-sport-header-row) .wp-block-group,
.wp-site-blocks > .wp-block-template-part:has(.oo-sport-header-row) .wp-block-group.alignfull,
.wp-site-blocks > .wp-block-template-part:has(.oo-sport-header-row) [class*="wp-block-group"],
.wp-site-blocks > .wp-block-template-part:has(.oo-sport-header-row) [style*="background"] {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
}
.wp-site-blocks > .wp-block-template-part:has(.oo-sport-header-row) + * {
margin-block-start: 0 !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
}
@supports selector(.wp-site-blocks > .wp-block-group:has(.oo-sport-header-row)) {
.wp-site-blocks > .wp-block-group:has(.oo-sport-header-row) {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
z-index: 9999 !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
}
.wp-site-blocks > .wp-block-group:has(.oo-sport-header-row) .wp-block-group,
.wp-site-blocks > .wp-block-group:has(.oo-sport-header-row) .wp-block-group.alignfull,
.wp-site-blocks > .wp-block-group:has(.oo-sport-header-row) [class*="wp-block-group"],
.wp-site-blocks > .wp-block-group:has(.oo-sport-header-row) [style*="background"] {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
}
.wp-site-blocks > .wp-block-group:has(.oo-sport-header-row) + * {
margin-block-start: 0 !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
}
/* Kaitse: m????nes templis lisanduvad p????ise ????mber pseudo-ribad v????i border-top.
Nullime need globaalselt, et header ei nihkuks ega tekiks ????lemist triipu. */
header.oo-sport-header::before,
header.oo-sport-header::after,
.oo-sport-header::before,
.oo-sport-header::after,
.oo-sport-header-row::before,
.oo-sport-header-row::after {
content: none !important;
display: none !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
header.oo-sport-header,
.oo-sport-header,
.oo-sport-header-row,
.oo-sport-header > .wp-block-group,
.oo-sport-header .wp-block-group.alignfull {
border-top: 0 !important;
margin-top: 0 !important;
}
/* Taustapilt (hero-bg) ???????????????? ploki tagumine kiht; kehtib k?????????igil lehtedel (sh avalehel) */
.oo-sport-front-main .oo-sport-hero .oo-sport-hero-bg,
.oo-sport-hero .oo-sport-hero-bg.has-global-padding,
.oo-sport-hero .oo-sport-hero-bg.is-layout-constrained,
.oo-sport-hero .oo-sport-hero-bg.wp-block-group-is-layout-constrained,
.oo-sport-hero .oo-sport-hero-bg {
background-size: cover !important;
background-position: center top !important; /* pilt algab ploki ?????????la??????????????????rest */
background-repeat: no-repeat !important;
position: absolute !important;
inset: 0 !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: 0 !important;
pointer-events: none;
}
/* Alumine plokk (TIIMIRIIDED / SPORTREKLAAM) ???????????????? ?????????ldreeglid */
.oo-sport-below-hero > *:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
.oo-sport-below-hero .oo-sport-category-buttons-wrap {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Ala hero all ???????????????? tumesinine taust (kehtib k?????????igil lehtedel, kus on below-hero) */
.oo-sport-below-hero,
.oo-sport-below-hero.is-layout-flow,
.wp-block-group.oo-sport-below-hero {
position: relative;
z-index: 1;
background-color: #0d1f3c;
max-width: 100%;
overflow-x: hidden;
box-sizing: border-box;
padding-top: 0 !important;
margin-top: 0 !important;
gap: 0 !important;
}
/* Joon vuugikohal, ekraani ??????????????????rest ??????????????????reni, ilma fade ja halota (avalehel joon on hero::before peal) */
.oo-sport-below-hero::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 100vw;
top: 0;
height: 4px;
z-index: 2;
pointer-events: none;
background: #d4ff00;
}
.oo-sport-below-hero > * {
position: relative;
z-index: 1;
}
/* Avalehel: vahe heropildi ploki (kollane joon) ja kategooriaplokkide vahele */
body.home .oo-sport-below-hero,
body.home .oo-sport-below-hero.is-layout-flow,
body.home .wp-block-group.oo-sport-below-hero {
padding-top: clamp(2rem, 5vw, 3.5rem) !important;
}
body.home .oo-sport-below-hero .oo-sport-category-buttons-wrap {
padding-top: 0 !important;
}
/* CTA plokk plokkide all: Oled valmis oma tiimiv?????????limust uuendama? + suurem K?????????SI PAKKUMIST */
.oo-sport-cta-block {
position: relative;
text-align: center;
padding: 2.5rem var(--oo-fluid-padding-x, 1.5rem) var(--oo-block-gap, 3rem);
max-width: min(800px, 100%);
margin: var(--oo-block-gap, 3rem) auto 0;
}
.oo-sport-cta-block-title {
margin: 0 0 1.5rem;
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
font-size: clamp(1.5rem, 4vw, 2.25rem) !important;
line-height: 1.25;
letter-spacing: 0.02em;
color: #f0f4f8 !important;
text-transform: none;
}
.oo-sport-cta-block-actions {
margin: 0;
}
.oo-sport-cta-block-btn {
position: relative;
overflow: visible;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.85rem 2.25rem;
background: linear-gradient(90deg, #d4ff00 0%, rgba(212, 255, 0, 0.9) 100%);
color: #0a1628 !important;
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
font-size: 1.1rem !important;
letter-spacing: 0.05em;
text-transform: uppercase;
text-decoration: none !important;
border-radius: 999px;
box-shadow: 0 0 20px rgba(212, 255, 0, 0.4);
transition: background 0.2s, box-shadow 0.2s;
}
/* Horisontaalselt joon nupu keskelt m?????????lemale poole, fadeb ??????????????????rtesse */
.oo-sport-cta-block-btn::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 100vw;
height: clamp(2px, 0.4vw, 3px);
margin-left: -50vw;
transform: translateY(-50%);
background: linear-gradient(
90deg,
transparent 0%,
rgba(212, 255, 0, 0.2) 25%,
#d4ff00 50%,
rgba(212, 255, 0, 0.2) 75%,
transparent 100%
);
pointer-events: none;
z-index: -1;
}
.oo-sport-cta-block-btn:hover {
background: linear-gradient(90deg, #e8ff4d 0%, #d4ff00 100%);
box-shadow: 0 0 28px rgba(212, 255, 0, 0.55);
color: #0a1628 !important;
}
/* Ei kehti below-hero peal ???????????????? muidu min-height 100vh t?????????ukab jala liiga alla */
.wp-block-group.alignfull:not(.oo-sport-header):not(.oo-sport-header-row):not(.oo-sport-hero):not(.oo-sport-section):not(.oo-sport-below-hero) {
min-height: 100vh;
}
/* Tekst ja pealkirjad tumedal taustal heledaks */
body,
.wp-site-blocks,
.wp-block-post-content,
.wp-block-group p,
.wp-block-heading,
h1, h2, h3, h4, h5, h6 {
color: #f0f4f8 !important;
}
/* Lingid ja men?????????????????? */
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content,
a {
color: #7eb8ff !important;
}
.wp-block-navigation a:hover,
a:hover {
color: #d4ff00 !important;
}
/* Saidi pealkiri ja alapealkiri */
.wp-block-site-title a,
.wp-block-site-tagline {
color: #f0f4f8 !important;
}
.wp-block-site-tagline {
opacity: 0.85;
}
/* Nupud */
.wp-block-button__link,
.wp-element-button {
letter-spacing: 0.02em;
}
/* Avalehel ei n?????????idata lehe pealkirja "AVALEHT" (kui kasutatakse lehemalli) */
.home .wp-block-post-title,
body.home .wp-block-post-title {
display: none !important;
}
/* P?????????is ???????????????? l?????????bipaistev taust hero peal (mitte sticky, et ei tekiks sinist riba) */
.oo-sport-header,
header.oo-sport-header {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
height: auto !important;
min-height: unset !important;
z-index: 9999 !important;
background: transparent !important;
background-color: transparent !important;
}
.oo-sport-header .wp-block-group,
.oo-sport-header .wp-block-group.alignfull,
.oo-sport-header-row,
.oo-sport-header-logo-wrap,
.oo-sport-header .has-global-padding,
.oo-sport-header .is-layout-constrained,
.oo-sport-header [class*="wp-block-group"] {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
}
/* Veendu, et ploki inline/theme.json taust ei kata headerit (k?????????ik lehed) */
header.oo-sport-header [style*="background"],
.oo-sport-header [style*="background"] {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
}
/* P?????????ise tekstid valgeks (logo/sait, men??????????????????) */
.oo-sport-header .wp-block-site-title a,
.oo-sport-header .wp-block-site-tagline,
.oo-sport-header-nav a,
.oo-sport-header-nav .wp-block-navigation-item__content {
color: #ffffff !important;
}
/* WP admin bar olemas: nihuta sticky p?????????is alla, et ei kata admin bari */
.admin-bar .oo-sport-header,
.admin-bar header.oo-sport-header {
top: 32px !important; /* desktop admin bar k?????????rgus */
}
@media (max-width: 782px) {
.admin-bar .oo-sport-header,
.admin-bar header.oo-sport-header {
top: 46px !important; /* mobiil admin bar k?????????rgus */
}
}
/* P?????????ise layout ja k?????????rgus */
.oo-sport-header {
display: flex !important;
align-items: flex-start !important;
}
.oo-sport-header > .wp-block-group,
.oo-sport-header .wp-block-group.alignfull,
.oo-sport-header-row {
min-height: unset !important;
height: auto !important;
display: flex !important;
align-items: flex-start !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
}
.oo-sport-header > .wp-block-group {
flex: 1;
}
.oo-sport-header-row {
padding: 0.5rem 2rem 0.5rem 1rem !important;
position: relative;
}
/* Staatiline keskjoon/nooleke eemaldatud: kasutatakse ainult mobiili/tableti toggle-nuppu. */
.wp-site-blocks {
padding-top: 0 !important;
}
.oo-sport-header-logo-wrap {
flex-shrink: 0;
align-self: center;
max-width: 100px;
margin-left: -0.25rem;
}
.oo-sport-header .wp-block-site-logo,
.oo-sport-header .oo-sport-header-logo-wrap .wp-block-site-logo {
flex-shrink: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
}
.oo-sport-header .wp-block-site-logo a,
.oo-sport-header .oo-sport-header-logo a {
display: block;
line-height: 0;
}
.oo-sport-header .wp-block-site-logo img,
.oo-sport-header .oo-sport-header-logo img {
max-height: 2.5rem;
width: auto;
height: auto;
object-fit: contain;
}
@media (min-width: 782px) {
.oo-sport-header-row > .oo-sport-header-logo-wrap {
display: flex !important;
align-items: center !important;
flex: 0 0 auto !important;
width: auto !important;
max-width: none !important;
min-width: 88px !important;
padding: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
position: relative !important;
z-index: 4 !important;
visibility: visible !important;
opacity: 1 !important;
}
.oo-sport-header-row > .oo-sport-nav-and-cta {
flex: 1 1 auto !important;
min-width: 0 !important;
justify-content: flex-end !important;
}
.oo-sport-header .wp-block-site-logo,
.oo-sport-header .wp-block-site-logo a,
.oo-sport-header .wp-block-site-logo img,
.oo-sport-header .custom-logo-link,
.oo-sport-header .custom-logo {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
}
.oo-sport-header .wp-block-site-logo a:focus,
.oo-sport-header .wp-block-site-logo a:focus-visible,
.oo-sport-header .wp-block-site-logo a:active,
.oo-sport-header .oo-sport-header-logo a:focus,
.oo-sport-header .oo-sport-header-logo a:focus-visible,
.oo-sport-header .oo-sport-header-logo a:active {
outline: none !important;
box-shadow: none !important;
}
.oo-sport-header-row > .wp-block-group:last-child,
.oo-sport-header > .wp-block-group > .wp-block-group.alignfull > .wp-block-group:last-child {
margin-left: auto !important;
}
.oo-sport-header-nav,
.oo-sport-header-nav .wp-block-navigation__container {
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
}
.oo-sport-nav-and-cta {
display: flex !important;
align-items: center !important;
}
.oo-sport-header-nav,
.oo-sport-header-nav .wp-block-navigation-item__content {
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.oo-sport-header-nav a,
.oo-sport-header-nav .wp-block-navigation-item__content {
position: relative;
text-decoration: none !important;
outline: none !important;
box-shadow: none !important;
}
.oo-sport-header-nav a:focus,
.oo-sport-header-nav a:focus-visible,
.oo-sport-header-nav a:active,
.oo-sport-header-nav .wp-block-navigation-item__content:focus,
.oo-sport-header-nav .wp-block-navigation-item__content:focus-visible,
.oo-sport-header-nav .wp-block-navigation-item__content:active {
outline: none !important;
box-shadow: none !important;
border: none !important;
}
.oo-sport-header-nav a:hover,
.oo-sport-header-nav .wp-block-navigation-item__content:hover {
color: #d4ff00 !important;
}
/* Headeri tootepuu-rippmenuud (vaikimisi peidetud). */
.oo-sport-header-catalog-dropdown {
display: none;
}
/* Desktop: TIIMIRIIDED / SPORTREKLAAM rippmenuud tootepuu sisuga. */
@media (min-width: 782px) {
.oo-sport-header-nav .oo-sport-header-has-dropdown {
position: relative;
padding-bottom: 0;
}
.oo-sport-header-nav .oo-sport-header-has-dropdown::after {
/* Hover bridge between trigger and dropdown. */
content: "";
position: absolute;
left: 0;
right: 0;
top: 100%;
height: 0.45rem;
pointer-events: none;
}
.oo-sport-header-nav .oo-sport-header-catalog-dropdown {
display: none;
position: absolute;
top: 100%;
right: 0;
min-width: min(40vw, 360px);
max-width: min(86vw, 560px);
max-height: none;
overflow: visible;
scrollbar-width: thin;
scrollbar-color: #d4ff00 rgba(7, 18, 36, 0.55);
padding: 0.75rem 0.9rem;
background: #0d1f3c;
border: 1px solid rgba(212, 255, 0, 0.55);
border-radius: 10px;
box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
z-index: 10060;
}
.oo-sport-header-nav .oo-sport-header-catalog-dropdown::-webkit-scrollbar {
width: 10px;
height: 10px;
}
.oo-sport-header-nav .oo-sport-header-catalog-dropdown::-webkit-scrollbar-track {
background: rgba(7, 18, 36, 0.55);
border-radius: 999px;
}
.oo-sport-header-nav .oo-sport-header-catalog-dropdown::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #e8ff4d 0%, #d4ff00 55%, #b7dd00 100%);
border-radius: 999px;
border: 2px solid rgba(7, 18, 36, 0.55);
box-shadow: 0 0 10px rgba(212, 255, 0, 0.45);
}
.oo-sport-header-nav .oo-sport-header-catalog-dropdown::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, #f2ff7a 0%, #dfff1f 55%, #c2ea00 100%);
box-shadow: 0 0 14px rgba(212, 255, 0, 0.65);
}
.oo-sport-header-nav .oo-sport-header-catalog-dropdown::-webkit-scrollbar-corner {
background: transparent;
}
.oo-sport-header-nav .oo-sport-header-has-dropdown:hover > .oo-sport-header-catalog-dropdown,
.oo-sport-header-nav .oo-sport-header-has-dropdown:focus-within > .oo-sport-header-catalog-dropdown {
display: block;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item > .oo-sport-header-tree-sublist,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-item > .oo-sport-header-tree-sublist {
overflow: hidden;
max-height: 0;
opacity: 0;
transition: max-height 0.28s ease, opacity 0.2s ease;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item.is-open > .oo-sport-header-tree-sublist,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-item.is-open > .oo-sport-header-tree-sublist {
max-height: 2000px;
opacity: 1;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item.is-collapsed > .oo-sport-header-tree-sublist,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-item.is-collapsed > .oo-sport-header-tree-sublist {
max-height: 0 !important;
opacity: 0 !important;
}
}
.oo-sport-header-nav .oo-sport-header-catalog-dropdown {
pointer-events: auto;
}
/* Kataloogilehel: hoia headeri dropdown alati klikitav (mõned fullbleed/overlay reeglid võivad muidu klikke ära süüa). */
@media (min-width: 782px) {
body.oo-sport-product-catalog-page:not(.single-oo_toode) header.wp-block-template-part {
pointer-events: auto !important;
}
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-header-nav .oo-sport-header-catalog-dropdown,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-header-nav .oo-sport-header-catalog-dropdown * {
pointer-events: auto !important;
}
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-header-nav .oo-sport-header-catalog-dropdown {
z-index: 10180 !important;
}
}
.oo-sport-btn-pakkumist .wp-block-button__link {
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
font-size: 0.8em !important;
letter-spacing: 0.05em;
text-transform: uppercase;
padding: 0.25em 1em !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
min-height: auto !important;
background-color: #d4ff00 !important;
color: #0a1628 !important;
transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}
.oo-sport-btn-pakkumist .wp-block-button__link:hover {
background-color: #e8ff4d !important;
color: #0a1628 !important;
box-shadow: 0 0 20px rgba(212, 255, 0, 0.6);
}
.oo-sport-btn-pakkumist .wp-block-button__link:focus,
.oo-sport-btn-pakkumist .wp-block-button__link:focus-visible,
.oo-sport-btn-pakkumist .wp-block-button__link:active {
outline: none !important;
box-shadow: none !important;
}
/* Headeri CTA ja korvi nupp peavad olema sama korged. */
@media (min-width: 782px) {
.oo-sport-nav-and-cta {
align-items: center !important;
}
.oo-sport-header-cta,
.oo-sport-header-cta.wp-block-buttons {
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
.oo-sport-header-cta .wp-block-button {
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
}
.oo-sport-header-cta .oo-sport-btn-pakkumist .wp-block-button__link,
.oo-sport-nav-and-cta > .oo-sport-header-cart-link {
height: 1.35rem !important;
min-height: 1.35rem !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
align-items: center !important;
align-self: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
}
/* Kategooria kaardid ???????????????? kerge ??????????????????ris ja hover */
.oo-sport-category-card {
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.oo-sport-category-card:hover {
transform: translateY(-2px);
box-shadow: 0 12px 40px rgba(0, 120, 255, 0.15);
}
/* ============================================
K?????????si pakkumist: desktopil nupp p?????????ises, mobiilil burger-men??????????????????st
============================================ */
@media (min-width: 782px) {
.oo-sport-header-nav .wp-block-navigation-item:has(a.oo-sport-menu-item-pakkumist) {
display: none;
}
}
@media (max-width: 781px) {
.oo-sport-header-cta {
display: none !important;
}
.oo-sport-header-row {
align-items: center !important;
padding: 0.5rem 0.75rem !important;
}
.oo-sport-header-logo-wrap {
max-width: none !important;
min-width: 86px !important;
flex: 0 0 auto !important;
}
.oo-sport-header .wp-block-site-logo img,
.oo-sport-header .custom-logo {
max-height: 46px !important;
width: auto !important;
height: auto !important;
}
.oo-sport-nav-and-cta {
display: flex !important;
align-items: center !important;
gap: 0.4rem !important;
margin-left: auto !important;
min-width: 0 !important;
}
/* P?ringukorv (mobiil): hoia header ?hel real ja peida WP nav burger (pole siin vaja). */
body.page-paringukorv .oo-sport-header-row,
body:has([data-oo-quote-cart-page]) .oo-sport-header-row {
flex-wrap: nowrap !important;
}
body.page-paringukorv .oo-sport-nav-and-cta,
body:has([data-oo-quote-cart-page]) .oo-sport-nav-and-cta {
flex-wrap: nowrap !important;
gap: 0.3rem !important;
}
.oo-sport-header-nav,
.oo-sport-header-nav.wp-block-navigation {
display: flex !important;
align-items: center !important;
flex: 0 0 auto !important;
min-width: 0 !important;
}
/* Mobiilis kasuta ainult burgeri/overlay re?iimi.
V?ltab landscape vaates olukorda, kus inline-men?? ilmub footerilaadse ribana. */
.oo-sport-header-nav .wp-block-navigation__container {
display: none !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container {
display: none !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open {
display: block !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container-open,
.oo-sport-header-nav button.wp-block-navigation__responsive-container-open {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0.2rem !important;
border: 0 !important;
background: transparent !important;
color: #d4ff00 !important;
box-shadow: none !important;
transform: none !important;
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
}
/* P?ringukorv: peida burger/overlay nupp t?ielikult, et header ei l?heks wrap'i. */
body.page-paringukorv .oo-sport-header-nav .wp-block-navigation__responsive-container-open,
body.page-paringukorv .oo-sport-header-nav button.wp-block-navigation__responsive-container-open,
body:has([data-oo-quote-cart-page]) .oo-sport-header-nav .wp-block-navigation__responsive-container-open,
body:has([data-oo-quote-cart-page]) .oo-sport-header-nav button.wp-block-navigation__responsive-container-open {
display: none !important;
}
body.page-paringukorv .oo-sport-header-nav .wp-block-navigation__responsive-container,
body:has([data-oo-quote-cart-page]) .oo-sport-header-nav .wp-block-navigation__responsive-container {
display: none !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container-open svg,
.oo-sport-header-nav .wp-block-navigation__responsive-container-open .wp-block-navigation__icon {
fill: #d4ff00 !important;
color: #d4ff00 !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container-close,
.oo-sport-header-nav button.wp-block-navigation__responsive-container-close {
color: #d4ff00 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container-close svg {
fill: #d4ff00 !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open {
position: fixed !important;
inset: 0 !important;
width: 100vw !important;
height: var(--oo-real-vh, 100dvh) !important;
padding: 0 !important;
margin: 0 !important;
background: rgba(9, 20, 38, 0.42) !important;
backdrop-filter: blur(4px) !important;
-webkit-backdrop-filter: blur(4px) !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-close {
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: flex-start !important;
justify-content: center !important;
padding: 0 !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-dialog {
position: relative !important;
width: min(92vw, 420px) !important;
margin: calc(var(--oo-header-height, 64px) + 0.45rem) auto 0 !important;
max-height: calc(var(--oo-real-vh, 100dvh) - var(--oo-header-height, 64px) - 1rem) !important;
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
overflow: visible !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container-content {
padding: 0 !important;
box-sizing: border-box !important;
background: transparent !important;
display: block !important;
overflow-y: auto !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
width: 100% !important;
margin: 0 !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: rgba(192, 196, 201, 0.74) !important;
background-color: rgba(192, 196, 201, 0.74) !important;
border: 1px solid rgba(255, 255, 255, 0.22) !important;
border-radius: 14px !important;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14), 0 3px 8px rgba(0, 0, 0, 0.09) !important;
overflow: hidden !important;
justify-content: flex-start !important;
align-items: stretch !important;
gap: 0 !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open a,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label {
color: rgba(255, 255, 255, 0.96) !important;
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open a.wp-block-navigation-item__content {
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 0.72rem 0.78rem !important;
border: 1px solid rgba(255, 255, 255, 0.18) !important;
background: rgba(38, 40, 44, 0.3) !important;
text-decoration: none !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item + .wp-block-navigation-item .wp-block-navigation-item__content {
margin-top: -1px !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-brand-tree {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-brand-tree-list {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container-close {
position: absolute !important;
top: 0.35rem !important;
right: 0.4rem !important;
z-index: 5 !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open a:hover {
color: #d4ff00 !important;
}
.oo-sport-header-cart-link {
flex: 0 0 auto !important;
margin-left: 0.4rem !important;
}
}
@keyframes oo-sport-mobile-menu-drop {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* ============================================
Mobiilis?????????bralikkus (responsive)
============================================ */
@media (max-width: 781px) {
.oo-sport-header .wp-block-group.alignwide {
flex-wrap: wrap;
gap: 1rem;
}
.oo-sport-header .wp-block-navigation:not(.oo-sport-header-nav) {
width: 100%;
justify-content: center;
}
/* Avalehe muster ???????????????? kaardid ?????????ksteise alla */
.wp-block-columns.alignwide {
flex-direction: column;
}
.wp-block-columns .wp-block-column {
flex-basis: 100% !important;
}
}
@media (max-width: 480px) {
.oo-sport-header .wp-block-group.alignwide {
padding-left: 1rem;
padding-right: 1rem;
}
.oo-sport-header-nav .wp-block-navigation-item {
margin: 0 0.25rem;
}
}
/* ============================================
K?????????si pakkumist ???????????????? modal (v?????????ike aken)
============================================ */
.oo-sport-modal {
position: fixed;
inset: 0;
z-index: 100000;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
box-sizing: border-box;
}
.oo-sport-modal[hidden] {
display: none !important;
}
.oo-sport-modal.oo-sport-modal-open {
display: flex !important;
}
.oo-sport-modal-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.6);
cursor: pointer;
}
.oo-sport-modal-box {
position: relative;
width: 100%;
max-width: 560px;
max-height: 85vh;
background: rgba(58, 64, 72, 0.9);
background-color: rgba(58, 64, 72, 0.9);
border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: 8px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.34), 0 10px 24px rgba(0, 0, 0, 0.14);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
overflow: hidden;
display: flex;
flex-direction: column;
}
.oo-sport-modal-close {
position: absolute;
top: 0.75rem;
right: 0.75rem;
width: 2.5rem;
height: 2.5rem;
padding: 0;
border: none;
background: rgba(255, 255, 255, 0.1);
color: #f0f4f8;
font-size: 1.5rem;
line-height: 1;
cursor: pointer;
border-radius: 4px;
z-index: 2;
transition: background 0.2s;
}
.oo-sport-modal-close:hover {
background: rgba(255, 255, 255, 0.2);
}
.oo-sport-modal-content {
padding: 2rem 1.5rem 1.5rem;
padding-top: 2.5rem;
max-height: 70vh;
overflow-y: auto;
color: #f0f4f8;
}
.oo-sport-modal-title {
margin: 0 0 1.25rem;
font-size: 1.25rem;
font-weight: 700;
color: #f0f4f8;
}
.oo-sport-modal-content .wpcf7-form-control-wrap,
.oo-sport-modal-content input[type="text"],
.oo-sport-modal-content input[type="email"],
.oo-sport-modal-content input[type="tel"],
.oo-sport-modal-content select,
.oo-sport-modal-content textarea {
display: block;
width: 100%;
margin-bottom: 0.75rem;
}
.oo-sport-modal-content input,
.oo-sport-modal-content select,
.oo-sport-modal-content textarea {
padding: 0.5rem 0.75rem;
background: rgba(58, 64, 72, 0.9);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 4px;
color: #f0f4f8;
box-sizing: border-box;
}
.oo-sport-modal-content input::placeholder,
.oo-sport-modal-content textarea::placeholder {
color: rgba(240, 244, 248, 0.72);
}
.oo-sport-modal-content label {
display: block;
margin-bottom: 0.25rem;
font-size: 0.9rem;
}
.oo-sport-modal-no-form {
margin: 0;
font-size: 0.9rem;
opacity: 0.9;
}
.oo-sport-modal-quote-builder {
margin: 0 0 1rem;
padding: 0.85rem;
border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: 8px;
background: rgba(58, 64, 72, 0.9);
background-color: rgba(58, 64, 72, 0.9);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14), 0 3px 8px rgba(0, 0, 0, 0.09);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
.oo-sport-modal-quote-product {
margin: 0 0 0.6rem;
font-family: "Exo 2", sans-serif;
font-size: 0.86rem;
font-weight: 700;
color: rgba(240, 244, 248, 0.95);
}
.oo-sport-modal-quote-controls {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(180px, auto);
gap: 0.55rem;
align-items: end;
}
.oo-sport-modal-quote-field {
min-width: 0;
}
.oo-sport-modal-quote-field label {
margin: 0 0 0.2rem;
font-size: 0.76rem;
line-height: 1.2;
}
.oo-sport-modal-content .oo-sport-modal-quote-field select {
margin-bottom: 0;
}
.oo-sport-modal-content .oo-sport-modal-quote-color {
background: rgba(58, 64, 72, 0.9);
background-color: rgba(58, 64, 72, 0.9);
border: 1px solid rgba(255, 255, 255, 0.24);
color: #f0f4f8;
color-scheme: dark;
}
.oo-sport-modal-content .oo-sport-modal-quote-color option {
background: #3a4048;
color: #f0f4f8;
}
.oo-sport-modal-content .oo-sport-modal-quote-color option:checked {
background: #4a515b;
color: #f0f4f8;
}
.oo-sport-modal-quote-size-picker {
margin-top: 0.62rem;
}
.oo-sport-modal-quote-size-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 38px;
padding: 0.45rem 0.7rem;
border: 1px solid rgba(255, 255, 255, 0.22);
border-radius: 6px;
background: rgba(58, 64, 72, 0.9);
color: rgba(240, 244, 248, 0.96);
font-family: "Exo 2", sans-serif;
font-size: 0.78rem;
font-weight: 700;
line-height: 1.1;
cursor: pointer;
}
.oo-sport-modal-quote-size-grid {
margin-top: 0.5rem;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.45rem 0.7rem;
padding: 0.62rem;
border: 1px solid rgba(255, 255, 255, 0.17);
border-radius: 6px;
background: rgba(58, 64, 72, 0.9);
}
.oo-sport-modal-quote-size-row {
display: grid;
grid-template-columns: minmax(0, 1fr) 78px;
gap: 0.45rem;
align-items: center;
}
.oo-sport-modal-quote-size-label {
font-size: 0.8rem;
line-height: 1.2;
color: rgba(240, 244, 248, 0.95);
}
.oo-sport-modal-quote-size-qty-wrap {
display: inline-flex;
align-items: center;
width: 78px;
gap: 0.24rem;
border: 0;
border-radius: 0;
background: transparent;
overflow: visible;
}
.oo-sport-modal-content .oo-sport-modal-quote-size-qty {
margin-bottom: 0;
padding-top: 0.42rem;
padding-bottom: 0.42rem;
padding-left: 0.28rem;
padding-right: 0.28rem;
width: 56px;
border: 1px solid rgba(212, 255, 0, 0.32);
border-radius: 6px;
background: rgba(58, 64, 72, 0.9);
text-align: center;
font-weight: 700;
appearance: textfield;
-moz-appearance: textfield;
}
.oo-sport-modal-content .oo-sport-modal-quote-size-qty::-webkit-inner-spin-button,
.oo-sport-modal-content .oo-sport-modal-quote-size-qty::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
display: none;
}
.oo-sport-modal-quote-stepper {
display: inline-flex;
flex-direction: column;
width: 14px;
gap: 2px;
border-left: 0;
}
.oo-sport-modal-quote-step {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 1 1 50%;
padding: 0;
border: 0;
background: transparent;
color: #d4ff00;
font-family: "Exo 2", sans-serif;
font-size: 0.62rem;
font-weight: 800;
line-height: 1;
cursor: pointer;
transition: color 140ms ease, opacity 140ms ease;
}
.oo-sport-modal-quote-step + .oo-sport-modal-quote-step {
border-top: 1px solid rgba(212, 255, 0, 0.52);
}
.oo-sport-modal-quote-step:hover,
.oo-sport-modal-quote-step:focus-visible {
color: #e8ff4d;
opacity: 1;
}
.oo-sport-modal-quote-step:focus,
.oo-sport-modal-quote-step:active {
outline: none;
box-shadow: none;
}
.oo-sport-modal-quote-add {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 38px;
padding: 0.5rem 0.7rem;
border: 1px solid rgba(212, 255, 0, 0.72);
border-radius: 6px;
background: rgba(212, 255, 0, 0.92);
color: #0d1f3c;
font-family: "Exo 2", sans-serif;
font-size: 0.78rem;
font-weight: 700;
line-height: 1.1;
cursor: pointer;
}
.oo-sport-modal-quote-empty {
margin: 0.62rem 0 0;
font-size: 0.78rem;
color: rgba(240, 244, 248, 0.78);
}
.oo-sport-modal-quote-list {
list-style: none;
margin: 0.62rem 0 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.45rem;
}
.oo-sport-modal-quote-item {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.45rem;
padding: 0.42rem 0.5rem;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 6px;
background: rgba(58, 64, 72, 0.9);
}
.oo-sport-modal-quote-item-text {
flex: 1 1 auto;
min-width: 0;
font-size: 0.76rem;
line-height: 1.25;
color: rgba(240, 244, 248, 0.95);
}
.oo-sport-modal-quote-remove {
flex: 0 0 auto;
width: 24px;
height: 24px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: 999px;
background: rgba(58, 64, 72, 0.92);
color: rgba(255, 255, 255, 0.95);
font-size: 0.86rem;
line-height: 1;
cursor: pointer;
}
@media (max-width: 680px) {
.oo-sport-modal-quote-controls {
grid-template-columns: 1fr;
}
.oo-sport-modal-quote-size-grid {
grid-template-columns: 1fr;
}
}
/* Kontaktid rippmenu paise KONTAKTID lingi all. */
.oo-sport-contact-item {
position: relative;
}
.oo-sport-contact-item::after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 100%;
height: 0.45rem;
}
.oo-sport-contact-dropdown {
position: absolute;
top: calc(100% + 0.5rem);
right: 0;
display: none;
min-width: 255px;
padding: 0.75rem 0.9rem;
background: rgba(192, 196, 201, 0.78);
background-color: rgba(192, 196, 201, 0.78);
border: 1px solid rgba(255, 255, 255, 0.24);
border-radius: 10px;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14), 0 3px 8px rgba(0, 0, 0, 0.09);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
z-index: 10050;
text-align: left;
}
.oo-sport-contact-item.is-open .oo-sport-contact-dropdown {
display: block;
}
@media (min-width: 782px) {
.oo-sport-contact-item:hover .oo-sport-contact-dropdown,
.oo-sport-contact-item:focus-within .oo-sport-contact-dropdown {
display: block;
}
}
.oo-sport-contact-dropdown-line {
margin: 0;
color: rgba(255, 255, 255, 0.96);
font-size: 0.95rem;
font-weight: 600;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
}
.oo-sport-contact-dropdown-line a {
color: rgba(255, 255, 255, 0.96);
font-weight: 700;
text-decoration: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}
.oo-sport-contact-dropdown-line a:hover {
color: #d4ff00;
border-bottom-color: #d4ff00;
}
@media (max-width: 781px) {
body.home .oo-sport-header-row {
min-height: 64px !important;
padding-top: calc(0.75rem + env(safe-area-inset-top, 0px)) !important;
padding-bottom: 0.75rem !important;
}
/* Avalehe mobiili kontaktiploki baask?itumine. */
.oo-sport-contact-dropdown {
position: static;
min-width: 0;
margin-top: 0.5rem;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-contact-item,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-contact-dropdown,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-contact-dropdown-line {
width: 100% !important;
text-align: left !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-contact-dropdown {
margin-left: 0 !important;
margin-right: 0 !important;
}
.oo-sport-contact-item::after {
display: none;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .has-child.oo-sport-submenu-open > .wp-block-navigation__submenu-container {
display: block !important;
}
/* Avalehe mobiilip?ises hoia tegevusnupud ??hel real. */
body.home .oo-sport-nav-and-cta {
flex-wrap: nowrap !important;
gap: 0.35rem !important;
}
body.home .oo-sport-header-row {
overflow: visible !important;
}
}
@media (max-width: 600px) {
.oo-sport-modal-box {
max-height: 90vh;
}
.oo-sport-modal-content {
padding: 1.5rem 1rem;
padding-top: 2rem;
max-height: 75vh;
}
}
/* Avalehe mobiili tootepuu kloon (1:1 sportreklaami tootepuu stiil). */
.oo-sport-home-mobile-brand-tree-clone {
display: none;
}
.oo-sport-home-mobile-tree-toggle {
display: none;
}
@media (max-width: 1024px) {
body.home .oo-sport-header-nav,
body.home .oo-sport-header-nav.wp-block-navigation {
display: none !important;
}
body.home header.oo-sport-header .oo-sport-header-row::before,
body.home header.oo-sport-header .oo-sport-header-row::after,
body.home .oo-sport-header .oo-sport-header-row::before,
body.home .oo-sport-header .oo-sport-header-row::after {
content: none !important;
display: none !important;
}
body.home .oo-sport-home-mobile-tree-toggle,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle {
display: block !important;
position: fixed !important;
left: 50% !important;
top: calc(var(--oo-header-height, 64px) - 8px) !important;
transform: translateX(-50%) !important;
width: 44px !important;
height: 44px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid rgba(212, 255, 0, 0.72) !important;
border-radius: 999px !important;
background: rgba(13, 31, 60, 0.82) !important;
background-color: rgba(13, 31, 60, 0.82) !important;
box-shadow: 0 0 14px rgba(212, 255, 0, 0.24) !important;
-webkit-appearance: none !important;
appearance: none !important;
cursor: pointer !important;
-webkit-tap-highlight-color: transparent;
pointer-events: auto !important;
/* Kataloogis peab olema paneelist (10030) k?rgemal, muidu X/burger j??b rippmen?? taha. */
z-index: 10060 !important;
}
/* Fikseeritud nupp on selle riba sees; riba z-index peab ?letama .oo-sport-mobile-tree-panel-modern (10030). */
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-catalog-filters-wrap .oo-sport-filter-trigger-bar.has-mobile-tree {
z-index: 10050 !important;
}
body.home .oo-sport-home-mobile-tree-toggle:focus,
body.home .oo-sport-home-mobile-tree-toggle:focus-visible,
body.home .oo-sport-home-mobile-tree-toggle:active,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:focus,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:focus-visible,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:active {
outline: none !important;
border-color: #d4ff00 !important;
box-shadow: 0 0 18px rgba(212, 255, 0, 0.42) !important;
}
/* Avaleht: eraldiseisev burger (teistest lehtedest s?ltumatu) */
body.home .oo-sport-home-mobile-tree-toggle .oo-sport-home-mobile-tree-hamburger,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle .oo-sport-mobile-tree-hamburger {
position: absolute !important;
left: 50% !important;
top: 50% !important;
width: 18px !important;
height: 12px !important;
transform: translate(-50%, -50%) !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: stretch !important;
pointer-events: none !important;
box-sizing: border-box !important;
}
body.home .oo-sport-home-mobile-tree-toggle .oo-sport-home-mobile-tree-hamburger-bar,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle .oo-sport-mobile-tree-hamburger-bar {
display: block !important;
height: 2px !important;
border-radius: 2px !important;
background: rgba(212, 255, 0, 0.95) !important;
box-shadow: 0 0 6px rgba(212, 255, 0, 0.35) !important;
transition: transform 0.2s ease, opacity 0.15s ease !important;
transform-origin: center !important;
}
body.home .oo-sport-home-mobile-tree-toggle[aria-expanded="true"] .oo-sport-home-mobile-tree-hamburger-bar:nth-child(1),
body.home .oo-sport-home-mobile-tree-toggle.is-open .oo-sport-home-mobile-tree-hamburger-bar:nth-child(1),
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle[aria-expanded="true"] .oo-sport-mobile-tree-hamburger-bar:nth-child(1),
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle.is-open .oo-sport-mobile-tree-hamburger-bar:nth-child(1) {
transform: translateY(5px) rotate(45deg) !important;
}
body.home .oo-sport-home-mobile-tree-toggle[aria-expanded="true"] .oo-sport-home-mobile-tree-hamburger-bar:nth-child(2),
body.home .oo-sport-home-mobile-tree-toggle.is-open .oo-sport-home-mobile-tree-hamburger-bar:nth-child(2),
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle[aria-expanded="true"] .oo-sport-mobile-tree-hamburger-bar:nth-child(2),
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle.is-open .oo-sport-mobile-tree-hamburger-bar:nth-child(2) {
opacity: 0 !important;
transform: scaleX(0) !important;
}
body.home .oo-sport-home-mobile-tree-toggle[aria-expanded="true"] .oo-sport-home-mobile-tree-hamburger-bar:nth-child(3),
body.home .oo-sport-home-mobile-tree-toggle.is-open .oo-sport-home-mobile-tree-hamburger-bar:nth-child(3),
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle[aria-expanded="true"] .oo-sport-mobile-tree-hamburger-bar:nth-child(3),
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle.is-open .oo-sport-mobile-tree-hamburger-bar:nth-child(3) {
transform: translateY(-5px) rotate(-45deg) !important;
}
/* Kataloog (body.oo-sport-product-catalog-page): peida nupu silt "Tooted" ? muidu paistab burgeri taga (mall annab tihti page-template-page-sportreklaam, mitte page-template-sportreklaam). */
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-modern-toggle-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(100%) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.home.has-modal-open .oo-sport-home-mobile-tree-toggle,
body.home.has-modal-open .oo-sport-home-mobile-brand-tree-clone,
body.oo-sport-product-catalog-page.has-modal-open:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle,
body.oo-sport-product-catalog-page.has-modal-open:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern {
display: none !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern {
display: block !important;
position: fixed !important;
left: max(12px, env(safe-area-inset-left));
right: max(12px, env(safe-area-inset-right));
top: calc(var(--oo-header-height, 64px) + 16px) !important;
bottom: auto !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
z-index: 10030 !important;
overflow: visible !important;
background: transparent !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform-origin: top center !important;
transform: translateY(-10px) scaleY(0.96) !important;
transition: opacity 180ms ease, transform 180ms ease, visibility 0s linear 180ms !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone.is-open,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern.is-open {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translateY(0) scaleY(1) !important;
transition-delay: 0s !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
max-height: min(56vh, 430px) !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
background: rgba(13, 22, 36, 0.78) !important;
background-color: rgba(13, 22, 36, 0.78) !important;
border: 1px solid rgba(255, 255, 255, 0.22) !important;
border-radius: 14px !important;
overflow: auto !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none !important;
-ms-overflow-style: none;
backdrop-filter: blur(14px) saturate(115%) !important;
-webkit-backdrop-filter: blur(14px) saturate(115%) !important;
filter: none !important;
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.34), 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree::before,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree::after,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree::before,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree::after {
content: none !important;
display: none !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree::-webkit-scrollbar,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
display: none !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree-title,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree p,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree-title,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree p {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree a br,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree a br {
display: none !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree a,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree a {
text-align: left !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-list,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-sublist,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-list,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-sublist {
margin: 0 !important;
padding: 0 !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-item,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-subitem,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-item,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-subitem {
margin: 0 !important;
padding: 0 !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-item > a,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-header-dropdown-item > a,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-header-tree-item > a,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-item > a,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-header-dropdown-item > a,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-header-tree-item > a {
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 2.35rem !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 0.55rem 0.7rem !important;
border: 1px solid rgba(255, 255, 255, 0.18) !important;
border-radius: 0 !important;
background: rgba(14, 22, 35, 0.58) !important;
color: rgba(255, 255, 255, 0.96) !important;
line-height: 1.2 !important;
font-family: "Exo 2", sans-serif !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
opacity: 1 !important;
position: relative !important;
transform: translateY(0) !important;
text-decoration: none !important;
transition: border-color 140ms ease, color 140ms ease, transform 140ms ease, box-shadow 140ms ease !important;
box-shadow: none !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-item.is-main-category > a,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-item.is-main-category > a {
min-height: 2.8rem !important;
padding-top: 0.72rem !important;
padding-bottom: 0.72rem !important;
font-size: 1.04rem !important;
font-weight: 700 !important;
letter-spacing: 0.055em !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a {
background: rgba(0, 0, 0, 0.34) !important;
border-color: rgba(255, 255, 255, 0.12) !important;
padding-left: 1.18rem !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 -1px 0 rgba(0, 0, 0, 0.28), inset 0 2px 5px rgba(0, 0, 0, 0.3) !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-subitem .oo-sport-brand-tree-subitem > a,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-subitem .oo-sport-brand-tree-subitem > a {
background: rgba(0, 0, 0, 0.46) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
padding-left: 1.62rem !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), inset 0 -1px 0 rgba(0, 0, 0, 0.34), inset 0 3px 7px rgba(0, 0, 0, 0.4) !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-subitem .oo-sport-brand-tree-subitem .oo-sport-brand-tree-subitem > a,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-subitem .oo-sport-brand-tree-subitem .oo-sport-brand-tree-subitem > a {
background: rgba(0, 0, 0, 0.58) !important;
border-color: rgba(255, 255, 255, 0.09) !important;
padding-left: 2.06rem !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(0, 0, 0, 0.4), inset 0 4px 9px rgba(0, 0, 0, 0.48) !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-item > .oo-sport-brand-tree-sublist,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-subitem > .oo-sport-brand-tree-sublist,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-item > .oo-sport-brand-tree-sublist,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-subitem > .oo-sport-brand-tree-sublist {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-list > .oo-sport-brand-tree-item + .oo-sport-brand-tree-item > a,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-sublist > .oo-sport-brand-tree-subitem + .oo-sport-brand-tree-subitem > a,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-sublist > .oo-sport-brand-tree-subitem:first-child > a,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-list > .oo-sport-brand-tree-item + .oo-sport-brand-tree-item > a,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-sublist > .oo-sport-brand-tree-subitem + .oo-sport-brand-tree-subitem > a,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-sublist > .oo-sport-brand-tree-subitem:first-child > a {
margin-top: -1px !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-item.is-active > a,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active > a,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-header-dropdown-item.is-active > a,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-header-tree-item.is-active > a,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-item.is-active > a,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active > a,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-header-dropdown-item.is-active > a,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-header-tree-item.is-active > a {
color: #d4ff00 !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-item.is-active > a::after,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active > a::after,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-header-dropdown-item.is-active > a::after,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-header-tree-item.is-active > a::after,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-item.is-active > a::after,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active > a::after,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-header-dropdown-item.is-active > a::after,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-header-tree-item.is-active > a::after {
content: "" !important;
position: absolute !important;
right: 0.42rem !important;
top: 16% !important;
bottom: 16% !important;
width: 3px !important;
border-radius: 999px !important;
background: #d4ff00 !important;
box-shadow: 0 0 8px rgba(212, 255, 0, 0.45) !important;
pointer-events: none !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .has-active-descendant > a,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .has-active-descendant > a {
color: #d4ff00 !important;
}
}
@media (max-width: 1024px) and (hover: hover) {
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-item > a:hover,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a:hover,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-header-dropdown-item > a:hover,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-header-tree-item > a:hover,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-item > a:hover,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a:hover,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-header-dropdown-item > a:hover,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-header-tree-item > a:hover {
background: rgba(0, 0, 0, 0.05) !important;
transform: translateY(1px) !important;
z-index: 1 !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.26) !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-item > a:hover::after,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a:hover::after,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-header-dropdown-item > a:hover::after,
body.home .oo-sport-home-mobile-brand-tree-clone .oo-sport-brand-tree .oo-sport-header-tree-item > a:hover::after,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-item > a:hover::after,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a:hover::after,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-header-dropdown-item > a:hover::after,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-header-tree-item > a:hover::after {
content: "" !important;
position: absolute !important;
right: 0.42rem !important;
top: 16% !important;
bottom: 16% !important;
width: 3px !important;
border-radius: 999px !important;
background: #d4ff00 !important;
box-shadow: 0 0 8px rgba(212, 255, 0, 0.45) !important;
pointer-events: none !important;
}
}
@media (max-width: 1024px) and (orientation: landscape) {
body.home .oo-sport-home-mobile-tree-toggle,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle {
left: auto !important;
right: max(12px, env(safe-area-inset-right)) !important;
transform: none !important;
width: 44px !important;
height: 44px !important;
}
body.home .oo-sport-home-mobile-brand-tree-clone,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern {
left: auto !important;
right: max(12px, env(safe-area-inset-right)) !important;
width: min(380px, calc(100vw - 24px)) !important;
}
}
@media (min-width: 1025px) {
.oo-sport-home-mobile-tree-toggle,
.oo-sport-home-mobile-brand-tree-clone,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern {
display: none !important;
}
}
/* ============================================
HERO ???????????????? t?????????islaius, taustapilt p?????????ise alt, tervenisti n?????????htav
============================================ */
.oo-sport-hero.is-layout-constrained,
.oo-sport-hero {
max-width: none !important;
width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
.oo-sport-hero {
margin-top: -4.5rem !important;
background: #0d1f3c !important;
min-height: 72vw !important;
max-height: none !important;
position: relative;
z-index: 1;
overflow: visible;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing: border-box;
padding-top: clamp(4rem, 8vw, 5.25rem) !important;
padding-left: var(--oo-fluid-padding-x, 1rem) !important;
padding-right: var(--oo-fluid-padding-x, 2rem) !important;
padding-bottom: clamp(4rem, 8vw, 5.25rem) !important;
/* Sisu veerandi peale: keskelt veidi ?????????les (??????????????25% ploki pealt) */
--oo-hero-inner-offset: -18vw;
border-top: 1px solid #d4ff00;
border-bottom: none !important;
box-shadow: none !important;
}
@media (min-width: 782px) {
.oo-sport-hero {
--oo-sport-hero-padding: clamp(2rem, 5vw, 4rem);
}
}
@media (max-width: 781px) {
/* Oluline: 100vw + scrollbar = parem ??????????????????r l?????????ikub. Seet?????????ttu 100% k?????????igil hero-variantidel. */
.oo-sport-hero.is-layout-constrained,
.oo-sport-hero {
--oo-sport-hero-padding: 0.75rem;
--oo-hero-inner-offset: -25vh;
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
min-height: 100vh !important;
min-height: 100dvh !important;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
body.home .oo-sport-hero {
min-height: 74vh !important;
min-height: 74dvh !important;
}
.oo-sport-hero-bg,
.oo-sport-hero .oo-sport-hero-bg {
left: 0 !important;
right: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 100% !important;
max-width: 100% !important;
background-size: cover !important;
background-position: center top !important;
}
}
/* Hero taustapilt ???????????????? skaleerub ekraaniga (cover). Avalehel pilt tuleb WP administ (Kategooria lingid). */
.oo-sport-hero-bg {
position: absolute;
inset: 0;
left: 0 !important;
right: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 100% !important;
background-color: #0d1f3c;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
pointer-events: none;
}
/* Avaleht: hero j??????????????????b t?????????islaiuses, kuid n?????????htav k?????????rgus on madalam (rohkem ?????????laosa l?????????igatakse v?????????lja). */
body.home .oo-sport-hero {
min-height: clamp(320px, 58vw, 760px) !important;
overflow: hidden !important;
}
/* Hero pildi peal overlay: tumesinine l?????????bipaistev kiht ???????????????? pilt terav, v?????????hem kirju */
.oo-sport-hero::after {
content: "";
position: absolute;
inset: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(
180deg,
rgba(28, 28, 30, 0.45) 0%,
rgba(28, 28, 30, 0.58) 50%,
rgba(28, 28, 30, 0.82) 100%
);
pointer-events: none;
z-index: 1;
}
/* Kui hero-l on WP inner container: overlay peab olema SELLE sees (pildi ja teksti vahel) */
.oo-sport-hero > .wp-block-group__inner-container::after {
content: "";
position: absolute;
inset: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(
180deg,
rgba(28, 28, 30, 0.45) 0%,
rgba(28, 28, 30, 0.58) 50%,
rgba(28, 28, 30, 0.82) 100%
);
pointer-events: none;
z-index: 1;
}
/* Hero-l on inner container: hero::after peidetud, overlay tuleb inner-container::after'ist (pildi ja teksti vahel) */
.oo-sport-hero:has(> .wp-block-group__inner-container)::after {
display: none !important;
}
.oo-sport-hero .oo-sport-hero-bg {
z-index: 0;
}
.oo-sport-hero .oo-sport-hero-inner {
z-index: 2;
}
/* Avalehe hero: d?????????naamiline sisu (Kategooria lingid) ???????????????? tekst pildi peal, sama stiil nagu teistel herodel */
body.home .oo-sport-hero .wp-block-group__inner-container {
position: relative;
min-height: 40vh;
}
body.home .oo-sport-hero .oo-sport-hero-inner {
position: absolute;
inset: 0;
margin-top: 0 !important;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: var(--wp--preset--spacing--30, 1.5rem) var(--wp--preset--spacing--50, 2rem);
box-sizing: border-box;
transform: translateY(-8vh);
}
body.home .oo-sport-hero .oo-sport-hero-title,
body.home .oo-sport-hero .oo-sport-hero-sub {
color: #f0f4f8 !important;
text-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
}
body.home .oo-sport-hero .oo-sport-hero-inner .wp-block-buttons {
margin-top: var(--oo-fluid-space-lg, 1.5rem) !important;
margin-bottom: 0;
}
/* Hero sisu vasakul: pealkiri, siis tekst ja plokk otse alla; vertikaalselt veerandi peale */
/* Hero sisu (pealkiri, paragraph, nupp) ???????????????? alati pildi ja udu peal */
.oo-sport-hero .oo-sport-hero-inner.is-layout-constrained,
.oo-sport-hero .oo-sport-hero-inner,
.oo-sport-hero .wp-block-group:not(.oo-sport-hero-bg) {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
gap: var(--oo-fluid-gap, 0.75rem) 0;
max-width: 100%;
width: 100%;
box-sizing: border-box;
text-align: left;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: var(--oo-hero-inner-offset, -18vw);
}
/* Hero pealkiri ???????????????? stiil teiste lehtede hero jaoks (.oo-sport-brand-hero-title) */
.oo-sport-hero-title {
display: block;
width: fit-content;
max-width: 100%;
margin: 0 0 0.5rem !important;
margin-left: 0 !important;
margin-right: auto !important;
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
font-size: clamp(1.75rem, 4vw, 2.75rem) !important;
letter-spacing: -0.02em;
line-height: 1.2 !important;
color: #f0f4f8 !important;
text-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
white-space: normal;
text-align: left !important;
}
/* Avalehe hero alamtekst ???????????????? sama stiil nagu teiste lehtede hero (.oo-sport-brand-hero-desc) */
.oo-sport-hero .oo-sport-hero-sub,
.oo-sport-hero-sub {
flex: 0 1 auto;
width: 100%;
max-width: 28em;
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
font-size: clamp(0.95rem, 1.8vw, 1.1rem) !important;
line-height: 1.5 !important;
color: rgba(240, 244, 248, 0.95) !important;
opacity: 1;
margin: 0 0 var(--oo-fluid-space-sm, 0.5rem) !important;
white-space: normal;
text-align: left !important;
}
/* Mobiil: hero slogan skaleerub ekraaniga, ?????????htlane laius, vastur??????????????????kivused v?????????lja l?????????litatud */
@media (max-width: 781px) {
.oo-sport-hero .oo-sport-hero-inner.is-layout-constrained,
.oo-sport-hero .oo-sport-hero-inner {
max-width: 100% !important;
width: 100% !important;
}
.oo-sport-hero .oo-sport-hero-sub,
.oo-sport-hero-sub {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
white-space: normal !important;
box-sizing: border-box;
word-wrap: break-word;
overflow-wrap: break-word;
}
.oo-sport-hero .wp-block-paragraph.oo-sport-hero-sub {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
}
.oo-sport-hero .wp-block-buttons,
.oo-sport-hero .oo-sport-hero-buttons {
flex: 0 0 auto;
width: 100%;
justify-content: flex-start;
margin-top: var(--oo-fluid-space-lg, 1.5rem) !important;
margin-bottom: 0;
}
/* Avalehe hero CTA-nupp ???????????????? sama stiil nagu teiste lehtede hero (.oo-sport-brand-hero-btn) */
.oo-sport-hero .oo-sport-btn-pakkumist .wp-block-button__link {
font-size: clamp(0.95rem, 1.5vw, 1.05rem) !important;
padding: 0.75rem 1.5rem !important;
background: linear-gradient(90deg, #d4ff00 0%, rgba(212, 255, 0, 0.9) 100%) !important;
border-radius: 999px;
letter-spacing: 0.05em;
box-shadow: 0 0 20px rgba(212, 255, 0, 0.4);
}
.oo-sport-hero .oo-sport-btn-pakkumist .wp-block-button__link:hover {
background: linear-gradient(90deg, #e8ff4d 0%, #d4ff00 100%) !important;
box-shadow: 0 0 28px rgba(212, 255, 0, 0.55);
}
/* Pildiratas ???????????????? hero alumine ??????????????????r, minimalistlik ja madal */
.oo-sport-hero .oo-sport-pildiratas {
margin-top: auto !important;
width: 100% !important;
max-width: none !important;
padding: 0.4rem 0 !important;
background: transparent !important;
border: none !important;
overflow: hidden;
position: relative;
z-index: 1;
}
.oo-sport-hero .oo-sport-pildiratas .oo-sport-pildiratas-track-wrap {
display: flex;
width: 200%;
animation: oo-pildiratas-scroll 40s linear infinite;
}
.oo-sport-hero .oo-sport-pildiratas .oo-sport-pildiratas-track,
.oo-sport-hero .oo-sport-pildiratas .oo-sport-pildiratas-track-copy {
display: flex;
flex: 0 0 50%;
align-items: center;
gap: var(--oo-pildiratas-gap, 0.5rem);
padding: 0 0.35rem;
box-sizing: border-box;
flex-wrap: nowrap;
}
.oo-sport-hero .oo-sport-pildiratas .oo-sport-pildiratas-track figure,
.oo-sport-hero .oo-sport-pildiratas .oo-sport-pildiratas-track-copy figure,
.oo-sport-hero .oo-sport-pildiratas .wp-block-gallery-item {
flex: 0 0 auto;
margin: 0 !important;
min-width: 0;
}
.oo-sport-hero .oo-sport-pildiratas img {
display: block;
height: 2.75rem;
width: auto;
max-height: 2.75rem;
object-fit: cover;
border-radius: 2px;
opacity: 0.92;
}
@keyframes oo-pildiratas-scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
/* Kui JS pole veel k?????????ivitunud: galeriipildid lihtsalt reas */
.oo-sport-hero .oo-sport-pildiratas:not([data-oo-carousel-ready]) {
display: flex !important;
flex-wrap: nowrap;
gap: 0.5rem;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.oo-sport-hero .oo-sport-pildiratas:not([data-oo-carousel-ready]) img {
height: 2.75rem;
width: auto;
object-fit: cover;
flex-shrink: 0;
}
/* ============================================
Kategoorianupud ???????????????? TIIMIRIIDED (taustapildiga) + SPORTREKLAAM
Vormi hoidmine ja skaleerumine: k?????????ik m??????????????????dud vaatep?????????hised (vw/clamp),
et nupud skaleeruksid ekraaniga koos ja hoiaksid oma vormi.
============================================ */
.oo-sport-category-buttons-wrap {
--oo-cat-gap: clamp(1rem, 2.5vw, 1.75rem);
--oo-cat-padding-x: clamp(1.25rem, 3.5vw, 2rem);
--oo-cat-padding-y: clamp(1.25rem, 3vw, 1.75rem);
--oo-cat-block-min-h: clamp(10rem, 22vw, 14rem);
--oo-cat-label-size: clamp(1rem, 2.2vw, 1.35rem);
--oo-cat-desc-size: clamp(0.75rem, 1.3vw, 1rem);
--oo-cat-cta-size: clamp(0.75rem, 1.1vw, 0.85rem);
--oo-cat-radius: clamp(8px, 1.8vw, 14px);
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 1fr;
align-items: stretch;
gap: var(--oo-cat-gap);
max-width: min(1200px, 100%);
min-width: 0; /* v?????????imaldab gridil mobiilil kitsastes vaadetes koomerdada */
margin: 0 auto;
padding: var(--oo-cat-padding-y) var(--oo-cat-padding-x) 0;
padding-bottom: clamp(1.5rem, 3.5vw, 2rem);
box-sizing: border-box;
width: 100%;
}
/* Sisutekst Tiimiriidede ploki sees ???????????????? ainult inline (br, span), et plokk ei jaguneks. Line-clamp piirab ridade arvu. */
.oo-sport-category-btn-block .oo-sport-category-desc {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
line-clamp: 6;
overflow: hidden;
position: relative;
z-index: 1;
margin: 0.5em 0 0.75em;
font-size: var(--oo-cat-desc-size);
line-height: 1.4;
color: #ffffff !important;
text-transform: none;
font-weight: 700;
font-family: "Exo 2", sans-serif;
letter-spacing: 0;
text-align: center;
max-width: 100%;
}
.oo-sport-category-btn-block .oo-sport-category-desc br {
display: inline;
font-size: 0;
}
.oo-sport-category-btn-block .oo-sport-category-desc .oo-sport-hero-check {
display: inline;
color: #d4ff00 !important;
}
/* Kui WP lisab span sisse , ?????????ra l?????????hu plokki ???????????????? kuvada inline. */
.oo-sport-category-btn-block .oo-sport-category-desc p {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
}
.oo-sport-category-btn-block:hover .oo-sport-category-desc {
color: #f0f4f8 !important;
}
.oo-sport-category-btn-block:hover .oo-sport-category-desc .oo-sport-hero-check {
color: #e8ff4d !important;
}
/* M?????????lemad plokid ?????????hesuurused; k?????????rgus ja padding skaleeruvad vaatega (vormi hoidmine) */
.oo-sport-category-btn-tiimiriided,
.oo-sport-category-btn-sportreklaam {
padding-bottom: clamp(2rem, 5vw, 2.75rem); /* ruum CTA-nupu "VAATA TOOTEID" jaoks */
min-height: var(--oo-cat-block-min-h);
align-items: center;
justify-content: flex-start;
}
.oo-sport-category-btn-block {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 0; /* mobiilil ei l?????????ka grid-lahtri laiusest v?????????lja */
max-width: 100%;
min-height: var(--oo-cat-block-min-h);
padding: var(--oo-cat-padding-y) var(--oo-cat-padding-x);
padding-bottom: var(--oo-cat-padding-y); /* nupu pool ploki sisse ????????????????? kogu plokk klikitav */
background: rgba(13, 31, 60, 0.5);
border: none;
border-radius: var(--oo-cat-radius);
text-decoration: none !important;
color: #f0f4f8 !important;
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
font-size: var(--oo-cat-label-size) !important;
letter-spacing: 0.05em;
text-transform: uppercase;
box-shadow: none;
transition: background 0.2s, color 0.2s;
overflow: visible; /* VAATA TOOTEID nupp ulatub alla v?????????lja ???????????????? ?????????ra l?????????ika */
}
/* Neoonkollane ??????????????????ris: ?????????htlane joon + heledamad highlightid, ei fade nulli */
.oo-sport-category-btn-block::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
padding: 3px;
background: conic-gradient(
from 0deg at 50% 50%,
#d4ff00 0deg,
#d4ff00 30deg,
rgba(212, 255, 0, 0.75) 90deg,
#d4ff00 150deg,
#d4ff00 180deg,
rgba(212, 255, 0, 0.75) 240deg,
#d4ff00 300deg,
#d4ff00 360deg
);
-webkit-mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff) padding-box;
mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff) padding-box;
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
z-index: 0;
}
.oo-sport-category-btn-block .oo-sport-category-btn-label {
position: relative;
z-index: 1;
max-width: 100%;
text-align: center;
word-wrap: break-word;
overflow-wrap: break-word;
}
/* VAATA TOOTEID ???????????????? ploki alla joone peal; suurus skaleerub vaatega */
.oo-sport-category-btn-cta {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
z-index: 2;
display: inline-flex;
align-items: center;
justify-content: center;
padding: clamp(0.4rem, 1vw, 0.5rem) clamp(1rem, 2.5vw, 1.25rem);
background: linear-gradient(90deg, #d4ff00 0%, rgba(212, 255, 0, 0.9) 100%);
color: #0a1628 !important;
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
font-size: var(--oo-cat-cta-size) !important;
letter-spacing: 0.05em;
text-transform: uppercase;
text-decoration: none !important;
border-radius: 999px;
box-shadow: 0 0 14px rgba(212, 255, 0, 0.4);
transition: background 0.2s, box-shadow 0.2s;
pointer-events: auto;
}
.oo-sport-category-btn-block:hover .oo-sport-category-btn-cta {
background: linear-gradient(90deg, #e8ff4d 0%, #d4ff00 100%);
box-shadow: 0 0 18px rgba(212, 255, 0, 0.55);
color: #0a1628 !important;
}
.oo-sport-category-btn-block:hover {
background: rgba(13, 31, 60, 0.65);
color: #d4ff00 !important;
}
.oo-sport-category-btn-block:hover::before {
opacity: 1;
}
.oo-sport-category-btn-block:focus,
.oo-sport-category-btn-block:focus-visible,
.oo-sport-category-btn-block:active {
outline: none !important;
box-shadow: none !important;
}
.oo-sport-category-btn-label {
pointer-events: none;
}
/* Lahtri laiusega skaleeruv k?????????rgus (vormi hoidmine); mitte fikseeritud rem */
@media (min-width: 782px) {
.oo-sport-category-buttons-wrap {
--oo-cat-block-min-h: clamp(11rem, 20vw, 14rem);
}
}
@media (max-width: 781px) {
.oo-sport-category-buttons-wrap {
grid-template-columns: 1fr;
padding: var(--oo-cat-padding-y) clamp(0.75rem, 4vw, 1.5rem) 0;
padding-bottom: clamp(1.25rem, 3vw, 1.75rem);
--oo-cat-block-min-h: clamp(10rem, 35vw, 14rem); /* mobiilil veidi k?????????rgem proportsioon */
--oo-cat-padding-x: clamp(0.75rem, 4vw, 1.25rem); /* mobiilil v?????????iksem, et plokid mahuksid */
}
}
/* Nupp "K?????????si pakkumist" link (modal trigger) ???????????????? kasutatakse CTA jms. */
.oo-sport-btn-pakkumist-link {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.5rem 1.25rem;
background: linear-gradient(90deg, #d4ff00 0%, rgba(212, 255, 0, 0.85) 100%);
color: #0a1628 !important;
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
font-size: 0.85rem;
letter-spacing: 0.05em;
text-transform: uppercase;
text-decoration: none !important;
border-radius: 999px;
box-shadow: 0 0 16px rgba(212, 255, 0, 0.35);
transition: background 0.2s, box-shadow 0.2s;
}
.oo-sport-btn-pakkumist-link:hover {
background: linear-gradient(90deg, #e8ff4d 0%, #d4ff00 100%);
box-shadow: 0 0 20px rgba(212, 255, 0, 0.5);
color: #0a1628 !important;
}
/* ============================================
Sektsioonid TIIMIRIIDED / SPORTREKLAAM ???????????????? kaardid, visuaalblokid
============================================ */
.oo-sport-section {
background: #0d1f3c !important;
position: relative;
}
/* Tiimiriided-ploki ?????????lemine ??????????????????r; taust l?????????bipaistev */
.oo-sport-hero + .oo-sport-section-tiimiriided,
.oo-sport-section-tiimiriided {
background: transparent !important;
padding-top: 0 !important;
padding-bottom: 1.5rem !important;
margin-top: 0 !important;
}
.oo-sport-section-sportreklaam {
background: transparent !important;
padding-top: 1.5rem !important;
margin-top: 0 !important;
}
.oo-sport-section-tiimiriided + .oo-sport-section-sportreklaam {
margin-top: 0 !important;
}
.oo-sport-section::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(0, 120, 255, 0.35), transparent);
opacity: 0.6;
}
.oo-sport-section-columns {
align-items: center;
gap: 2.5rem;
}
/* Sportreklaam: sisu vasakul, visuaal paremal (column order in HTML) */
.oo-sport-section-title {
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0.05em;
text-transform: uppercase;
font-size: 1.6rem !important;
margin-top: 0 !important;
background: linear-gradient(135deg, #f0f4f8 0%, #b8d4f0 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.oo-sport-feature-list {
padding-left: 1.25rem;
list-style: none;
}
.oo-sport-feature-list li {
position: relative;
margin-bottom: 0.5rem;
padding-left: 0;
}
.oo-sport-feature-list li::before {
content: "";
position: absolute;
left: -1rem;
top: 0.55em;
width: 4px;
height: 4px;
background: #0078ff;
border-radius: 2px;
box-shadow: 0 0 8px rgba(0, 120, 255, 0.6);
}
.oo-sport-cta .wp-block-button__link {
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0.04em;
text-transform: uppercase;
transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}
.oo-sport-cta .wp-block-button__link:hover {
background-color: #d4ff00 !important;
color: #0a1628 !important;
box-shadow: 0 0 20px rgba(212, 255, 0, 0.5);
}
/* Visuaalplokid (sinakas kast) eemaldatud Tiimiriided ja Sportreklaam sektsioonidest */
.oo-sport-section-tiimiriided .oo-sport-visual-col,
.oo-sport-section-sportreklaam .oo-sport-visual-col {
display: none !important;
}
.oo-sport-section-tiimiriided .oo-sport-content-col,
.oo-sport-section-sportreklaam .oo-sport-content-col {
flex-basis: 100% !important; /* sisu t?????????idab kogu laiuse */
}
/* Visuaalblokk ???????????????? alles j??????????????????nud stiilid (kui kasutatakse mujal) */
.oo-sport-visual-block {
min-height: 280px;
border-radius: 12px;
position: relative;
overflow: hidden;
background: linear-gradient(145deg, rgba(0, 120, 255, 0.15) 0%, rgba(0, 212, 170, 0.08) 50%, rgba(26, 35, 50, 0.9) 100%);
border: 1px solid rgba(0, 120, 255, 0.25);
box-shadow:
0 0 40px rgba(0, 120, 255, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.oo-sport-visual-block::before {
content: "";
position: absolute;
inset: 0;
background-image:
linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
background-size: 24px 24px;
}
.oo-sport-visual-tiimiriided::after {
content: "";
position: absolute;
bottom: 1rem;
right: 1rem;
width: 60px;
height: 60px;
border: 2px solid rgba(0, 120, 255, 0.4);
border-radius: 50%;
box-shadow: 0 0 20px rgba(0, 120, 255, 0.2);
}
.oo-sport-visual-sportreklaam::after {
content: "";
position: absolute;
top: 1rem;
left: 1rem;
width: 80px;
height: 4px;
background: linear-gradient(90deg, #0078ff, transparent);
border-radius: 2px;
box-shadow: 0 0 15px rgba(0, 120, 255, 0.4);
}
/* VAATA TOOTEID ???????????????? rasvane neoonkollane link */
.oo-sport-cta-link {
color: #d4ff00 !important;
font-weight: 700;
text-decoration: none;
transition: color 0.2s ease, text-decoration 0.2s ease;
}
.oo-sport-cta-link:hover {
color: #e8ff4d !important;
text-decoration: underline;
}
.oo-sport-cta-strip {
background: #0d1f3c !important;
border-top: 1px solid rgba(0, 120, 255, 0.2);
}
@media (max-width: 781px) {
.oo-sport-section-columns,
.oo-sport-section-columns-reverse {
flex-direction: column !important;
direction: ltr;
}
.oo-sport-section-columns .wp-block-column,
.oo-sport-section-columns-reverse .wp-block-column {
flex-basis: 100% !important;
}
.oo-sport-visual-block {
min-height: 220px;
}
}
/* ============================================
Avaleht ???????????????? MOBIIL (ainult max-width: 781px)
P?????????hjus miks pilt v?????????is l?????????igata: 100vw = kogu vaatev?????????lja laius ILMA
kerimisriba arvestamata, seega element laius > n?????????htav ala ja
overflow-x: hidden l?????????ikas parema ??????????????????re. Lahendus: mobiilil 100%
laius ja margin 0 (mitte calc(50% - 50vw)).
============================================ */
@media (max-width: 781px) {
body.home {
overflow-x: hidden;
}
/* Pilt skaleerub ekraaniga: ?????????kski konteiner ei tohi olla laiem kui vaatev?????????lja laius */
body.home .wp-site-blocks,
body.home .oo-sport-front-main,
body.home .oo-sport-front-main .wp-block-group {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
box-sizing: border-box !important;
}
/* Kategoorianupud ???????????????? servast servani (mobiilil) */
body.home .oo-sport-category-buttons-wrap {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important;
padding-left: var(--oo-fluid-padding-x) !important;
padding-right: var(--oo-fluid-padding-x) !important;
padding-top: 0 !important;
box-sizing: border-box !important;
}
@media (max-width: 781px) {
body.home .oo-sport-category-buttons-wrap {
padding-left: clamp(0.75rem, 4vw, 1.25rem) !important;
padding-right: clamp(0.75rem, 4vw, 1.25rem) !important;
}
}
/* Pildid ei l?????????kka lehte laiali */
body.home img {
max-width: 100% !important;
height: auto !important;
display: block;
}
}
/* ============================================
K?????????ik alamtekstid ???????????????? ?????????htne font ja suurus
============================================ */
.wp-block-post-content p,
.wp-block-post-content .wp-block-paragraph,
.entry-content p,
.entry-content .wp-block-paragraph,
.wp-block-group p:not(.oo-sport-placeholder-text),
p.wp-block-paragraph {
font-family: "Exo 2", sans-serif !important;
font-size: 1rem !important;
line-height: 1.6 !important;
}
/* ============================================
Jalus ???????????????? ?????????ks joon, vahe CTA-st v?????????rdeline (--oo-cta-footer-gap)
============================================ */
body.home main.wp-block-group,
body.home .oo-sport-front-main {
margin-bottom: 0 !important;
}
/* T?????????histab layout gapi main ja jala vahel (block theme v?????????ib lisada) */
body.home .oo-sport-front-main + footer,
body.home main + footer.wp-block-template-part {
margin-top: 0 !important;
}
body.home .wp-site-blocks {
--wp--style--block-gap: 0;
}
/* Jala wrapper ???????????????? tumesinine taust, kollane joon ?????????leval; tume vari alla (jalus h?????????ljub) */
footer.wp-block-template-part,
body.home footer.wp-block-template-part {
background-color: #0d1f3c !important;
background-image: none !important;
border-top: 1px solid #d4ff00;
border-bottom: none !important;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.6), 0 2px 12px rgba(0, 0, 0, 0.4);
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: var(--oo-cta-footer-gap, 0.5rem) !important;
position: relative;
z-index: 0;
}
footer .wp-block-group.oo-sport-footer,
.wp-block-template-part .oo-sport-footer,
.oo-sport-footer {
background: transparent !important;
border: none !important;
box-shadow: none;
margin: 0 !important;
padding-top: 0.4rem !important;
padding-bottom: 0.4rem !important;
}
.oo-sport-footer-logo-wrap {
align-items: center;
gap: 0.75rem;
}
.oo-sport-footer .wp-block-site-logo a,
.oo-sport-footer .oo-sport-footer-logo a {
display: block;
line-height: 0;
}
.oo-sport-footer .wp-block-group p,
.oo-sport-footer .wp-block-site-tagline {
color: rgba(240, 244, 248, 0.75);
font-size: 0.875rem;
}
.oo-sport-footer a {
color: #7eb8ff;
}
/* ============================================
Landing-lehed (Tiimiriided jms) ???????????????? desktop + mobiil
============================================ */
.oo-sport-landing-main {
margin-top: 0;
max-width: min(900px, 100%);
margin-left: auto;
margin-right: auto;
}
.oo-sport-landing-main .wp-block-group {
padding-top: clamp(2rem, 5vw, 3.5rem);
padding-bottom: clamp(2rem, 5vw, 3.5rem);
padding-left: var(--oo-fluid-padding-x, 1rem);
padding-right: var(--oo-fluid-padding-x, 1rem);
}
.oo-sport-landing-title {
margin: 0 0 0.75rem;
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
line-height: 1.2;
color: #f0f4f8 !important;
}
.oo-sport-landing-lead {
margin: 0 0 1.5rem;
font-size: clamp(1rem, 2vw, 1.15rem);
line-height: 1.5;
color: rgba(240, 244, 248, 0.9);
}
.oo-sport-landing-sep {
margin: 1.5rem 0;
border-color: rgba(212, 255, 0, 0.35);
}
.oo-sport-landing-main p {
margin: 0 0 1rem;
color: rgba(240, 244, 248, 0.85);
}
.oo-sport-landing-cta {
margin-top: 1.5rem;
}
.oo-sport-landing-cta .wp-block-button__link {
background: linear-gradient(90deg, #d4ff00 0%, rgba(212, 255, 0, 0.9) 100%) !important;
color: #0a1628 !important;
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
letter-spacing: 0.05em;
text-transform: uppercase;
border-radius: 999px;
box-shadow: 0 0 20px rgba(212, 255, 0, 0.35);
}
.oo-sport-landing-cta .wp-block-button__link:hover {
background: linear-gradient(90deg, #e8ff4d 0%, #d4ff00 100%) !important;
box-shadow: 0 0 28px rgba(212, 255, 0, 0.5);
}
/* ============================================
Br?????????ndi hero (br?????????ndi kategooria lehel) ???????????????? desktop + mobiil
============================================ */
.oo-sport-brand-hero {
position: relative;
min-height: clamp(220px, 45vw, 380px);
display: flex;
align-items: center;
background-color: #0d1f3c;
background-size: cover;
background-position: center;
}
/* Overlay ainult hero ploki sees, mitte kunagi kataloogi sisu peal ???????????????? z-index 0, containment */
.oo-sport-brand-hero-overlay {
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background: linear-gradient(90deg, rgba(28, 28, 30, 0.92) 0%, rgba(28, 28, 30, 0.58) 55%, transparent 100%);
}
.oo-sport-brand-hero-inner {
position: relative;
z-index: 1;
max-width: min(900px, 100%);
padding: clamp(1.5rem, 4vw, 2.5rem) var(--oo-fluid-padding-x, 1rem) clamp(1.5rem, 4vw, 2.5rem) clamp(1.5rem, 5vw, 3rem);
}
.oo-sport-brand-hero-title {
margin: 0 0 0.5rem;
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
font-size: clamp(1.75rem, 4vw, 2.75rem) !important;
line-height: 1.2;
color: #f0f4f8 !important;
}
/* Br?????????ndi logo hero plokil ???????????????? v?????????ike, skaleerub vaate j?????????rgi */
.oo-sport-brand-hero-logo {
margin: 0 0 0.5rem;
line-height: 0;
max-width: min(140px, 18vw);
}
.oo-sport-brand-hero-logo img {
display: block;
max-height: clamp(28px, 5.5vw, 44px);
max-width: 100%;
width: auto;
height: auto;
object-fit: contain;
}
.oo-sport-brand-hero-desc {
margin: 0 0 1rem;
font-size: clamp(0.95rem, 1.8vw, 1.1rem);
font-weight: 700;
line-height: 1.5;
color: rgba(240, 244, 248, 0.95);
font-family: "Exo 2", sans-serif;
}
.oo-sport-brand-hero-desc p:last-child {
margin-bottom: 0;
}
/* Tiimiriiedete lehe hero: pilt nihutatud alla (65%), rohkem alumist osa n?????????htaval */
.oo-sport-catalog-hero {
position: relative;
align-items: flex-start;
min-height: clamp(200px, 32vw, 280px);
background-position: center 65%;
}
/* Tiimiriiedete lehel: hero t?????????mmatakse ?????????les; tume vari alla, nagu h?????????ljuks hero plokk sisu kohal */
.oo-sport-tiimiriided-catalog-main .oo-sport-catalog-hero {
margin-top: 0 !important;
padding-top: var(--oo-header-height, 96px) !important;
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
border-radius: 0;
z-index: 0;
overflow: visible;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.6), 0 2px 12px rgba(0, 0, 0, 0.4);
}
/* Kataloogi sisu (tootepuu + tooted/?????????ksik toode) k?????????ige pealmine kiht ???????????????? udu alla, mitte plokki peale */
.oo-sport-tiimiriided-catalog-main .oo-sport-tiimiriided-catalog-body {
position: relative;
z-index: 10;
isolation: isolate;
}
/* S?????????gav varju hero ploki all ???????????????? gradient (?????????ksiktoote lehel ::before on taustapilt, seega varju ei kasutata) */
.oo-sport-tiimiriided-catalog-main .oo-sport-tiimiriided-catalog-body::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 56px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.25) 35%, transparent 100%);
pointer-events: none;
z-index: 0;
}
/* Kataloogi lehel taustapilt tuleb PHP-st ::before-sse (?????????le kirjutab ?????????laloleva); varju gradient ::after-s, et hero varju j??????????????????ks n?????????htavale */
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-main .oo-sport-tiimiriided-catalog-body::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 56px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.25) 35%, transparent 100%);
pointer-events: none;
z-index: 1;
}
/* Kollane joon t?????????pselt hero ploki alumisel ??????????????????rel (mitte keset pilti) */
.oo-sport-catalog-hero::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: auto;
height: clamp(2px, 0.5vw, 3px);
background: #d4ff00;
pointer-events: none;
z-index: 2;
}
.oo-sport-catalog-hero .oo-sport-brand-hero-inner {
padding-top: clamp(1rem, 3vw, 1.75rem);
}
.oo-sport-brand-hero.oo-sport-catalog-hero {
scroll-margin-top: calc(var(--oo-header-height, 96px) + 8px);
}
.oo-sport-contact-page-main .oo-sport-catalog-hero {
margin-top: 0 !important;
box-sizing: border-box;
padding-top: var(--oo-header-height, 96px) !important;
min-height: var(--oo-real-vh, 100dvh);
height: var(--oo-real-vh, 100dvh);
max-height: var(--oo-real-vh, 100dvh);
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
border-radius: 0;
overflow: hidden;
align-items: center;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.55), 0 2px 12px rgba(0, 0, 0, 0.35);
}
body.page-kontakt .oo-sport-contact-page-main::before,
body.page-kontaktid .oo-sport-contact-page-main::before,
body.page-template-kontakt .oo-sport-contact-page-main::before,
body.wp-template-kontakt .oo-sport-contact-page-main::before,
body:has(main.oo-sport-contact-page-main) .oo-sport-contact-page-main::before {
display: none !important;
}
.oo-sport-contact-page-main .oo-sport-contact-hero .oo-sport-brand-hero-inner {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
max-width: min(840px, 100%);
padding-top: clamp(1rem, 2vw, 1.5rem);
padding-bottom: clamp(1rem, 2vw, 1.5rem);
}
.oo-sport-contact-page-main .oo-sport-contact-hero .oo-sport-brand-hero-title {
display: none;
}
.oo-sport-contact-page-main .oo-sport-contact-hero .oo-sport-brand-hero-desc {
max-width: min(1180px, 100%);
margin-bottom: 1rem;
background: transparent;
border: 0;
border-radius: 0;
padding: 0;
backdrop-filter: none;
-webkit-backdrop-filter: none;
box-shadow: none;
max-height: none;
overflow: visible;
}
.oo-sport-contact-page-main .oo-sport-contact-hero .oo-sport-brand-hero-desc .oo-sport-contact-cards.oo-sport-contact-cards-desc {
max-width: min(1180px, 100%);
}
.oo-sport-contact-cards {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(0.85rem, 1.6vw, 1.25rem);
align-items: start;
}
.oo-sport-contact-card {
display: flex;
flex-direction: column;
gap: 0.35rem;
min-width: 0;
}
.oo-sport-contact-card-photo {
position: relative;
width: 100%;
aspect-ratio: 1 / 1;
border-radius: 12px;
overflow: hidden;
background: rgba(13, 31, 60, 0.22);
}
.oo-sport-contact-card-photo-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: opacity 180ms ease;
}
.oo-sport-contact-card-photo-img.is-base {
opacity: 1;
}
.oo-sport-contact-card-photo-img.is-hover {
opacity: 0;
}
.oo-sport-contact-card:hover .oo-sport-contact-card-photo-img.is-hover,
.oo-sport-contact-card:focus-within .oo-sport-contact-card-photo-img.is-hover {
opacity: 1;
}
.oo-sport-contact-card:hover .oo-sport-contact-card-photo-img.is-base,
.oo-sport-contact-card:focus-within .oo-sport-contact-card-photo-img.is-base {
opacity: 0;
}
.oo-sport-contact-card-name,
.oo-sport-contact-card-phone,
.oo-sport-contact-card-email {
margin: 0;
line-height: 1.35;
}
.oo-sport-contact-card-name {
margin-top: 0.15rem;
font-weight: 700;
color: #d4ff00 !important;
font-size: clamp(0.95rem, 1.2vw, 1.05rem);
}
.oo-sport-contact-card-phone a,
.oo-sport-contact-card-email a {
color: #ffffff !important;
text-decoration: none;
}
.oo-sport-contact-card-phone a:hover,
.oo-sport-contact-card-phone a:focus-visible,
.oo-sport-contact-card-email a:hover,
.oo-sport-contact-card-email a:focus-visible {
color: #d4ff00 !important;
}
.oo-sport-contact-page-main .oo-sport-contact-hero .oo-sport-brand-hero-desc > *:first-child {
margin-top: 0;
}
.oo-sport-contact-page-main .oo-sport-contact-hero .oo-sport-brand-hero-desc > *:last-child {
margin-bottom: 0;
}
.oo-sport-contact-page-main .oo-sport-contact-hero .oo-sport-brand-hero-desc h2,
.oo-sport-contact-page-main .oo-sport-contact-hero .oo-sport-brand-hero-desc h3 {
color: #d4ff00 !important;
}
.oo-sport-contact-page-main .oo-sport-contact-hero .oo-sport-brand-hero-desc .wp-block-columns {
gap: 1rem;
}
@media (max-width: 781px) {
.oo-sport-contact-page-main .oo-sport-catalog-hero {
padding-top: var(--oo-header-height, 56px) !important;
margin-bottom: 0 !important;
}
body.page-kontakt .oo-sport-contact-page-main,
body.page-kontaktid .oo-sport-contact-page-main,
body.page-template-kontakt .oo-sport-contact-page-main,
body.wp-template-kontakt .oo-sport-contact-page-main,
body:has(main.oo-sport-contact-page-main) .oo-sport-contact-page-main {
overflow: clip;
}
.oo-sport-contact-page-main .oo-sport-contact-hero .oo-sport-brand-hero-inner {
justify-content: center;
padding-top: clamp(0.85rem, 2vw, 1rem);
padding-bottom: 0.85rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.oo-sport-contact-page-main .oo-sport-contact-hero .oo-sport-brand-hero-desc {
max-height: none;
overflow: visible;
margin-bottom: 0;
}
.oo-sport-contact-cards {
grid-template-columns: 1fr;
gap: 0.55rem;
}
.oo-sport-contact-card {
display: grid;
grid-template-columns: 72px minmax(0, 1fr);
column-gap: 0.7rem;
row-gap: 0.12rem;
align-items: center;
}
.oo-sport-contact-card-photo {
width: 72px;
max-width: 72px;
grid-column: 1;
grid-row: 1 / span 3;
border-radius: 10px;
}
.oo-sport-contact-card-name,
.oo-sport-contact-card-phone,
.oo-sport-contact-card-email {
grid-column: 2;
line-height: 1.2;
}
.oo-sport-contact-card-name {
margin-top: 0;
font-size: 0.9rem;
}
.oo-sport-contact-card-phone,
.oo-sport-contact-card-email {
font-size: 0.82rem;
}
}
/* Kui leht renderdub vaikimisi page template'iga, siis eemalda hero ?????????mbert constrained vahe. */
body.page-tiimiriided main#wp--skip-link--target.wp-block-group,
body.page-tiimiriiided main#wp--skip-link--target.wp-block-group,
body.page-kontakt main#wp--skip-link--target.wp-block-group,
body.page-kontaktid main#wp--skip-link--target.wp-block-group {
margin-top: 0 !important;
padding-top: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
max-width: none !important;
--wp--style--block-gap: 0 !important;
}
/* WordPress is-layout-flow lisab esimese lapse ette gap'i (oran???????????????????? riba DevToolsis). Nullime selle Sportreklaami lehel. */
body.page-tiimiriided main#wp--skip-link--target.is-layout-flow > *,
body.page-tiimiriiided main#wp--skip-link--target.is-layout-flow > *,
body.page-kontakt main#wp--skip-link--target.is-layout-flow > *,
body.page-kontaktid main#wp--skip-link--target.is-layout-flow > * {
margin-block-start: 0 !important;
margin-top: 0 !important;
}
/* L?????????hikoodi ?????????mber v?????????ivad tekkida t?????????hjad
plokid; ?????????ra j?????????ta neist rohelist riba. */
body.page-tiimiriided main#wp--skip-link--target p:empty,
body.page-tiimiriiided main#wp--skip-link--target p:empty,
body.page-kontakt main#wp--skip-link--target p:empty,
body.page-kontaktid main#wp--skip-link--target p:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
/* Br?????????ndi nimi (nt MUSAI) ???????????????? neoonkollane */
.oo-sport-catalog-hero.oo-sport-hero-has-brand .oo-sport-brand-hero-title {
color: #d4ff00 !important;
}
/* Br?????????ndinimi kirjelduse sees (nt MUSAI) ???????????????? neoonkollane */
.oo-sport-catalog-hero .oo-sport-brand-hero-desc .oo-sport-hero-brand-name {
color: #d4ff00 !important;
}
/* Linnukessed (??????????????) tekstide ees ???????????????? neoonkollane */
.oo-sport-catalog-hero .oo-sport-brand-hero-desc .oo-sport-hero-check {
color: #d4ff00 !important;
}
/* Pealkirjataoline r?????????hutud tekst (nt ???????????????Tiimiriided??????????????) ???????????????? valge; r?????????hk on br?????????ndinimel (MUSAI), mis on .oo-sport-hero-brand-name */
.oo-sport-catalog-hero .oo-sport-brand-hero-desc strong {
color: #ffffff !important;
}
/* ?????????lej??????????????????nud tekstid (kirjeldus) ???????????????? valge */
.oo-sport-catalog-hero .oo-sport-brand-hero-desc,
.oo-sport-catalog-hero .oo-sport-brand-hero-desc p {
font-weight: 700;
font-family: "Exo 2", sans-serif;
color: #ffffff !important;
}
.oo-sport-catalog-hero .oo-sport-brand-hero-desc a {
color: #f0f4f8 !important;
}
.oo-sport-catalog-hero .oo-sport-brand-hero-desc a:hover {
color: #d4ff00 !important;
}
/* Jooned kirjelduse sees (hr, border) ???????????????? neoonkollased */
.oo-sport-catalog-hero .oo-sport-brand-hero-desc hr {
border: none;
border-top: 1px solid #d4ff00;
margin: 0.5em 0;
}
.oo-sport-catalog-hero .oo-sport-brand-hero-desc hr.wp-block-separator {
border-top-color: #d4ff00;
background: none;
color: #d4ff00;
}
.oo-sport-brand-hero-cta {
margin: 0;
}
.oo-sport-brand-hero-btn {
display: inline-flex;
align-items: center;
padding: 0.75rem 1.5rem;
background: linear-gradient(90deg, #d4ff00 0%, rgba(212, 255, 0, 0.9) 100%);
color: #0a1628 !important;
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
font-size: clamp(0.95rem, 1.5vw, 1.05rem);
letter-spacing: 0.05em;
text-transform: uppercase;
text-decoration: none !important;
border-radius: 999px;
box-shadow: 0 0 20px rgba(212, 255, 0, 0.4);
transition: background 0.2s, box-shadow 0.2s;
}
.oo-sport-brand-hero-btn:focus,
.oo-sport-brand-hero-btn:focus-visible,
.oo-sport-brand-hero-btn:active {
outline: none !important;
box-shadow: 0 0 20px rgba(212, 255, 0, 0.4) !important;
}
.oo-sport-brand-hero-btn:hover {
background: linear-gradient(90deg, #e8ff4d 0%, #d4ff00 100%);
box-shadow: 0 0 28px rgba(212, 255, 0, 0.55);
color: #0a1628 !important;
}
/* Toodete grid (br?????????ndi lehel) ???????????????? desktop + mobiil */
.oo-sport-mobile-catalog-header {
display: none;
}
.oo-sport-products-wrap {
margin-top: 0;
}
.oo-sport-catalog-breadcrumb {
margin-bottom: 0.75rem;
}
.oo-sport-catalog-breadcrumb-list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.25rem 0.5rem;
list-style: none;
margin: 0;
padding: 0;
font-size: 0.875rem;
}
.oo-sport-catalog-breadcrumb-item {
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.oo-sport-catalog-breadcrumb-sep {
color: rgba(240, 244, 248, 0.5);
user-select: none;
}
.oo-sport-catalog-breadcrumb a {
color: rgba(240, 244, 248, 0.85);
text-decoration: none;
}
.oo-sport-catalog-breadcrumb a:hover {
color: #f0f4f8;
text-decoration: underline;
}
.oo-sport-catalog-breadcrumb a:focus,
.oo-sport-catalog-breadcrumb a:focus-visible,
.oo-sport-catalog-breadcrumb a:active {
color: #d4ff00;
text-decoration: none;
outline: none;
box-shadow: none;
background: transparent;
-webkit-tap-highlight-color: transparent;
}
.oo-sport-catalog-breadcrumb-current {
color: #f0f4f8;
font-weight: 600;
}
.oo-sport-products-heading {
margin: 0 0 1.25rem;
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
font-size: clamp(1.25rem, 2.5vw, 1.5rem) !important;
letter-spacing: 0.05em;
color: #f0f4f8 !important;
}
/* Lehek?????????lgede numeratsioon ???????????????? kataloog, lihtsalt numbrid */
.oo-sport-products-pagination {
margin-top: 1.35rem;
padding: 0.35rem 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.4rem;
}
.oo-sport-products-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: auto;
height: auto;
padding: 0 0.2rem;
text-align: center;
text-decoration: none;
font-family: "Exo 2", sans-serif !important;
font-size: 0.9rem;
font-weight: 600;
line-height: 1;
letter-spacing: 0.04em;
color: #d4ff00 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0;
box-shadow: none !important;
transition: color 0.2s ease, opacity 0.2s ease, text-shadow 0.2s ease;
}
.oo-sport-products-pagination .page-numbers:hover:not(.dots):not(.disabled) {
background: transparent !important;
border-color: transparent !important;
color: #f2ff7a !important;
box-shadow: none !important;
transform: none;
text-shadow: 0 0 10px rgba(212, 255, 0, 0.28);
}
.oo-sport-products-pagination .page-numbers.current {
background: transparent !important;
border-color: transparent !important;
color: #d4ff00 !important;
font-weight: 700;
box-shadow: none !important;
text-decoration: underline;
text-decoration-color: rgba(212, 255, 0, 0.75);
text-underline-offset: 0.18em;
text-decoration-thickness: 2px;
}
.oo-sport-products-pagination .page-numbers:focus-visible {
outline: none;
border-color: transparent !important;
color: #d4ff00 !important;
box-shadow: none !important;
text-decoration: underline;
text-decoration-color: rgba(212, 255, 0, 0.7);
text-underline-offset: 0.18em;
}
.oo-sport-products-pagination .page-numbers.prev,
.oo-sport-products-pagination .page-numbers.next {
padding: 0 0.25rem;
font-weight: 700;
}
.oo-sport-products-pagination .page-numbers .oo-sport-pagination-arrow {
opacity: 0.9;
}
.oo-sport-products-pagination .page-numbers.dots {
color: rgba(240, 244, 248, 0.6) !important;
background: transparent;
border-color: transparent;
min-width: auto;
height: auto;
padding: 0 0.15rem;
cursor: default;
pointer-events: none;
box-shadow: none;
transform: none;
}
.oo-sport-products-pagination .page-numbers.disabled,
.oo-sport-products-pagination span.page-numbers.disabled {
opacity: 0.4;
cursor: not-allowed;
pointer-events: none;
}
@media (max-width: 782px) {
.oo-sport-products-pagination {
margin-top: 1.2rem;
gap: 0.4rem;
}
.oo-sport-products-pagination .page-numbers {
padding: 0 0.15rem;
font-size: 0.82rem;
}
}
/* Filtri nupp ripub hero ploki k?????????ljes ???????????????? z-index catalog-body (10) kohal, et nupp j??????????????????ks n?????????htavale */
.oo-sport-filter-trigger-bar {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 15;
display: flex;
justify-content: flex-end;
align-items: flex-start;
padding: 0;
margin: 0;
min-height: 0;
box-sizing: border-box;
background: none;
border: none;
pointer-events: none;
}
.oo-sport-filter-trigger-bar .oo-sport-filter-trigger-btn {
pointer-events: auto;
}
.oo-sport-filter-trigger-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.45rem 1rem;
margin: 0 2rem 0 0;
font-family: "Exo 2", sans-serif;
font-weight: 600;
font-size: 0.9rem;
letter-spacing: 0.04em;
color: #0d1f3c;
background: #d4ff00;
border: 2px solid #d4ff00;
border-radius: 0 0 6px 6px;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
box-shadow: 0 0 12px rgba(212, 255, 0, 0.4);
}
/* Ajutine: peida kataloogi "Filtreeri" nupp + paneel (tootepuu/burger j??b alles). */
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-catalog-filters-wrap .oo-sport-filter-trigger-btn:not(.oo-sport-tree-trigger-btn),
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-catalog-filters-wrap .oo-sport-filter-trigger-btn:not(.oo-sport-tree-trigger-btn),
body.page-template-page-sportreklaam:not(.single-oo_toode) .oo-sport-catalog-filters-wrap .oo-sport-filter-trigger-btn:not(.oo-sport-tree-trigger-btn),
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-catalog-filters-wrap .oo-sport-filter-trigger-btn:not(.oo-sport-tree-trigger-btn),
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-catalog-filters-wrap .oo-sport-filter-trigger-btn:not(.oo-sport-tree-trigger-btn) {
display: none !important;
}
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-catalog-filters-wrap .oo-sport-filter-panel,
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-catalog-filters-wrap .oo-sport-filter-panel,
body.page-template-page-sportreklaam:not(.single-oo_toode) .oo-sport-catalog-filters-wrap .oo-sport-filter-panel,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-catalog-filters-wrap .oo-sport-filter-panel,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-catalog-filters-wrap .oo-sport-filter-panel {
display: none !important;
}
.oo-sport-filter-trigger-btn.oo-sport-tree-trigger-btn {
display: none;
}
.oo-sport-filter-trigger-btn:focus,
.oo-sport-filter-trigger-btn:active {
outline: none;
}
.oo-sport-filter-trigger-btn::-moz-focus-inner {
border: 0;
padding: 0;
}
.oo-sport-filter-trigger-btn:hover {
background: #b8e600;
border-color: #b8e600;
box-shadow: 0 0 16px rgba(212, 255, 0, 0.5);
color: #0d1f3c;
}
.oo-sport-filter-trigger-btn[aria-expanded="true"] {
box-shadow: 0 0 14px rgba(212, 255, 0, 0.6);
}
@media (max-width: 782px) {
.oo-sport-filter-trigger-btn {
margin-right: 1rem;
}
}
/* Filtri wrap v?????????tab voolus 0 k?????????rgust ???????????????? riba on absoluutne; z-index catalog-body kohal, et filtri nupp j??????????????????ks n?????????htavale */
.oo-sport-catalog-filters-wrap {
margin: 0;
padding: 0;
position: relative;
z-index: 15;
isolation: isolate;
height: 0;
overflow: visible;
}
.oo-sport-filter-panel.oo-sport-filter-panel-hero {
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 20;
width: 100%;
max-width: 100%;
background: rgba(13, 31, 60, 0.98);
border-bottom: 2px solid rgba(212, 255, 0, 0.5);
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
padding: 1.25rem 0;
box-sizing: border-box;
}
.oo-sport-filter-panel.oo-sport-filter-panel-hero.is-open {
display: block;
}
/* Legacy mobile tree panel only (not .oo-sport-mobile-tree-panel-modern). */
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 21;
width: min(88vw, 360px);
max-width: 100%;
max-height: min(70vh, 520px);
overflow: auto;
padding: 0.75rem 0.9rem;
background: #0d1f3c;
border: 1px solid rgba(212, 255, 0, 0.55);
border-radius: 0 0 10px 0;
box-shadow: 0 14px 32px rgba(0, 0, 0, 0.35);
box-sizing: border-box;
}
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern).is-open {
display: block;
}
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-brand-tree {
width: 100%;
min-width: 0;
max-width: none;
margin: 0;
padding: 0;
background: transparent !important;
background-color: transparent !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
box-shadow: none !important;
border: none !important;
border-radius: 0 !important;
text-align: left;
}
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-brand-tree::before,
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-brand-tree::after {
content: none !important;
display: none !important;
}
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-brand-tree-title {
display: none;
}
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-dropdown-list,
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-tree-sublist {
list-style: none;
margin: 0;
padding: 0;
}
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-dropdown-item + .oo-sport-header-dropdown-item {
margin-top: 0.35rem;
padding-top: 0.35rem;
border-top: 1px solid rgba(212, 255, 0, 0.2);
}
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-tree-sublist {
margin-top: 0.25rem;
margin-left: 0.45rem;
padding-left: 0.55rem;
border-left: 1px solid rgba(212, 255, 0, 0.25);
}
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-dropdown-item > .oo-sport-header-tree-sublist,
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-tree-item > .oo-sport-header-tree-sublist {
overflow: hidden;
max-height: 0;
opacity: 0;
transition: max-height 0.28s ease, opacity 0.2s ease;
}
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-dropdown-item.is-open > .oo-sport-header-tree-sublist,
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-tree-item.is-open > .oo-sport-header-tree-sublist,
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-dropdown-item.is-active > .oo-sport-header-tree-sublist {
max-height: 2000px;
opacity: 1;
}
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-dropdown-item.is-collapsed > .oo-sport-header-tree-sublist,
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-tree-item.is-collapsed > .oo-sport-header-tree-sublist {
max-height: 0 !important;
opacity: 0 !important;
}
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-dropdown-item > a,
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-tree-item > a {
position: relative;
display: block;
width: 100%;
box-sizing: border-box;
padding: 0.28rem 0.5rem;
border-radius: 8px;
color: #d4ff00 !important;
font-family: "Exo 2", sans-serif !important;
font-size: 0.84rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
text-decoration: none !important;
}
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-tree-item > a {
font-size: 0.78rem;
font-weight: 600;
text-transform: none;
letter-spacing: 0.01em;
color: #f0f4f8 !important;
}
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-dropdown-item.is-active > a,
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-tree-item.is-active > a,
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-tree-item.has-active-descendant > a {
color: #d4ff00 !important;
}
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-dropdown-item > a::after,
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-tree-item > a::after {
content: "";
position: absolute;
left: 0.5rem;
right: 0.5rem;
bottom: 0.18rem;
height: 2px;
border-radius: 999px;
background: linear-gradient(90deg, #d4ff00 0%, #f2ff7a 55%, #d4ff00 100%);
transform: scaleX(0);
transform-origin: left center;
opacity: 0.95;
transition: transform 0.2s ease;
}
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-dropdown-item > a:hover::after,
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-dropdown-item > a:focus-visible::after,
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-tree-item > a:hover::after,
.oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) .oo-sport-header-tree-item > a:focus-visible::after {
transform: scaleX(1);
}
.oo-sport-filter-panel-inner {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 1.5rem 2.5rem;
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
}
.oo-sport-filter-form .oo-sport-filter-group {
margin-bottom: 0;
flex: 1 1 220px;
max-width: 320px;
}
.oo-sport-filter-accordion {
margin: 0;
border: 1px solid rgba(212, 255, 0, 0.28);
border-radius: 10px;
background: rgba(7, 16, 34, 0.55);
overflow: hidden;
}
.oo-sport-filter-summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
padding: 0.6rem 0.8rem;
cursor: pointer;
list-style: none;
}
.oo-sport-filter-summary::-webkit-details-marker {
display: none;
}
.oo-sport-filter-summary::after {
content: "+";
font-family: "Exo 2", sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: rgba(212, 255, 0, 0.9);
}
.oo-sport-filter-accordion[open] .oo-sport-filter-summary::after {
content: "-";
}
.oo-sport-filter-group-checkboxes .oo-sport-filter-label {
display: block;
font-family: "Exo 2", sans-serif;
font-weight: 600;
font-size: 0.8rem;
letter-spacing: 0.04em;
color: #d4ff00;
margin: 0;
}
.oo-sport-filter-selected-count {
display: inline-flex;
min-width: 1.2rem;
height: 1.2rem;
padding: 0 0.35rem;
align-items: center;
justify-content: center;
border-radius: 999px;
background: #d4ff00;
color: #0d1f3c;
font-family: "Exo 2", sans-serif;
font-size: 0.72rem;
font-weight: 700;
}
.oo-sport-filter-list-checkboxes {
display: flex;
flex-wrap: wrap;
gap: 0.25rem 0.75rem;
list-style: none;
margin: 0;
padding: 0 0.8rem 0.75rem;
max-height: 9rem;
overflow: auto;
scrollbar-width: thin;
scrollbar-color: #d4ff00 rgba(255, 255, 255, 0.12);
}
.oo-sport-filter-list-checkboxes::-webkit-scrollbar {
width: 8px;
}
.oo-sport-filter-list-checkboxes::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.12);
border-radius: 999px;
}
.oo-sport-filter-list-checkboxes::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #d4ff00 0%, #b8e600 100%);
border-radius: 999px;
}
.oo-sport-filter-checkbox-label {
display: inline-flex;
align-items: center;
gap: 0.35rem;
font-size: 0.875rem;
color: rgba(240, 244, 248, 0.95);
cursor: pointer;
white-space: nowrap;
}
.oo-sport-filter-checkbox-label input[type="checkbox"] {
width: 1.1em;
height: 1.1em;
accent-color: #d4ff00;
cursor: pointer;
}
.oo-sport-filter-checkbox-label:hover {
color: #d4ff00;
}
.oo-sport-filter-color-swatch {
display: inline-flex;
flex-shrink: 0;
}
.oo-sport-filter-color-swatch img {
width: 24px;
height: 24px;
object-fit: cover;
border-radius: 2px;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.oo-sport-filter-checkbox-label.oo-sport-filter-checkbox-label-color {
position: relative;
gap: 0.45rem;
}
.oo-sport-filter-checkbox-label.oo-sport-filter-checkbox-label-color .screen-reader-text {
position: absolute !important;
}
.oo-sport-filter-color-chip {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
flex-shrink: 0;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.35);
box-shadow: inset 0 0 0 1px rgba(8, 14, 24, 0.4);
background: #223247;
transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.oo-sport-filter-checkbox-label.oo-sport-filter-checkbox-label-color:hover {
color: rgba(240, 244, 248, 0.95);
}
.oo-sport-filter-checkbox-label.oo-sport-filter-checkbox-label-color:hover,
.oo-sport-filter-checkbox-label.oo-sport-filter-checkbox-label-color:focus-within {
z-index: 3;
}
.oo-sport-filter-checkbox-label.oo-sport-filter-checkbox-label-color:hover .oo-sport-filter-color-chip,
.oo-sport-filter-checkbox-label.oo-sport-filter-checkbox-label-color:focus-within .oo-sport-filter-color-chip {
border-color: rgba(212, 255, 0, 0.7);
box-shadow: 0 0 0 1px rgba(212, 255, 0, 0.25), inset 0 0 0 1px rgba(8, 14, 24, 0.5);
}
.oo-sport-filter-checkbox-label.oo-sport-filter-checkbox-label-color input[type="checkbox"]:checked + .oo-sport-filter-color-chip {
border-color: #d4ff00;
box-shadow: 0 0 0 2px rgba(212, 255, 0, 0.5), inset 0 0 0 1px rgba(8, 14, 24, 0.55);
}
.oo-sport-filter-color-chip::before,
.oo-sport-filter-color-chip::after {
position: absolute;
left: 50%;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition-property: opacity, transform, visibility;
transition-duration: 0.14s, 0.14s, 0s;
transition-timing-function: ease, ease, linear;
}
.oo-sport-filter-color-chip::before {
content: "";
top: calc(100% + 3px);
transform: translateX(-50%) translateY(-4px);
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid rgba(10, 22, 40, 0.98);
z-index: 4;
}
.oo-sport-filter-color-chip::after {
content: attr(data-color-name);
top: calc(100% + 8px);
transform: translateX(-50%) translateY(-4px);
background: linear-gradient(180deg, rgba(13, 31, 60, 0.98) 0%, rgba(10, 22, 40, 0.98) 100%);
color: #f0f4f8;
border: 1px solid rgba(212, 255, 0, 0.34);
border-radius: 8px;
padding: 0.28rem 0.5rem;
font-size: 0.72rem;
line-height: 1.15;
white-space: nowrap;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(13, 31, 60, 0.45);
z-index: 5;
}
.oo-sport-filter-checkbox-label.oo-sport-filter-checkbox-label-color:hover .oo-sport-filter-color-chip::before,
.oo-sport-filter-checkbox-label.oo-sport-filter-checkbox-label-color:hover .oo-sport-filter-color-chip::after,
.oo-sport-filter-checkbox-label.oo-sport-filter-checkbox-label-color:focus-within .oo-sport-filter-color-chip::before,
.oo-sport-filter-checkbox-label.oo-sport-filter-checkbox-label-color:focus-within .oo-sport-filter-color-chip::after {
opacity: 1;
visibility: visible;
transform: translateX(-50%) translateY(0);
transition-delay: 1s, 1s, 1s;
}
.oo-sport-filter-actions {
display: flex;
align-items: center;
gap: 0.75rem;
flex-basis: 100%;
margin-top: 0.5rem;
padding-top: 0.75rem;
border-top: 1px solid rgba(212, 255, 0, 0.2);
}
.oo-sport-filter-submit {
display: inline-flex;
align-items: center;
padding: 0.5rem 1.25rem;
font-family: "Exo 2", sans-serif;
font-weight: 600;
font-size: 0.9rem;
color: #0d1f3c;
background: #d4ff00;
border: 2px solid #d4ff00;
border-radius: 6px;
cursor: pointer;
transition: background 0.2s, border-color 0.2s;
}
.oo-sport-filter-submit:hover {
background: #b8e600;
border-color: #b8e600;
}
.oo-sport-filter-reset {
font-size: 0.875rem;
color: rgba(212, 255, 0, 0.9);
text-decoration: underline;
}
.oo-sport-filter-reset:hover {
color: #d4ff00;
}
@media (max-width: 782px) {
.oo-sport-filter-form .oo-sport-filter-group {
flex-basis: 100%;
max-width: none;
}
.oo-sport-filter-list-checkboxes {
max-height: 7.5rem;
}
}
/* Toodete v?????????rk ???????????????? s?????????learvutil 4 ritta; min-width 0 et lahtrid ei l?????????kku tootepuu peale */
.oo-sport-products-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0.75rem;
list-style: none;
margin: 0;
padding: 0;
align-items: stretch;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
@media (max-width: 1023px) {
.oo-sport-products-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.oo-sport-product-card {
margin: 0;
width: 100%;
min-width: 0;
display: flex;
}
/* WP v?????????ib shortcode v?????????ljundisse lisada
/
; ?????????ra lase neil kaarti venitada */
.oo-sport-product-card-link p,
.oo-sport-product-card-content p {
margin: 0;
}
.oo-sport-product-card br {
display: none !important;
}
/* Sama taust ja vari nagu tootepuul ???????????????? ?????????ks l?????????bipaistev kiht */
.oo-sport-product-card-link {
display: flex;
flex-direction: column;
width: 100%;
box-sizing: border-box;
background: rgba(13, 31, 60, 0.18);
backdrop-filter: blur(12px);
box-shadow:
0 9px 35px rgba(0, 0, 0, 0.35),
0 2px 9px rgba(0, 0, 0, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.04);
border: 1px solid rgba(0, 120, 255, 0.25);
border-radius: 12px;
overflow: hidden;
text-decoration: none !important;
transition: border-color 0.2s, box-shadow 0.2s;
}
.oo-sport-product-card-link:hover {
border-color: rgba(212, 255, 0, 0.5);
box-shadow: 0 0 24px rgba(212, 255, 0, 0.12);
}
.oo-sport-product-card-link:focus,
.oo-sport-product-card-link:focus-visible,
.oo-sport-product-card-link:active {
outline: none !important;
box-shadow: 0 0 24px rgba(212, 255, 0, 0.12) !important;
}
/* Pildi plokk ???????????????? taust l?????????bipaistev, et n?????????ha kaardi ?????????htset tootepuu-tausti */
.oo-sport-product-card-image {
position: relative;
aspect-ratio: 1;
width: 100%;
background: transparent;
line-height: 0;
overflow: hidden;
}
.oo-sport-product-card-image img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
vertical-align: top;
}
.oo-sport-product-card-noimg {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1;
width: 100%;
background: transparent;
font-size: 0.9rem;
color: rgba(240, 244, 248, 0.6);
padding: 1rem;
text-align: center;
}
/* Br?????????ndi logo pildi all ???????????????? taust l?????????bipaistev, sama kiht mis kaardil */
.oo-sport-product-card-brand {
padding: 0.5rem 1rem 0.35rem;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
min-height: 36px;
}
.oo-sport-product-card-brand-logo {
display: block;
max-width: 88px;
max-height: 28px;
width: auto;
height: auto;
object-fit: contain;
}
.oo-sport-product-card-content {
padding: 1rem 1.25rem;
flex: 1;
display: flex;
flex-direction: column;
}
.oo-sport-product-card-title {
margin: 0 0 0.5rem;
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
font-size: 1rem !important;
line-height: 1.3;
color: #f0f4f8 !important;
}
.oo-sport-product-card-colors {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.45rem;
margin: 0 0 0.6rem;
}
.oo-sport-product-card-color-swatch {
display: inline-flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
padding: 0;
border-radius: 999px;
border: 0;
background: transparent;
box-sizing: border-box;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.oo-sport-product-card-color-swatch:hover {
transform: scale(1.08);
box-shadow: 0 0 0 2px rgba(212, 255, 0, 0.55);
}
.oo-sport-product-card-color-swatch.is-active {
box-shadow: 0 0 0 2px #d4ff00;
}
.oo-sport-product-card-color-dot {
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
border: 0;
box-sizing: border-box;
box-shadow:
inset 0 0 0 1px rgba(255, 255, 255, 0.45),
0 0 0 1px rgba(0, 0, 0, 0.35);
}
.oo-sport-product-card-cta {
font-size: 0.85rem;
font-weight: 700;
color: #d4ff00;
letter-spacing: 0.05em;
margin-top: auto;
}
.oo-sport-products-empty {
color: rgba(240, 244, 248, 0.8);
margin: 0;
padding: 1.5rem;
}
/* ?????????ksiku toote leht ???????????????? hero sama kujundusega mis br?????????ndi kategooria */
.oo-sport-product-hero .oo-sport-product-hero-back {
margin: 0 0 1rem 0;
font-size: 0.95rem;
}
.oo-sport-product-hero .oo-sport-product-hero-back a {
color: rgba(240, 244, 248, 0.9);
text-decoration: none;
}
.oo-sport-product-hero .oo-sport-product-hero-back a:hover {
color: #d4ff00;
}
.oo-sport-single-product-top {
position: relative;
z-index: 1;
display: flex;
flex-wrap: nowrap; /* ?????????ks rida: pisipildid + pilt + sisu + "Tooted samas kategoorias" ???????????????? kui ei mahu, skaleerub v?????????iksemaks */
align-items: flex-start;
gap: clamp(0.75rem, 2.5vw, 1.5rem);
margin-bottom: 1rem;
min-width: 0;
}
/* Galerii avatud: kogu ?????????laosa rida (sh galerii popover) j??????????????????b "Sarnased tooted" peale */
.oo-sport-single-product-top:has(.oo-sport-gallery-popover:not([hidden])) {
z-index: 100;
}
.oo-sport-single-product-image-area {
position: relative;
z-index: 1;
display: flex;
align-items: flex-start;
gap: 0.35rem;
flex: 0 0 auto;
}
/* Pisipildi riba wrapper: riba + noolekesi + popover */
.oo-sport-single-product-gallery-outer {
display: flex;
flex-direction: column;
align-items: stretch;
position: relative;
flex: 0 0 auto;
min-height: 0;
}
/* Pildiratas: k?????????rgus = suure pildi k?????????rgus (m??????????????????rab JS), sisu scrollitav */
.oo-sport-single-product-gallery-outer .oo-sport-single-product-gallery {
flex: 1 1 auto;
min-height: 0;
}
.oo-sport-single-product-gallery {
display: flex;
flex-direction: column;
gap: 0;
max-height: 380px;
overflow-y: auto;
overflow-x: hidden;
padding: 0;
margin: 0;
scrollbar-width: none;
-ms-overflow-style: none;
scroll-snap-type: y proximity;
}
.oo-sport-single-product-gallery br {
display: none !important;
}
.oo-sport-single-product-gallery::-webkit-scrollbar {
display: none;
}
/* Kollane noolekesi pisipildi riba all ???????????????? avab galerii */
.oo-sport-gallery-expand-arrow {
display: block;
width: 100%;
max-width: 70px;
height: 22px;
margin: 4px 0 0;
padding: 0;
border: none;
background: transparent;
cursor: pointer;
flex-shrink: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
}
.oo-sport-gallery-expand-arrow::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 8px solid #d4ff00;
}
.oo-sport-gallery-expand-arrow:hover::after {
border-top-color: #e8ff4d;
}
.oo-sport-gallery-expand-arrow:focus,
.oo-sport-gallery-expand-arrow:focus-visible,
.oo-sport-gallery-expand-arrow:active {
outline: none !important;
box-shadow: none !important;
}
/* Galerii avaneb noole suunas (alla) ja laieneb paremale ???????????????? suurem plokk */
.oo-sport-gallery-popover {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 10px;
position: absolute;
left: 0;
top: 100%;
margin-top: 8px;
padding: 14px;
background: rgba(13, 31, 60, 0.98);
border: 1px solid rgba(212, 255, 0, 0.4);
border-radius: 10px;
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
min-width: 380px;
max-width: min(560px, 90vw);
max-height: min(420px, 70vh);
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;
z-index: 20;
scroll-snap-type: y proximity;
}
.oo-sport-gallery-popover[hidden] {
display: none !important;
}
.oo-sport-gallery-popover .oo-sport-gallery-popover-thumb {
display: block;
margin: 0;
padding: 0;
border: 1px solid transparent;
border-radius: 4px;
background: transparent;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
overflow: hidden;
line-height: 0;
transition: opacity 0.2s, box-shadow 0.2s;
scroll-snap-align: start;
}
.oo-sport-gallery-popover .oo-sport-gallery-popover-thumb:hover {
border-color: rgba(212, 255, 0, 0.55);
opacity: 1;
}
.oo-sport-gallery-popover .oo-sport-gallery-popover-thumb.is-active {
border-color: #d4ff00;
box-shadow: 0 0 0 1px #d4ff00;
opacity: 1;
}
.oo-sport-gallery-popover .oo-sport-gallery-popover-thumb img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1;
object-fit: contain;
vertical-align: top;
}
.oo-sport-single-product-gallery-thumb {
display: block;
margin: 0;
padding: 0;
border: 1px solid transparent;
border-radius: 0;
background: transparent;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
flex-shrink: 0;
overflow: hidden;
line-height: 0;
transition: opacity 0.2s;
scroll-snap-align: start;
}
.oo-sport-single-product-gallery-thumb:focus,
.oo-sport-single-product-gallery-thumb:focus-visible,
.oo-sport-single-product-gallery-thumb:active,
.oo-sport-gallery-popover .oo-sport-gallery-popover-thumb:focus,
.oo-sport-gallery-popover .oo-sport-gallery-popover-thumb:focus-visible,
.oo-sport-gallery-popover .oo-sport-gallery-popover-thumb:active {
outline: none !important;
box-shadow: none !important;
background: transparent !important;
}
.oo-sport-single-product-gallery-thumb::-moz-focus-inner,
.oo-sport-gallery-popover .oo-sport-gallery-popover-thumb::-moz-focus-inner {
border: 0;
padding: 0;
}
.oo-sport-single-product-gallery-thumb:hover {
border-color: rgba(212, 255, 0, 0.55);
opacity: 1;
}
.oo-sport-single-product-gallery-thumb.is-active {
border-color: #d4ff00;
box-shadow: 0 0 0 1px #d4ff00;
opacity: 1;
}
.oo-sport-single-product-gallery-thumb img {
display: block;
margin: 0;
padding: 0;
width: auto;
height: auto;
max-width: 70px;
max-height: 70px;
object-fit: contain;
vertical-align: top;
}
.oo-sport-single-product-image-wrap {
flex: 0 0 auto;
min-width: 0;
padding: 0;
}
.oo-sport-single-product-image-wrap .oo-sport-single-product-image {
max-width: min(280px, 28vw);
width: 100%;
height: auto;
display: block;
}
.oo-sport-single-product-color-swatches {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 0.75rem;
align-items: center;
}
.oo-sport-single-product-color-swatch {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
background: transparent;
appearance: none;
border-radius: 999px;
cursor: pointer;
overflow: visible;
width: 36px;
height: 36px;
flex-shrink: 0;
outline: none;
box-shadow: none;
-webkit-tap-highlight-color: transparent;
}
.oo-sport-single-product-color-swatch:hover {
transform: translateY(-1px);
}
.oo-sport-single-product-color-swatch:focus,
.oo-sport-single-product-color-swatch:active {
outline: none;
box-shadow: none;
}
.oo-sport-single-product-color-swatch:focus-visible {
outline: none;
}
.oo-sport-single-product-color-swatch::-moz-focus-inner {
border: 0;
padding: 0;
}
.oo-sport-single-product-color-swatch img {
display: block;
width: 28px;
height: 28px;
object-fit: cover;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.35);
}
.oo-sport-single-product-color-dot {
display: block;
width: 28px;
height: 28px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
.oo-sport-single-product-color-swatch:hover .oo-sport-single-product-color-dot,
.oo-sport-single-product-color-swatch:hover img {
box-shadow: 0 0 0 1px rgba(212, 255, 0, 0.7);
}
.oo-sport-single-product-color-swatch.is-active .oo-sport-single-product-color-dot,
.oo-sport-single-product-color-swatch.is-active img,
.oo-sport-single-product-color-swatch.is-active .oo-sport-single-product-color-swatch-placeholder {
box-shadow: none;
}
.oo-sport-single-product-color-swatch:focus-visible .oo-sport-single-product-color-dot,
.oo-sport-single-product-color-swatch:focus-visible img,
.oo-sport-single-product-color-swatch:focus-visible .oo-sport-single-product-color-swatch-placeholder {
box-shadow: 0 0 0 2px #d4ff00;
}
.oo-sport-single-product-color-swatch-placeholder {
display: block;
width: 28px;
height: 28px;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.35);
background: rgba(13, 31, 60, 0.55);
font-size: 0.65rem;
line-height: 28px;
text-align: center;
color: #f0f4f8;
text-overflow: ellipsis;
overflow: hidden;
}
.oo-sport-single-product-offer {
margin-top: 0.35rem;
}
.oo-sport-single-product-offer .oo-sport-btn-pakkumist-link {
width: fit-content;
}
.oo-sport-single-product-offer br,
.oo-sport-single-product-color-swatches br,
.oo-sport-single-product-info > br {
display: none !important;
}
.oo-sport-single-product-info > p:empty {
display: none;
}
.oo-sport-single-product-info {
flex: 1 1 auto;
min-width: 0; /* Lubab kahanemist, et rida mahuks ?????????hte reasse */
min-height: 0; /* V?????????imaldab max-height + kerimist */
max-width: min(380px, 36vw);
width: min(100%, min(380px, 36vw));
display: flex;
flex-direction: column;
gap: 0.75rem;
overflow: hidden; /* K?????????rgus = pildi k?????????rgus (JS); kerimine ainult kirjelduse alas */
}
.oo-sport-single-product-breadcrumb {
margin-bottom: 0.35rem;
}
.oo-sport-single-product-info .oo-sport-catalog-breadcrumb-list {
font-size: 0.78rem;
gap: 0.16rem 0.35rem;
}
.oo-sport-single-product-info .oo-sport-catalog-breadcrumb-item {
gap: 0.35rem;
}
.oo-sport-single-product-info .oo-sport-catalog-breadcrumb a {
color: rgba(240, 244, 248, 0.78);
}
.oo-sport-single-product-info .oo-sport-catalog-breadcrumb a:hover {
color: #f0f4f8;
}
.oo-sport-single-product-info .oo-sport-catalog-breadcrumb a:focus,
.oo-sport-single-product-info .oo-sport-catalog-breadcrumb a:focus-visible,
.oo-sport-single-product-info .oo-sport-catalog-breadcrumb a:active {
color: #d4ff00;
}
.oo-sport-single-product-title {
flex-shrink: 0;
color: #d4ff00;
font-family: "Exo 2", sans-serif;
font-size: clamp(1.5rem, 4vw, 2rem);
margin-top: 0;
margin-bottom: 0;
min-width: 0;
}
.oo-sport-single-product-brand {
margin-bottom: 1rem;
text-align: left;
}
.oo-sport-single-product-brand-logo {
max-height: 48px;
width: auto;
height: auto;
display: block;
margin-left: 0;
margin-right: auto;
}
.oo-sport-single-product-description {
flex: 1 1 auto; /* auto = sisu k?????????rgus, et tekst oleks alati n?????????htav; max-height korral kahaneb ja kerib */
min-height: 0;
overflow-y: auto;
margin-top: 0;
margin-bottom: 0;
color: rgba(240, 244, 248, 0.9);
line-height: 1.5;
font-family: "Exo 2", sans-serif;
scrollbar-width: thin;
scrollbar-color: #d4ff00 #0d1f3c;
}
.oo-sport-single-product-description::-webkit-scrollbar {
width: 10px;
}
.oo-sport-single-product-description::-webkit-scrollbar-track {
background: #0d1f3c;
border-radius: 999px;
}
.oo-sport-single-product-description::-webkit-scrollbar-thumb {
background: #d4ff00;
border-radius: 999px;
border: 2px solid #0d1f3c;
}
.oo-sport-single-product-description::-webkit-scrollbar-thumb:hover {
background: #e2ff4d;
}
.oo-sport-single-product-description p {
margin-top: 0;
margin-bottom: 0.75rem;
}
.oo-sport-single-product-description p:last-child {
margin-bottom: 0;
}
/* Tooted samas kategoorias ???????????????? skrollitav riba paremal; top layeril */
.oo-sport-single-product-related {
position: relative;
z-index: 1;
flex: 0 1 auto; /* v?????????ib kahaneda, et j??????????????????da samale reale */
width: clamp(140px, 16vw, 220px);
min-width: 120px; /* v?????????iksem min, et kitsas veerg ei t?????????rju reast v?????????lja */
max-height: 100%;
display: flex;
flex-direction: column;
min-height: 0;
padding-left: 4px;
padding-right: 4px;
border-radius: 12px;
}
.oo-sport-single-product-related-heading {
font-family: "Exo 2", sans-serif;
font-size: 0.95rem;
font-weight: 600;
letter-spacing: 0.08em;
color: #f0f4f8;
margin: 0 0 0.75rem 0;
flex-shrink: 0;
}
/* N?????????htav 2 tootekaarti ?????????ksteise otsas, ?????????lej??????????????????nud ratta kerimisega; top layeril */
.oo-sport-single-product-related-list {
position: relative;
z-index: 1;
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.75rem;
overflow-y: auto;
overflow-x: visible;
min-height: 0;
max-height: var(--oo-related-visible-height, 42rem);
scroll-snap-type: y mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
}
.oo-sport-single-product-related-list::-webkit-scrollbar {
display: none;
}
.oo-sport-single-product-related-list .oo-sport-product-card {
width: 100%;
flex-shrink: 0;
scroll-snap-align: start;
scroll-snap-stop: always;
}
.oo-sport-single-product-related-list .oo-sport-product-card-image {
aspect-ratio: 1;
overflow: hidden;
}
.oo-sport-single-product-related-list .oo-sport-product-card-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
/* Sarnased tooted ???????????????? pildi ja sisu alla, horisontaalselt skrollitav riba; top layeril */
.oo-sport-single-product-similar {
position: relative;
z-index: 1;
width: 100%;
margin-top: 2rem;
}
.oo-sport-single-product-similar-heading {
font-family: "Exo 2", sans-serif;
font-size: 1.1rem;
font-weight: 600;
letter-spacing: 0.08em;
color: #f0f4f8;
margin: 0 0 1rem 0;
}
.oo-sport-single-product-similar-list {
position: relative;
z-index: 1;
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
gap: 1rem;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
}
.oo-sport-single-product-similar-list::-webkit-scrollbar {
display: none;
}
.oo-sport-single-product-similar-list .oo-sport-product-card {
flex: 0 0 auto;
width: 180px;
}
.oo-sport-single-product-similar-list .oo-sport-product-card-image {
aspect-ratio: 1;
overflow: hidden;
}
.oo-sport-single-product-similar-list .oo-sport-product-card-image img {
width: 100%;
height: 100%;
object-fit: contain;
}
/* Suur pildivaade (lightbox) ???????????????? staatiline, taust ei keri; nooled neoonkollased */
body.oo-sport-lightbox-open {
overflow: hidden !important;
position: fixed !important;
width: 100% !important;
}
html.oo-sport-lightbox-open {
overflow: hidden !important;
}
.oo-sport-product-lightbox {
position: fixed !important;
inset: 0 !important;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
box-sizing: border-box;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.oo-sport-product-lightbox[hidden] {
display: none !important;
}
.oo-sport-lightbox-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.9);
cursor: pointer;
}
.oo-sport-lightbox-img {
position: relative;
z-index: 2;
max-width: 90vw;
max-height: 90vh;
width: auto;
height: auto;
object-fit: contain;
}
.oo-sport-lightbox-close,
.oo-sport-lightbox-prev,
.oo-sport-lightbox-next {
position: absolute;
z-index: 3;
background: rgba(13, 31, 60, 0.6);
border: 2px solid #d4ff00;
color: #d4ff00;
font-size: 2.5rem;
line-height: 1;
cursor: pointer;
padding: 0.5rem 0.75rem;
opacity: 0.95;
transition: opacity 0.2s, box-shadow 0.2s;
}
.oo-sport-lightbox-close:hover,
.oo-sport-lightbox-prev:hover,
.oo-sport-lightbox-next:hover {
opacity: 1;
box-shadow: 0 0 16px rgba(212, 255, 0, 0.5);
}
.oo-sport-lightbox-close {
top: 1rem;
right: 1rem;
font-size: 2rem;
}
.oo-sport-lightbox-prev {
left: 1rem;
top: 50%;
transform: translateY(-50%);
}
.oo-sport-lightbox-next {
right: 1rem;
top: 50%;
transform: translateY(-50%);
}
.oo-sport-open-lightbox {
cursor: pointer;
}
@media (max-width: 600px) {
.oo-sport-single-product-top {
flex-direction: column;
}
.oo-sport-single-product-image-area {
flex-direction: column;
}
.oo-sport-single-product-gallery {
flex-direction: row;
max-height: none;
overflow-y: hidden;
overflow-x: auto;
width: 100%;
padding-bottom: 4px;
}
.oo-sport-single-product-gallery-thumb img {
width: 64px;
height: 64px;
}
.oo-sport-single-product-image-wrap .oo-sport-single-product-image {
max-width: 100%;
}
.oo-sport-single-product-info {
max-width: none;
}
.oo-sport-single-product-offer .oo-sport-btn-pakkumist-link {
width: 100%;
}
.oo-sport-single-product-related {
width: 100%;
min-width: 0;
max-height: 320px;
}
}
@media (max-width: 781px) {
.oo-sport-products-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.75rem;
}
}
@media (max-width: 600px) {
.oo-sport-products-grid {
grid-template-columns: minmax(0, 1fr);
}
.oo-sport-brand-content {
padding-left: var(--oo-fluid-padding-x) !important;
padding-right: var(--oo-fluid-padding-x) !important;
}
}
/* Tiimiriided kataloogi baasv????rk: tootepuu vasakul, sisu paremal. */
.oo-sport-tiimiriided-catalog-body {
display: grid;
grid-template-columns: 198px 1fr;
gap: 0.75rem;
max-width: none;
width: 100%;
margin: 0 !important;
margin-left: 0 !important;
padding-top: 0 !important;
padding-left: 0;
padding-right: 0.75rem;
padding-bottom: 0;
box-sizing: border-box;
}
/* Ruum 3 reale tooteplokke: tootepuu alumine ??????????????????r ja jalus liiguvad allapoole */
@media (min-width: 782px) {
.oo-sport-tiimiriided-catalog-body {
/* ?????????he rea k?????????rgus ?????????????? ruutpildi laius (1/4 v?????????rgu laiusest) + br?????????nd + sisu */
--oo-catalog-cell-w: calc((100vw - 198px - 3.75rem - 3rem) / 4);
min-height: calc(3 * (var(--oo-catalog-cell-w) + 7rem));
}
}
/* Kataloogi main ???????????????? hero pilt ?????????levalt; laste vahel gap 0, et kollase joone alt ei j??????????????????ks sinist riba.
padding-right: (100vw - 100%) ???????????????? 100vw sisaldab kerimisriba, nii et sisu ulatuks n?????????htavast ??????????????????rest
v?????????lja ja html overflow-x: hidden l?????????ikaks parema ??????????????????re. Sisuala kitsendamine hoiab ploki n?????????htavana. */
/* Main: stacking context; taust pseudo-elemendiga, et sinine ei ulatuks kerimisriba alla (ei teki sinist riba paremal) */
.oo-sport-tiimiriided-catalog-main {
position: relative;
isolation: isolate;
margin-top: 0 !important;
margin-bottom: 0;
margin-left: calc(-50vw + 50%) !important;
width: 100vw !important;
max-width: none !important;
padding-top: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
gap: 0 !important;
--wp--style--block-gap: 0 !important;
background: transparent !important;
box-sizing: border-box;
}
.oo-sport-tiimiriided-catalog-main::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
background: #0d1f3c;
z-index: -1;
pointer-events: none;
}
/* Single product page: one-screen canvas, no page scroll. */
body.single-oo_toode {
margin: 0 !important;
width: 100%;
height: 100%;
overflow: hidden !important;
overscroll-behavior: none;
}
@supports selector(html:has(body.single-oo_toode)) {
html:has(body.single-oo_toode) {
margin: 0 !important;
width: 100%;
height: 100%;
overflow: hidden !important;
overscroll-behavior: none;
}
}
body.single-oo_toode .wp-site-blocks {
position: fixed !important;
inset: 0 !important;
width: 100% !important;
height: var(--oo-real-vh, 100dvh) !important;
min-height: var(--oo-real-vh, 100dvh) !important;
overflow: hidden !important;
background: #0d1f3c !important;
}
body.single-oo_toode .wp-site-blocks::after {
display: none !important;
}
body.single-oo_toode .wp-site-blocks > .wp-block-template-part:first-child {
position: absolute !important;
inset: 0 0 auto 0 !important;
z-index: 30 !important;
}
body.single-oo_toode .oo-sport-header,
body.single-oo_toode .oo-sport-header-row,
body.single-oo_toode .oo-sport-header .wp-block-group,
body.single-oo_toode .oo-sport-header [class*="wp-block-group"] {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
border: 0 !important;
}
body.single-oo_toode .oo-sport-single-clean-main {
position: absolute !important;
inset: 0 !important;
margin: 0 !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
overflow: hidden !important;
background: transparent !important;
isolation: isolate;
}
body.single-oo_toode .oo-sport-single-clean-main::before {
content: "";
position: absolute;
inset: 0;
background-color: #0d1f3c;
background-image: var(--oo-single-page-bg, none);
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
z-index: 0;
pointer-events: none;
}
body.single-oo_toode .oo-sport-single-clean-main::after {
content: "";
position: absolute;
inset: 0;
/* Tint is provided per scope from single template CSS variable. */
background: var(--oo-single-bg-overlay, linear-gradient(to bottom, rgba(13, 31, 60, 0.22), rgba(13, 31, 60, 0.50)));
z-index: 1;
pointer-events: none;
}
body.single-oo_toode.oo-single-scope-sport .oo-sport-single-clean-main::after {
background: linear-gradient(to bottom, rgba(13, 31, 60, 0.22), rgba(13, 31, 60, 0.50)) !important;
}
body.single-oo_toode.oo-single-scope-tiim .oo-sport-single-clean-main::after {
background: linear-gradient(to bottom, rgba(13, 31, 60, 0.22), rgba(13, 31, 60, 0.50)) !important;
}
body.single-oo_toode .oo-sport-single-clean-content {
position: relative;
z-index: 2;
width: 100%;
height: 100%;
min-height: 100%;
overflow: hidden !important;
display: flex;
flex-direction: column;
justify-content: flex-start;
padding-top: var(--oo-header-height, 88px) !important;
/* Single product layout knobs: keep these centralized for safe future tuning. */
--oo-single-preview-right-gap: clamp(10px, 1vw, 14px);
--oo-single-preview-inner-pad: clamp(0.52rem, 0.85vw, 0.74rem);
--oo-single-v2-side-pad: clamp(0.28rem, 0.7vw, 0.6rem);
--oo-single-right-inner-gap: 38px;
}
body.single-oo_toode .oo-sport-single-v2 {
margin: 0 !important;
padding: 0 var(--oo-single-v2-side-pad) !important;
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
display: grid;
grid-template-rows: max-content minmax(0, 1fr);
gap: 0.75rem;
height: 100% !important;
min-height: 0 !important;
}
body.single-oo_toode .oo-sport-single-v2-heading {
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
}
body.single-oo_toode .oo-sport-single-v2-heading-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 0.72rem;
min-width: 0;
position: relative;
padding-right: calc(clamp(11.5rem, 19vw, 15.5rem) + var(--oo-single-right-inner-gap));
}
body.single-oo_toode .oo-sport-single-v2-back-link {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
gap: 0.38rem;
padding: 0.45rem 0.78rem;
border-radius: 999px;
font-family: "Exo 2", sans-serif;
font-weight: 700;
font-size: 0.82rem;
letter-spacing: 0.04em;
text-transform: uppercase;
border: 2px solid rgba(212, 255, 0, 0.92);
background: linear-gradient(180deg, rgba(232, 255, 77, 0.98) 0%, rgba(212, 255, 0, 0.98) 55%, rgba(183, 221, 0, 0.98) 100%);
color: #0d1f3c !important;
text-decoration: none !important;
line-height: 1;
white-space: nowrap;
box-sizing: border-box;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.2s;
box-shadow: 0 0 12px rgba(212, 255, 0, 0.35);
}
body.single-oo_toode .oo-sport-single-v2-back-link:hover,
body.single-oo_toode .oo-sport-single-v2-back-link:focus,
body.single-oo_toode .oo-sport-single-v2-back-link:focus-visible,
body.single-oo_toode .oo-sport-single-v2-back-link:active {
color: #0d1f3c !important;
outline: none;
border-color: #b8e600;
background: #b8e600;
box-shadow: 0 0 16px rgba(212, 255, 0, 0.5);
transform: translateY(-1px);
}
body.single-oo_toode .oo-sport-single-v2-heading-row .oo-sport-single-v2-heading {
flex: 1 1 auto;
min-width: 0;
}
body.single-oo_toode .oo-sport-single-v2-similar-wrap {
position: absolute;
top: calc(-1 * var(--oo-single-preview-inner-pad));
right: calc(var(--oo-single-right-inner-gap) - var(--oo-single-v2-side-pad));
z-index: 10070;
display: flex;
flex-direction: column;
align-items: flex-end;
}
body.single-oo_toode .oo-sport-single-v2-similar-btn {
position: relative;
top: auto;
right: auto;
margin: 0 !important;
flex: 0 0 auto;
white-space: nowrap;
text-decoration: none !important;
color: #0a1628 !important;
z-index: 8;
}
body.single-oo_toode .oo-sport-single-v2-similar-btn:link,
body.single-oo_toode .oo-sport-single-v2-similar-btn:visited,
body.single-oo_toode .oo-sport-single-v2-similar-btn:hover,
body.single-oo_toode .oo-sport-single-v2-similar-btn:focus,
body.single-oo_toode .oo-sport-single-v2-similar-btn:focus-visible,
body.single-oo_toode .oo-sport-single-v2-similar-btn:active {
color: #0a1628 !important;
}
body.single-oo_toode .oo-sport-single-v2-similar-btn .oo-sport-filter-trigger-text {
display: block;
line-height: 1;
color: inherit !important;
}
body.single-oo_toode .oo-sport-single-v2-similar-btn:focus,
body.single-oo_toode .oo-sport-single-v2-similar-btn:focus-visible,
body.single-oo_toode .oo-sport-single-v2-similar-btn:active {
text-decoration: none !important;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu {
--oo-similar-menu-edge-gap: 0.78rem;
--oo-similar-card-inner-gap: var(--oo-similar-menu-edge-gap);
--oo-similar-swatch-size: 14px;
--oo-similar-swatch-gap: 0.34rem;
position: absolute;
top: 0;
right: calc(100% + 10px);
left: auto;
z-index: 10180;
width: min(980px, calc(100vw - 180px));
max-width: min(980px, calc(100vw - 180px));
max-height: min(70vh, 620px);
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: none;
margin: 0;
padding: var(--oo-similar-menu-edge-gap);
box-sizing: border-box;
border: 1px solid rgba(212, 255, 0, 0.46);
border-radius: 12px;
background: rgba(112, 118, 124, 0.9);
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.24), 0 4px 10px rgba(0, 0, 0, 0.14);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
opacity: 0;
transform: translateX(8px) scale(0.985);
transform-origin: top right;
pointer-events: none;
transition: opacity 170ms ease, transform 170ms ease;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu.oo-has-overflow-y,
body.single-oo_toode .oo-sport-single-v2-similar-menu.oo-has-overflow-x {
scrollbar-width: thin;
scrollbar-color: #d4ff00 rgba(7, 18, 36, 0.5);
}
body.single-oo_toode .oo-sport-single-v2-similar-menu::-webkit-scrollbar {
width: 0;
height: 0;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu.oo-has-overflow-y::-webkit-scrollbar,
body.single-oo_toode .oo-sport-single-v2-similar-menu.oo-has-overflow-x::-webkit-scrollbar {
width: 10px;
height: 10px;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu.oo-has-overflow-y::-webkit-scrollbar-track,
body.single-oo_toode .oo-sport-single-v2-similar-menu.oo-has-overflow-x::-webkit-scrollbar-track {
background: rgba(7, 18, 36, 0.5);
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.single-oo_toode .oo-sport-single-v2-similar-menu.oo-has-overflow-y::-webkit-scrollbar-thumb,
body.single-oo_toode .oo-sport-single-v2-similar-menu.oo-has-overflow-x::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #e8ff4d 0%, #d4ff00 52%, #b7dd00 100%);
border-radius: 999px;
border: 2px solid rgba(7, 18, 36, 0.36);
}
body.single-oo_toode .oo-sport-single-v2-similar-menu.oo-has-overflow-y::-webkit-scrollbar-thumb:hover,
body.single-oo_toode .oo-sport-single-v2-similar-menu.oo-has-overflow-x::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, #f2ff7a 0%, #d4ff00 52%, #c2ea00 100%);
}
body.single-oo_toode .oo-sport-single-v2-similar-menu[hidden] {
display: none !important;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu.is-open {
opacity: 1;
transform: translateX(0) scale(1);
pointer-events: auto;
/* Avoid parent stacking-context issues on desktop: force top-level overlay. */
position: fixed;
left: auto;
right: max(14px, env(safe-area-inset-right));
top: calc(var(--oo-header-height, 76px) + 12px);
bottom: auto;
width: min(640px, calc(100vw - 28px));
max-width: min(640px, calc(100vw - 28px));
max-height: min(60vh, 520px);
margin: 0;
z-index: 10180;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.42rem;
margin: 0 0 var(--oo-similar-menu-edge-gap);
}
body.single-oo_toode .oo-sport-single-v2-similar-menu-title {
margin: 0;
font-family: "Exo 2", sans-serif !important;
font-size: 0.86rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.96);
}
body.single-oo_toode .oo-sport-single-v2-similar-menu-close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.28);
border-radius: 999px;
background: rgba(10, 22, 40, 0.48);
color: rgba(255, 255, 255, 0.94);
cursor: pointer;
flex: 0 0 auto;
line-height: 1;
font-size: 1rem;
transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu-close:hover {
background: rgba(10, 22, 40, 0.62);
border-color: rgba(212, 255, 0, 0.52);
color: #f4ff9d;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu-close:focus,
body.single-oo_toode .oo-sport-single-v2-similar-menu-close:focus-visible,
body.single-oo_toode .oo-sport-single-v2-similar-menu-close:active {
outline: none !important;
box-shadow: none !important;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu-grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
column-gap: var(--oo-similar-menu-edge-gap);
row-gap: var(--oo-similar-menu-edge-gap);
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
align-items: start;
align-content: start;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu-item {
display: flex;
margin: 0;
padding: 0;
min-width: 0;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu-link {
display: flex;
flex-direction: column;
align-items: stretch;
gap: var(--oo-similar-card-inner-gap);
height: 100%;
width: 100%;
box-sizing: border-box;
min-height: 0;
min-width: 0;
max-width: 100%;
padding: var(--oo-similar-card-inner-gap);
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 10px;
background: rgba(10, 22, 40, 0.2);
color: rgba(255, 255, 255, 0.96) !important;
text-decoration: none !important;
overflow: hidden;
transition: border-color 160ms ease, transform 160ms ease, background-color 160ms ease;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu-link:hover,
body.single-oo_toode .oo-sport-single-v2-similar-menu-link:focus-visible {
border-color: rgba(212, 255, 0, 0.48);
background: rgba(10, 22, 40, 0.3);
transform: none;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu-thumb {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1;
width: 100%;
min-height: 0;
overflow: hidden;
background: transparent;
border-radius: 8px;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu-thumb img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu-thumb-placeholder {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.4rem;
font-size: 0.72rem;
line-height: 1.2;
color: rgba(255, 255, 255, 0.76);
text-align: center;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu-name {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: calc(2 * 1.18em);
font-family: "Exo 2", sans-serif !important;
font-size: 0.82rem;
line-height: 1.18;
font-weight: 600;
color: rgba(255, 255, 255, 0.96);
}
body.single-oo_toode .oo-sport-single-v2-similar-menu .oo-sport-product-card-colors {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 1px 0;
gap: var(--oo-similar-swatch-gap);
row-gap: var(--oo-similar-swatch-gap);
align-content: flex-start;
min-height: calc(2 * var(--oo-similar-swatch-size) + var(--oo-similar-swatch-gap) + 2px);
max-height: calc(2 * var(--oo-similar-swatch-size) + var(--oo-similar-swatch-gap) + 2px);
min-width: 0;
max-width: 100%;
overflow: hidden;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu .oo-sport-product-card-color-swatch {
width: var(--oo-similar-swatch-size);
height: var(--oo-similar-swatch-size);
box-shadow: none !important;
transform: none !important;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu .oo-sport-product-card-color-swatch:hover,
body.single-oo_toode .oo-sport-single-v2-similar-menu .oo-sport-product-card-color-swatch:focus-visible,
body.single-oo_toode .oo-sport-single-v2-similar-menu .oo-sport-product-card-color-swatch.is-active {
box-shadow: none !important;
transform: none !important;
outline: none !important;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu .oo-sport-product-card-color-dot {
box-shadow: none;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu-empty {
margin: 0;
font-family: "Exo 2", sans-serif !important;
font-size: 0.85rem;
line-height: 1.3;
color: rgba(255, 255, 255, 0.88);
}
@media (max-width: 1320px) {
body.single-oo_toode .oo-sport-single-v2-similar-menu {
width: min(760px, calc(100vw - 120px));
max-width: min(760px, calc(100vw - 120px));
}
}
@media (max-width: 1080px) {
body.single-oo_toode .oo-sport-single-v2-similar-menu {
width: min(560px, calc(100vw - 80px));
max-width: min(560px, calc(100vw - 80px));
}
body.single-oo_toode .oo-sport-single-v2-similar-menu-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
body.single-oo_toode .oo-sport-single-v2-content {
--oo-single-info-col: clamp(360px, 30vw, 500px);
--oo-single-info-gap: 8px;
display: grid;
grid-template-columns: minmax(0, 1fr);
column-gap: 0;
row-gap: clamp(0.46rem, 1vw, 0.72rem);
width: 100% !important;
max-width: none !important;
margin: 0 !important;
min-height: 0;
height: 100%;
align-items: stretch;
position: relative;
}
body.single-oo_toode .oo-sport-single-v2-media {
display: grid;
grid-template-columns: 72px minmax(0, 1fr);
column-gap: 0.24rem;
row-gap: 0.6rem;
width: 100% !important;
max-width: none !important;
padding-right: calc(var(--oo-single-info-col) + var(--oo-single-info-gap) + var(--oo-single-right-inner-gap) - var(--oo-single-v2-side-pad));
min-height: 0;
height: 100%;
align-items: stretch;
position: relative;
}
@media (min-width: 782px) {
body.single-oo_toode .oo-sport-single-v2-media {
width: calc(100% - (var(--oo-single-info-col) + var(--oo-single-info-gap) + var(--oo-single-right-inner-gap) - var(--oo-single-v2-side-pad))) !important;
max-width: calc(100% - (var(--oo-single-info-col) + var(--oo-single-info-gap) + var(--oo-single-right-inner-gap) - var(--oo-single-v2-side-pad))) !important;
padding-right: 0;
}
}
@media (max-width: 781px) {
body.single-oo_toode .oo-sport-single-v2-heading-row {
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
gap: 0.6rem;
padding-right: 0;
}
body.single-oo_toode .oo-sport-single-v2-back-link {
align-self: flex-start;
}
body.single-oo_toode .oo-sport-single-v2-similar-wrap {
position: static;
top: auto;
right: auto;
width: auto;
align-items: flex-end;
}
body.single-oo_toode .oo-sport-single-v2-similar-btn {
position: static;
top: auto;
right: auto;
margin: 0 !important;
border-radius: 999px !important;
padding: 0.45rem 0.78rem !important;
font-family: "Exo 2", sans-serif !important;
font-weight: 700 !important;
font-size: 0.82rem !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
border: 2px solid rgba(212, 255, 0, 0.92) !important;
background: linear-gradient(180deg, rgba(232, 255, 77, 0.98) 0%, rgba(212, 255, 0, 0.98) 55%, rgba(183, 221, 0, 0.98) 100%) !important;
color: #0d1f3c !important;
box-shadow: 0 0 12px rgba(212, 255, 0, 0.35) !important;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
}
body.single-oo_toode .oo-sport-single-v2-similar-btn:hover,
body.single-oo_toode .oo-sport-single-v2-similar-btn:focus,
body.single-oo_toode .oo-sport-single-v2-similar-btn:focus-visible,
body.single-oo_toode .oo-sport-single-v2-similar-btn:active {
border-color: #b8e600 !important;
background: #b8e600 !important;
box-shadow: 0 0 16px rgba(212, 255, 0, 0.5) !important;
transform: translateY(-1px);
outline: none;
}
body.single-oo_toode .oo-sport-single-v2-similar-menu {
/* Mobiil: overlay (ei tohi sisu alla l?kata). */
position: fixed;
left: max(12px, env(safe-area-inset-left));
right: max(12px, env(safe-area-inset-right));
/* V?henda vahet nuppude ja men?? vahel mobiilis. */
top: calc(var(--oo-header-height, 76px) + 6px);
bottom: 12px;
width: auto;
max-width: none;
max-height: none;
margin-top: 0;
overflow: auto;
/* Overlay peab olema k?ige pealmine. */
z-index: 10180;
}
}
body.single-oo_toode .oo-sport-single-v2-info {
position: absolute;
top: 0;
right: calc(var(--oo-single-right-inner-gap) - var(--oo-single-v2-side-pad));
z-index: 4;
width: var(--oo-single-info-col);
max-width: none;
min-width: 0;
min-height: 0;
max-height: 100%;
overflow: auto;
padding: 0.12rem 0 0.22rem;
display: flex;
flex-direction: column;
gap: 0.62rem;
color: #f0f4f8;
background: transparent;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-product-preview-wrap.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-product-preview-wrap > .wp-block-group__inner-container {
max-width: none !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-product-preview-wrap .oo-sport-catalog-content.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-product-preview-wrap .oo-sport-single-product-content-col.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: none !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.single-oo_toode .oo-sport-single-v2-title {
margin: 0;
padding: 0;
font-family: "Exo 2", sans-serif !important;
font-size: clamp(1.65rem, 2.6vw, 2.2rem);
line-height: 1.08;
font-weight: 800;
letter-spacing: 0.01em;
color: #f0f4f8;
}
body.single-oo_toode .oo-sport-single-v2-description {
margin: 0;
padding: 0;
font-family: "Exo 2", sans-serif !important;
font-size: clamp(1rem, 1.12vw, 1.22rem);
line-height: 1.42;
color: rgba(240, 244, 248, 0.96);
}
body.single-oo_toode .oo-sport-single-v2-description > :first-child {
margin-top: 0;
}
body.single-oo_toode .oo-sport-single-v2-description > :last-child {
margin-bottom: 0;
}
body.single-oo_toode .oo-sport-single-v2-sizes {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.3rem 0.5rem;
margin: 0;
font-family: "Exo 2", sans-serif !important;
font-size: clamp(0.84rem, 0.92vw, 0.98rem);
line-height: 1.3;
color: rgba(240, 244, 248, 0.94);
}
body.single-oo_toode .oo-sport-single-v2-sizes-label {
font-weight: 700;
letter-spacing: 0.02em;
color: rgba(240, 244, 248, 0.98);
}
body.single-oo_toode .oo-sport-single-v2-sizes-list {
font-weight: 600;
color: rgba(240, 244, 248, 0.9);
}
body.single-oo_toode .oo-sport-single-v2-offer {
margin: 0.15rem 0 0;
}
body.single-oo_toode .oo-sport-single-v2-offer .oo-sport-btn-pakkumist-link {
width: fit-content;
}
/* Popup "Lisa korvi": ?ra n?ita tumedat ranti/halo ?mber nupu. */
body.single-oo_toode .oo-sport-single-v2-offer-popup-wrap .oo-sport-btn-pakkumist-link,
body.single-oo_toode .oo-sport-single-v2-offer-popup-wrap .oo-sport-btn-pakkumist-link:link,
body.single-oo_toode .oo-sport-single-v2-offer-popup-wrap .oo-sport-btn-pakkumist-link:visited,
body.single-oo_toode .oo-sport-single-v2-offer-popup-wrap .oo-sport-btn-pakkumist-link:hover,
body.single-oo_toode .oo-sport-single-v2-offer-popup-wrap .oo-sport-btn-pakkumist-link:focus,
body.single-oo_toode .oo-sport-single-v2-offer-popup-wrap .oo-sport-btn-pakkumist-link:focus-visible,
body.single-oo_toode .oo-sport-single-v2-offer-popup-wrap .oo-sport-btn-pakkumist-link:active {
box-shadow: none !important;
filter: none !important;
outline: none !important;
border: 0 !important;
}
body.single-oo_toode .oo-sport-single-v2-colors {
display: flex;
flex-wrap: wrap;
gap: 0.42rem;
align-items: center;
}
body.single-oo_toode .oo-sport-single-v2-color-swatch {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
padding: 0;
border: 0;
border-radius: 999px;
background: transparent;
cursor: pointer;
box-shadow: none;
transition: box-shadow 140ms ease;
}
body.single-oo_toode .oo-sport-single-v2-color-swatch:hover {
box-shadow: 0 0 0 2px rgba(212, 255, 0, 0.72);
}
body.single-oo_toode .oo-sport-single-v2-color-swatch.is-active {
box-shadow: none;
}
body.single-oo_toode .oo-sport-single-v2-color-swatch:focus,
body.single-oo_toode .oo-sport-single-v2-color-swatch:focus-visible,
body.single-oo_toode .oo-sport-single-v2-color-swatch:active {
outline: none !important;
box-shadow: none !important;
}
body.single-oo_toode .oo-sport-single-v2-color-dot {
display: block;
width: 18px;
height: 18px;
border-radius: 999px;
border: 1px solid rgba(11, 15, 22, 0.38);
}
body.single-oo_toode .oo-sport-single-v2-color-item {
position: relative;
display: inline-flex;
flex-direction: column;
align-items: center;
}
body.single-oo_toode .oo-sport-single-v2-color-item.is-menu-open .oo-sport-single-v2-color-swatch {
box-shadow: 0 0 0 2px rgba(212, 255, 0, 0.72);
}
body.single-oo_toode .oo-sport-single-v2-color-menu {
position: fixed;
z-index: 1100;
width: min(188px, calc(100vw - 20px));
max-height: min(54vh, 320px);
display: flex;
flex-direction: column;
gap: 0.35rem;
padding: 0.48rem 0.52rem 0.52rem;
border: 1px solid rgba(255, 255, 255, 0.22);
border-radius: 6px;
background: rgba(58, 64, 72, 0.96);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.24);
overflow-y: auto;
overflow-x: hidden;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
body.single-oo_toode .oo-sport-single-v2-color-menu[hidden] {
display: none;
}
body.single-oo_toode .oo-sport-single-v2-color-menu.oo-has-overflow-y,
body.single-oo_toode .oo-sport-single-v2-color-menu.oo-has-overflow-x {
scrollbar-width: thin;
scrollbar-color: #d4ff00 rgba(7, 18, 36, 0.5);
}
body.single-oo_toode .oo-sport-single-v2-color-menu::-webkit-scrollbar {
width: 0;
height: 0;
}
body.single-oo_toode .oo-sport-single-v2-color-menu.oo-has-overflow-y::-webkit-scrollbar,
body.single-oo_toode .oo-sport-single-v2-color-menu.oo-has-overflow-x::-webkit-scrollbar {
width: 10px;
height: 10px;
}
body.single-oo_toode .oo-sport-single-v2-color-menu.oo-has-overflow-y::-webkit-scrollbar-track,
body.single-oo_toode .oo-sport-single-v2-color-menu.oo-has-overflow-x::-webkit-scrollbar-track {
background: rgba(7, 18, 36, 0.5);
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.single-oo_toode .oo-sport-single-v2-color-menu.oo-has-overflow-y::-webkit-scrollbar-thumb,
body.single-oo_toode .oo-sport-single-v2-color-menu.oo-has-overflow-x::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #e8ff4d 0%, #d4ff00 52%, #b7dd00 100%);
border-radius: 999px;
border: 2px solid rgba(7, 18, 36, 0.36);
}
body.single-oo_toode .oo-sport-single-v2-color-menu.oo-has-overflow-y::-webkit-scrollbar-thumb:hover,
body.single-oo_toode .oo-sport-single-v2-color-menu.oo-has-overflow-x::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, #f2ff7a 0%, #d4ff00 52%, #c2ea00 100%);
}
body.single-oo_toode .oo-sport-single-v2-color-menu-title {
margin: 0 0 0.08rem;
display: inline-flex;
align-items: baseline;
gap: 0.22rem;
font-family: "Exo 2", sans-serif !important;
font-size: 0.66rem;
line-height: 1.15;
color: rgba(240, 244, 248, 0.92);
}
body.single-oo_toode .oo-sport-single-v2-color-menu-title-label {
font-weight: 600;
color: rgba(240, 244, 248, 0.78);
}
body.single-oo_toode .oo-sport-single-v2-color-menu-title-value {
font-weight: 700;
color: rgba(240, 244, 248, 0.96);
}
body.single-oo_toode .oo-sport-single-v2-color-menu-size-grid {
display: flex;
flex-direction: column;
gap: 0.28rem;
}
body.single-oo_toode .oo-sport-single-v2-color-menu-size-row {
display: grid;
grid-template-columns: minmax(0, 1fr) 52px;
align-items: center;
gap: 0.35rem;
padding-right: 5px;
}
body.single-oo_toode .oo-sport-single-v2-color-menu-size-label {
font-family: "Exo 2", sans-serif !important;
font-size: 0.72rem;
font-weight: 700;
line-height: 1.2;
color: rgba(240, 244, 248, 0.95);
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.single-oo_toode .oo-sport-single-v2-color-menu-qty,
body.single-oo_toode .oo-sport-single-v2-color-menu-no-size-qty {
width: 52px;
margin: 0;
justify-self: end;
margin-right: 1px;
padding: 0.26rem 0.22rem;
border: 1px solid rgba(212, 255, 0, 0.34);
border-radius: 5px;
background: rgba(58, 64, 72, 0.92);
color: #f0f4f8;
text-align: center;
font-family: "Exo 2", sans-serif !important;
font-size: 0.72rem;
font-weight: 700;
appearance: textfield;
-moz-appearance: textfield;
}
body.single-oo_toode .oo-sport-single-v2-color-menu-qty::-webkit-inner-spin-button,
body.single-oo_toode .oo-sport-single-v2-color-menu-qty::-webkit-outer-spin-button,
body.single-oo_toode .oo-sport-single-v2-color-menu-no-size-qty::-webkit-inner-spin-button,
body.single-oo_toode .oo-sport-single-v2-color-menu-no-size-qty::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
display: none;
}
body.single-oo_toode .oo-sport-single-v2-color-menu-no-size-row {
display: grid;
grid-template-columns: minmax(0, 1fr) 52px;
align-items: center;
gap: 0.35rem;
padding-right: 5px;
}
body.single-oo_toode .oo-sport-single-v2-color-menu-actions {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0.24rem;
}
body.single-oo_toode .oo-sport-single-v2-color-menu-add {
border: 0;
min-height: 30px;
padding: 0.32rem 0.7rem;
width: 100%;
font-size: 0.7rem;
cursor: pointer;
/* "Lisa korvi" peab olema puhas (ilma helendava ringita). */
box-shadow: none !important;
}
body.single-oo_toode .oo-sport-single-v2-color-menu-add:focus,
body.single-oo_toode .oo-sport-single-v2-color-menu-add:focus-visible,
body.single-oo_toode .oo-sport-single-v2-color-menu-add:active {
outline: none !important;
box-shadow: none !important;
}
body.single-oo_toode .oo-sport-single-v2-color-menu-status {
margin: 0;
min-height: 0.88rem;
font-family: "Exo 2", sans-serif !important;
font-size: 0.68rem;
font-weight: 600;
line-height: 1.2;
color: rgba(240, 244, 248, 0.8);
}
body.single-oo_toode .oo-sport-single-v2-color-menu-status.is-success {
color: rgba(212, 255, 0, 0.98);
}
body.single-oo_toode .oo-sport-single-v2-color-menu-status.is-error {
color: #ff8e8e;
}
body.single-oo_toode .oo-sport-single-v2-thumbs-toggle {
position: absolute;
left: 2px;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 24px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: #d4ff00;
line-height: 1;
cursor: pointer;
transition: transform 140ms ease, opacity 140ms ease;
z-index: 40;
outline: none;
box-shadow: none;
opacity: 0.92;
-webkit-tap-highlight-color: transparent;
}
body.single-oo_toode .oo-sport-single-v2-thumbs-toggle:hover {
opacity: 1;
transform: translateY(-50%) translateX(-2px);
}
body.single-oo_toode .oo-sport-single-v2-thumbs-toggle:focus,
body.single-oo_toode .oo-sport-single-v2-thumbs-toggle:focus-visible,
body.single-oo_toode .oo-sport-single-v2-thumbs-toggle:active {
outline: none !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
}
body.single-oo_toode .oo-sport-single-v2-thumbs-toggle span {
display: flex;
align-items: center;
justify-content: center;
font-size: 0;
font-weight: 700;
line-height: 1;
width: 10px;
height: 10px;
transition: transform 140ms ease;
}
body.single-oo_toode .oo-sport-single-v2-thumbs-toggle span img {
display: none !important;
}
body.single-oo_toode .oo-sport-single-v2-thumbs-toggle span::before {
content: "";
display: block;
width: 8px;
height: 8px;
border-left: 2px solid #d4ff00;
border-bottom: 2px solid #d4ff00;
transform: rotate(45deg);
filter: drop-shadow(0 0 3px rgba(212, 255, 0, 0.28));
}
body.single-oo_toode .oo-sport-single-v2-gallery-rail {
position: relative;
min-height: 0;
height: 100%;
align-self: stretch;
}
body.single-oo_toode .oo-sport-single-v2-thumbs-close {
display: none;
}
body.single-oo_toode .oo-sport-single-v2-thumbs {
display: flex;
flex-direction: column;
gap: 0.42rem;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
padding-left: 14px;
padding-right: 4px;
scrollbar-width: none;
}
body.single-oo_toode .oo-sport-single-v2-thumbs::-webkit-scrollbar {
width: 0;
height: 0;
}
body.single-oo_toode .oo-sport-single-v2-thumbs.oo-has-overflow-y,
body.single-oo_toode .oo-sport-single-v2-thumbs.oo-has-overflow-x {
scrollbar-width: thin;
scrollbar-color: #d4ff00 rgba(7, 18, 36, 0.55);
}
body.single-oo_toode .oo-sport-single-v2-thumbs.oo-has-overflow-y::-webkit-scrollbar,
body.single-oo_toode .oo-sport-single-v2-thumbs.oo-has-overflow-x::-webkit-scrollbar {
width: 8px;
height: 8px;
}
body.single-oo_toode .oo-sport-single-v2-thumbs.oo-has-overflow-y::-webkit-scrollbar-track,
body.single-oo_toode .oo-sport-single-v2-thumbs.oo-has-overflow-x::-webkit-scrollbar-track {
background: rgba(7, 18, 36, 0.55);
border-radius: 999px;
}
body.single-oo_toode .oo-sport-single-v2-thumbs.oo-has-overflow-y::-webkit-scrollbar-thumb,
body.single-oo_toode .oo-sport-single-v2-thumbs.oo-has-overflow-x::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #e8ff4d 0%, #d4ff00 55%, #b7dd00 100%);
border-radius: 999px;
}
body.single-oo_toode .oo-sport-single-v2-thumbs.oo-has-overflow-y::-webkit-scrollbar-thumb:hover,
body.single-oo_toode .oo-sport-single-v2-thumbs.oo-has-overflow-x::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, #f2ff7a 0%, #d4ff00 55%, #c2ea00 100%);
}
body.single-oo_toode .oo-sport-single-v2-thumb {
display: block;
flex: 0 0 auto;
width: 100%;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.22);
border-radius: 8px;
background: rgba(4, 15, 38, 0.14);
cursor: pointer;
overflow: hidden;
}
body.single-oo_toode .oo-sport-single-v2-thumb.is-active {
border-color: #d4ff00;
box-shadow: none;
}
body.single-oo_toode .oo-sport-single-v2-thumb:focus,
body.single-oo_toode .oo-sport-single-v2-thumb:focus-visible,
body.single-oo_toode .oo-sport-single-v2-thumb:active {
outline: none !important;
box-shadow: none !important;
}
body.single-oo_toode .oo-sport-single-v2-thumb img {
display: block;
width: 100%;
height: auto;
max-width: 100%;
max-height: none;
object-fit: contain;
object-position: center;
}
body.single-oo_toode .oo-sport-single-v2-image-wrap {
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
min-height: 0;
overflow: hidden;
height: 100%;
align-self: stretch;
background: transparent !important;
border: 0 !important;
border-radius: 18px !important;
box-shadow: none !important;
}
body.single-oo_toode .oo-sport-single-v2-main-image {
display: block;
flex: 0 0 auto;
width: auto !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
object-position: center center !important;
background: transparent !important;
border: 0 !important;
border-radius: 18px !important;
box-shadow: none !important;
opacity: 1 !important;
filter: none !important;
mix-blend-mode: normal !important;
}
body.single-oo_toode .oo-sport-single-v2.oo-sport-single-v2-main-square .oo-sport-single-v2-main-image {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-position: center center !important;
}
body.single-oo_toode .oo-sport-single-v2-image-wrap::before,
body.single-oo_toode .oo-sport-single-v2-image-wrap::after,
body.single-oo_toode .oo-sport-single-v2-main-image::before,
body.single-oo_toode .oo-sport-single-v2-main-image::after {
content: none !important;
display: none !important;
}
body.single-oo_toode .oo-sport-single-v2-main-image-placeholder {
color: rgba(240, 244, 248, 0.9);
font-size: 0.95rem;
font-weight: 600;
}
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs {
--oo-single-popup-cell: 108px;
--oo-single-popup-gap: 8px;
--oo-single-popup-pad: 10px;
position: absolute;
right: calc(100% + 10px);
top: 0;
width: calc(3 * var(--oo-single-popup-cell) + 2 * var(--oo-single-popup-gap) + 2 * var(--oo-single-popup-pad));
height: calc(3 * var(--oo-single-popup-cell) + 2 * var(--oo-single-popup-gap) + 2 * var(--oo-single-popup-pad));
display: grid;
grid-template-columns: repeat(3, var(--oo-single-popup-cell));
grid-auto-rows: var(--oo-single-popup-cell);
justify-content: start;
align-content: start;
gap: var(--oo-single-popup-gap);
padding: var(--oo-single-popup-pad);
overflow: auto;
background: rgba(112, 118, 124, 0.9);
background-color: rgba(112, 118, 124, 0.9);
border: 1px solid rgba(212, 255, 0, 0.46);
border-radius: 14px;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.24), 0 4px 10px rgba(0, 0, 0, 0.14);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
z-index: 120;
scrollbar-width: none;
}
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs.oo-has-overflow-y,
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs.oo-has-overflow-x {
scrollbar-width: thin;
scrollbar-color: #d4ff00 rgba(7, 18, 36, 0.5);
}
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs.oo-has-overflow-y::-webkit-scrollbar,
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs.oo-has-overflow-x::-webkit-scrollbar {
width: 10px;
height: 10px;
}
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs.oo-has-overflow-y::-webkit-scrollbar-track,
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs.oo-has-overflow-x::-webkit-scrollbar-track {
background: rgba(7, 18, 36, 0.5);
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.1);
}
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs.oo-has-overflow-y::-webkit-scrollbar-thumb,
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs.oo-has-overflow-x::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #e8ff4d 0%, #d4ff00 55%, #b7dd00 100%);
border-radius: 999px;
border: 2px solid rgba(7, 18, 36, 0.36);
}
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs.oo-has-overflow-y::-webkit-scrollbar-thumb:hover,
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs.oo-has-overflow-x::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, #f2ff7a 0%, #d4ff00 55%, #c2ea00 100%);
border: 2px solid rgba(7, 18, 36, 0.36);
}
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumb {
display: flex;
align-items: center;
justify-content: center;
width: var(--oo-single-popup-cell);
height: var(--oo-single-popup-cell);
background: rgba(4, 15, 38, 0.1);
}
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumb img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs-toggle span {
transform: rotate(180deg);
}
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs-close {
position: absolute;
right: calc(100% + 18px);
top: 10px;
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 999px;
background: rgba(28, 31, 36, 0.38);
color: #d4ff00;
font-size: 1rem;
line-height: 1;
cursor: pointer;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
z-index: 125;
}
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs-close:hover {
background: rgba(28, 31, 36, 0.52);
border-color: rgba(212, 255, 0, 0.45);
}
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs-close:focus,
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs-close:focus-visible,
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs-close:active {
outline: none !important;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2) !important;
}
body.single-oo_toode.oo-sport-single-v2-gallery-open .oo-sport-single-clean-content .oo-sport-sportreklaam-product-preview-wrap,
body.single-oo_toode.oo-sport-single-v2-gallery-open .oo-sport-single-clean-content .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap,
body.single-oo_toode.oo-sport-single-v2-gallery-open .oo-sport-single-clean-content .oo-sport-sportreklaam-product-preview-wrap .oo-sport-catalog-content {
overflow: visible !important;
}
body.single-oo_toode.oo-sport-single-v2-similar-open .oo-sport-single-clean-content .oo-sport-sportreklaam-product-preview-wrap,
body.single-oo_toode.oo-sport-single-v2-similar-open .oo-sport-single-clean-content .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap,
body.single-oo_toode.oo-sport-single-v2-similar-open .oo-sport-single-clean-content .oo-sport-sportreklaam-product-preview-wrap .oo-sport-catalog-content {
overflow: visible !important;
}
body.single-oo_toode.oo-sport-single-v2-gallery-open .oo-sport-single-clean-content .oo-sport-sportreklaam-product-preview-wrap {
z-index: 90 !important;
}
body.single-oo_toode.oo-sport-single-v2-similar-open .oo-sport-single-clean-content .oo-sport-sportreklaam-product-preview-wrap {
z-index: 10070 !important;
}
/* Ensure "Sarnased tooted" overlay is always topmost (desktop + mobile).
Keep it compact on desktop; allow full overlay on small screens. */
body.single-oo_toode.oo-sport-single-v2-similar-open .oo-sport-single-v2-similar-menu {
position: fixed !important;
right: max(14px, env(safe-area-inset-right)) !important;
top: calc(var(--oo-header-height, 76px) + 12px) !important;
left: auto !important;
bottom: auto !important;
width: min(960px, calc(100vw - 28px)) !important;
max-width: min(960px, calc(100vw - 28px)) !important;
max-height: min(75vh, 780px) !important;
margin: 0 !important;
z-index: 1000000 !important;
}
@media (max-width: 781px) {
body.single-oo_toode.oo-sport-single-v2-similar-open .oo-sport-single-v2-similar-menu {
left: max(12px, env(safe-area-inset-left)) !important;
right: max(12px, env(safe-area-inset-right)) !important;
bottom: 12px !important;
width: auto !important;
max-width: none !important;
max-height: none !important;
}
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap {
position: absolute !important;
left: 38px !important;
top: calc(var(--oo-header-height, 88px) + 18px) !important;
width: min(320px, calc(100vw - 76px)) !important;
max-height: calc(var(--oo-real-vh, 100dvh) - var(--oo-header-height, 88px) - 36px) !important;
margin: 0 !important;
padding: 0 !important;
z-index: 25 !important;
overflow: visible !important;
background: transparent !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
max-height: calc(var(--oo-real-vh, 100dvh) - var(--oo-header-height, 88px) - 36px) !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
background: rgba(112, 118, 124, 0.1) !important;
background-color: rgba(112, 118, 124, 0.1) !important;
border: 1px solid rgba(255, 255, 255, 0.22) !important;
border-right: 1px solid rgba(255, 255, 255, 0.22) !important;
border-radius: 14px !important;
overflow: auto !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none !important;
-ms-overflow-style: none;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14), 0 3px 8px rgba(0, 0, 0, 0.09) !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree::before,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree::after {
content: none !important;
display: none !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap > .wp-block-group__inner-container {
margin-left: 0 !important;
margin-right: 0 !important;
max-width: none !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
display: none !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree p {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree a br {
display: none !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree a {
text-align: left !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-list,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-sublist {
margin: 0 !important;
padding: 0 !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-item,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem {
margin: 0 !important;
padding: 0 !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-item > a,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a {
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 2.35rem !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 0.55rem 0.7rem !important;
border: 1px solid rgba(255, 255, 255, 0.18) !important;
border-radius: 0 !important;
background: transparent !important;
color: rgba(255, 255, 255, 0.96) !important;
line-height: 1.2 !important;
font-family: "Exo 2", sans-serif !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
opacity: 1 !important;
position: relative !important;
transform: translateY(0) !important;
transition: border-color 140ms ease, color 140ms ease, transform 140ms ease, box-shadow 140ms ease !important;
box-shadow: none !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-item.is-main-category > a {
min-height: 2.8rem !important;
padding-top: 0.72rem !important;
padding-bottom: 0.72rem !important;
font-size: 1.04rem !important;
font-weight: 700 !important;
letter-spacing: 0.055em !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a {
background: rgba(0, 0, 0, 0.14) !important;
border-color: rgba(255, 255, 255, 0.12) !important;
padding-left: 1.18rem !important;
transform: translateY(0) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 -1px 0 rgba(0, 0, 0, 0.28), inset 0 2px 5px rgba(0, 0, 0, 0.3) !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem .oo-sport-brand-tree-subitem > a {
background: rgba(0, 0, 0, 0.22) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
padding-left: 1.62rem !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), inset 0 -1px 0 rgba(0, 0, 0, 0.34), inset 0 3px 7px rgba(0, 0, 0, 0.4) !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem .oo-sport-brand-tree-subitem .oo-sport-brand-tree-subitem > a {
background: rgba(0, 0, 0, 0.3) !important;
border-color: rgba(255, 255, 255, 0.09) !important;
padding-left: 2.06rem !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(0, 0, 0, 0.4), inset 0 4px 9px rgba(0, 0, 0, 0.48) !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-item > .oo-sport-brand-tree-sublist,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem > .oo-sport-brand-tree-sublist {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-list > .oo-sport-brand-tree-item + .oo-sport-brand-tree-item > a,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-sublist > .oo-sport-brand-tree-subitem + .oo-sport-brand-tree-subitem > a {
margin-top: -1px !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-sublist > .oo-sport-brand-tree-subitem:first-child > a {
margin-top: -1px !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-item.is-active > a,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active > a {
color: #d4ff00 !important;
}
@media (hover: hover) {
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-item > a:hover,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a:hover {
background: rgba(0, 0, 0, 0.05) !important;
transform: translateY(1px) !important;
z-index: 1 !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.26) !important;
}
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-item.is-active > a::after,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active > a::after {
content: "";
position: absolute;
right: 0.42rem;
top: 16%;
bottom: 16%;
width: 3px;
border-radius: 999px;
background: #d4ff00;
box-shadow: 0 0 8px rgba(212, 255, 0, 0.45);
pointer-events: none;
}
@media (hover: hover) {
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-item > a:hover::after,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a:hover::after {
content: "";
position: absolute;
right: 0.42rem;
top: 16%;
bottom: 16%;
width: 3px;
border-radius: 999px;
background: #d4ff00;
box-shadow: 0 0 8px rgba(212, 255, 0, 0.45);
pointer-events: none;
}
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-product-preview-wrap {
position: absolute !important;
left: calc(38px + min(320px, calc(100vw - 76px)) + 20px) !important;
right: var(--oo-single-preview-right-gap) !important;
top: calc(var(--oo-header-height, 88px) + 18px) !important;
bottom: 18px !important;
margin: 0 !important;
padding: var(--oo-single-preview-inner-pad) !important;
z-index: 18 !important;
overflow: hidden !important;
background: rgba(112, 118, 124, 0.26) !important;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
border: 1px solid rgba(255, 255, 255, 0.22) !important;
border-radius: 14px !important;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14), 0 3px 8px rgba(0, 0, 0, 0.09) !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap {
height: 100% !important;
min-height: 0 !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-product-preview-wrap .oo-sport-catalog-content {
height: 100% !important;
min-height: 0 !important;
overflow: visible !important;
padding: 0 !important;
}
@media (max-width: 781px) {
body.single-oo_toode .oo-sport-single-v2 {
/* Lase sisul loomulikult voolata; kerimine toimub preview-kastis. */
height: auto !important;
max-width: 100% !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
body.single-oo_toode .oo-sport-single-v2-content {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: minmax(0, 1fr) max-content;
gap: 0.65rem;
max-width: 100% !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
body.single-oo_toode .oo-sport-single-v2-media {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: minmax(0, 1fr) auto;
row-gap: 0.45rem;
padding-right: 0;
min-height: min(58vh, 560px);
max-width: 100% !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
body.single-oo_toode .oo-sport-single-v2-thumbs-toggle {
display: none;
}
body.single-oo_toode .oo-sport-single-v2-gallery-rail {
grid-row: 2;
grid-column: 1;
max-width: 100% !important;
overflow-x: hidden !important;
box-sizing: border-box !important;
}
body.single-oo_toode .oo-sport-single-v2-image-wrap {
grid-row: 1;
grid-column: 1;
justify-content: center !important;
align-items: center !important;
overflow: hidden !important;
border-radius: 18px !important;
/* M?nes mobiilibrauseris v?ib border-radius + overflow ?l?bi lasta? ? clip-path teeb l?ike kindlaks. */
clip-path: inset(0 round 18px) !important;
min-height: min(58vh, 560px);
}
body.single-oo_toode .oo-sport-single-v2-main-image,
body.single-oo_toode .oo-sport-single-v2.oo-sport-single-v2-main-square .oo-sport-single-v2-main-image {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: none !important;
object-fit: contain !important;
object-position: center center !important;
border-radius: 18px !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.single-oo_toode .oo-sport-single-v2-thumbs {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
gap: 0.38rem;
grid-template-columns: none;
height: auto;
max-width: 100% !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch;
padding-bottom: 2px;
box-sizing: border-box !important;
}
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs {
position: static;
width: auto;
height: auto;
display: flex;
grid-template-columns: none;
grid-auto-rows: auto;
background: transparent;
border: 0;
box-shadow: none;
padding: 0;
}
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumbs-close {
display: none;
}
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumb {
display: block;
width: 68px;
height: auto;
}
body.single-oo_toode .oo-sport-single-v2.is-thumbs-expanded .oo-sport-single-v2-thumb img {
width: 100%;
height: auto;
max-width: 100%;
max-height: none;
}
body.single-oo_toode .oo-sport-single-v2-thumb {
flex: 0 0 auto;
width: 68px;
}
body.single-oo_toode .oo-sport-single-v2-info {
position: static;
right: auto;
top: auto;
z-index: auto;
width: auto;
max-width: none;
height: auto;
max-height: 38vh;
padding-top: 0.1rem;
}
body.single-oo_toode .oo-sport-single-v2-color-menu {
width: min(182px, calc(100vw - 16px));
}
body.single-oo_toode .oo-sport-single-v2-color-menu-status {
width: 100%;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-floating-tree-wrap {
left: max(12px, env(safe-area-inset-left)) !important;
top: calc(var(--oo-header-height, 76px) + 10px) !important;
width: calc(100vw - max(24px, env(safe-area-inset-left) + env(safe-area-inset-right))) !important;
max-height: min(44vh, 320px) !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-product-preview-wrap {
left: max(12px, env(safe-area-inset-left)) !important;
right: max(12px, env(safe-area-inset-right)) !important;
width: auto !important;
/* ?ra reserveeri ruumi tootepuule (see on overlay). */
top: calc(var(--oo-header-height, 76px) + 16px) !important;
bottom: 10px !important;
overflow: auto !important;
}
}
body.single-oo_toode footer.wp-block-template-part,
body.single-oo_toode .oo-sport-footer {
display: none !important;
visibility: hidden !important;
}
/* WordPress/block-editor lisab shortcode????????????????ide vahele t?????????hjad
???????????????? need ei tohi sinist riba tekitada */
.oo-sport-tiimiriided-catalog-main p:empty,
.oo-sport-tiimiriided-catalog-main .oo-sport-catalog-filters-wrap p:empty {
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
min-height: 0 !important;
overflow: hidden !important;
display: block !important;
}
/* Catalog-body j?????????tame v?????????lja, et ?????????ksiktoote lehel saaks vasak padding t??????????????????tada */
.oo-sport-tiimiriided-catalog-main .wp-block-group:not(.oo-sport-tiimiriided-catalog-body) {
padding-left: 0 !important;
}
/* Tootepuu vastu vasak serv (+10% suurem plokk), venitub jaluse ??????????????????reni */
.oo-sport-catalog-sidebar {
padding: 0 !important;
margin-top: 0;
margin-bottom: 0;
position: relative;
z-index: 2;
align-self: stretch;
width: 100%;
min-width: 198px;
max-width: 198px;
display: flex;
flex-direction: column;
min-height: 0;
}
/* Kataloogi lehel (mitte ?????????ksiktoote) sidebar j??????????????????b 198px, et tooteplokid ei l?????????kku tootepuu peale */
.oo-sport-tiimiriided-catalog-body .oo-sport-catalog-sidebar.is-layout-constrained {
padding-left: 0 !important;
padding-right: 0 !important;
max-width: 198px !important;
}
/* Toodete veerg ???????????????? t?????????islaius, keritav; min-width 0 et v?????????rk ei l?????????kku tootepuu peale */
.oo-sport-catalog-content {
min-height: 0;
min-width: 0;
overflow-x: hidden;
overflow-y: auto;
max-width: none !important;
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
padding-bottom: var(--wp--preset--spacing--50, 2rem) !important;
}
.oo-sport-catalog-content.is-layout-constrained {
max-width: none !important;
}
/* Tootepuu ja pildi ploki vahel + ekraani parem ??????????????????r: sama padding m?????????lemal pool, skaleerub ekraaniga */
.oo-sport-tiimiriided-catalog-body .oo-sport-catalog-content {
--oo-catalog-content-padding-x: clamp(0.75rem, 1.2vw, 1.5rem);
padding-left: var(--oo-catalog-content-padding-x) !important;
padding-right: var(--oo-catalog-content-padding-x) !important;
}
/* Nelja tooteploki v?????????rk kasutab toodete veeru sisemist laiust */
.oo-sport-tiimiriided-catalog-body .oo-sport-products-wrap {
width: 100%;
max-width: none;
}
.oo-sport-tiimiriided-catalog-body .oo-sport-products-grid {
width: 100%;
max-width: none;
}
/* Tootepuu: vasakjoondatud riba, venitub sidebari k?????????rguseni (kuni jaluse ??????????????????reni) */
.oo-sport-brand-tree {
position: relative;
width: 100%;
min-width: 198px;
flex: 1;
min-height: 0;
box-sizing: border-box;
padding: 0.825rem 0.77rem 0.825rem 0.77rem;
font-family: "Exo 2", sans-serif;
background: rgba(13, 31, 60, 0.18);
backdrop-filter: blur(12px);
border: none;
border-radius: 0 11px 11px 0;
box-shadow:
0 9px 35px rgba(0, 0, 0, 0.35),
0 2px 9px rgba(0, 0, 0, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.04);
text-align: center;
}
/* Kataloogi + ????ksiktoote lehel: tootepuu parem kollane joon on eemaldatud. */
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree::after {
content: none !important;
display: none !important;
}
.oo-sport-brand-tree-title {
display: block;
font-family: "Exo 2", sans-serif !important;
font-weight: 700;
font-size: 1.14rem;
letter-spacing: 0.14em;
color: #ffffff;
text-transform: uppercase;
margin: 0 0 0.72rem 0;
padding-bottom: 0.5rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
line-height: 1.2;
text-align: center;
}
.oo-sport-brand-tree-title a {
display: block;
color: inherit;
text-decoration: none;
}
.oo-sport-brand-tree-title a:hover,
.oo-sport-brand-tree-title a:focus-visible {
color: inherit;
text-decoration: none;
}
.oo-sport-brand-tree-list {
list-style: none;
margin: 0;
padding: 0;
}
.oo-sport-brand-tree-item {
margin: 0;
}
/* Tootepuu pealkategooriad: valge (teema linkide v?????????rv ei tohi ?????????le kirjutada) */
.oo-sport-brand-tree .oo-sport-brand-tree-item > a,
.oo-sport-brand-tree .oo-sport-brand-tree-item > a:link,
.oo-sport-brand-tree .oo-sport-brand-tree-item > a:visited,
.oo-sport-brand-tree .oo-sport-brand-tree-item > a:hover,
.oo-sport-brand-tree .oo-sport-brand-tree-item > a:focus,
.oo-sport-brand-tree .oo-sport-brand-tree-item > a:active {
color: #ffffff !important;
}
.oo-sport-brand-tree-item a {
display: block;
padding: 0.31rem 0 0.31rem 0;
text-decoration: none;
font-size: 1.05rem;
font-weight: 500;
font-family: "Exo 2", sans-serif !important;
letter-spacing: 0.06em;
transition: color 0.15s ease, opacity 0.15s ease;
line-height: 1.25;
padding-left: 0;
margin-left: 0;
text-align: center;
}
.oo-sport-brand-tree .oo-sport-brand-tree-item > a {
font-size: 1.14rem;
font-weight: 650;
letter-spacing: 0.07em;
}
.oo-sport-brand-tree-item a:focus,
.oo-sport-brand-tree-item a:focus-visible,
.oo-sport-brand-tree-item a:active,
.oo-sport-brand-tree-subitem a:focus,
.oo-sport-brand-tree-subitem a:focus-visible,
.oo-sport-brand-tree-subitem a:active {
outline: none !important;
box-shadow: none !important;
}
.oo-sport-brand-tree-item a:hover {
opacity: 1;
}
/* Ainult pealkategooria (br?????????nd) enda link on kollane ???????????????? mitte alamkategooriad selle li sees */
.oo-sport-brand-tree .oo-sport-brand-tree-item.is-active > a,
.oo-sport-brand-tree .oo-sport-brand-tree-item.is-active > a:link,
.oo-sport-brand-tree .oo-sport-brand-tree-item.is-active > a:visited,
.oo-sport-brand-tree .oo-sport-brand-tree-item.is-active > a:hover,
.oo-sport-brand-tree .oo-sport-brand-tree-item.is-active > a:focus,
.oo-sport-brand-tree .oo-sport-brand-tree-item.is-active > a:active {
color: #d4ff00 !important;
font-weight: 600;
}
/* Ainult aktiivse/avatud br?????????ndi alammen?????????????????? n?????????htav ???????????????? sujuv avamine (is-open = kl?????????psuga avatud) */
.oo-sport-brand-tree-item > .oo-sport-brand-tree-sublist {
overflow: hidden;
max-height: 0;
opacity: 0;
transition: max-height 0.3s ease, opacity 0.2s ease;
}
.oo-sport-brand-tree-item.is-active > .oo-sport-brand-tree-sublist,
.oo-sport-brand-tree-item.is-open > .oo-sport-brand-tree-sublist {
max-height: 2000px;
opacity: 1;
}
.oo-sport-brand-tree-item.is-collapsed > .oo-sport-brand-tree-sublist {
max-height: 0 !important;
opacity: 0 !important;
}
/* Alamalamkategooriad (nt Mehed, Naised) ???????????????? peidus, n?????????htav kui ?????????lem aktiivne v?????????i avatud */
.oo-sport-brand-tree-subitem > .oo-sport-brand-tree-sublist {
overflow: hidden;
max-height: 0;
opacity: 0;
transition: max-height 0.3s ease, opacity 0.2s ease;
}
.oo-sport-brand-tree-subitem.is-active > .oo-sport-brand-tree-sublist,
.oo-sport-brand-tree-subitem:has(.oo-sport-brand-tree-subitem.is-active) > .oo-sport-brand-tree-sublist,
.oo-sport-brand-tree-subitem.is-open > .oo-sport-brand-tree-sublist {
max-height: 2000px;
opacity: 1;
}
.oo-sport-brand-tree-subitem.is-collapsed > .oo-sport-brand-tree-sublist {
max-height: 0 !important;
opacity: 0 !important;
}
.oo-sport-brand-tree-sublist {
list-style: none;
margin: 0.385rem 0 0.55rem 0;
padding: 0;
}
.oo-sport-catalog-loading {
pointer-events: none;
}
.oo-sport-brand-tree-subitem {
margin: 0;
}
/* Alamkategooriad alati valged ???????????????? sama reegel, et teema linkide v?????????rv ei ?????????le kirjutaks */
.oo-sport-brand-tree .oo-sport-brand-tree-subitem a,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem a:link,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem a:visited,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem a:hover,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem a:focus,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem a:active,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active a,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active a:hover {
color: #ffffff !important;
}
/* Aktiivne teekond tootepuus: valitud alamkategooria + tema vanemad on neoonkollased */
.oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active > a,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active > a:link,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active > a:visited,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active > a:hover,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active > a:focus,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active > a:active,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem:has(.oo-sport-brand-tree-subitem.is-active) > a,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem:has(.oo-sport-brand-tree-subitem.is-active) > a:link,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem:has(.oo-sport-brand-tree-subitem.is-active) > a:visited,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem:has(.oo-sport-brand-tree-subitem.is-active) > a:hover,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem:has(.oo-sport-brand-tree-subitem.is-active) > a:focus,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem:has(.oo-sport-brand-tree-subitem.is-active) > a:active,
.oo-sport-brand-tree .oo-sport-brand-tree-subitem.has-active-descendant > a {
color: #d4ff00 !important;
font-weight: 600;
}
.oo-sport-brand-tree-subitem a {
display: block;
padding: 0.22rem 0;
text-decoration: none;
font-size: 0.9rem;
font-weight: 500;
font-family: "Exo 2", sans-serif !important;
letter-spacing: 0.05em;
transition: color 0.15s ease;
line-height: 1.3;
text-align: center;
}
.oo-sport-brand-tree .oo-sport-brand-tree-subitem:has(> .oo-sport-brand-tree-sublist) > a {
font-size: 1.06rem;
font-weight: 700;
letter-spacing: 0.065em;
}
.oo-sport-brand-tree .oo-sport-brand-tree-subitem.has-children > a {
font-size: 1.06rem;
font-weight: 700;
letter-spacing: 0.065em;
color: rgba(255, 255, 255, 0.98) !important;
}
.oo-sport-brand-tree .oo-sport-brand-tree-subitem:not(:has(> .oo-sport-brand-tree-sublist)) > a {
font-size: 0.82rem;
opacity: 0.86;
}
.oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-leaf > a {
font-size: 0.82rem;
opacity: 0.86;
color: rgba(240, 244, 248, 0.86) !important;
}
.oo-sport-brand-tree .oo-sport-brand-tree-subitem .oo-sport-brand-tree-subitem > a {
letter-spacing: 0.04em;
}
.oo-sport-brand-tree-subitem.is-active a {
font-weight: 600;
opacity: 1;
}
.oo-sport-brand-tree-empty {
color: rgba(255, 255, 255, 0.9);
font-size: 0.94rem;
font-family: "Exo 2", sans-serif;
font-weight: 400;
letter-spacing: 0.03em;
margin: 0;
padding: 0.44rem 0 0 0;
line-height: 1.4;
text-align: center;
}
/* Kataloogi + ????ksiktoote tootepuu: ????htne struktuuriloogika. */
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree {
text-align: left;
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree-title {
text-align: left;
font-size: 0.9rem;
font-weight: 700;
letter-spacing: 0.03em;
text-transform: uppercase;
color: #d4ff00 !important;
margin-bottom: 0.6rem;
padding-bottom: 0.45rem;
border-bottom: 1px solid rgba(212, 255, 0, 0.28);
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-dropdown-list,
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-tree-sublist {
list-style: none;
margin: 0;
padding: 0;
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-dropdown-item + .oo-sport-header-dropdown-item {
margin-top: 0.35rem;
padding-top: 0.35rem;
border-top: 1px solid rgba(212, 255, 0, 0.2);
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-tree-sublist {
margin-top: 0.25rem;
margin-left: 0.55rem;
padding-left: 0.75rem;
border-left: 1px solid rgba(212, 255, 0, 0.25);
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-tree-sublist .oo-sport-header-tree-sublist {
margin-left: 0.45rem;
padding-left: 0.6rem;
border-left-color: rgba(212, 255, 0, 0.2);
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-dropdown-item > a,
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-tree-item > a {
display: inline-block;
margin-left: 0.35rem;
padding: 0.14rem 0;
text-align: left;
font-size: 0.84rem;
font-weight: 700;
letter-spacing: 0.03em;
color: #ffffff !important;
text-transform: uppercase;
line-height: 1.3;
text-decoration: none !important;
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-tree-item > a {
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.01em;
text-transform: none;
opacity: 0.96;
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-tree-sublist > .oo-sport-header-tree-item > a {
margin-left: 0 !important;
padding-left: 0.42rem !important;
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-tree-sublist .oo-sport-header-tree-sublist > .oo-sport-header-tree-item > a {
padding-left: 0.78rem !important;
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-tree-sublist .oo-sport-header-tree-sublist .oo-sport-header-tree-sublist > .oo-sport-header-tree-item > a {
padding-left: 1.14rem !important;
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-tree-item.has-children > a,
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-brand-tree-subitem:has(> .oo-sport-brand-tree-sublist) > a {
font-size: 0.84rem;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: none;
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-tree-item.is-leaf > a,
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-brand-tree-subitem:not(:has(> .oo-sport-brand-tree-sublist)) > a {
font-size: 0.76rem;
font-weight: 500;
letter-spacing: 0.01em;
opacity: 0.9;
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-brand-tree-subitem .oo-sport-brand-tree-subitem > a {
font-size: 0.74rem;
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-dropdown-item.is-active > a,
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active > a,
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-brand-tree-subitem.has-active-descendant > a {
color: #d4ff00 !important;
}
@media (max-width: 781px) {
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-main {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
z-index: 2; /* hoia TOOTED/Filtreeri dropdownid jalusest ees */
}
body:not(.single-oo_toode) .oo-sport-catalog-sidebar {
display: none !important;
}
body:not(.single-oo_toode) .oo-sport-catalog-filters-wrap {
--oo-mobile-catalog-trigger-btn-h: clamp(2.2rem, 9vw, 2.55rem);
--oo-mobile-catalog-trigger-row-h: calc(var(--oo-mobile-catalog-trigger-btn-h) + 0.35rem);
height: 0;
}
body:not(.single-oo_toode) .oo-sport-filter-trigger-bar {
z-index: 24;
min-height: var(--oo-mobile-catalog-trigger-row-h);
}
body:not(.single-oo_toode) .oo-sport-filter-trigger-bar.has-mobile-tree {
justify-content: space-between;
padding-left: var(--oo-mobile-catalog-card-gap, 0.75rem);
padding-right: var(--oo-mobile-catalog-card-gap, 0.75rem);
box-sizing: border-box;
}
body:not(.single-oo_toode) .oo-sport-filter-trigger-btn {
height: var(--oo-mobile-catalog-trigger-btn-h);
min-height: var(--oo-mobile-catalog-trigger-btn-h);
padding-top: 0;
padding-bottom: 0;
line-height: 1;
white-space: nowrap;
}
body:not(.single-oo_toode) .oo-sport-filter-trigger-btn .oo-sport-filter-trigger-text {
line-height: 1;
}
body:not(.single-oo_toode) .oo-sport-tree-trigger-btn {
display: inline-flex;
margin: 0;
}
body:not(.single-oo_toode) .oo-sport-filter-trigger-bar.has-mobile-tree .oo-sport-filter-trigger-btn:not(.oo-sport-tree-trigger-btn) {
margin: 0;
}
body:not(.single-oo_toode) .oo-sport-filter-panel.oo-sport-filter-panel-hero,
body:not(.single-oo_toode) .oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) {
top: calc(var(--oo-mobile-catalog-trigger-row-h) - 1px);
}
body:not(.single-oo_toode) .oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) {
left: 0;
right: auto;
}
body:not(.single-oo_toode) .oo-sport-mobile-catalog-header {
display: none !important;
}
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-main > p:has(> .oo-sport-mobile-catalog-header) {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
/* Mobiilis hoia alles functions.php poolt lisatud taustapilt (::before),
kuid keela eraldi 56px varjukate (::after), mis ulatus varem valesse kohta. */
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-main .oo-sport-tiimiriided-catalog-body::before {
display: block !important;
content: "" !important;
left: 50% !important;
right: auto !important;
width: 100vw !important;
transform: translateX(-50%) !important;
top: 0 !important;
bottom: 0 !important;
height: auto !important;
min-height: 100% !important;
background-size: 100vw auto !important;
background-position: top center !important;
background-repeat: repeat-y !important;
z-index: -1 !important; /* taust/udu peab j????????ma toodete sisu taha */
}
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-main .oo-sport-tiimiriided-catalog-body::after {
content: none !important;
display: none !important;
}
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-body .oo-sport-catalog-content {
position: relative;
z-index: 2;
}
.oo-sport-mobile-catalog-header-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
}
.oo-sport-mobile-catalog-header-top.is-compact {
justify-content: flex-end;
}
.oo-sport-mobile-catalog-header-top > p {
margin: 0;
display: flex;
align-items: center;
}
.oo-sport-mobile-catalog-header-top br,
.oo-sport-mobile-catalog-header br {
display: none !important;
}
.oo-sport-mobile-catalog-header {
display: block;
margin: 0;
padding: clamp(0.7rem, 3.5vw, 1rem) var(--oo-fluid-padding-x, 1rem) clamp(0.6rem, 3vw, 0.9rem);
background: linear-gradient(180deg, rgba(13, 31, 60, 0.9) 0%, rgba(13, 31, 60, 0.72) 100%);
border-top: 1px solid rgba(212, 255, 0, 0.45);
border-bottom: 1px solid rgba(212, 255, 0, 0.28);
}
.oo-sport-mobile-catalog-header-kicker {
margin: 0;
font-family: "Exo 2", sans-serif !important;
font-size: clamp(0.68rem, 2.7vw, 0.8rem);
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: rgba(240, 244, 248, 0.82);
}
.oo-sport-mobile-catalog-menu-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: clamp(2rem, 10vw, 2.25rem);
height: clamp(2rem, 10vw, 2.25rem);
padding: 0;
border: 1px solid rgba(212, 255, 0, 0.72);
border-radius: 999px;
background: rgba(13, 31, 60, 0.55);
color: #d4ff00;
box-shadow: 0 0 12px rgba(212, 255, 0, 0.22);
cursor: pointer;
}
.oo-sport-mobile-catalog-menu-btn:hover,
.oo-sport-mobile-catalog-menu-btn:focus-visible {
border-color: #d4ff00;
box-shadow: 0 0 16px rgba(212, 255, 0, 0.4);
outline: none;
}
.oo-sport-mobile-catalog-menu-btn .oo-sport-mobile-catalog-menu-hamburger {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 0.95rem;
height: 0.65rem;
pointer-events: none;
}
.oo-sport-mobile-catalog-menu-btn .oo-sport-mobile-catalog-menu-hamburger .oo-sport-mobile-tree-hamburger-bar {
display: block;
height: 2px;
border-radius: 2px;
background: currentColor;
box-shadow: 0 0 6px rgba(212, 255, 0, 0.35);
}
.oo-sport-mobile-catalog-header-title {
margin: 0.35rem 0 0;
font-family: "Exo 2", sans-serif !important;
font-size: clamp(1.05rem, 5.6vw, 1.45rem);
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.15;
color: #f0f4f8;
text-transform: uppercase;
}
.oo-sport-mobile-catalog-header-meta {
margin: 0.35rem 0 0;
font-family: "Exo 2", sans-serif !important;
font-size: clamp(0.74rem, 3.3vw, 0.9rem);
font-weight: 500;
letter-spacing: 0.03em;
line-height: 1.25;
color: rgba(240, 244, 248, 0.85);
}
.oo-sport-tiimiriided-catalog-body {
grid-template-columns: 1fr;
gap: 1rem;
margin-top: 0 !important;
padding-top: 0 !important;
padding-left: var(--oo-fluid-padding-x);
padding-right: var(--oo-fluid-padding-x);
}
/* Mobiili kataloog: kaartide vahe ja servamarginaalid samas r????tmis. */
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-body {
--oo-mobile-catalog-card-gap: clamp(0.75rem, 3.2vw, 0.95rem);
gap: var(--oo-mobile-catalog-card-gap);
padding-left: max(var(--oo-mobile-catalog-card-gap), env(safe-area-inset-left));
padding-right: max(var(--oo-mobile-catalog-card-gap), env(safe-area-inset-right));
}
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-body .oo-sport-catalog-content {
padding-left: 0 !important;
padding-right: 0 !important;
overflow-x: visible !important;
}
body:not(.single-oo_toode) .oo-sport-catalog-sidebar {
padding-top: 0 !important;
}
.oo-sport-catalog-sidebar {
padding-top: 1rem;
}
.oo-sport-catalog-breadcrumb-list {
font-size: clamp(0.72rem, 3.2vw, 0.84rem);
}
.oo-sport-products-heading {
font-size: clamp(1.05rem, 5vw, 1.35rem) !important;
}
.oo-sport-brand-tree-title {
font-size: clamp(0.9rem, 3.8vw, 1rem);
}
.oo-sport-brand-tree .oo-sport-brand-tree-item > a {
font-size: clamp(0.9rem, 3.8vw, 1rem);
}
.oo-sport-brand-tree .oo-sport-brand-tree-subitem:has(> .oo-sport-brand-tree-sublist) > a {
font-size: clamp(0.84rem, 3.5vw, 0.94rem);
}
.oo-sport-brand-tree .oo-sport-brand-tree-subitem.has-children > a {
font-size: clamp(0.84rem, 3.5vw, 0.94rem);
}
.oo-sport-brand-tree .oo-sport-brand-tree-subitem:not(:has(> .oo-sport-brand-tree-sublist)) > a {
font-size: clamp(0.74rem, 2.9vw, 0.82rem);
}
.oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-leaf > a {
font-size: clamp(0.74rem, 2.9vw, 0.82rem);
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-brand-tree-title {
font-size: clamp(0.9rem, 3.8vw, 1rem);
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-dropdown-item > a {
font-size: clamp(0.9rem, 3.8vw, 1rem);
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-tree-item.has-children > a {
font-size: clamp(0.84rem, 3.5vw, 0.94rem);
}
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-tree-item.is-leaf > a,
.oo-sport-tiimiriided-catalog-body .oo-sport-brand-tree .oo-sport-header-tree-item > a {
font-size: clamp(0.74rem, 2.9vw, 0.82rem);
}
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-body .oo-sport-products-wrap {
overflow: visible;
padding-top: calc(clamp(2.2rem, 9vw, 2.55rem) + 0.45rem);
padding-bottom: 0;
padding-left: var(--oo-mobile-catalog-card-gap, 0.75rem);
padding-right: var(--oo-mobile-catalog-card-gap, 0.75rem);
box-sizing: border-box;
}
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-body .oo-sport-products-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--oo-mobile-catalog-card-gap, 0.75rem);
width: 100%;
min-width: 0;
box-sizing: border-box;
padding-bottom: 0;
}
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-body .oo-sport-product-card {
flex: none;
width: 100%;
}
/* T????hja filtri/kategooria tulemuse korral hoia kataloogi ala visuaalselt avatuna. */
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-body .oo-sport-catalog-content > .oo-sport-products-empty {
margin-top: calc(clamp(2.2rem, 9vw, 2.55rem) + 0.45rem);
margin-bottom: 0;
min-height: 0;
padding: clamp(0.95rem, 4vw, 1.15rem);
border: 1px solid rgba(212, 255, 0, 0.2);
border-radius: 12px;
background: rgba(13, 31, 60, 0.32);
color: rgba(240, 244, 248, 0.9);
line-height: 1.4;
box-sizing: border-box;
}
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-body .oo-sport-catalog-content:has(> .oo-sport-products-empty) {
padding-bottom: clamp(0.75rem, 4vw, 1rem) !important;
}
.oo-sport-filter-trigger-btn {
font-size: clamp(0.78rem, 3.4vw, 0.9rem);
}
}
/* Kataloogi paneelide taustamuutujad (desktop + single). */
body:not(.single-oo_toode),
body.single-oo_toode {
--oo-dropdown-blue: #0d1f3c;
--oo-catalog-glass-bg: rgba(13, 31, 60, 0.18); /* klaas-efekt kataloogi taustal (j????ta l????bipaistvaks) */
}
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-main .oo-sport-filter-panel.oo-sport-filter-panel-hero,
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-main .oo-sport-mobile-tree-panel:not(.oo-sport-mobile-tree-panel-modern) {
background: var(--oo-dropdown-blue) !important;
background-color: var(--oo-dropdown-blue) !important;
background-image: none !important;
opacity: 1 !important;
filter: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
z-index: 60 !important; /* hoia kindlalt kataloogi klaas-/taustakihtidest ees */
}
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-main .oo-sport-filter-panel-inner {
position: relative;
z-index: 1;
}
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-main .oo-sport-filter-accordion {
background: var(--oo-dropdown-blue) !important;
background-color: var(--oo-dropdown-blue) !important;
background-image: none !important;
opacity: 1 !important;
filter: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border-color: rgba(212, 255, 0, 0.55) !important;
}
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-main .oo-sport-filter-panel.oo-sport-filter-panel-hero::before,
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-main .oo-sport-filter-panel.oo-sport-filter-panel-hero::after,
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-main .oo-sport-filter-accordion::before,
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-main .oo-sport-filter-accordion::after {
content: none !important;
display: none !important;
}
/* Eemaldatud ajutine tootepuu paremale ulatuv lisakiht (::before),
mis tekitas eraldi ristk????liku tunde toodete ala taga. */
/* Mobiilikataloogis ????ks ????htne klaasikiht kogu kataloogi ala alla. */
@media (max-width: 781px) {
body:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-main .oo-sport-tiimiriided-catalog-body:has(.oo-sport-products-wrap .oo-sport-product-card)::after {
content: "" !important;
display: block !important;
position: absolute;
left: 50% !important;
right: auto !important;
width: 100vw !important;
transform: translateX(-50%) !important;
top: 0 !important;
bottom: 0 !important;
height: auto !important;
min-height: 100% !important;
z-index: 0 !important;
pointer-events: none;
background: var(--oo-catalog-glass-bg);
background-color: var(--oo-catalog-glass-bg);
backdrop-filter: none;
-webkit-backdrop-filter: none;
box-shadow: none !important;
}
}
/* Headeri rippmen????????: sama visuaalne keel nagu tootepuul */
@media (min-width: 782px) {
.oo-sport-header-nav .oo-sport-header-catalog-dropdown .oo-sport-brand-tree {
display: block !important;
width: 100% !important;
min-width: 0 !important;
flex: 0 0 auto !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
text-align: left !important;
}
.oo-sport-header-nav .oo-sport-header-catalog-dropdown .oo-sport-brand-tree-title {
display: none !important;
}
.oo-sport-header-nav .oo-sport-header-catalog-dropdown .oo-sport-brand-tree-list {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.oo-sport-header-nav .oo-sport-header-catalog-dropdown {
padding: 0 !important;
min-width: min(360px, calc(100vw - 40px)) !important;
max-width: min(420px, calc(100vw - 40px)) !important;
background: rgba(192, 196, 201, 0.74) !important;
background-color: rgba(192, 196, 201, 0.74) !important;
border: 1px solid rgba(255, 255, 255, 0.22) !important;
border-radius: 14px !important;
overflow: hidden !important;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14), 0 3px 8px rgba(0, 0, 0, 0.09) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
text-align: left !important;
}
.oo-sport-header-nav .wp-block-navigation__submenu-container {
background: rgba(192, 196, 201, 0.78) !important;
background-color: rgba(192, 196, 201, 0.78) !important;
border: 1px solid rgba(255, 255, 255, 0.24) !important;
border-radius: 12px !important;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.14), 0 3px 8px rgba(0, 0, 0, 0.09) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
}
.oo-sport-header-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
display: block !important;
margin: 0 !important;
padding: 0.5rem 0.7rem !important;
border: 1px solid rgba(255, 255, 255, 0.18) !important;
background: rgba(28, 31, 36, 0.4) !important;
color: rgba(255, 255, 255, 0.96) !important;
font-family: "Exo 2", sans-serif !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
text-align: left !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
}
.oo-sport-header-nav .wp-block-navigation__submenu-container .wp-block-navigation-item + .wp-block-navigation-item .wp-block-navigation-item__content {
margin-top: -1px !important;
}
.oo-sport-header-catalog-dropdown ul,
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-list,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-sublist {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-item {
margin: 0 !important;
padding: 0 !important;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item + .oo-sport-header-dropdown-item {
margin: 0 !important;
padding: 0 !important;
border-top: 0 !important;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-sublist {
border: 0 !important;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item > a,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-item > a {
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 2.35rem !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 0.55rem 0.7rem !important;
border: 1px solid rgba(255, 255, 255, 0.18) !important;
border-radius: 0 !important;
background: rgba(38, 40, 44, 0.3) !important;
color: rgba(255, 255, 255, 0.96) !important;
font-family: "Exo 2", sans-serif !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
line-height: 1.2 !important;
text-decoration: none !important;
text-align: left !important;
position: relative !important;
transform: translateY(0) !important;
box-shadow: none !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) !important;
transition: border-color 140ms ease, color 140ms ease, transform 140ms ease, box-shadow 140ms ease !important;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-list > .oo-sport-header-dropdown-item > a {
min-height: 2.8rem !important;
padding-top: 0.72rem !important;
padding-bottom: 0.72rem !important;
font-size: 1.04rem !important;
font-weight: 700 !important;
letter-spacing: 0.055em !important;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-list > .oo-sport-header-dropdown-item:first-child > a {
border-top-left-radius: 14px !important;
border-top-right-radius: 14px !important;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-list > .oo-sport-header-dropdown-item:last-child > a {
border-bottom-left-radius: 14px !important;
border-bottom-right-radius: 14px !important;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-sublist > .oo-sport-header-tree-item > a {
background: rgba(0, 0, 0, 0.14) !important;
border-color: rgba(255, 255, 255, 0.12) !important;
padding-left: 1.12rem !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 -1px 0 rgba(0, 0, 0, 0.28), inset 0 2px 5px rgba(0, 0, 0, 0.3) !important;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-sublist .oo-sport-header-tree-sublist > .oo-sport-header-tree-item > a {
background: rgba(0, 0, 0, 0.22) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
padding-left: 1.56rem !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), inset 0 -1px 0 rgba(0, 0, 0, 0.34), inset 0 3px 7px rgba(0, 0, 0, 0.4) !important;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-sublist .oo-sport-header-tree-sublist .oo-sport-header-tree-sublist > .oo-sport-header-tree-item > a {
background: rgba(0, 0, 0, 0.3) !important;
border-color: rgba(255, 255, 255, 0.09) !important;
padding-left: 2rem !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(0, 0, 0, 0.4), inset 0 4px 9px rgba(0, 0, 0, 0.48) !important;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-list > .oo-sport-header-dropdown-item + .oo-sport-header-dropdown-item > a,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-sublist > .oo-sport-header-tree-item + .oo-sport-header-tree-item > a,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-sublist > .oo-sport-header-tree-item:first-child > a {
margin-top: -1px !important;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item > a::after,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-item > a::after {
content: "" !important;
position: absolute !important;
right: 0.42rem !important;
top: 16% !important;
bottom: 16% !important;
left: auto !important;
width: 3px !important;
height: auto !important;
border-radius: 999px !important;
background: #d4ff00 !important;
box-shadow: 0 0 8px rgba(212, 255, 0, 0.45) !important;
opacity: 0 !important;
transform: none !important;
transition: opacity 140ms ease !important;
pointer-events: none !important;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item.is-active > a,
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item.is-open > a,
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item.has-active-descendant > a,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-item.is-active > a,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-item.is-open > a,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-item.has-active-descendant > a {
color: #d4ff00 !important;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item.is-active > a::after,
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item.is-open > a::after,
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item.has-active-descendant > a::after,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-item.is-active > a::after,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-item.is-open > a::after,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-item.has-active-descendant > a::after {
opacity: 1 !important;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item > a:hover,
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item > a:focus-visible,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-item > a:hover,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-item > a:focus-visible {
background: rgba(0, 0, 0, 0.05) !important;
transform: translateY(1px) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.26) !important;
color: #d4ff00 !important;
text-decoration: none !important;
}
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item > a:hover::after,
.oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item > a:focus-visible::after,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-item > a:hover::after,
.oo-sport-header-catalog-dropdown .oo-sport-header-tree-item > a:focus-visible::after {
opacity: 1 !important;
}
}
@media (max-width: 781px) {
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown {
padding: 0 !important;
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
overflow: visible !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
text-align: left !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
text-align: left !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
display: block !important;
margin: 0 !important;
padding: 0.5rem 0.7rem !important;
border: 1px solid rgba(255, 255, 255, 0.18) !important;
background: rgba(28, 31, 36, 0.4) !important;
color: rgba(255, 255, 255, 0.96) !important;
font-family: "Exo 2", sans-serif !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
text-align: left !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45) !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item + .wp-block-navigation-item .wp-block-navigation-item__content {
margin-top: -1px !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-item {
margin: 0 !important;
padding: 0 !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item + .oo-sport-header-dropdown-item {
margin: 0 !important;
padding: 0 !important;
border-top: 0 !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-sublist {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item > a,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-item > a {
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 2.35rem !important;
padding: 0.55rem 0.7rem !important;
box-sizing: border-box !important;
margin: 0 !important;
border: 1px solid rgba(255, 255, 255, 0.18) !important;
border-radius: 0 !important;
background: rgba(38, 40, 44, 0.3) !important;
color: rgba(255, 255, 255, 0.96) !important;
font-family: "Exo 2", sans-serif !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
line-height: 1.2 !important;
text-align: left !important;
text-decoration: none !important;
position: relative !important;
transform: translateY(0) !important;
box-shadow: none !important;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) !important;
transition: border-color 140ms ease, color 140ms ease, transform 140ms ease, box-shadow 140ms ease !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-list > .oo-sport-header-dropdown-item > a {
min-height: 2.8rem !important;
padding-top: 0.72rem !important;
padding-bottom: 0.72rem !important;
font-size: 1.04rem !important;
font-weight: 700 !important;
letter-spacing: 0.055em !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-list > .oo-sport-header-dropdown-item:first-child > a {
border-top-left-radius: 14px !important;
border-top-right-radius: 14px !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-list > .oo-sport-header-dropdown-item:last-child > a {
border-bottom-left-radius: 14px !important;
border-bottom-right-radius: 14px !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-sublist > .oo-sport-header-tree-item > a {
background: rgba(0, 0, 0, 0.14) !important;
border-color: rgba(255, 255, 255, 0.12) !important;
padding-left: 1.12rem !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 -1px 0 rgba(0, 0, 0, 0.28), inset 0 2px 5px rgba(0, 0, 0, 0.3) !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-sublist .oo-sport-header-tree-sublist > .oo-sport-header-tree-item > a {
background: rgba(0, 0, 0, 0.22) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
padding-left: 1.56rem !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), inset 0 -1px 0 rgba(0, 0, 0, 0.34), inset 0 3px 7px rgba(0, 0, 0, 0.4) !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-sublist .oo-sport-header-tree-sublist .oo-sport-header-tree-sublist > .oo-sport-header-tree-item > a {
background: rgba(0, 0, 0, 0.3) !important;
border-color: rgba(255, 255, 255, 0.09) !important;
padding-left: 2rem !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(0, 0, 0, 0.4), inset 0 4px 9px rgba(0, 0, 0, 0.48) !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-list > .oo-sport-header-dropdown-item + .oo-sport-header-dropdown-item > a,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-sublist > .oo-sport-header-tree-item + .oo-sport-header-tree-item > a,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-sublist > .oo-sport-header-tree-item:first-child > a {
margin-top: -1px !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item > a::after,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-item > a::after {
content: "" !important;
position: absolute !important;
right: 0.42rem !important;
top: 16% !important;
bottom: 16% !important;
left: auto !important;
width: 3px !important;
height: auto !important;
border-radius: 999px !important;
background: #d4ff00 !important;
box-shadow: 0 0 8px rgba(212, 255, 0, 0.45) !important;
opacity: 0 !important;
transform: none !important;
transition: opacity 140ms ease !important;
pointer-events: none !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item.is-active > a,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item.is-open > a,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item.has-active-descendant > a,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-item.is-active > a,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-item.is-open > a,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-item.has-active-descendant > a {
color: #d4ff00 !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item.is-active > a::after,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item.is-open > a::after,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item.has-active-descendant > a::after,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-item.is-active > a::after,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-item.is-open > a::after,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-item.has-active-descendant > a::after {
opacity: 1 !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item > a:hover,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item > a:focus-visible,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-item > a:hover,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-item > a:focus-visible {
background: rgba(0, 0, 0, 0.05) !important;
transform: translateY(1px) !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.26) !important;
color: #d4ff00 !important;
text-decoration: none !important;
}
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item > a:hover::after,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-dropdown-item > a:focus-visible::after,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-item > a:hover::after,
.oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open .oo-sport-header-catalog-dropdown .oo-sport-header-tree-item > a:focus-visible::after {
opacity: 1 !important;
}
}
/* Sportreklaam/Tiimiriided mobiil: tootepuu nupp = klassikaline burger (3 joont), avatult X. */
@media (max-width: 1024px) {
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-filter-trigger-bar.has-mobile-tree,
body.page-template-page-sportreklaam:not(.single-oo_toode) .oo-sport-filter-trigger-bar.has-mobile-tree,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-filter-trigger-bar.has-mobile-tree,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-filter-trigger-bar.has-mobile-tree,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-filter-trigger-bar.has-mobile-tree {
min-height: 0 !important;
justify-content: flex-end !important;
padding-left: 0 !important;
padding-right: 0 !important;
/* ?le .oo-sport-mobile-tree-panel-modern (10030), et burger/X ei l?heks men?? taha. */
z-index: 10050 !important;
}
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle,
body.page-template-page-sportreklaam:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle {
display: block !important;
position: fixed !important;
left: 50% !important;
top: calc(var(--oo-header-height, 64px) - 8px) !important;
transform: translateX(-50%) !important;
width: 44px !important;
height: 44px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid rgba(212, 255, 0, 0.72) !important;
border-radius: 999px !important;
background: rgba(13, 31, 60, 0.82) !important;
background-color: rgba(13, 31, 60, 0.82) !important;
box-shadow: 0 0 14px rgba(212, 255, 0, 0.24) !important;
cursor: pointer !important;
-webkit-tap-highlight-color: transparent;
pointer-events: auto !important;
z-index: 10060 !important;
}
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:focus,
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:focus-visible,
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:active,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:focus,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:focus-visible,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:active,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:focus,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:focus-visible,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:active {
outline: none !important;
border-color: #d4ff00 !important;
box-shadow: 0 0 18px rgba(212, 255, 0, 0.42) !important;
}
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-mobile-tree-modern-toggle-text,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-mobile-tree-modern-toggle-text,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-mobile-tree-modern-toggle-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(100%) !important;
white-space: nowrap !important;
border: 0 !important;
}
/* Burger: single product (tootepuu nupp) */
body.single-oo_toode .oo-sport-single-mobile-tree-toggle .oo-sport-mobile-tree-hamburger {
position: absolute !important;
left: 50% !important;
top: 50% !important;
width: 18px !important;
height: 12px !important;
transform: translate(-50%, -50%) !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: stretch !important;
pointer-events: none !important;
box-sizing: border-box !important;
}
body.single-oo_toode .oo-sport-single-mobile-tree-toggle .oo-sport-mobile-tree-hamburger-bar {
display: block !important;
height: 2px !important;
border-radius: 2px !important;
background: rgba(212, 255, 0, 0.95) !important;
box-shadow: 0 0 6px rgba(212, 255, 0, 0.35) !important;
transition: transform 0.2s ease, opacity 0.15s ease !important;
transform-origin: center !important;
}
body.single-oo_toode .oo-sport-single-mobile-tree-toggle[aria-expanded="true"] .oo-sport-mobile-tree-hamburger-bar:nth-child(1) {
transform: translateY(5px) rotate(45deg) !important;
}
body.single-oo_toode .oo-sport-single-mobile-tree-toggle[aria-expanded="true"] .oo-sport-mobile-tree-hamburger-bar:nth-child(2) {
opacity: 0 !important;
transform: scaleX(0) !important;
}
body.single-oo_toode .oo-sport-single-mobile-tree-toggle[aria-expanded="true"] .oo-sport-mobile-tree-hamburger-bar:nth-child(3) {
transform: translateY(-5px) rotate(-45deg) !important;
}
/* Burger: Sportreklaam kataloog */
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle .oo-sport-mobile-tree-hamburger {
position: absolute !important;
left: 50% !important;
top: 50% !important;
width: 18px !important;
height: 12px !important;
transform: translate(-50%, -50%) !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: stretch !important;
pointer-events: none !important;
box-sizing: border-box !important;
}
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle .oo-sport-mobile-tree-hamburger-bar {
display: block !important;
height: 2px !important;
border-radius: 2px !important;
background: rgba(212, 255, 0, 0.95) !important;
box-shadow: 0 0 6px rgba(212, 255, 0, 0.35) !important;
transition: transform 0.2s ease, opacity 0.15s ease !important;
transform-origin: center !important;
}
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle[aria-expanded="true"] .oo-sport-mobile-tree-hamburger-bar:nth-child(1) {
transform: translateY(5px) rotate(45deg) !important;
}
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle[aria-expanded="true"] .oo-sport-mobile-tree-hamburger-bar:nth-child(2) {
opacity: 0 !important;
transform: scaleX(0) !important;
}
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle[aria-expanded="true"] .oo-sport-mobile-tree-hamburger-bar:nth-child(3) {
transform: translateY(-5px) rotate(-45deg) !important;
}
/* Burger: tiimiriided leht */
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle .oo-sport-mobile-tree-hamburger {
position: absolute !important;
left: 50% !important;
top: 50% !important;
width: 18px !important;
height: 12px !important;
transform: translate(-50%, -50%) !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: stretch !important;
pointer-events: none !important;
box-sizing: border-box !important;
}
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle .oo-sport-mobile-tree-hamburger-bar {
display: block !important;
height: 2px !important;
border-radius: 2px !important;
background: rgba(212, 255, 0, 0.95) !important;
box-shadow: 0 0 6px rgba(212, 255, 0, 0.35) !important;
transition: transform 0.2s ease, opacity 0.15s ease !important;
transform-origin: center !important;
}
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle[aria-expanded="true"] .oo-sport-mobile-tree-hamburger-bar:nth-child(1) {
transform: translateY(5px) rotate(45deg) !important;
}
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle[aria-expanded="true"] .oo-sport-mobile-tree-hamburger-bar:nth-child(2) {
opacity: 0 !important;
transform: scaleX(0) !important;
}
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle[aria-expanded="true"] .oo-sport-mobile-tree-hamburger-bar:nth-child(3) {
transform: translateY(-5px) rotate(-45deg) !important;
}
/* Burger: tiimiriiided leht */
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle .oo-sport-mobile-tree-hamburger {
position: absolute !important;
left: 50% !important;
top: 50% !important;
width: 18px !important;
height: 12px !important;
transform: translate(-50%, -50%) !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: stretch !important;
pointer-events: none !important;
box-sizing: border-box !important;
}
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle .oo-sport-mobile-tree-hamburger-bar {
display: block !important;
height: 2px !important;
border-radius: 2px !important;
background: rgba(212, 255, 0, 0.95) !important;
box-shadow: 0 0 6px rgba(212, 255, 0, 0.35) !important;
transition: transform 0.2s ease, opacity 0.15s ease !important;
transform-origin: center !important;
}
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle[aria-expanded="true"] .oo-sport-mobile-tree-hamburger-bar:nth-child(1) {
transform: translateY(5px) rotate(45deg) !important;
}
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle[aria-expanded="true"] .oo-sport-mobile-tree-hamburger-bar:nth-child(2) {
opacity: 0 !important;
transform: scaleX(0) !important;
}
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle[aria-expanded="true"] .oo-sport-mobile-tree-hamburger-bar:nth-child(3) {
transform: translateY(-5px) rotate(-45deg) !important;
}
/* Burger: Sportreklaam fallback nupp */
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sr-mobile-tree-fallback-toggle .oo-sport-mobile-tree-hamburger {
position: absolute !important;
left: 50% !important;
top: 50% !important;
width: 18px !important;
height: 12px !important;
transform: translate(-50%, -50%) !important;
display: flex !important;
flex-direction: column !important;
justify-content: space-between !important;
align-items: stretch !important;
pointer-events: none !important;
box-sizing: border-box !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sr-mobile-tree-fallback-toggle .oo-sport-mobile-tree-hamburger-bar {
display: block !important;
height: 2px !important;
border-radius: 2px !important;
background: rgba(212, 255, 0, 0.95) !important;
box-shadow: 0 0 6px rgba(212, 255, 0, 0.35) !important;
transition: transform 0.2s ease, opacity 0.15s ease !important;
transform-origin: center !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sr-mobile-tree-fallback-toggle.is-open .oo-sport-mobile-tree-hamburger-bar:nth-child(1) {
transform: translateY(5px) rotate(45deg) !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sr-mobile-tree-fallback-toggle.is-open .oo-sport-mobile-tree-hamburger-bar:nth-child(2) {
opacity: 0 !important;
transform: scaleX(0) !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sr-mobile-tree-fallback-toggle.is-open .oo-sport-mobile-tree-hamburger-bar:nth-child(3) {
transform: translateY(-5px) rotate(-45deg) !important;
}
/* Mobiili tootepuu rippmen?? + read: ?hised reeglid body.home ja body.oo-sport-product-catalog-page plokis ?leval. */
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-modern:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap,
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-modern:not(.single-oo_toode) .oo-sport-sr-mobile-tree-fallback-toggle,
body.page-template-sportreklaam:not(.single-oo_toode):has(.oo-sport-mobile-tree-modern-toggle) .oo-sport-sportreklaam-floating-tree-wrap,
body.page-template-sportreklaam:not(.single-oo_toode):has(.oo-sport-mobile-tree-modern-toggle) .oo-sport-sr-mobile-tree-fallback-toggle,
body.oo-sport-product-catalog-page:not(.single-oo_toode):has(.oo-sport-mobile-tree-modern-toggle) .oo-sport-sportreklaam-floating-tree-wrap,
body.oo-sport-product-catalog-page:not(.single-oo_toode):has(.oo-sport-mobile-tree-modern-toggle) .oo-sport-sr-mobile-tree-fallback-toggle {
display: none !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-modern:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap,
body.page-template-sportreklaam:not(.single-oo_toode):has(.oo-sport-mobile-tree-modern-toggle) .oo-sport-sportreklaam-product-preview-wrap,
body.oo-sport-product-catalog-page:not(.single-oo_toode):has(.oo-sport-mobile-tree-modern-toggle) .oo-sport-sportreklaam-product-preview-wrap {
left: max(12px, env(safe-area-inset-left)) !important;
right: max(12px, env(safe-area-inset-right)) !important;
width: auto !important;
top: calc(var(--oo-header-height, 64px) + 16px) !important;
bottom: 10px !important;
}
}
@media (max-width: 1024px) and (orientation: landscape) {
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle {
left: auto !important;
right: max(12px, env(safe-area-inset-right)) !important;
transform: none !important;
width: 44px !important;
height: 44px !important;
}
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern {
left: auto !important;
right: max(12px, env(safe-area-inset-right)) !important;
width: min(380px, calc(100vw - 24px)) !important;
}
}
@media (min-width: 1025px) {
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle,
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern {
display: none !important;
}
}
/* Sportreklaam fallback (scope=sport): burger-toggler vasakule tootepuule. */
.oo-sport-sr-mobile-tree-fallback-toggle {
display: none;
}
@media (max-width: 1024px) {
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sr-mobile-tree-fallback-toggle {
display: block !important;
position: fixed !important;
left: 50% !important;
top: calc(var(--oo-header-height, 64px) - 8px) !important;
transform: translateX(-50%) !important;
width: 44px !important;
height: 44px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid rgba(212, 255, 0, 0.72) !important;
border-radius: 999px !important;
background: rgba(13, 31, 60, 0.82) !important;
background-color: rgba(13, 31, 60, 0.82) !important;
box-shadow: 0 0 14px rgba(212, 255, 0, 0.24) !important;
-webkit-appearance: none !important;
appearance: none !important;
cursor: pointer !important;
-webkit-tap-highlight-color: transparent;
pointer-events: auto !important;
z-index: 10060 !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sr-mobile-tree-fallback-toggle:focus,
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sr-mobile-tree-fallback-toggle:focus-visible,
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sr-mobile-tree-fallback-toggle:active {
outline: none !important;
border-color: #d4ff00 !important;
box-shadow: 0 0 18px rgba(212, 255, 0, 0.42) !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap {
position: fixed !important;
left: max(12px, env(safe-area-inset-left)) !important;
right: max(12px, env(safe-area-inset-right)) !important;
top: calc(var(--oo-header-height, 64px) + 16px) !important;
bottom: auto !important;
width: auto !important;
max-width: none !important;
max-height: min(56vh, 430px) !important;
margin: 0 !important;
padding: 0 !important;
z-index: 10030 !important;
overflow: visible !important;
background: transparent !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform-origin: top center !important;
transform: translateY(-10px) scaleY(0.96) !important;
transition: opacity 180ms ease, transform 180ms ease, visibility 0s linear 180ms !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap.oo-sport-mobile-tree-open {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translateY(0) scaleY(1) !important;
transition-delay: 0s !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
max-height: min(56vh, 430px) !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
background: rgba(13, 22, 36, 0.78) !important;
background-color: rgba(13, 22, 36, 0.78) !important;
border: 1px solid rgba(255, 255, 255, 0.22) !important;
border-radius: 14px !important;
overflow: auto !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none !important;
-ms-overflow-style: none;
backdrop-filter: blur(14px) saturate(115%) !important;
-webkit-backdrop-filter: blur(14px) saturate(115%) !important;
filter: none !important;
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.34), 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
display: none !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree::before,
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree::after {
content: none !important;
display: none !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree-title,
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree p {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree a br {
display: none !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree a {
text-align: left !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-list,
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-sublist {
margin: 0 !important;
padding: 0 !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-item,
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem {
margin: 0 !important;
padding: 0 !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-item > a,
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a,
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-header-dropdown-item > a,
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-header-tree-item > a {
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 2.35rem !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 0.55rem 0.7rem !important;
border: 1px solid rgba(255, 255, 255, 0.18) !important;
border-radius: 0 !important;
background: rgba(14, 22, 35, 0.58) !important;
color: rgba(255, 255, 255, 0.96) !important;
line-height: 1.2 !important;
font-family: "Exo 2", sans-serif !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
text-shadow: none !important;
opacity: 1 !important;
position: relative !important;
transform: translateY(0) !important;
text-decoration: none !important;
transition: border-color 140ms ease, color 140ms ease, transform 140ms ease, box-shadow 140ms ease !important;
box-shadow: none !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-item.is-main-category > a {
min-height: 2.8rem !important;
padding-top: 0.72rem !important;
padding-bottom: 0.72rem !important;
font-size: 1.04rem !important;
font-weight: 700 !important;
letter-spacing: 0.055em !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a {
background: rgba(0, 0, 0, 0.34) !important;
border-color: rgba(255, 255, 255, 0.12) !important;
padding-left: 1.18rem !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 -1px 0 rgba(0, 0, 0, 0.28), inset 0 2px 5px rgba(0, 0, 0, 0.3) !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem .oo-sport-brand-tree-subitem > a {
background: rgba(0, 0, 0, 0.46) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
padding-left: 1.62rem !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), inset 0 -1px 0 rgba(0, 0, 0, 0.34), inset 0 3px 7px rgba(0, 0, 0, 0.4) !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem .oo-sport-brand-tree-subitem .oo-sport-brand-tree-subitem > a {
background: rgba(0, 0, 0, 0.58) !important;
border-color: rgba(255, 255, 255, 0.09) !important;
padding-left: 2.06rem !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(0, 0, 0, 0.4), inset 0 4px 9px rgba(0, 0, 0, 0.48) !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-item > .oo-sport-brand-tree-sublist,
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem > .oo-sport-brand-tree-sublist {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-list > .oo-sport-brand-tree-item + .oo-sport-brand-tree-item > a,
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-sublist > .oo-sport-brand-tree-subitem + .oo-sport-brand-tree-subitem > a,
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-sublist > .oo-sport-brand-tree-subitem:first-child > a {
margin-top: -1px !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-item.is-active > a,
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active > a {
color: #d4ff00 !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-item.is-active > a::after,
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active > a::after {
content: "" !important;
position: absolute !important;
right: 0.42rem !important;
top: 16% !important;
bottom: 16% !important;
width: 3px !important;
border-radius: 999px !important;
background: #d4ff00 !important;
box-shadow: 0 0 8px rgba(212, 255, 0, 0.45) !important;
pointer-events: none !important;
}
}
@media (max-width: 1024px) and (hover: hover) {
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-item > a:hover,
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a:hover {
background: rgba(0, 0, 0, 0.05) !important;
transform: translateY(1px) !important;
z-index: 1 !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.26) !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-item > a:hover::after,
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a:hover::after {
content: "" !important;
position: absolute !important;
right: 0.42rem !important;
top: 16% !important;
bottom: 16% !important;
width: 3px !important;
border-radius: 999px !important;
background: #d4ff00 !important;
box-shadow: 0 0 8px rgba(212, 255, 0, 0.45) !important;
pointer-events: none !important;
}
}
@media (max-width: 1024px) and (orientation: landscape) {
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sr-mobile-tree-fallback-toggle {
left: auto !important;
right: max(12px, env(safe-area-inset-right)) !important;
transform: none !important;
width: 44px !important;
height: 44px !important;
}
body.page-template-sportreklaam.oo-sport-sportreklaam-mobile-tree-fallback:not(.single-oo_toode) .oo-sport-sportreklaam-floating-tree-wrap {
left: auto !important;
right: max(12px, env(safe-area-inset-right)) !important;
width: min(380px, calc(100vw - 24px)) !important;
}
}
/* Sportreklaam/Tiimiriided mobiil: filtri nupp peidus kui tootepuu lahti. */
@media (max-width: 1024px) {
body.page-template-sportreklaam:not(.single-oo_toode):has(.oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern.is-open) .oo-sport-filter-trigger-bar .oo-sport-filter-trigger-btn:not(.oo-sport-tree-trigger-btn),
body.page-tiimiriided:not(.single-oo_toode):has(.oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern.is-open) .oo-sport-filter-trigger-bar .oo-sport-filter-trigger-btn:not(.oo-sport-tree-trigger-btn),
body.page-tiimiriiided:not(.single-oo_toode):has(.oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern.is-open) .oo-sport-filter-trigger-bar .oo-sport-filter-trigger-btn:not(.oo-sport-tree-trigger-btn) {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
@media (max-width: 1024px) and (hover: hover) {
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-item > a:hover,
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a:hover,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-item > a:hover,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a:hover,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-item > a:hover,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a:hover {
background: rgba(0, 0, 0, 0.05) !important;
transform: translateY(1px) !important;
z-index: 1 !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.26) !important;
}
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-item > a:hover::after,
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a:hover::after,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-item > a:hover::after,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a:hover::after,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-item > a:hover::after,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-mobile-tree-panel.oo-sport-mobile-tree-panel-modern .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a:hover::after {
content: "" !important;
position: absolute !important;
right: 0.42rem !important;
top: 16% !important;
bottom: 16% !important;
width: 3px !important;
border-radius: 999px !important;
background: #d4ff00 !important;
box-shadow: 0 0 8px rgba(212, 255, 0, 0.45) !important;
pointer-events: none !important;
}
}
/* Filter-trigger rida: native reset + Filtreeri peitu kui tootepuu avatud; WP header burger peidus kataloogilehtedel. */
@media (max-width: 1024px) {
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-body .oo-sport-catalog-sidebar,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-body .oo-sport-catalog-sidebar,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-body .oo-sport-catalog-sidebar,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-tiimiriided-catalog-body .oo-sport-catalog-sidebar {
display: none !important;
}
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle {
-webkit-appearance: none !important;
appearance: none !important;
outline: none !important;
outline-offset: 0 !important;
}
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:hover,
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:focus,
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:focus-visible,
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:active,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:hover,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:focus,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:focus-visible,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:active,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:hover,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:focus,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:focus-visible,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle:active {
outline: none !important;
border-color: #d4ff00 !important;
box-shadow: 0 0 18px rgba(212, 255, 0, 0.42) !important;
}
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle[aria-expanded="true"] + .oo-sport-filter-trigger-btn:not(.oo-sport-tree-trigger-btn),
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle[aria-expanded="true"] + .oo-sport-filter-trigger-btn:not(.oo-sport-tree-trigger-btn),
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-filter-trigger-bar .oo-sport-tree-trigger-btn.oo-sport-mobile-tree-modern-toggle[aria-expanded="true"] + .oo-sport-filter-trigger-btn:not(.oo-sport-tree-trigger-btn) {
display: none !important;
}
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-header-nav .wp-block-navigation__responsive-container-open,
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-header-nav button.wp-block-navigation__responsive-container-open,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-header-nav .wp-block-navigation__responsive-container-open,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-header-nav button.wp-block-navigation__responsive-container-open,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-header-nav .wp-block-navigation__responsive-container-open,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-header-nav button.wp-block-navigation__responsive-container-open,
body.page-template-sportreklaam:not(.single-oo_toode) header .wp-block-navigation .wp-block-navigation__responsive-container-open,
body.page-template-sportreklaam:not(.single-oo_toode) header .wp-block-navigation button.wp-block-navigation__responsive-container-open,
body.page-tiimiriided:not(.single-oo_toode) header .wp-block-navigation .wp-block-navigation__responsive-container-open,
body.page-tiimiriided:not(.single-oo_toode) header .wp-block-navigation button.wp-block-navigation__responsive-container-open,
body.page-tiimiriiided:not(.single-oo_toode) header .wp-block-navigation .wp-block-navigation__responsive-container-open,
body.page-tiimiriiided:not(.single-oo_toode) header .wp-block-navigation button.wp-block-navigation__responsive-container-open {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
opacity: 0 !important;
}
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-header-nav .wp-block-navigation__responsive-container,
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-header-nav .wp-block-navigation__responsive-container,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-header-nav .wp-block-navigation__responsive-container,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open,
body.page-template-sportreklaam:not(.single-oo_toode) header .wp-block-navigation .wp-block-navigation__responsive-container,
body.page-template-sportreklaam:not(.single-oo_toode) header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open,
body.page-tiimiriided:not(.single-oo_toode) header .wp-block-navigation .wp-block-navigation__responsive-container,
body.page-tiimiriided:not(.single-oo_toode) header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open,
body.page-tiimiriiided:not(.single-oo_toode) header .wp-block-navigation .wp-block-navigation__responsive-container,
body.page-tiimiriiided:not(.single-oo_toode) header .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
opacity: 0 !important;
}
/*
* Tegelik keha klass mallile page-sportreklaam.html on tihti page-template-page-sportreklaam;
* vana page-template-sportreklaam ei pruugi kunagi esineda. functions.php lisab oo-sport-product-catalog-page.
*/
body.oo-sport-product-catalog-page:not(.single-oo_toode) button.wp-block-navigation__responsive-container-open,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .wp-block-navigation__responsive-container-open {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
opacity: 0 !important;
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
border: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
}
body.oo-sport-product-catalog-page:not(.single-oo_toode) .wp-block-navigation__responsive-container,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .wp-block-navigation__responsive-container.is-menu-open {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
opacity: 0 !important;
}
}
/* Mobiilis lehevahetus: ?ra liiguta kogu products-wrap'i transformiga (hoiab tootepuu nupu paigal). */
@media (max-width: 1024px) {
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap,
body.page-template-page-sportreklaam:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap {
transition: opacity 220ms cubic-bezier(0.22,0.61,0.36,1) !important;
}
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-leaving-next,
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-leaving-prev,
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-entering-next,
body.page-template-sportreklaam:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-entering-prev,
body.page-template-page-sportreklaam:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-leaving-next,
body.page-template-page-sportreklaam:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-leaving-prev,
body.page-template-page-sportreklaam:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-entering-next,
body.page-template-page-sportreklaam:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-entering-prev,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-leaving-next,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-leaving-prev,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-entering-next,
body.page-tiimiriided:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-entering-prev,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-leaving-next,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-leaving-prev,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-entering-next,
body.page-tiimiriiided:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-entering-prev,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-leaving-next,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-leaving-prev,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-entering-next,
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-wrap.is-entering-prev {
transform: none !important;
}
/* Pealkiri ei jookseks keskel oleva burgeri alla (fullbleed pea-rida). */
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-head-row:has(.oo-sport-mobile-tree-modern-toggle) {
padding-left: clamp(3rem, 12vw, 4rem) !important;
padding-right: clamp(3rem, 12vw, 4rem) !important;
}
body.oo-sport-product-catalog-page:not(.single-oo_toode) .oo-sport-sportreklaam-product-preview-wrap .oo-sport-products-head-row.has-filters .oo-sport-products-heading {
text-align: center !important;
}
}
/* Single-product mobile tree: burger + sama paigutus kui kataloog; ikoon ?hises plokis ?leval. */
@media (max-width: 1024px) {
body.single-oo_toode .oo-sport-single-mobile-tree-toggle {
display: block !important;
position: fixed !important;
left: 50% !important;
top: calc(var(--oo-header-height, 64px) - 8px) !important;
transform: translateX(-50%) !important;
width: 44px !important;
height: 44px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid rgba(212, 255, 0, 0.72) !important;
border-radius: 999px !important;
background: rgba(13, 31, 60, 0.82) !important;
background-color: rgba(13, 31, 60, 0.82) !important;
box-shadow: 0 0 14px rgba(212, 255, 0, 0.24) !important;
-webkit-appearance: none !important;
appearance: none !important;
cursor: pointer !important;
-webkit-tap-highlight-color: transparent;
pointer-events: auto !important;
z-index: 10060 !important;
}
/* Kui "Sarnased tooted" overlay avatud, t?sta burger kindlasti k?ige peale. */
body.single-oo_toode.oo-sport-single-v2-similar-open .oo-sport-single-mobile-tree-toggle {
z-index: 10110 !important;
}
body.single-oo_toode .oo-sport-single-mobile-tree-toggle:hover,
body.single-oo_toode .oo-sport-single-mobile-tree-toggle:focus,
body.single-oo_toode .oo-sport-single-mobile-tree-toggle:focus-visible,
body.single-oo_toode .oo-sport-single-mobile-tree-toggle:active {
outline: none !important;
border-color: #d4ff00 !important;
box-shadow: 0 0 18px rgba(212, 255, 0, 0.42) !important;
}
body.single-oo_toode .oo-sport-single-mobile-tree-toggle .oo-sport-mobile-tree-modern-toggle-text {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(100%) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel {
position: fixed !important;
left: max(12px, env(safe-area-inset-left)) !important;
right: max(12px, env(safe-area-inset-right)) !important;
top: calc(var(--oo-header-height, 64px) + 16px) !important;
bottom: auto !important;
width: auto !important;
max-width: none !important;
max-height: min(56vh, 430px) !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform-origin: top center !important;
transform: translateY(-10px) scaleY(0.96) !important;
transition: opacity 180ms ease, transform 180ms ease, visibility 0s linear 180ms !important;
z-index: 10030 !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel.is-open {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translateY(0) scaleY(1) !important;
transition-delay: 0s !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree {
width: 100% !important;
min-width: 0 !important;
max-width: none !important;
max-height: min(56vh, 430px) !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
background: rgba(13, 22, 36, 0.78) !important;
background-color: rgba(13, 22, 36, 0.78) !important;
border: 1px solid rgba(255, 255, 255, 0.22) !important;
border-radius: 14px !important;
overflow: auto !important;
-webkit-overflow-scrolling: touch;
scrollbar-width: none !important;
-ms-overflow-style: none;
backdrop-filter: blur(14px) saturate(115%) !important;
-webkit-backdrop-filter: blur(14px) saturate(115%) !important;
filter: none !important;
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.34), 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree::-webkit-scrollbar {
width: 0 !important;
height: 0 !important;
display: none !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree::before,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree::after {
content: none !important;
display: none !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree-title,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree p {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree a br {
display: none !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree a {
text-align: left !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-list,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-sublist {
margin: 0 !important;
padding: 0 !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-item,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-subitem {
margin: 0 !important;
padding: 0 !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-item > a,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-header-dropdown-item > a,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-header-tree-item > a {
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 2.35rem !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 0.55rem 0.7rem !important;
border: 1px solid rgba(255, 255, 255, 0.18) !important;
border-radius: 0 !important;
background: rgba(14, 22, 35, 0.58) !important;
color: rgba(255, 255, 255, 0.96) !important;
line-height: 1.2 !important;
font-family: "Exo 2", sans-serif !important;
font-size: 0.95rem !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
text-shadow: none !important;
opacity: 1 !important;
position: relative !important;
transform: translateY(0) !important;
text-decoration: none !important;
transition: border-color 140ms ease, color 140ms ease, transform 140ms ease, box-shadow 140ms ease !important;
box-shadow: none !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-item.is-main-category > a {
min-height: 2.8rem !important;
padding-top: 0.72rem !important;
padding-bottom: 0.72rem !important;
font-size: 1.04rem !important;
font-weight: 700 !important;
letter-spacing: 0.055em !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a {
background: rgba(0, 0, 0, 0.34) !important;
border-color: rgba(255, 255, 255, 0.12) !important;
padding-left: 1.18rem !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 -1px 0 rgba(0, 0, 0, 0.28), inset 0 2px 5px rgba(0, 0, 0, 0.3) !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-subitem .oo-sport-brand-tree-subitem > a {
background: rgba(0, 0, 0, 0.46) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
padding-left: 1.62rem !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), inset 0 -1px 0 rgba(0, 0, 0, 0.34), inset 0 3px 7px rgba(0, 0, 0, 0.4) !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-subitem .oo-sport-brand-tree-subitem .oo-sport-brand-tree-subitem > a {
background: rgba(0, 0, 0, 0.58) !important;
border-color: rgba(255, 255, 255, 0.09) !important;
padding-left: 2.06rem !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(0, 0, 0, 0.4), inset 0 4px 9px rgba(0, 0, 0, 0.48) !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-item > .oo-sport-brand-tree-sublist,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-subitem > .oo-sport-brand-tree-sublist {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-list > .oo-sport-brand-tree-item + .oo-sport-brand-tree-item > a,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-sublist > .oo-sport-brand-tree-subitem + .oo-sport-brand-tree-subitem > a,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-sublist > .oo-sport-brand-tree-subitem:first-child > a {
margin-top: -1px !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-item.is-active > a,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active > a {
color: #d4ff00 !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-item.is-active > a::after,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-subitem.is-active > a::after {
content: "" !important;
position: absolute !important;
right: 0.42rem !important;
top: 16% !important;
bottom: 16% !important;
width: 3px !important;
border-radius: 999px !important;
background: #d4ff00 !important;
box-shadow: 0 0 8px rgba(212, 255, 0, 0.45) !important;
pointer-events: none !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .has-active-descendant > a {
color: #d4ff00 !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-sportreklaam-product-preview-wrap {
left: max(12px, env(safe-area-inset-left)) !important;
right: max(12px, env(safe-area-inset-right)) !important;
width: auto !important;
top: calc(var(--oo-header-height, 76px) + 12px) !important;
bottom: 10px !important;
}
body.single-oo_toode .oo-sport-header-nav .wp-block-navigation__responsive-container-open,
body.single-oo_toode .oo-sport-header-nav button.wp-block-navigation__responsive-container-open,
body.single-oo_toode .oo-sport-header-nav .wp-block-navigation__responsive-container,
body.single-oo_toode .oo-sport-header-nav .wp-block-navigation__responsive-container.is-menu-open,
body.single-oo_toode .oo-sport-mobile-catalog-menu-btn {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
}
@media (max-width: 1024px) and (hover: hover) {
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-item > a:hover,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a:hover {
background: rgba(0, 0, 0, 0.05) !important;
transform: translateY(1px) !important;
z-index: 1 !important;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.26) !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-item > a:hover::after,
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel .oo-sport-brand-tree .oo-sport-brand-tree-subitem > a:hover::after {
content: "" !important;
position: absolute !important;
right: 0.42rem !important;
top: 16% !important;
bottom: 16% !important;
width: 3px !important;
border-radius: 999px !important;
background: #d4ff00 !important;
box-shadow: 0 0 8px rgba(212, 255, 0, 0.45) !important;
pointer-events: none !important;
}
}
@media (max-width: 1024px) and (orientation: landscape) {
body.single-oo_toode .oo-sport-single-mobile-tree-toggle {
left: auto !important;
right: max(12px, env(safe-area-inset-right)) !important;
transform: none !important;
width: 44px !important;
height: 44px !important;
}
body.single-oo_toode .oo-sport-single-clean-content .oo-sport-single-mobile-tree-panel {
left: auto !important;
right: max(12px, env(safe-area-inset-right)) !important;
width: min(380px, calc(100vw - 24px)) !important;
}
}
@media (min-width: 1025px) {
body.single-oo_toode .oo-sport-single-mobile-tree-toggle {
display: none !important;
}
}