/*
Theme Name: Yhdistelylainavertailu
Description: Editable Astra branding and Gutenberg patterns for Yhdistelylainavertailu.
Template: astra
Version: 1.6.1
Text Domain: yhdistelylainavertailu
*/
@font-face{font-family:'Manrope';src:url(assets/fonts/Manrope-variable.woff2) format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url(assets/fonts/SourceSans3-variable.woff2) format('woff2');font-weight:200 900;font-display:swap}
/* Site-wide colours, typography, container and footer are native Astra settings. */
.entry-content .ylc .ylc-cta,.entry-content .ylc .ylc-cta:hover{color:#fff}.entry-content .ylc .ylc-price{background:var(--ast-global-color-7);border-color:var(--ast-global-color-6)}.entry-content .ylc .ylc-filter-panel,.entry-content .ylc .ylc-segments{border-color:var(--ast-global-color-6)}

/* Brand v2: shared tokens keep the comparison interface consistent. */
.entry-content .ylc{--ylc-petrol:var(--ast-global-color-1);--ylc-deep:#102540;--ylc-body:var(--ast-global-color-3);--ylc-muted:#566A81;--ylc-border:var(--ast-global-color-6);--ylc-sage:var(--ast-global-color-7);--ylc-lime:var(--ast-global-color-8)}
.entry-content .ylc .ylc-filter-panel{background:var(--ast-global-color-7);border-color:var(--ast-global-color-6)}
.entry-content .ylc .ylc-segments{background:var(--ast-global-color-4);border-color:var(--ast-global-color-6)}
.entry-content .ylc .ylc-segments label{color:var(--ast-global-color-3)}
.entry-content .ylc .ylc-segments label:has(input:checked){background:var(--ast-global-color-8);border-color:var(--ast-global-color-0);color:var(--ast-global-color-1)}
.entry-content .ylc :is(.ylc-amount-heading label,.ylc-amount-heading output,.ylc-security legend,.ylc-more-filters summary,.ylc-type-options legend,.ylc-sort-field label,.ylc-check-options label,.ylc-reset){color:var(--ast-global-color-1)}
.entry-content .ylc :is(.ylc-security,.ylc-more-filters,.ylc-details){border-color:var(--ast-global-color-6)}
.entry-content .ylc :is(.ylc-type-options p,.ylc-range-ends,.ylc-example a,.ylc-brand-name){color:#566A81}
.entry-content .ylc .ylc-step{color:var(--ast-global-color-1);border-color:#829AB4}
.entry-content .ylc .ylc-step:hover:not(:disabled){color:var(--ast-global-color-1);background:var(--ast-global-color-8)}
.entry-content .ylc .ylc-range-rail{background:#BFD4E8}
.entry-content .ylc .ylc-range-rail::before{background:var(--ast-global-color-0)}
.entry-content .ylc .ylc-range::-webkit-slider-thumb{border-color:var(--ast-global-color-1);background:var(--ast-global-color-8);box-shadow:0 2px 0 #142F5233}
.entry-content .ylc .ylc-range::-moz-range-thumb{border-color:var(--ast-global-color-1);background:var(--ast-global-color-8);box-shadow:0 2px 0 #142F5233}
.entry-content .ylc .ylc-filters input.ylc-range:focus-visible{outline-color:var(--ast-global-color-0)}
.entry-content .ylc .ylc-check-options input{accent-color:var(--ast-global-color-0)}
.entry-content .ylc .ylc-toolbar .ylc-sort-field select{border-color:var(--ast-global-color-6);color:var(--ast-global-color-1)}
.entry-content .ylc [data-ylc-chips] button{border-color:var(--ast-global-color-6);color:var(--ast-global-color-1)}
.entry-content .ylc .ylc-cta{background:var(--ast-global-color-0);border-color:var(--ast-global-color-0);color:var(--ast-global-color-4);box-shadow:0 3px 0 var(--ast-global-color-1)}
.entry-content .ylc .ylc-cta:hover{background:var(--ast-global-color-1);border-color:var(--ast-global-color-1);color:var(--ast-global-color-4);box-shadow:0 3px 0 #102540}
.entry-content .ylc .ylc-cta>.ylc-cta-icon{background:var(--ast-global-color-1);color:var(--ast-global-color-8)}
@media(forced-colors:active){.entry-content .ylc .ylc-segments label:has(input:checked){border-color:Highlight}.entry-content .ylc .ylc-range-rail{background:Canvas}.entry-content .ylc .ylc-range-rail::before{background:Highlight}}

/* Keep menu items centred when their native Astra builder zone is centred.
   Moving the menu into another zone removes this alignment automatically. */
.ast-grid-section-center .ast-builder-menu .main-header-menu{justify-content:center}