@font-face {
font-family: "Inter";
src: url(//todameble.pl/wp-content/themes/toda-meble/assets/fonts/inter-var.woff2) format("woff2");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Archivo";
src: url(//todameble.pl/wp-content/themes/toda-meble/assets/fonts/archivo-var.woff2) format("woff2");
font-weight: 100 900;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Archivo Display";
src: url(//todameble.pl/wp-content/themes/toda-meble/assets/fonts/archivo-display.woff2) format("woff2");
font-weight: 800;
font-style: normal;
font-display: block;
} *, *::before, *::after { box-sizing: border-box; }
html {
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
} html, body {
overflow-x: hidden;
overflow-x: clip;
}
body {
margin: 0;
min-height: 100svh;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
img, svg, video, canvas, picture {
max-width: 100%;
height: auto;
display: block;
}
button, input, select, textarea { font: inherit; color: inherit; } h1, h2, h3, h4, h5, h6 { text-wrap: balance; margin-block: 0; }
p { text-wrap: pretty; } :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
outline: 2px solid var(--wp--preset--color--accent);
outline-offset: 3px;
border-radius: 2px;
}
.toda-sr-only {
position: absolute;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.toda-skip-link {
position: absolute;
left: 1rem; top: -100%;
z-index: 999;
padding: 0.75rem 1.25rem;
background: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
border-radius: 999px;
}
.toda-skip-link:focus { top: 1rem; } .toda-container {
width: min(100% - 2 * clamp(1.25rem, 5vw, 3rem), var(--wp--style--global--wide-size));
margin-inline: auto;
}
.toda-container--narrow {
width: min(100% - 2 * clamp(1.25rem, 5vw, 3rem), var(--wp--style--global--content-size));
margin-inline: auto;
}
.toda-section { padding-block: var(--wp--preset--spacing--50); }
.toda-section--tight { padding-block: var(--wp--preset--spacing--40); }
.toda-section--wide  { padding-block: var(--wp--preset--spacing--60); }
.toda-section--surface { background: var(--wp--preset--color--surface); }
.toda-section--dark {
background: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
}
.toda-section--dark h1,
.toda-section--dark h2,
.toda-section--dark h3 { color: var(--wp--preset--color--base); } .toda-grid { display: grid; gap: var(--wp--preset--spacing--30); }
.toda-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.toda-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.toda-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 900px) {
.toda-grid--3, .toda-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
.toda-grid--2, .toda-grid--3, .toda-grid--4 { grid-template-columns: minmax(0, 1fr); }
} .toda-btn {
--btn-bg: var(--wp--preset--color--contrast);
--btn-fg: var(--wp--preset--color--base);
--btn-bd: var(--wp--preset--color--contrast);
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.6em;
padding: 0.95rem 1.9rem;
border: 1px solid var(--btn-bd);
border-radius: 10px;
background: var(--btn-bg);
color: var(--btn-fg);
font-size: var(--wp--preset--font-size--sm);
font-weight: 500;
letter-spacing: 0.02em;
line-height: 1.2;
text-decoration: none;
cursor: pointer;
position: relative;
isolation: isolate;
overflow: hidden;
transition: color 0.3s ease, border-color 0.3s ease, transform 0.25s ease;
}
.toda-btn--ghost {
--btn-bg: transparent;
--btn-fg: var(--wp--preset--color--contrast);
--btn-bd: var(--wp--preset--color--line);
}
.toda-btn--on-dark {
--btn-bg: var(--wp--preset--color--base);
--btn-fg: var(--wp--preset--color--contrast);
--btn-bd: var(--wp--preset--color--base);
}
.toda-btn--ghost-on-dark {
--btn-bg: transparent;
--btn-fg: var(--wp--preset--color--base);
--btn-bd: color-mix(in srgb, var(--wp--preset--color--base) 45%, transparent);
}
.toda-btn--lg { padding: 1.15rem 2.4rem; font-size: var(--wp--preset--font-size--base); }
.toda-btn--sm { padding: 0.65rem 1.35rem; font-size: var(--wp--preset--font-size--xs); } .toda-btn::before {
content: "";
position: absolute;
inset: 0;
background: var(--wp--preset--color--accent);
transform: translateY(101%);
transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
z-index: -1;
}
.toda-btn__label,
.toda-btn__arrow { position: relative; z-index: 1; }
.toda-btn__arrow {
display: inline-block;
transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
.toda-btn:hover::before { transform: none; }
.toda-btn:hover .toda-btn__arrow { transform: translateX(5px); }
.toda-btn--ghost:hover { color: var(--wp--preset--color--base); border-color: var(--wp--preset--color--accent); }
.toda-btn--on-dark:hover,
.toda-btn--ghost-on-dark:hover { color: var(--wp--preset--color--base); border-color: var(--wp--preset--color--accent); }
}
.toda-btn:active { transform: translateY(1px); } @media (max-width: 620px) {
.toda-btn { min-height: 48px; width: 100%; white-space: normal; }
.toda-btn--inline { width: auto; }
} .toda-eyebrow {
display: inline-block;
font-size: var(--wp--preset--font-size--xs);
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--wp--preset--color--muted);
}
.toda-lead {
font-size: var(--wp--preset--font-size--md);
color: var(--wp--preset--color--muted);
max-width: 60ch;
}
.toda-muted { color: var(--wp--preset--color--muted); }  .js .toda-reveal {
opacity: 0;
transform: translateY(28px);
transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1), transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
transition-delay: var(--reveal-delay, 0s); }
.js .toda-reveal.is-visible {
opacity: 1;
transform: none;
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important;
scroll-behavior: auto !important;
}
.js .toda-reveal { opacity: 1; transform: none; }
} .toda-form-placeholder {
padding: 1.25rem 1.5rem;
border: 1px dashed var(--wp--preset--color--line);
border-radius: 12px;
color: var(--wp--preset--color--muted);
} .wp-site-blocks {
display: flex;
flex-direction: column;
min-height: 100svh;
}
.wp-site-blocks > main { flex: 1 0 auto; margin-block: 0; } main#tresc > * { margin-block: 0; } main#tresc > dialog { margin: auto; }
.wp-site-blocks > * { margin-block: 0; } .wp-site-blocks > main:not(:has(.hero)) { padding-top: var(--toda-header-h, 5.25rem); } .toda-kratka {
--krem: color-mix(in srgb, var(--wp--preset--color--base) 72%, var(--wp--preset--color--line));
background-color: var(--krem);
background-image:
linear-gradient(to right, color-mix(in srgb, #fff 55%, transparent) 1px, transparent 1px),
linear-gradient(to bottom, color-mix(in srgb, #fff 55%, transparent) 1px, transparent 1px);
background-size: clamp(48px, 4.2vw, 78px) clamp(48px, 4.2vw, 78px);
} .toda-404 {
display: flex;
align-items: center;
min-height: 100svh;
padding-block: calc(var(--toda-header-h) + clamp(3rem, 8vh, 6rem)) clamp(3rem, 8vh, 6rem);
color: var(--wp--preset--color--contrast);
}
.toda-404__kontener {
width: min(100% - 2 * clamp(1.25rem, 5vw, 3rem), 60rem);
margin-inline: auto;
}
.toda-404__badge {
width: fit-content;
margin: 0 0 clamp(1rem, 2vw, 1.75rem);
padding-left: 1rem;
border-left: 2px solid var(--wp--preset--color--accent);
font-size: 0.6875rem;
font-weight: 500;
letter-spacing: 0.32em;
text-transform: uppercase;
}
.toda-404__liczba {
margin: 0;
font-family: var(--wp--preset--font-family--heading);
font-size: clamp(6rem, 26vw, 20rem);
font-weight: 800;
line-height: 0.78;
letter-spacing: -0.045em;
color: var(--wp--preset--color--contrast);
}
.toda-404__tytul {
margin: clamp(1.25rem, 3vw, 2.25rem) 0 0;
font-size: clamp(1.5rem, 3.4vw, 2.75rem);
font-weight: 600;
letter-spacing: -0.02em;
}
.toda-404__lead {
max-width: 46ch;
margin: 1rem 0 clamp(1.75rem, 3vw, 2.5rem);
font-size: var(--wp--preset--font-size--base);
line-height: 1.6;
color: var(--wp--preset--color--muted);
}
.toda-404__akcje {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: clamp(1rem, 3vw, 2rem);
}
.toda-404__link {
font-size: 0.8125rem;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--wp--preset--color--contrast);
text-decoration: none;
border-bottom: 1px solid var(--wp--preset--color--line);
padding-bottom: 0.2rem;
transition: color 0.3s ease, border-color 0.3s ease;
}
.toda-404__skroty {
display: flex;
flex-wrap: wrap;
gap: clamp(1rem, 3vw, 2.25rem);
margin: clamp(2.5rem, 6vw, 4rem) 0 0;
padding: 1.25rem 0 0;
border-top: 1px solid var(--wp--preset--color--line);
list-style: none;
}
.toda-404__skroty a {
font-size: 0.75rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--wp--preset--color--muted);
text-decoration: none;
transition: color 0.3s ease;
}
@media (hover: hover) {
.toda-404__link:hover { color: var(--wp--preset--color--accent); border-color: var(--wp--preset--color--accent); }
.toda-404__skroty a:hover { color: var(--wp--preset--color--contrast); }
}
@media (max-width: 620px) {
.toda-404__akcje { align-items: stretch; }
.toda-404__link { align-self: flex-start; }
}