-
Tarjoukset
-
Merkit
-
Tuoteryhmä(t)
-
Tilaukset
/* ----------------------------------------------------------
Vaasan Rengaspaja – typografia + väriteema (Odoo CSS-injektio)
---------------------------------------------------------- */
/* Fontit Google Fontsista */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600&display=swap');
/* Brändivärit muuttujina */
:root {
--vr-yellow: #F4D521; /* Pääkeltainen */
--vr-gold: #BA9517; /* Tummempi kulta (hover, korostukset) */
--vr-dark: #1F1F1F; /* Uusi melkein musta */
--vr-gray: #CDCECF; /* Vaalea harmaa taustasävy */
--vr-white: #FFFFFF; /* Valkoinen */
}
/* ---------------------------
Perustypografia
--------------------------- */
/* Leipäteksti ja perus-UI */
body,
p,
li,
input,
textarea,
button,
select {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.55;
color: var(--vr-dark);
}
/* Otsikot */
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Bebas Neue', "Segoe UI", sans-serif;
font-weight: 400;
line-height: 1.15;
letter-spacing: 0.5px;
text-transform: none;
color: var(--vr-dark);
margin-top: 0.4em;
margin-bottom: 0.2em;
}
/* Otsikkokoot (kompaktit) */
h1 { font-size: 36px; }
h2 { font-size: 28px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p,
li {
font-size: 16px;
}
/* Pienempi teksti */
small,
.text-muted,
.text-small {
font-size: 14px;
}
/* Snippettien oletustekstit */
.o_default_snippet_text,
.o_default_snippet_text p,
.o_default_snippet_text li {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
line-height: 1.55;
color: var(--vr-dark);
}
/* Navigaatio / valikkoteksti */
nav a,
.o_main_navbar a {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 15px;
font-weight: 500;
}
/* ---------------------------
Taustat ja layout
--------------------------- */
/* Yleinen tausta */
body {
background-color: var(--vr-white);
}
/* Vaalea harmaa taustasektioille */
.bg-light,
.section-light,
.o_wblog_post_bg,
div[style*="background-color: #f8f9fa"] {
background-color: var(--vr-gray) !important;
}
/* Kortit / laatikot */
.card,
.o_card {
background-color: var(--vr-white) !important;
border-color: var(--vr-gray) !important;
}
/* ---------------------------
Linkit
--------------------------- */
a {
color: var(--vr-yellow);
transition: 0.15s ease-in-out;
}
a:hover,
a:focus {
color: var(--vr-gold);
}
/* ---------------------------
Painikkeet
--------------------------- */
/* Primary */
.btn-primary,
.o_btn_primary,
button.btn-primary {
background-color: var(--vr-yellow) !important;
border-color: var(--vr-yellow) !important;
color: var(--vr-dark) !important;
}
.btn-primary:hover,
.o_btn_primary:hover,
button.btn-primary:hover {
background-color: var(--vr-gold) !important;
border-color: var(--vr-