/*
Theme Name: LPK
Theme URI: https://themeisle.com/themes/neve/
Template: neve
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Neve is a next-generation, ultra-fast WordPress theme designed for top performance, SEO, and Core Web Vitals. Its lightweight codebase and small size ensure minimal overhead and lightning-fast load times. Fully compatible with the block editor, popular page builders (Elementor, Bricks, Oxygen etc), and WooCommerce, it’s perfect for blogs, small businesses, agencies, portfolios, and online stores. With responsive design, multilingual translations, and easy customization options, Neve empowers you to create a future-proof, high-ranking online presence. Discover everything Neve has to offer and explore our powerful premium version at https://themeisle.com/themes/neve/.
Tags: blog,custom-logo,e-commerce,rtl-language-support,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,accessibility-ready,wide-blocks,block-styles,footer-widgets,portfolio,left-sidebar,right-sidebar
Version: 4.2.11.1789069260
Updated: 2026-09-10 22:41:00

*/


/* --- FOOTER --- */
.site-footer {
  background: #111827; /* Erittäin tumma harmaa/sininen */
  color: #d1d5db;      /* Vaaleanharmaa teksti, vähentää kontrastia valkoiseen verrattuna ja on miellyttävämpi lukea */
  padding: 80px 0 0 0;
  font-size: 0.95rem;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  margin-bottom: 40px;
}

/* Kaksi saraketta tabletilla */
@media (min-width: 768px) {
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Neljä saraketta työpöydällä */
@media (min-width: 1024px) {
  .footer-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
  }
}

.footer-logo {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 800;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.footer-description {
  line-height: 1.6;
}

.footer-heading {
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Pikalinkit ja Yhteystiedot listat */
.footer-links,
.footer-contact {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li,
.footer-contact li {
  margin-bottom: 12px;
}

.footer-links a,
.footer-contact a {
  color: #d1d5db;
  transition: color 0.3s ease;
}

.footer-links a:hover,
.footer-contact a:hover {
  color: var(--primary-color);
  text-decoration: none;
}

/* Sosiaalisen median kuvakkeet */
.footer-socials {
  display: flex;
  gap: 15px;
}

.footer-socials a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  color: #ffffff;
  transition: all 0.3s ease;
}

.footer-socials a:hover {
  background: var(--primary-color);
  transform: translateY(-3px);
}

/* Footerin alin rivi (Copyright & Ehdot) */
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px 0;
  margin-top: 20px;
}

.footer-bottom-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}

@media (min-width: 768px) {
  .footer-bottom-inner {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
  }
}

.footer-legal a {
  color: #d1d5db;
  margin-left: 15px;
  font-size: 0.85rem;
  transition: color 0.3s ease;
}

.footer-legal a:hover {
  color: var(--primary-color);
}