/* 2026 site styles (no legacy theme dependencies) */
:root{
  --scandia-green:#00773b;
  --scandia-orange:#f88024;
  --nav-offset: 76px;
}

body{
  font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

a{ text-decoration:none; }
a:hover{ text-decoration:none; }

.scandia-link{ color: var(--scandia-green); font-weight: 700; }
.scandia-link:hover{ color:#005b2d; }

/* Content links (e.g. article body) should not be blue */
.article-content a,
.page-content a{
  color: var(--scandia-green) !important;
  font-weight: 800;
  text-decoration: none !important;
}
.article-content a:hover,
.page-content a:hover{
  color:#005b2d !important;
  text-decoration: underline;
  text-underline-offset: .22em;
}

/* Make bold stand out in CMS content */
.page-content strong,
.page-content b{
  font-weight: 900;
}

.btn-scandia{
  background: var(--scandia-orange);
  border-color: var(--scandia-orange);
  color:#fff;
  font-weight: 900;
  border-radius: .75rem;
}
.btn-scandia:hover{
  background:#ff8f3b;
  border-color:#ff8f3b;
  color:#fff;
}

.btn-scandia-orange{
  background: var(--scandia-orange);
  border-color: var(--scandia-orange);
  color:#fff;
  font-weight: 900;
  border-radius: .75rem;
}
.btn-scandia-orange:hover{
  background:#ff8f3b;
  border-color:#ff8f3b;
  color:#fff;
}

.btn-scandia-green{
  background: var(--scandia-green);
  border-color: var(--scandia-green);
  color:#fff;
  font-weight: 900;
  border-radius: .75rem;
}
.btn-scandia-green:hover{
  background:#00904a;
  border-color:#00904a;
  color:#fff;
}

.btn-outline-scandia-green{
  border: 2px solid rgba(0,119,59,0.35);
  color: var(--scandia-green);
  font-weight: 900;
  border-radius: .75rem;
}
.btn-outline-scandia-green:hover{
  border-color: rgba(0,119,59,0.55);
  background: rgba(0,119,59,0.06);
  color: var(--scandia-green);
}

.btn-outline-scandia{
  border: 1px solid rgba(255,255,255,0.75);
  background: var(--scandia-orange);
  border-color: var(--scandia-orange);
  color:#fff;
  font-weight: 900;
  border-radius: .75rem;
}
.btn-outline-scandia:hover{
  background:#ff8f3b;
  border-color:#ff8f3b;
  color:#fff;
}

.navbar-scandia{
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0,0,0,0.06);
  min-height: var(--nav-offset);
}
.site-main{
  padding-top: var(--nav-offset);
}

/* Keep icon + label together */
.spec-line{
  display: flex;
  flex-wrap: wrap;
  gap: .4rem .5rem;
}
.spec-item{
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  white-space: nowrap;
}
.spec-icon{
  color: rgba(60,70,82,0.55);
}

/* Vehicle images as centered backgrounds (helps normalize layouts) */
.vehicle-imgbox{
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: .75rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f7f9fb;
}

.navbar-scandia .nav-link{
  color: var(--scandia-green);
  font-weight: 800;
  letter-spacing: .02em;
  border-radius: .75rem;
  padding-left: .85rem;
  padding-right: .85rem;
}
.navbar-scandia .nav-link:hover{ color:#005b2d; }
.navbar-scandia .nav-link.is-active{
  background: rgba(248,128,36,0.13);
  color: var(--scandia-orange);
  box-shadow: inset 0 -3px 0 var(--scandia-orange);
}
.offcanvas .list-group-item.is-active,
.offcanvas .accordion-button.is-active{
  background: rgba(248,128,36,0.13);
  color: var(--scandia-orange);
  font-weight: 900;
}

/* Julkinen UKK (#faqAccordion): avoimen otsikon tausta haalea vihreä (ei Bootstrapin sininen) */
#faqAccordion .accordion-button:not(.collapsed){
  background-color: rgba(0, 119, 59, 0.09);
  color: var(--scandia-green);
  box-shadow: inset 0 -1px 0 rgba(0, 119, 59, 0.14);
}
#faqAccordion .accordion-button:not(.collapsed):hover{
  background-color: rgba(0, 119, 59, 0.12);
}
#faqAccordion .accordion-button:focus{
  border-color: rgba(0, 119, 59, 0.35);
  box-shadow: 0 0 0 0.25rem rgba(0, 119, 59, 0.14);
}

.dropdown-menu{
  border-radius: 1rem;
  padding: .5rem;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 1rem 2.5rem rgba(0,0,0,0.10);
}
@media (min-width: 992px){
  .navbar-scandia .dropdown:hover > .dropdown-menu,
  .navbar-scandia .dropdown:focus-within > .dropdown-menu{
    display: block;
  }
}
.dropdown-item{
  border-radius: .75rem;
  font-weight: 700;
  color: #245a36;
}
.dropdown-item:hover{
  background: rgba(248,128,36,0.12);
  color: var(--scandia-orange);
}

.hero-contactbar{
  position:absolute;
  left:0; right:0; bottom:0;
  padding: 14px 0 18px 0;
  background: linear-gradient(to top, rgba(0,0,0,0.55), rgba(0,0,0,0));
}
.hero-contactbar .btn-outline-scandia{
  animation: hero-contact-pulse 6s ease-in-out infinite;
  transform-origin: center;
}
.hero-contactbar .btn-outline-scandia:nth-child(2){
  animation-delay: 2s;
}
.hero-contactbar .btn-outline-scandia:nth-child(3){
  animation-delay: 4s;
}
@keyframes hero-contact-pulse{
  0%, 22%, 100%{
    transform: scale(1) rotate(0deg);
  }
  8%{
    transform: scale(1.055) rotate(-1deg);
  }
  14%{
    transform: scale(1.035) rotate(1deg);
  }
}
@media (prefers-reduced-motion: reduce){
  .hero-contactbar .btn-outline-scandia{
    animation: none;
  }
}

.accent-title{
  position: relative;
  padding-bottom: .7rem;
}
.accent-title::after,
.article-content h1::after,
.article-content h2::after,
.article-content h3::after,
.article-content h4::after,
.article-content h5::after,
.page-content h1::after,
.page-content h2::after,
.page-content h3::after,
.page-content h4::after,
.page-content h5::after{
  content: "";
  display: block;
  width: 55px;
  height: 3px;
  margin-top: .45rem;
  background: var(--scandia-orange);
  border-radius: 999px;
}
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5{
  color: var(--scandia-green);
  font-weight: 900;
}

.vehicle-search-hero{
  min-height: 400px;
  background-image: linear-gradient(rgba(0,0,0,.25), rgba(0,0,0,.25)), url('../img/scandia-leasing-autohaku.jpg');
  background-position:center;
  background-size: cover;
}

.floating-contact{
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(180deg);
  z-index: 1030;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  background: var(--scandia-green);
  color:#fff;
  font-weight: 900;
  letter-spacing: .04em;
  padding: 1rem .65rem;
  border-radius: 0 .75rem .75rem 0;
  box-shadow: 0 .75rem 1.75rem rgba(0,0,0,.18);
}
.floating-contact:hover{
  background:#00904a;
  color:#fff;
}

/* Pagination */
.pagination .page-link{
  color: var(--scandia-green);
  font-weight: 800;
  border-color: rgba(0,119,59,0.20);
}
.pagination .page-link:hover{
  color: var(--scandia-green);
  background: rgba(0,119,59,0.06);
  border-color: rgba(0,119,59,0.35);
}
.pagination .page-item.active .page-link{
  background: var(--scandia-green);
  border-color: var(--scandia-green);
  color: #fff;
}
.pagination .page-link:focus{
  box-shadow: 0 0 0 .25rem rgba(0,119,59,0.20);
}

/* White button with green text (CTA inside green cards) */
.btn-white-green{
  background: #fff;
  border-color: rgba(255,255,255,0.9);
  color: var(--scandia-green);
  font-weight: 900;
  border-radius: .75rem;
  padding: .5rem 1rem;
  line-height: 1.25;
}
.btn-white-green:hover{
  background: rgba(255,255,255,0.92);
  border-color: rgba(255,255,255,0.92);
  color: var(--scandia-green);
}

@media (max-width: 767.98px){
  .floating-contact{
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    writing-mode: horizontal-tb;
    text-align: center;
    border-radius: .75rem .75rem 0 0;
    padding: .85rem 1rem;
  }
  body{
    padding-bottom: 56px;
  }
}