/**
 * Theme Name: Kotkan Seudun Talokeskus 2026
 * Template:   hello-elementor
 * Version: 1.0
 */

#cc-cookie-declaration-table table{
	min-width:770px!important;
}

#cc-cookie-declaration-table *{
	font-size: 1rem!important;
}

a.elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

ul, ol{
	margin-bottom: 16px!important;
}

#wp-admin-bar-root-default{
	margin: 0!important;
}

p a,
li a{
	text-decoration: underline!important;
}

p a:hover,
li a:hover{
	color: var(--e-global-color-primary);
}

nav a{
	text-decoration: none!important;
}

h2, h3{
	margin: 2rem 0 1rem 0!important;
}

figure{
	padding: 0!important;
}

figure img{
	border-radius: 1rem!important;
}

.emus{
	background-color: var(--e-global-color-69437ab);
	padding: 1rem 2rem 2rem 2rem;
	border-radius: 1rem;
}

.forminator-row span{
	font-size: 1rem!important;
}

/* Ulkoisiin linkkeihin FA7 Pro -ikoni f08b */
a[href^="http"]:not([href*="talokeskuskotka.fi"]):not([href*="talokeskus.mauri.posso.fi"]):not([href*="facebook.com"]):not([href*="instagram.com"])::after {
  font-family: "Font Awesome 7 Pro";
  font-weight: 900;
  content: '\f08b';
  margin-left: 5px;
  font-style: normal;
  text-decoration: none;
  display: inline-block;
}

/* Ei ikonia napeissa, navigaatiossa tai kuvalinkeissä */
nav a::after,
a:has(img)::after {
  display: none !important;
}

/* Masonry overflow-fix (kaikki viewportit) */
.elementor-widget-container:has(.dce-acf-repeater.masonry) {
  overflow: hidden;
}

/* ======================================================
   Mobiilityylit – max-width: 767px
   ====================================================== */
@media (max-width: 767px) {

  /* H1 – kaikki sivut: 52px → 2rem */
  .elementor-widget-heading h1.elementor-heading-title {
    font-size: 2rem !important;
    line-height: 1.2 !important;
  }

  /* H2 – kaikki sivut: 36–46px → 1.4rem */
  .elementor-widget-heading h2.elementor-heading-title,
  h2.wp-block-heading {
    font-size: 1.4rem !important;
    line-height: 1.3 !important;
  }

  /* H3 – kaikki sivut: 38px → 1.2rem */
  .elementor-widget-heading h3.elementor-heading-title,
  h3.wp-block-heading {
    font-size: 1.2rem !important;
    line-height: 1.3 !important;
  }

  /* Kuvalliset nostot -korttien otsikot (etusivu, ACF-kenttä) */
  .kuvalliset-nostot-otsikko {
    font-size: 1.3rem !important;
    line-height: 1.25 !important;
  }
  .miksi-valita-kortti .kortti-otsikko {
    font-size: 1.1rem !important;
    line-height: 1.3 !important;
  }

  /* DCE masonry – pinota kortit allekkain (etusivu "Miksi valita") */
  .dce-acf-repeater.masonry {
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .dce-acf-repeater.masonry .dce-acf-repeater-item {
    position: static !important;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
    height: auto !important;
  }

  /* Kuvalliset nostot – 1 sarake mobiilissa */
  .dce-acf-repeater-item:has(.kuvalliset-nostot-kortti) {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* Isännöinti – Loop Grid -widgetit yhteen sarakkeeseen */
  .elementor-element-3df2787 .elementor-loop-container,
  .elementor-element-4908695 .elementor-loop-container {
    grid-template-columns: 1fr !important;
  }

}