/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/***** DARK THEME` **********************/

@charset "utf-8";

:root{
	
	
	--main-color:#231f20;
	/**** orientation styles ***/
	--zvt-main-border-radius:24px;
	--zvt-white:#fff;
	--fs-color-secondary:#141414;
	/* shadows */
	--zvt-header-shadow: 0 4px 20px 0 rgba(0,0,0,.12);
	--zvt-box-shadow: 0 8px 24px 0 rgba(144,184,232,.25);
	--zvt-white-1e1f26-shadow: 0 8px 24px 0 rgba(144,184,232,.25);
	--zvt-sidebar-form:rgb(238, 242, 245);
	/* COLORS */
	--zvt-color-white:#fff;
	--zvt-small-product:#fff;
	--zvt-main-border:1px solid #8b2433;
	--zvt-main-background-color:#fff;
	/*--zvt-main-gradient:radial-gradient(186.47% 172.44% at 50% -42.17%, rgba(236, 255, 255, 0.2) 0%, rgba(225, 227, 253, 0.2) 100%);*/
	/* product header */
	--zvt-white-1e1f26:#fff;
	--zvt-button-banners:#fff;
	/* product price */
	
	--zvt-product-title:#141414;
	--zvt-product-title-hover:#3858e9;
	
	
	/* product content */
	--zvt-eef2f5-444856:#eef2f5;
	
	/* product border */
	--zvt-small-product-border:#fff;
	--zvt-product-border-hover:#727272;
	
	/* product price */
	
	--zvt-price-color:#141414;
	--zvt-price-color-hover:#3858e9;
	
	
	
	/* boxes-1 front page & in posts*/
	--zvt-eef2f5-141414:#eef2f5;
	--zvt-color-grey: rgb(243, 243, 243);
	
	/* TOC */
	
	--zvt-toc-hover:#000;
	
	--zvt-price-table:#fafafa;
	--zvt-price-table-color:#141414;
	--zvt-price-table-mobile:rgba(255,255,255,0.6);
--zvt-mobile-header-border-clr:#fff;
--zvt-responsive-table:#343e44; 	

  /* DETAILS */
  
  --trip-clr:#343e44;
  --trip-border-clr:#343e44;
  --trip-background:rgb(238, 242, 245);
  --trip-header:#fbfdff;
--radius-1:16px; 
	--radius-2:1.25rem;
	--border-2:2px solid #8b2433;	
	
--shadow-1:0 8px 24px 0 var(--blue-6);
	--shadow-2:var(--grey-4) 0px 2px 4px 0px inset;
	--shadow-3:var(--grey-5) 0px 10px 10px -10px;
	--shadow-4:var(--grey-6) 0px 1px 2px 0px;
	--shadow-5:0.313rem 0.313rem 0 0.313rem var(--zvt-white);
	--shadow-6:0.313rem 0.313rem 0 0.313rem var(--zvt-white);
	--shadow-7:rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
	--shadow-8:0 5px 20px rgba(0, 0, 0, .15);	
	--blue-6:rgba(185,184,163,.25);
	
--transition-1:outline-offset 145ms cubic-bezier(.25, 0, .4, 1); /*outline*/		
}
.skip-link{
	
	background:#fff;
}
.header-logo-dark{
	
	display:none;
}
.sku_wrapper{
	
	display:none!important;
}
.autocomplete-suggestion{
	
	cursor:zoom-in;
}
.header .search-form .live-search-results{
	border-radius:var(--zvt-main-border-radius);
	
}
.zvt-banner-text-col{
	
	box-shadow:none!important;
	
}

.zvt-front-page-testimonials .col-inner{
	background:rgba(34,34,34,0.03);
    border:1px solid #d8d9de;	
	border-radius:var(--zvt-main-border-radius);
}


.form-flat input:not([type="submit"]){
	background-color:#fff;
	border-color: #ccc;
   	color: #141414 !important;
    }

/*
#header{
box-shadow: var(--zvt-header-shadow);
}*/

/*********** PRODUCT CATEGORY GENERAL **************************************/


.shop-container .term-description{
	
	/*border-bottom:1px #ebecee solid;*/
	max-width: 915px; 
    overflow-wrap: break-word; 
    word-wrap: break-word; 
    word-break: break-word;
	text-wrap:balance;
}
.zvt__siderbar{
		
    border-top-left-radius: var(--zvt-main-border-radius);
	border-top-right-radius:var(--zvt-main-border-radius);
	
   padding:2rem;
   background:var(--zvt-white-1e1f26);
   box-shadow: var(--zvt-box-shadow);
   
}


/**** Abstract *****/

.woocommerce-ordering select{
	border-radius:0.65rem;
	
}


.breadcrumbs a,.woocommerce-breadcrumb .divider,.woocommerce-breadcrumb {
	  color: #1d2a35;
	}

.breadcrumbs a:hover {
		color: #333;
	}

.shop-container{

	padding:1.2rem;
	margin:auto;
	width:100%;
	max-width: 1600px;
	text-wrap:balance;
}

/* NEW VERSION PRODUCT GRID */


.grid__product__page {
  
 
  
  display: grid;
  grid-template-columns: 1fr 75%;
 grid-template-areas:
    "toc  content" 
    "toc  content"
	"toc  content";
  
  container-type: inline-size; 
  justify-content: center;	
  grid-gap: 2rem;
  align-items:start;
}

.column__product__toc {
  
  grid-area: toc;
}

.entry-content .ez-toc-custom{
display:none!important;
}	

.column__product__content__header {
    grid-area: content-header;
  /*  background: var(--zvt-white);
	border:var(--zvt-main-border);*/
	/*box-shadow: var(--zvt-box-shadow);*/
	/*border-radius:var(--zvt-main-border-radius);	*/
	padding:2rem;
	
}

.column__product__content {
    grid-area: content;
	background: #eeeae3;
	/*border:var(--zvt-main-border);*/
	border-radius:var(--zvt-main-border-radius);
	
	padding:2rem;
	
}
.column__product__content__header img, .column__product__content img{
	border-radius:0.65rem;
	
}

.column__product__cart {
   grid-area: cart;
  
  /* border-radius:var(--zvt-main-border-radius);	
   padding:2rem;
   background:var(--zvt-white-1e1f26);*/
 /*  box-shadow: var(--zvt-box-shadow);*/
  


 

}

div#ez-toc-container ul.ez-toc-list a:visited,div#ez-toc-container ul.ez-toc-list a {
    color: #8b2433!important;
}
div#ez-toc-container .ez-toc-title {
    font-size: 110%!important;
}


@media screen and (max-width: 850px) {
	 .grid__product__page {
	 
	  width: 100%;
	  display: grid;
	  grid-template-columns: 1fr;
	  grid-template-areas:
		"toc"		
		"content";
	  
	  grid-gap: 0.5rem;
	}
	.shop-container,.column__product__content__header,.column__product__content,.column__product__toc,.column__product__cart,.column__product__summary {
	padding:12px;
	
	}	  
	.column__product__toc{
	 display:none!important;	
	}
	
	.entry-content .ez-toc-custom{
		display:block!important;
	}
}


/************************TRAVEL *************************************/




/** ZVT ***/
.zvt__product__article__grid {
  
  
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.zvt__product__article__grid.ContentGridItem-module_hasModal-2k0z1 {
  z-index: 2;
}
.zvt__product__article__grid:focus-within {
  z-index: 2;
}
.ContentGridItem-zvt {
  grid-area: preview;
}
.zvt__product__preview__content {
  grid-area: content;
}


.zvt__product__preview__image{
width: 260px;
height: 170px;
 border-radius:6px;
}
figure{

margin:0;
padding:0;

}

.zvt__product__preview__header__grid a{
 text-decoration:none;
}
.zvt__product__preview__header__grid li{
 font-size:14px;
 line-height:16px;
 list-style-type:none;
 
}

.zvt__product__preview__header__grid ul{
 
 margin-left:0px;
 padding:0;
}

/*********************************************/
.product-small > .col-inner{
	
	
	border-radius:var(--zvt-main-border-radius);
	background:var(--zvt-small-product);
	border:3px solid var(--zvt-small-product-border);
	box-shadow: var(--zvt-box-shadow);
}
.box-text-products{
	padding:10px;
	
}
/*
.product-short-description li,.column__product__content li{
 text-wrap:balance; 
 margin-left:15px!important;
 padding:0;
}
*/
.box-text-products li{
 font-size:14px;
 line-height:16px;
 text-wrap:balance; 
 margin:0 0 15px 17px!important;
 font-weight:normal;
 padding:0;
}

.box-text-products .bullet-checkmark{
  margin:0!important; 	
  padding: 7px 0 7px 25px;


}


.product-small:hover >.col-inner{
	
	border-radius:0.65rem;
	border:3px solid var(--zvt-product-border-hover);

	
}


 .woocommerce-loop-product__title a{ 
	color:var(--zvt-product-title)!important;
 }
 
.woocommerce-loop-product__title a:hover{
	 
	color:var(--zvt-product-title-hover)!important;
	
}



.box-image{
	padding:10px;
	
}
.product-small img{
	border-radius:0.65rem;
	/*
	border-top-left-radius:0.65rem;
	border-top-right-radius:0.65rem;
	*/
}

.woocommerce-loop-product__title{
	 text-wrap:balance; 
	font-weight:bold;
	font-size:16px;
	
	
}


.woocommerce-Price-amount:before{
	content:"από "; 
	font-weight:normal;
	font-size:14px;
}
.price-wrapper{
	padding-bottom:10px!important;
}

.zvt-from{
	
	font-weight:normal;
	font-size:14px;
}

.zvt-room-price{
	
	font-weight:bold;
	font-size:2rem;
}

.zvt-category-more-button{
	
	bottom:0;
	
}
@media screen and (min-width: 1200px) {
	
	.zvt-product-sticky {
		position: sticky;
		top: 0;
		align-self: start;
	}
}

/**** TABLE OF CONTENTS ******/

#ez-toc-container{
	padding-top:25px!important;
}

.ez-toc-title{
	
	font-size:15px;
	font-weight:400;
}

#ez-toc-container > nav > ul{
	
	padding:6px 0px 0px 0px;
} 

#ez-toc-container > nav > ul > li > ul {
	
    margin:5px 0 5px 12px;	
}

#ez-toc-container > nav > ul > li,#ez-toc-container > nav > ul > li > ul > li {
	
	font-size:15px;
	padding:0px;
	text-wrap:balance;
	margin-bottom:6px;
}

figcaption {
	
	font-size: .8em;
	opacity: .8;
    font-style:italic;
	text-align:center;
	
}
div.column__product__content > ul {
/*
	margin: 0;
	
    padding: 7px 0 7px 25px;
	*/
}

div.column__product__content > ul > li{


	list-style-type:none;

}
/*********** ICONS **************************/
ul li.calendar-icon,ul li.destination
 {
  list-style: none;
  
  margin-left: 17px;
  padding: 0 0 0px 7px;
  position: relative;
}

ul li.calendar-icon::marker {
  content: url('icons/calendar-2.svg')!important;
 
}
ul li.destination-icon::marker {
  content: url('icons/destination.svg')!important;
   
}


/*** FLATSOME STYLES TO KEEP ****/
.wp-caption {
  margin-bottom: 0.5em;
  max-width: 100%;
  text-align:center;
}
.wp-caption .wp-caption-text {
  
  font-size: 0.8em;
  font-style: italic;
  padding: 0.4em;
}
.wp-caption-text {
  text-align: center;
}

strong{
	
	font-weight:700;
}

.footer-wrapper,.absolute-footer,.copyright-footer{
	color:#fff!important;
	
	
}
.footer-wrapper a{
	color:#fff!important;
	text-decoration:underline;
}
.footer-wrapper a:hover{
	color:#20b4e8!important;
	
}

.footer-wrapper .widget-title{
	color:#fff!important;
}
	
.product-breadcrumb-container{
	padding-left:15px;
	padding-bottom:20px;
}

.rank-math-breadcrumb{
	font-size:13px;
	
}

/***** TABLES ********/

.zvt-table  {
  
  border-collapse: collapse;
  margin: 0;
  color:var(--zvt-price-table-color);
  width: 100%;
  table-layout: fixed;
  margin-bottom:0;
 background-color:var(--zvt-price-table);
  border-style: hidden; /* hide standard table (collapsed) border */
  box-shadow: 0 0 0 8px var(--zvt-price-table); /* this draws the table border  */
  border-radius: 6px;
  
}
.zvt-table td{
	color:var(--zvt-price-table-color);
	
}
.zvt-table caption {
  font-size: 1.25em;
  margin: .5em 0 .75em;
  font-weight:bold;
  
}

.zvt-table  tr {
  
  border-bottom: 1px solid #ddd;
  padding: .35em;
  
}

.zvt-table th,
.zvt-table td {
  padding: .625em;
  text-align: left;
}

.zvt-table th {
  font-size: .85em;
  letter-spacing: .1em;
  
}



@media screen and (max-width: 800px) {
	
	#header{
		border-bottom:1px solid var(--zvt-mobile-header-border-clr);
	}
	
	
  .zvt-table {
    border: 0;
	box-shadow: none;
	border-radius: 0;
	background-color:transparent;
	border-style: none;
	color:var(--zvt-price-table-color);
  }

  .zvt-table caption {
    font-size: 1.3em;
  }
  
  .zvt-table thead {
    border: none;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .zvt-table tr {
	background-color:var(--zvt-price-table-mobile);
border-radius:4px;	
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
 
 
  .zvt-table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  .zvt-table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    
  }
  
  .zvt-table td:last-child {
    border-bottom: 0;
  }
}


/****  HERO BANNERS ********/

.hero__zvt {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas:
	"banner1" 
	"banner2"
	"banner3";
	
	
	grid-gap: 2rem;
}
.hero__zvt__banner1 {
	
	grid-area: banner1;
	position: relative;
	box-shadow:var(--zvt-box-shadow);
	
	border-radius:var(--zvt-main-border-radius);
}
.hero__zvt__banner2 {
	grid-area: banner2;
	position: relative;
	border-radius:var(--zvt-main-border-radius);
	box-shadow:var(--zvt-box-shadow);
}
.hero__zvt__banner3 {
	grid-area: banner3;
	position: relative;
	border-radius:var(--zvt-main-border-radius);
	box-shadow: var(--zvt-box-shadow);
}

.hero__zvt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius:var(--zvt-main-border-radius);
}

@media(min-width: 992px){
  .hero__zvt {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
    grid-template-areas:
      "banner1 banner2 banner3"
      "banner1 banner2 banner3";
    gap: 2rem;
    margin-bottom: 2rem;
  }
  

}
.zvt-button{
 position:absolute;
 bottom:0px;
 left:10px;
  
 }

.zvt-button p{
 
 background-color:var(--zvt-button-banners);
 border-radius:var(--zvt-main-border-radius);
 padding:10px;
 margin:10px 10px;
 box-shadow: var(--zvt-box-shadow);
 color:#fff;
 
 text-align:center;
 }
.zvt-button p a{
	
	color:#1d2a35;
}

.zvt-button p a:hover{
	color:#8898c9;
}
/***** FILTERS *******/
.woocommerce-widget-layered-nav-list{
margin: 4px, 4px;
padding: 4px;
max-height: 240px!important;
overflow-x: hidden;
overflow-y: auto;
 text-align: justify;
scrollbar-width: thin;

}

.count{
display:none;
}

	
/******* BLOG *************/

article {
border-radius:var(--zvt-main-border-radius);	
background:var(--zvt-white-1e1f26);
box-shadow: var(--zvt-white-1e1f26-shadow);
padding:2rem;	
	
}

.zvt-product-article {
border-radius:none;
background:none;
box-shadow:none;
padding:0px;	
	
}

article img, .entry-image img{
border-radius:16px!important;	
}

@media(max-width: 870px){
  
 article {
	padding:0.5rem;	
	/*border-radius:none;	
background:none;
box-shadow: none;*/
	}
}


.espa{
border-radius:2px;	
}
/**********  experiments ********************/

.ez-toc-list a {
  position: relative;
 
 
}
#ez-toc-container {
	padding:0px!important;
}
.ez-toc-list  a:hover {
  color: var(--zvt-toc-hover);
}

/* Animate the line from the left */


/* Animate the line from the right */
.ez-toc-list  a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: var(--zvt-toc-hover);
  transform: scaleX(0);
  transform-origin: top left;
  transition: transform 0.3s ease;
}
div#ez-toc-container ul li, div#ez-toc-container ul li a {
  
    /*text-decoration: underline !important;*/
}

/***** EXTRA ******/
/* filters */
.woocommerce-widget-layered-nav-list{
margin: 4px, 4px;
padding: 4px;
max-height: 240px!important;
overflow-x: hidden;
overflow-y: auto;
 text-align: justify;
scrollbar-width: thin;

}

.count{
display:none;
}


.wp-image-544,.wp-image-726 {
border-radius:var(--zvt-main-border-radius)!important;

}
.zvt-mega-menu-1 .sub-menu{
border-bottom-left-radius:var(--zvt-main-border-radius)!important;
border-bottom-right-radius:var(--zvt-main-border-radius)!important;
}

.nav-dropdown-bold{
border-radius:var(--zvt-main-border-radius);
}


/* FRONT PAGE */

.zvt-front-page-bottom-1{
	
	background-color:var(--zvt-color-white);
	
	
}
.zvt-front-page-bottom-columns > .col-inner{
	
	background:var(--zvt-eef2f5-141414);
	
}

.zvt-contact-form-sidebar,.zvt-grey-blue-box > .col-inner{
	   
	   background-color:var(--zvt-sidebar-form);
	   border-radius:var(--zvt-main-border-radius);
   }
   
   
   
   
 /* products container in posts */
.zvt-product-in-post {
	/*background-color:var(--zvt-sidebar-form);*/
}

.woocommerce-product-attributes-item__value{
	color:var(--zvt-attributes);
}



/** Product Tags ***/

.product_meta a{
	color:#030943;
	text-decoration:underline!important;
}

.product_meta a:hover{
	color:#111;
	
}


/**** DARK SWITCHER ******/
 .mode-icon, .mode-text,.mode-icon-mobile, .mode-text-mobile {
    display: inline-block;
	
	  }
	.mode-text {
    padding-right:10px;
	
	  }
	  
  #zvt-dark-mode-button {
    display: flex;
    background:transparent!important;
	color:#fff;
	margin-top:10px;
  }
 #zvt-dark-mode-button-mobile {
    display: flex;
    background:transparent!important;
	color:#fff;
	
  }
  
 .zvt-stars-rating{
	 color:blue;
	 padding-left:8px;
	 padding-right:8px;
	 padding-top:4px;
	 padding-bottom:7px;
	 background:#fff;
	 border-radius:16px;
	 
	 
 }
.zvt-bottom-links a{
	
	color:#20b4e8!important;
	
}
.zvt-bottom-links a:hover{
	
	color:#fafafa!important;
	text-decoration:none!important;
}


.zvt-page-style{
	
border-radius:var(--zvt-main-border-radius);	
background:var(--zvt-white-1e1f26);
box-shadow: var(--zvt-white-1e1f26-shadow);
padding:1rem;
	
}

.woocommerce-no-products-found{
	
	display:none;
}



 /**** DETAILS TABS *****/
 div.trip > details > summary > h2{

	 font-weight:bold;
	 font-size:1.2rem;
	 padding:0px;
	 margin:0px;
	 display:inline!important;
}
div.trip > details ul{
	padding:10px;
	
}
 @layer components {
  @layer trip {
    .trip {
      counter-reset: chapter;
    }
 
    .trip details {
      counter-increment: chapter;
	 
    }
.trip summary{
	
	 font-weight:bold;
}
div.trip > details > ul > li{
		padding:10px;
}

    .trip summary::before {
      content: counter(chapter);
      background: #141414;
      color: white;
      display: inline-block;
      height: 1lh;
      aspect-ratio: 1;
      text-align: center;
      border-radius: 50%;
      margin-right: 0.5em;
    }

    }
  }
  @layer accordion {
	  
	details:before {
    content: attr(open, open, '');
    display: none;
	}  
    
	details {
      
      border: 1px solid var(--trip-clr);
      overflow: hidden;
      margin: 0;

      > summary {
        background: var(--trip-header);
        padding: 0.5em;
        border-bottom: 1px solid var(--trip-clr);
        cursor: pointer;

        transition: background 0.25s ease, color 0.25s ease;

        &:hover {
          background: #fafafa;
        }
      }

      &[open] {
        border-bottom: 1px solid var(--trip-clr);

        > summary {
          background: var(--trip-header);
        }
      }

      > *:not(summary) {
		padding-left: 1em;
		padding-right: 1em;
		padding-top: 0.2em;  
		
      }
    }

    /* Visually group successive siblings together */
    details:has(+ details) {
      border-bottom: none;
    }
    details + details {
      border-top: none;
    }
    :not(details) + details,
    details:first-child {
      border-top-left-radius: 0.5em;
      border-top-right-radius: 0.5em;
    }
    details:not(details:has(+ details)) {
      border-bottom-left-radius: 0.5em;
      border-bottom-right-radius: 0.5em;

      &:not([open]) summary {
        border-bottom: 0;
      }
    }
  }
}

@layer utilities {
  .float-right {
    float: right;
    margin-left: 0.5em;
  }
  .float-left {
    float: left;
    margin-right: 0.5em;
  }
  *:has(> .float-right, > .float-left) {
    display: flow-root;
  }

  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
}


#ez-toc-container {
    background: #fcfcfc!important;
    border: var(--zvt-main-border)!important;
    border-radius: 16px;
    display: table;
    margin-bottom: 1em;
    padding: 1rem!important;
    position: relative;
    width: 100%!important;
}

.zvt-main-content{
	background:var(--zvt-white);
	border:var(--zvt-main-border);
	border-radius:var(--zvt-main-border-radius);
	
}


/*****************  CARDS FOR BLOG POSTS *****************************/
.card-grid-auto-fit {
  display: grid;
  gap: 2rem;
  
  grid-template-columns: repeat(
    auto-fit, 
      minmax(250px, 1fr)
    );
 }


.card-slider{
	background:var(--zvt-white);
	min-height:460px;
	cursor:pointer;
    border:var(--border-1);
	border-radius:var(--radius-1);
	
	&:hover {
      outline: var(--border-2);
      transition: var(--transition-1);
    }

    &:not(:active):hover {
      outline-offset: 3px;
    }
	
}


.card{
	background:var(--zvt-white);
	min-height:420px;
	cursor:pointer;
	box-shadow: var(--shadow-1);
	/*border:var(--zvt-main-border);*/
	border-radius:var(--radius-1);
	 &:hover {
      outline: var(--border-2);
      transition: var(--transition-1);
	 
    }

    &:not(:active):hover {
      outline-offset: 3px;
    }
}




.card h2,.card-subtitle{
	font-size:15px!important;
	text-wrap:pretty;
	padding:30px;
	
	font-weight:500!important;
}
.card-subtitle a{
	color:#8b2433; 
	line-height:1.1!important;
}
.card-subtitle a:hover{
	text-decoration:underline!important;
}


.card .card-box .card-icon .card-iconBox {
  background: var(--main-color); 
}


.button span, body, .cart_totals .button, .wc-forward{
/*	line-height:2.2!important;*/
}


.card ul {
  margin: 0;
  padding-left: 10px;
  padding-bottom: 5px;
  list-style-type: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}

.card ul li {
  
  background: var(--clr-tag);
  color: var(--body-1);
 
  font-size: 12px;
  padding-top: 4px;
  border-radius: 5px;
  padding-bottom: 6px;
  padding-left: 6px;
  padding-right: 6px;
  border-radius:8px;
  
}

.card ul .branding {
  color: var(--zvt-white); /* Darkened var(--orange-2) by 40% */
}

.card ul .packaging {
  color: #507f7f; /*-modify*/
}

.card ul .marketing {
  color: #a04a7f; /*-modify*/
}


.card-inner {
  position: relative;
  width: inherit;
  height: 18.75rem;
  background: var(--zvt-white); /*-modify*/
  border-top-left-radius: var(--radius-1);
  border-top-right-radius: var(--radius-1);
  overflow: hidden;
  
  
}

.card-inner-slider {
  
  position: relative;
    width: inherit;
    height: 18.75rem;
    background: var(--zvt-white);/* -modify*/
	/*border-radius: var(--radius-1);*/
    border-top-left-radius: var(--radius-1);
    border-top-right-radius: var(--radius-1);
    overflow: hidden;
}


.card-box {
  width: 100%;
  height: 100%;
  background: var(--zvt-white);
  border-radius: 1.25rem;
  overflow: hidden;
}

.card-imgBox {
  position: absolute;
  inset: 0;
  border:none!important;
  border-radius:0px!important;
  
 
    background-size: cover;
   background-position: 100% 0%;
  
  
}

.card-imgBox-slider {
  position: absolute;
  inset: 0;
  border:none!important;
  border-radius:0px!important;
  
 
    background-size: cover;
   background-position: 80% 50%;
  
  
}


figcaption {
    font-size: 0.8em;
    font-style: italic;
    padding-top: 0.4em;
	padding-bottom: 1.3em;
	text-align: center;
}



.card-imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  
  position: relative;
  
 
}

.card-icon {
  position: absolute;
  bottom: -0.375rem;
  right: -0.375rem;
  width: 6rem;
  height: 6rem;
  background: var(--zvt-white);
  border-top-left-radius: 50%;
}

.card-icon:hover .card-iconBox {
  transform: scale(1.1);
}

.card-icon::before {
  position: absolute;
  content: "";
  bottom: 0.375rem;
  left: -1.25rem;
  background: transparent;
  width: 1.25rem;
  height: 1.25rem;
  border-bottom-right-radius: var(--radius-2);
  box-shadow: var(--shadow-5);
}

.card-icon::after {
  position: absolute;
  content: "";
  top: -1.25rem;
  right: 0.375rem;
  background: transparent;
  width: 1.25rem;
  height: 1.25rem;
  border-bottom-right-radius: var(--radius-2);
  box-shadow:var(--shadow-6);
}

.card-iconBox {
  position: absolute;
  inset: 0.625rem;
  background: var(--pink-1);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}

.card-iconBox span {
  color: var(--zvt-white);
  font-size: 1.5rem;
 /* padding-top: 10px;*/
}



/* BLOG */
.taxonomy-description{
	
	/*border-bottom:1px #ebecee solid;*/
	max-width: var(--width-2); 
    overflow-wrap: break-word; 
    word-wrap: break-word; 
    word-break: break-word;
	text-wrap:pretty;
	
}

.widget{
	background:#eeeae3!important;
	border-radius: var(--radius-1);
    padding: 1rem;
	
}

.wpc-filters-widget-top-container {
    background: transparent!important;
    border-bottom: none!important;
    padding: 0;
}

.wpc-filters-widget-top-container:before {
    content: "";
    display: block;
    height: 0px!important;
    background: #fff;
    position: relative;
    bottom: 0px!important;
}

widget {
   
}

.zvt-frontpage-posts .box {
	
	cursor:pointer;
	background:var(--zvt-white);
	box-shadow: var(--shadow-1);
	 border: 1px solid #e0e0e0;
	
	border-radius:24px;
	min-height:520px;
	
	
	
	&:hover {
    border:var(--zvt-main-border);
      transition: var(--transition-1);
    }

    &:not(:active):hover {
      outline-offset: 1px;
    }
/*
    &:not(:active):hover {
      outline-offset: 1px;
    }*/
	
}
/*
.zvt-frontpage-posts-banner {
	animation: appear 
linear;
    animation-timeline: view();
    animation-range: entry 0% entry 80%;

}*/
.zvt-frontpage-posts .box-image{
padding:0px;
}	
.zvt-frontpage-posts img{
	
	border-top-left-radius:24px!important;
	border-top-right-radius:24px!important;
	
}

.zvt-frontpage-posts .box-text{

border-bottom-left-radius:24px;
border-bottom-right-radius:24px;
background:var(--zvt-white);
}	

.zvt-frontpage-posts  .button{
	font-size:1em!important;
	border-radius:30px;
}

.zvt-frontpage-posts  h5{
	min-height:100px;
}

.zvt-frontpage-posts .is-divider{
	display:none;
}

.button.is-outline, input[type="button"].is-outline, input[type="reset"].is-outline, input[type="submit"].is-outline {
    font-weight: 600;
}

.entry-content{
	padding-top:0px!important;
}

.dark .form-flat input:not([type="submit"]){
	color:#fff!important;
}


.list-tree {
  --tree-clr: var(--main-color);
  --tree-font-size: 1rem;
  --tree-item-height: 2;
  --tree-offset: 1.5rem;
  --tree-thickness: 2px;
  --tree-style: solid;
  padding-top: 20px;
}
.list-tree ul li,
ul ul {
  margin-left: 0 !important;
}
.list-tree ul ul {
  margin: 0 !important;
}
.list-tree a {
  
   color: #444!important; /* Σκούρο γκρι αντί για μπλε */
}
.list-tree a:hover {
  color:#000!important;	
  text-decoration: underline dotted !important;
  
  
}
.list-tree ul {
  display: grid;
  list-style: none;
  font-size: var(--tree-font-size);
}
.list-tree li {
  line-height: var(--tree-item-height);
  padding-inline-start: var(--tree-offset);
  border-left: var(--tree-thickness) var(--tree-style) var(--tree-clr);
  position: relative;
  text-indent: 0.5rem;
  font-weight: 500;
  text-wrap: pretty;
  &:last-child {
    border-color: transparent;
  }
  & span {
    font-size: 0.8rem;
    font-style: italic;
    font-weight: 400;
  }
  &::before {
    content: "";
    position: absolute;
    top: calc(
      var(--tree-item-height) / 2 * -1 * var(--tree-font-size) +
        var(--tree-thickness)
    );
    left: calc(var(--tree-thickness) * -1);
    width: calc(var(--tree-offset) + var(--tree-thickness) * 2);
    height: calc(var(--tree-item-height) * var(--tree-font-size));
    border-left: var(--tree-thickness) var(--tree-style) var(--tree-clr);
    border-bottom: var(--tree-thickness) var(--tree-style) var(--tree-clr);
  }
  &::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--tree-clr);
    top: calc(var(--tree-item-height) / 2 * 1rem);
    left: var(--tree-offset);
    translate: calc(var(--tree-thickness) * -1) calc(var(--tree-thickness) * -1);
  }
  & li li {
    --tree-style: dotted;
  }
}
.archive-page-header h1,.entry-title{
	font-size:1.8rem!important;
}
	
.single-page h2,.single-page h3{
font-size:1.5rem!important;
}	

/************************ZVT-EMETRIS*************************/
/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 4.9
*/

/* =============================================================
   EMETRIS — Strategy & Climate Consultants
   Editorial / Premium design system for Flatsome
   Based on the CEO mockup at
   ceo_proposed_ux/ΤΕΛΙΚΟ ΓΙΑ ΚΑΡΑΤΖΟΥΛΗ/mockup/css/style.css

   Section map:
     1. Design tokens (palette, fonts, motion)
     2. Flatsome variable wiring
     3. Typography baseline
     4. Buttons (Flatsome .button + custom .btn)
     5. Helper classes (eyebrow, lead, italic, brand-accent, fade-in)
     6. Component sections (filled section-by-section as we map the CEO pages)
     7. Preserved rules from previous build (footer colour, TOC, ESPA badge, mega-menu)

   FONTS — required next step:
     Add Fraunces + Inter via Flatsome > Customize > Typography > Google Fonts
       Fraunces  weights 300, 400, 500, 600
       Inter     weights 300, 400, 500, 600, 700
     (Previous style.css preserved as style-mine-original.css)
   ============================================================= */


/* ---------- 1. DESIGN TOKENS ---------- */

:root {
  /* Brand palette */
  --bg:          #f6f2eb;   /* warm cream background */
  --bg-paper:    #ffffff;
  --bg-dark:     #0d0e10;   /* deep near-black */
  --bg-dark-2:   #16181b;
  --ink:         #15161a;
  --ink-soft:    #3a3c44;
  --muted:       #6f6f78;
  --line:        #e1d9c8;
  --line-dark:   #2a2d33;

  --brand:       #8b2433;   /* burgundy (from logo) */
  --brand-deep:  #631a26;
  --brand-soft:  #c84a5b;
  --gold:        #c8a163;   /* warm metallic */
  --teal:        #2b8f8b;   /* fresh ESG accent */
  --amber:       #e8a13b;

  /* Typography */
  --font-display: "Fraunces", "Cormorant Garamond", Georgia, serif;
  --font-sans:    "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Motion */
  --ease: cubic-bezier(.22, .61, .36, 1);
}


/* ---------- 2. FLATSOME VARIABLE WIRING ----------
   Push the brand palette into Flatsome's own custom properties so that any
   built-in element (links, buttons, accents) follows the brand automatically.
   --------------------------------------------------- */
:root {
  --fs-color-primary:   var(--brand);
  --fs-color-secondary: var(--bg-dark);
  --fs-color-success:   var(--teal);
}


/* ---------- 3. TYPOGRAPHY BASELINE ---------- */

body {
 /* font-family: var(--font-sans);*/
  background-color: var(--bg);
  color: var(--ink);
  font-feature-settings: "ss01", "ss02", "cv11";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* !important on size/weight too — Flatsome's customizer ships explicit size rules per heading tag */

/* zvt-headers 

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.05 !important;
  color: var(--ink);
}
h1 { font-size: clamp(2.6rem, 6vw, 5.2rem) !important; font-weight: 300 !important; }
h2 { font-size: clamp(2rem, 4.2vw, 3.6rem) !important; }
h3 { font-size: clamp(1.4rem, 2.2vw, 1.9rem) !important; }
*/

/* h4 reverts to sans — matches the eyebrow / utility heading style of the mockup */
/*h4 {
  font-size: 1.15rem !important;
  font-weight: 500 !important;
  font-family: var(--font-sans) !important;
  letter-spacing: .01em !important;
  line-height: 1.3 !important;
}
h5 { font-size: 1rem !important; font-weight: 500 !important; }
h6 { font-size: .82rem !important; font-weight: 600 !important; letter-spacing: .15em !important; text-transform: uppercase; font-family: var(--font-sans) !important; }
*/
p { color: var(--ink-soft); }

a {
  color: inherit;
  transition: color .25s var(--ease);
}
a:hover { color: var(--brand); }


/* ---------- 4. BUTTONS ----------
   Restyle Flatsome's .button so every UX Builder Button matches the mockup's
   pill style by default. .btn / .btn--* are the custom BEM classes used in
   the CEO mockup, available for hand-rolled shortcodes.
   ---------------------------------- */

.button,
.btn {
  border-radius: 100px !important;
  /*padding: 14px 28px;*/
  font-size: .96rem;
  font-weight: 500;
  letter-spacing: 0;
  transition: all .3s var(--ease);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  white-space: nowrap;
}


.btn--brand,.btn--ghost-on-dark{
padding: 14px 28px;	
	
}
/* Default / Primary — dark ink, hovers to brand */
.button.primary,
.btn--primary {
  background-color: var(--ink) !important;
  color: #fff !important;
  border-color: var(--ink) !important;
}
.button.primary:hover,
.btn--primary:hover {
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
  transform: translateY(-2px);
}

/* Brand — burgundy CTAs */
.button.secondary,
.btn--brand {
  background-color: var(--brand) !important;
  color: #fff !important;
  border: 1px solid var(--brand) !important;
}
.button.secondary:hover,
.btn--brand:hover {
  background-color: var(--brand-deep) !important;
  border-color: var(--brand-deep) !important;
  color: #fff !important;
  transform: translateY(-2px);
}

/* Ghost — outline, inherits colour from parent */
.btn--ghost {
  background-color: transparent;
  border: 1px solid currentColor;
  color: inherit;
}
.btn--ghost:hover {
  background-color: var(--ink);
  color: #fff;
  border-color: var(--ink);
}

/* Paper — light card on dark backgrounds */
.btn--paper {
  background-color: #fff;
  color: var(--ink);
  border: 1px solid var(--line);
}
.btn--paper:hover {
  background-color: var(--ink);
  color: #fff;
  border-color: var(--ink);
}

/* Arrow modifier — works on both .btn--arrow and Flatsome's .button.arrow */
.btn--arrow::after,
.button.arrow::after {
  content: "→";
  display: inline-block;
  transition: transform .3s var(--ease);
}
.btn--arrow:hover::after,
.button.arrow:hover::after { transform: translateX(4px); }


/* ---------- 5. HELPER CLASSES ----------
   Generic utilities used throughout the CEO mockup — short, semantic names
   so the markup stays close to the mockup HTML.
   ---------------------------------------- */

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-sans);
  font-size: .78rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--brand);
  font-weight: 600;
  margin-bottom: 1.4rem;
}
.eyebrow::before {
  content: "";
  width: 28px;
  height: 1px;
  background: currentColor;
}
.eyebrow.center { justify-content: center; }
.eyebrow.center::before { display: none; }

.lead {
  font-size: 1.25rem;
  line-height: 1.55;
  color: var(--ink-soft);
  max-width: 62ch;
}

.italic        { font-style: italic; }
.brand-accent  { color: var(--brand); }
.gold-accent   { color: var(--gold); }
.teal-accent   { color: var(--teal); }

/* Reveal-on-scroll — pair with a small IntersectionObserver that adds .visible */
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .8s var(--ease), transform .8s var(--ease);
}
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}


/* ---------- 6. COMPONENT SECTIONS ----------
   Built section-by-section as we map the CEO pages.
   Spec: ceo_proposed_ux/ΤΕΛΙΚΟ ΓΙΑ ΚΑΡΑΤΖΟΥΛΗ/mockup/

   Planned components (each will become either a custom shortcode registered
   in functions.php OR styling for an existing Flatsome element):
     - Hero carousel + stats strip
     - Service cards (4-up, numbered, gradient top border on hover)
     - AI section (dark, animated orbs/rings)
     - Why Emetris (3 commitments)
     - Featured projects grid (big/med/sm)
     - Clients marquee (greyscale -> color on hover)
     - News cards
     - CTA strip (dark with radial glow)
     - Page hero + breadcrumb
     - Anchor sub-nav (sticky)
     - Service-detail hero, sub-services grid, steps, methods tag-list
     - ISO grid
     - Contact form
   --------------------------------------------- */

/* --- 6.1 CTA strip (dark rounded card with radial glow) --- */
.emetris-cta-strip {
  background: linear-gradient(135deg, #1b1c1f 0%, #2a1b20 100%);
  color: #f4f1e8;
  border-radius: 16px;
  padding: clamp(48px, 7vw, 96px);
  position: relative;
  overflow: hidden;
}
.emetris-cta-strip::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(200, 161, 99, .2), transparent 70%);
  pointer-events: none;
}
.emetris-cta-strip .eyebrow { color: var(--gold) !important; }
.emetris-cta-strip .eyebrow::before { background: var(--gold); }
.emetris-cta-h2 {
  color: #fff !important;
  max-width: 18ch;
  margin-bottom: 16px !important;
}
.emetris-cta-p {
  color: rgba(255, 255, 255, .78) !important;
  font-size: 1.1rem !important;
  max-width: 50ch;
}
.emetris-cta-strip .cta-bar {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 32px;
  position: relative;
  z-index: 1;
}
/* Ghost variant tuned for dark backgrounds (white text, subtle border) */
.btn--ghost-on-dark {
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .4) !important;
}
.btn--ghost-on-dark:hover {
  background-color: #fff !important;
  color: var(--ink) !important;
  border-color: #fff !important;
  transform: translateY(-2px);
}

/* --- 6.2 Why Emetris (3 commitments) --- */
.emetris-why-intro { max-width: 720px; margin-bottom: 16px; }
.emetris-why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
  margin-top: 64px;
}
@media (max-width: 880px) {
  .emetris-why-grid { grid-template-columns: 1fr; gap: 32px; }
}
.emetris-why-item {
  border-top: 1px solid var(--line);
  padding-top: 28px;
}
.emetris-why-num {
  font-family: var(--font-display);
  font-size: 1rem !important;
  color: var(--brand);
  letter-spacing: .15em;
  display: block;
  margin-bottom: 14px;
  font-weight: 400;
  font-style: italic;
}
.emetris-why-item h3 {
  font-size: 1.5rem !important;
  margin-bottom: 12px;
  font-weight: 400 !important;
}
.emetris-why-item p {
  font-size: .95rem;
  margin-bottom: 0;
}

/* --- 6.3 News grid (Flatsome [blog_posts] output, editorial card styling) --- */
.emetris-news-grid .box-blog-post {
  background: var(--bg-paper);
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
  transition: transform .35s var(--ease), box-shadow .35s var(--ease);
}
.emetris-news-grid .box-blog-post:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 50px -28px rgba(0, 0, 0, .2);
}
/* Flatsome's .image-cover uses padding-top:56.25% (from image_height shortcode arg) to create the box; we just need to absolute-position the img inside so the placeholder's width/height HTML attrs don't blow out the layout. */
.emetris-news-grid .box-image {
  background: linear-gradient(135deg, var(--brand-deep), var(--gold));
  border-bottom: 1px solid var(--line);
}
.emetris-news-grid .image-cover {
  position: relative !important;
  overflow: hidden !important;
}
.emetris-news-grid .image-cover img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
/* Date badge on image — recolour to ink-on-white with subtle shadow */
.emetris-news-grid .badge .badge-inner {
  background: var(--ink) !important;
  color: #fff !important;
  border-radius: 50%;
  box-shadow: 0 6px 18px -6px rgba(0, 0, 0, .35);
}
.emetris-news-grid .badge .badge-inner .post-date-day {
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 400;
  color: #fff;
}
.emetris-news-grid .badge .badge-inner .post-date-month {
  color: var(--gold);
  font-size: .68rem;
  letter-spacing: .15em;
}
/* Card text body */
.emetris-news-grid .box-text {
  padding: 28px !important;
  background: var(--bg-paper);
}
.emetris-news-grid .post-title,
.emetris-news-grid .box-text h5,
.emetris-news-grid .box-text h3 {
  font-family: var(--font-display) !important;
  font-size: 1.25rem !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  margin-bottom: 10px !important;
  letter-spacing: -.01em;
}
.emetris-news-grid .post-title a,
.emetris-news-grid .box-text h5 a {
  color: var(--ink);
  transition: color .25s var(--ease);
}
.emetris-news-grid .post-title a:hover,
.emetris-news-grid .box-text h5 a:hover {
  color: var(--brand);
}
.emetris-news-grid .from_the_blog_excerpt,
.emetris-news-grid .box-text p {
  font-size: .9rem !important;
  color: var(--ink-soft);
  margin: 0 0 14px !important;
}
/* Flatten Flatsome's "read more" button into a text-link with arrow */
.emetris-news-grid .box-text .button,
.emetris-news-grid .read-more {
  background: transparent !important;
  color: var(--brand) !important;
  border: 0 !important;
  padding: 0 !important;
  font-size: .88rem !important;
  font-weight: 500 !important;
  border-radius: 0 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  line-height: 1.4 !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.emetris-news-grid .box-text .button::after {
  content: "→";
  display: inline-block;
  transition: transform .3s var(--ease);
}
.emetris-news-grid .box-text .button:hover {
  background: transparent !important;
  color: var(--brand-deep) !important;
  transform: none !important;
}
.emetris-news-grid .box-text .button:hover::after {
  transform: translateX(4px);
}
/* Equal-height news cards — flex applied at the COL level (NOT on .box, which would re-trigger
   the lazy-load image collapse bug). .box stays block; only the wrappers above it are flex. */
.emetris-news-grid > .row,
.emetris-news-grid.row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.emetris-news-grid .col.post-item {
  display: flex;
  flex-direction: column;
}
.emetris-news-grid .col.post-item > .col-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.emetris-news-grid .col.post-item > .col-inner > .box {
  flex: 1;
}
/* Inside the (still-block) .box, give .box-text its own flex column so the read-more
   anchors to the bottom of any card. .box-image stays untouched (no flex on .box itself). */
.emetris-news-grid .box > .box-text {
  display: flex;
  flex-direction: column;
}
.emetris-news-grid .box > .box-text > .box-text-inner {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.emetris-news-grid .box > .box-text > .box-text-inner > .button {
  margin-top: auto;
  align-self: flex-start;
}
/* Centred section title — restyle the existing centered h2 to editorial */
.emetris-news-section h2 {
  text-align: center;
  font-weight: 300 !important;
  margin-bottom: 28px !important;
}
/* "Δείτε όλα τα Νέα" outline pill — keep using our existing .button rules but ensure it's contained */
.emetris-news-section .button {
  margin-top: 16px;
}

/* --- 6.4 Services grid (4 cards with photo + numbered editorial overlay) --- */
.emetris-services-section { padding-block: clamp(40px, 6vw, 80px); }
.emetris-services-section .emetris-services-intro {
  max-width: 760px;
  margin: 0 auto 56px;
  text-align: center;
}
.emetris-services-section .emetris-services-intro .eyebrow { justify-content: center; }
.emetris-services-section .emetris-services-intro .eyebrow::before { display: none; }
.emetris-services-section .emetris-services-intro h2 {
  margin-bottom: 16px;
}
.emetris-services-section .emetris-services-intro p {
  font-size: 1.1rem;
  color: var(--ink-soft);
  max-width: 60ch;
  margin: 0 auto;
}

/* Card wrapper — keep block layout (no flex on .col-inner > .box; see Flatsome gotchas memory) */
.emetris-services-section .col.emetris-service-card .col-inner {
  position: relative;
  background: var(--bg-paper);
  border: 1px solid var(--line);
  border-radius: 10px;
  overflow: hidden;
  transition: transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease);
}
.emetris-services-section .col.emetris-service-card:hover .col-inner {
  transform: translateY(-6px);
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .18);
  border-color: rgba(139, 36, 51, .25);
}
/* Top gradient bar reveal-on-hover */
.emetris-services-section .col.emetris-service-card .col-inner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--brand), var(--gold));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .5s var(--ease);
  z-index: 5;
}
.emetris-services-section .col.emetris-service-card:hover .col-inner::before {
  transform: scaleX(1);
}
/* Number badge top-right (editorial italic, low-contrast brand color) */
.emetris-services-section .col.emetris-service-card .col-inner::after {
  position: absolute;
  top: 18px; right: 22px;
  font-family: var(--font-display);
  font-size: 2.4rem;
  font-weight: 300;
  font-style: italic;
  color: rgba(139, 36, 51, .15);
  line-height: 1;
  z-index: 4;
  pointer-events: none;
}
.emetris-services-section .col.emetris-service-card:nth-of-type(1) .col-inner::after { content: "01"; }
.emetris-services-section .col.emetris-service-card:nth-of-type(2) .col-inner::after { content: "02"; }
.emetris-services-section .col.emetris-service-card:nth-of-type(3) .col-inner::after { content: "03"; }
.emetris-services-section .col.emetris-service-card:nth-of-type(4) .col-inner::after { content: "04"; }

/* Equal-height service cards — flex at COL level only, .col-inner inside stretches via flex:1.
   .ux-image-box (Flatsome wrapper for the image) remains block; image area not affected. */
.emetris-services-section .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.emetris-services-section .col.emetris-service-card {
  display: flex;
  flex-direction: column;
}
.emetris-services-section .col.emetris-service-card > .col-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
}
/* Make the inner text block grow to fill remaining space, so the "Περισσότερα →" link
   anchors to the bottom of every card regardless of title/description length. */
.emetris-services-section .col.emetris-service-card .ux-image-box {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.emetris-services-section .col.emetris-service-card .ux-image-box .text {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.emetris-services-section .col.emetris-service-card .ux-image-box .text > .button,
.emetris-services-section .col.emetris-service-card .ux-image-box .text a.button {
  margin-top: auto;
  align-self: flex-start;
}

/* Image area */
.emetris-services-section .emetris-service-card .ux-image-box {
  margin-bottom: 0 !important;
}
.emetris-services-section .emetris-service-card .img-inner {
  border-radius: 0 !important;
  overflow: hidden;
}
.emetris-services-section .emetris-service-card .img-inner img {
  transition: transform .6s var(--ease);
}
.emetris-services-section .emetris-service-card:hover .img-inner img {
  transform: scale(1.04);
}

/* Text block under image */
.emetris-services-section .emetris-service-card .text {
  padding: 28px !important;
}
.emetris-services-section .emetris-service-card h3 {
  font-family: var(--font-display) !important;
  font-size: 1.35rem !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em;
  margin-bottom: 12px !important;
  color: var(--ink);
}
.emetris-services-section .emetris-service-card p {
  font-size: .92rem !important;
  color: var(--ink-soft);
  margin: 0 0 18px !important;
  min-height:180px;
}
/* Flatten the [button] inside service cards into an arrow text-link */
.emetris-services-section .emetris-service-card .button {
  background: transparent !important;
  color: var(--brand) !important;
  border: 0 !important;
  padding: 0 !important;
  font-size: .9rem !important;
  font-weight: 500 !important;
  border-radius: 0 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  line-height: 1.4 !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.emetris-services-section .emetris-service-card .button::after {
  content: "→";
  display: inline-block;
  transition: transform .3s var(--ease);
}
.emetris-services-section .emetris-service-card:hover .button::after {
  transform: translateX(4px);
}
.emetris-services-section .emetris-service-card .button:hover {
  background: transparent !important;
  color: var(--brand-deep) !important;
  transform: none !important;
}

/* --- 6.5 Intro / "Ποιοι Είμαστε" (replaces old Mission/Values block) --- */
.emetris-intro-section { padding-block: clamp(50px, 7vw, 100px); }
.emetris-intro-section .emetris-intro-h2 { margin-bottom: 24px !important; }
.emetris-intro-section p.lead { margin-bottom: 16px !important; }
.emetris-intro-svg {
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
}
.emetris-intro-svg svg {
  display: block;
  width: 100%;
  height: auto;
}
/* Tighten the wpautop spacing inside [ux_text] for the intro block */
.emetris-intro-section .ux-text-element p:empty { display: none; }

/* --- 6.6 Featured projects (mixed-size editorial mosaic with dark gradient meta overlay) --- */
.emetris-projects-section { padding-block: clamp(50px, 7vw, 100px); }
.emetris-projects-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  margin-bottom: 32px;
}
@media (max-width: 880px) {
  .emetris-projects-header { grid-template-columns: 1fr; }
}
.emetris-projects-header .right {
  text-align: right;
}
.emetris-projects-header p {
  margin-left: auto;
  margin-bottom: 16px !important;
  font-size: 1.05rem;
  color: var(--ink-soft);
  max-width: 38ch;
}

/* Each .emetris-project is a Flatsome [col] whose .col-inner becomes our card */
.emetris-projects-section .emetris-project .col-inner {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: var(--ink);
  height: 100%;
  min-height: 240px;
  aspect-ratio: 4/3;
}
.emetris-projects-section .emetris-project-big .col-inner { aspect-ratio: 16/10; }
.emetris-projects-section .emetris-project-med .col-inner { aspect-ratio: 16/10; }

.emetris-projects-section .emetris-project-link {
  display: block;
  position: absolute;
  inset: 0;
  color: #fff;
  text-decoration: none !important;
}
.emetris-projects-section .emetris-project-link img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .7s var(--ease), opacity .5s var(--ease);
  display: block;
}
.emetris-projects-section .emetris-project-link:hover img {
  transform: scale(1.05);
  opacity: .55;
}
.emetris-projects-section .emetris-project-meta {
  position: absolute;
  inset: auto 0 0 0;
  padding: 28px;
  background: linear-gradient(to top, rgba(0, 0, 0, .88), transparent);
  color: #fff;
  z-index: 2;
}
.emetris-projects-section .emetris-project-tag {
  font-size: .72rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 8px;
  display: block;
  font-weight: 600;
}
.emetris-projects-section .emetris-project-meta h3 {
  color: #fff !important;
  font-size: 1.35rem !important;
  font-weight: 400 !important;
  margin-bottom: 4px !important;
  line-height: 1.2 !important;
}
.emetris-projects-section .emetris-project-meta p {
  font-size: .85rem !important;
  color: rgba(255, 255, 255, .82) !important;
  margin: 0 !important;
}
/* For smaller cards, scale down the meta block slightly */
.emetris-projects-section .emetris-project-sm .emetris-project-meta h3 {
  font-size: 1.1rem !important;
}
.emetris-projects-section .emetris-project-sm .emetris-project-meta p {
  font-size: .78rem !important;
}

/* --- 6.7 Hero carousel (3-slide editorial split-screen + stats strip below) --- */
.emetris-hero-section {
  padding: 24px 0 16px !important;
}
.emetris-hero-section .ux-slider-wrapper,
.emetris-hero-section .ux-slider {
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 30px 80px -40px rgba(0, 0, 0, .18);
}
/* Make each banner image fill but text panel sits on the left half */
.emetris-hero-section .ux-banner {
  border-radius: 14px;
}
/* Text overlay panel — cream card on left half of slide */
.emetris-hero-text {
  background: rgba(246, 242, 235, .94) !important;
  padding: clamp(32px, 5vw, 64px) !important;
  border-radius: 14px 0 0 14px !important;
  max-width: 50% !important;
  width: 100% !important;
  left: 0 !important;
}
.emetris-hero-text h1 {
  font-size: clamp(2rem, 3.6vw, 3.4rem) !important;
  line-height: 1.06 !important;
  font-weight: 300 !important;
  margin-bottom: 20px !important;
  letter-spacing: -.01em !important;
  color: var(--ink);
}
.emetris-hero-text .hero-sub {
  font-size: 1rem !important;
  color: var(--muted) !important;
  max-width: 40ch;
  font-style: italic;
  margin-bottom: 0 !important;
  line-height: 1.5 !important;
}
.emetris-hero-text .cta-bar {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
}
.emetris-hero-text .eyebrow {
  margin-bottom: 18px;
}

/* Dark slide variant (slide 2 — Intelligent Consulting / AI) */
.emetris-hero-text-dark {
  background: rgba(13, 14, 16, .94) !important;
  color: #f4f1e8 !important;
}
.emetris-hero-text-dark h1 {
  color: #f4f1e8 !important;
}
.emetris-hero-text-dark .hero-sub {
  color: rgba(255, 255, 255, .82) !important;
}
.emetris-hero-text-dark .gold-accent { color: var(--gold) !important; }

/* Alternative eyebrow accents for each slide */
.eyebrow-gold {
  color: var(--gold) !important;
}
.eyebrow-gold::before { background: var(--gold) !important; }
.eyebrow-teal {
  color: var(--teal) !important;
}
.eyebrow-teal::before { background: var(--teal) !important; }

/* Hide Flatsome's default text-box background/padding wrappers that interfere */
.emetris-hero-section .ux_banner-grid .text-box {
  margin: 0 !important;
}

/* Mobile: stack text below image */
@media (max-width: 768px) {
  .emetris-hero-text {
    max-width: 92% !important;
    margin: 0 4% !important;
    border-radius: 14px !important;
  }
}

/* Stats strip below carousel */
.emetris-stats-strip {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
  gap: 28px;
  align-items: center;
  padding: 22px 32px;
  margin-top: 20px;
  background:#eeeae3;
  /*background: var(--bg-paper);*/
  border: 1px solid var(--line);
  border-radius: 24px;
}
@media (max-width: 880px) {
  .emetris-stats-strip {
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    padding: 18px 22px;
  }
  .emetris-stats-intro { grid-column: span 2; }
}
.emetris-stats-intro .label {
  font-size: .76rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--muted);
  font-weight: 600;
  display: block;
}
.emetris-stats-intro p {
  margin: 6px 0 0 !important;
  color: var(--ink-soft) !important;
  font-size: .95rem !important;
}
.emetris-stat {
  display: flex;
  flex-direction: column;
}
.emetris-stat strong {
  font-family: var(--font-display);
  font-size: 1.65rem;
  color: var(--brand);
  line-height: 1;
  font-weight: 400;
}
.emetris-stat span {
  font-size: .78rem;
  color: var(--muted);
  margin-top: 4px;
}

/* --- 6.8 Clients marquee (infinite horizontal scroll, grayscale → color hover) --- */
.emetris-marquee-section {
  padding-block: clamp(50px, 7vw, 90px);
  background: var(--bg-paper);
}
.emetris-marquee-intro {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 48px;
}
.emetris-marquee-intro h2 {
  margin-bottom: 12px !important;
}
.emetris-marquee {
  overflow: hidden;
  margin: 0;
  mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}
.emetris-marquee-track {
  display: flex;
  gap: 64px;
  width: max-content;
  animation: emetris-marquee 60s linear infinite;
  align-items: center;
}
.emetris-marquee-track:hover {
  animation-play-state: paused;
}
.emetris-marquee-track img {
  height: 50px;
  width: auto;
  max-width: none;
  object-fit: contain;
  filter: grayscale(1) opacity(.55);
  transition: filter .35s var(--ease);
}
.emetris-marquee-track img:hover {
  filter: grayscale(0) opacity(1);
}
@keyframes emetris-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.emetris-marquee-cta {
  text-align: center;
  margin-top: 32px;
}

/* --- 6.9 AI section (dark, animated orbs/rings/labels) --- */
.emetris-ai-section {
  background:
    radial-gradient(ellipse at 20% 30%, rgba(200, 161, 99, .08), transparent 60%),
    radial-gradient(ellipse at 80% 70%, rgba(43, 143, 139, .10), transparent 60%),
    var(--bg-dark);
  color: #e6e3da;
  padding-block: clamp(60px, 9vw, 120px) !important;
  position: relative;
  overflow: hidden;
}
.emetris-ai-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(255, 255, 255, .02) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255, 255, 255, .02) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
}
.emetris-ai-grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 80px;
  align-items: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 1024px) {
  .emetris-ai-grid { grid-template-columns: 1fr; gap: 48px; }
}
.emetris-ai-section .eyebrow {
  color: var(--gold) !important;
}
.emetris-ai-section .eyebrow::before { background: var(--gold) !important; }
.emetris-ai-section h2 {
  color: #f4f1e8 !important;
  font-weight: 300 !important;
}
.emetris-ai-section p {
  color: #c8c5bb !important;
}
.emetris-ai-section .quote {
  margin-top: 36px;
  padding: 24px 28px;
  border-left: 2px solid var(--gold);
  font-family: var(--font-display);
  font-style: italic;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #ece9df;
}
.emetris-ai-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 36px;
}
.emetris-ai-stat {
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 8px;
  background: rgba(255, 255, 255, .02);
}
.emetris-ai-stat strong {
  font-family: var(--font-display);
  display: block;
  font-size: 2.1rem;
  color: var(--gold);
  margin-bottom: 4px;
  font-weight: 400;
  line-height: 1;
}
.emetris-ai-stat span {
  font-size: .85rem;
  color: #b8b5ab;
  line-height: 1.4;
}

/* Animated visual */
.emetris-ai-visual {
  position: relative;
  aspect-ratio: 1 / 1;
  max-width: 480px;
  margin: 0 auto;
}
.emetris-ai-ring {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(200, 161, 99, .18);
  border-radius: 50%;
}
.emetris-ai-ring.r2 { inset: 10%; border-color: rgba(43, 143, 139, .18); animation: emetris-ai-spin 40s linear infinite; }
.emetris-ai-ring.r3 { inset: 20%; border-color: rgba(255, 255, 255, .06); animation: emetris-ai-spin 25s linear infinite reverse; }
.emetris-ai-ring.r4 { inset: 30%; border-color: rgba(200, 161, 99, .10); }
@keyframes emetris-ai-spin { to { transform: rotate(360deg); } }
.emetris-ai-orb {
  position: absolute;
  inset: 10%;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #2b8f8b 0%, #14403e 40%, transparent 70%);
  filter: blur(2px);
  animation: emetris-ai-orb 8s ease-in-out infinite;
}
.emetris-ai-orb.alt {
  background: radial-gradient(circle at 65% 70%, #c8a163 0%, #5e4a2a 40%, transparent 70%);
  animation-delay: -3s;
  inset: 18%;
}
@keyframes emetris-ai-orb {
  0%, 100% { transform: scale(1) translate(0, 0); }
  50%      { transform: scale(1.05) translate(8px, -8px); }
}
.emetris-ai-nodes { position: absolute; inset: 0; }
.emetris-ai-node {
  position: absolute;
  width: 12px; height: 12px;
  border-radius: 50%;
  background: var(--gold);
  box-shadow: 0 0 24px var(--gold);
}
.emetris-ai-node.n1 { top: 8%;   left: 50%; transform: translateX(-50%); }
.emetris-ai-node.n2 { top: 50%;  left: 4%;  transform: translateY(-50%); background: var(--teal); box-shadow: 0 0 24px var(--teal); }
.emetris-ai-node.n3 { bottom: 12%; right: 14%; background: var(--brand-soft); box-shadow: 0 0 24px var(--brand-soft); }
.emetris-ai-node.n4 { top: 28%;  right: 10%; width: 8px; height: 8px; }
.emetris-ai-label {
  position: absolute;
  padding: 8px 14px;
  background: rgba(255, 255, 255, .04);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 100px;
  font-size: .72rem;
  color: #d9d6cc;
  backdrop-filter: blur(8px);
  white-space: nowrap;
}
.emetris-ai-label.l1 { top: 4%;     left: 28%; }
.emetris-ai-label.l2 { bottom: 8%;  left: 4%; }
.emetris-ai-label.l3 { top: 42%;    right: -4%; }
.emetris-ai-label.l4 { bottom: 22%; right: 0; }

/* =============================================================
   COMPANY PAGE (post 10, slug who-we-are)
   ============================================================= */

/* Page hero — used on inner pages */
.emetris-page-hero {
  padding-block: 80px 56px;
  border-bottom: 1px solid var(--line);
}
.emetris-page-hero .breadcrumb {
  font-size: .8rem;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 24px;
  display: block;
}
.emetris-page-hero .breadcrumb a { color: var(--muted); }
.emetris-page-hero .breadcrumb a:hover { color: var(--brand); }
.emetris-page-hero h1 {
  font-size: clamp(2.4rem, 5vw, 4rem) !important;
 /* max-width: 22ch;*/
  font-weight: 500 !important;
  margin-bottom: 20px !important;
}
.emetris-page-hero .lead {
  margin-top: 20px;
  max-width: 62ch;
}

/* Hide Flatsome's auto page-title bar on the Company page (we have a custom hero in content) */
body.page-id-10 .page-title-default,
body.page-id-10 .page-title-breadcrumbs,
body.page-id-10 .page-title-scroll-to,
body.page-id-10 .entry-header-text,
body.page-id-12 .page-title-default,
body.page-id-12 .page-title-breadcrumbs,
body.page-id-12 .page-title-scroll-to,
body.page-id-12 .entry-header-text,
body.page-id-3258 .page-title-default,
body.page-id-3258 .page-title-breadcrumbs,
body.page-id-3258 .page-title-scroll-to,
body.page-id-3258 .entry-header-text,
body.page-id-3293 .page-title-default,
body.page-id-3293 .page-title-breadcrumbs,
body.page-id-3293 .page-title-scroll-to,
body.page-id-3293 .entry-header-text,
body.page-id-3505 .page-title-default,
body.page-id-3505 .page-title-breadcrumbs,
body.page-id-3505 .page-title-scroll-to,
body.page-id-3505 .entry-header-text,
body.page-id-929 .page-title-default,
body.page-id-929 .page-title-breadcrumbs,
body.page-id-929 .page-title-scroll-to,
body.page-id-929 .entry-header-text,
body.page-id-2932 .page-title-default,
body.page-id-2932 .page-title-breadcrumbs,
body.page-id-2932 .page-title-scroll-to,
body.page-id-2932 .entry-header-text {
  display: none !important;
}

/* Company sub-nav */
.emetris-anchor-nav {
  position: relative;
  z-index: 1;
  background: rgba(246, 242, 235, .96);
  backdrop-filter: blur(10px);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding-block: 14px;
}
.emetris-anchor-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  justify-content: center;
}
.emetris-anchor-nav a {
  padding: 8px 14px;
  font-size: .85rem;
  border-radius: 100px;
  color: var(--ink-soft);
  display: inline-block;
}
.emetris-anchor-nav a:hover {
  background: var(--ink);
  color: #fff;
}

body.page-id-3258 .emetris-anchor-nav-section {
  position: sticky !important;
  top: var(--emetris-anchor-sticky-top, 60px);
  z-index: 900;
  background: var(--bg) !important;
  overflow: visible !important;
  --emetris-anchor-sticky-top: 60px;
}

body.page-id-3258 .emetris-page-hero {
  padding-top: clamp(58px, 7vw, 96px);
  padding-bottom: clamp(52px, 6vw, 76px);
}

body.page-id-3258 .emetris-page-hero h1 {
  max-width: 24ch;
  line-height: .98 !important;
}

/* Professional inner-page rhythm shared by the UX mockup pages. */
body.page-id-12 .section,
body.page-id-1471 .section,
body.page-id-1476 .section,
body.page-id-3588 .section,
body.page-id-1484 .section,
body.page-id-2932 .section,
body.page-id-3293 .section,
body.page-id-929 .section,
body.page-id-3505 .section {
  overflow: visible;
}

body.page-id-12 .emetris-page-hero,
body.page-id-2932 .emetris-page-hero,
body.page-id-3293 .emetris-page-hero,
body.page-id-929 .emetris-page-hero,
body.page-id-3505 .emetris-page-hero {
  padding-top: clamp(58px, 7vw, 92px);
  padding-bottom: clamp(50px, 6vw, 72px);
}

body.page-id-12 .emetris-page-hero h1,
body.page-id-2932 .emetris-page-hero h1,
body.page-id-3293 .emetris-page-hero h1,
body.page-id-929 .emetris-page-hero h1,
body.page-id-3505 .emetris-page-hero h1 {
  line-height: 1.02 !important;
}

.emetris-overview-card {
  min-height: 100%;
  background: var(--bg-paper);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: clamp(28px, 3.5vw, 38px);
  display: flex;
  flex-direction: column;
  gap: 14px;
  position: relative;
  overflow: hidden;
  transition: transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);
}

.emetris-overview-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--brand), var(--gold));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s var(--ease);
}

.emetris-overview-card:hover {
  transform: translateY(-4px);
  border-color: rgba(139, 36, 51, .28);
  box-shadow: 0 28px 58px -36px rgba(0, 0, 0, .34);
}

.emetris-overview-card:hover::before { transform: scaleX(1); }

.emetris-overview-num {
  font-family: var(--font-display);
  font-size: 2.3rem;
  font-style: italic;
  line-height: 1;
  color: rgba(139, 36, 51, .22);
}

.emetris-overview-card h3 {
  font-family: var(--font-display) !important;
  font-size: 1.32rem !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;
  margin: 0 !important;
}

.emetris-overview-card p {
  margin: 0 !important;
  font-size: .95rem !important;
}

.emetris-text-link {
  margin-top: auto;
  color: var(--brand) !important;
  font-weight: 600;
  font-size: .92rem;
}

.emetris-text-link::after {
  content: " →";
  display: inline-block;
  transition: transform .25s var(--ease);
}

.emetris-text-link:hover::after { transform: translateX(3px); }

.emetris-steps-dark {
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .14);
}

.emetris-steps-dark li {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .12);
}

.emetris-steps-dark h4,
.emetris-steps-dark p {
  color: #f4f1e8 !important;
}

.emetris-steps-dark .step-num {
  color: var(--gold);
}

@media (max-width: 549px) {
  body.page-id-3258 .emetris-page-hero {
    padding-top: 44px;
    padding-bottom: 44px;
  }

  body.page-id-3258 .emetris-page-hero h1 {
    font-size: 2.55rem !important;
    line-height: 1.03 !important;
    max-width: 9ch;
  }

  body.page-id-3258 h2 {
    font-size: 2.05rem !important;
    line-height: 1.08 !important;
  }

  body.page-id-3258 .lead,
  body.page-id-3258 p {
    font-size: 1rem !important;
    line-height: 1.7;
  }

  body.page-id-3258 .emetris-anchor-nav {
    margin-inline: -15px;
    padding: 10px 15px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.page-id-3258 .emetris-anchor-nav ul {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: max-content;
  }

  body.page-id-3258 .emetris-anchor-nav a {
    white-space: nowrap;
    background: #fff;
    border: 1px solid var(--line);
  }
}

/* Team-stats quote card */
.emetris-team-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 40px;
}
.emetris-team-card-quote {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 20px;
  align-items: start;
}
.emetris-team-card-quote .mark {
  font-family: var(--font-display);
  font-size: 3.4rem;
  color: var(--brand);
  line-height: 1;
}
.emetris-team-card-quote p {
  font-family: var(--font-display);
  font-size: 1.35rem !important;
  line-height: 1.35;
  margin: 0 !important;
  color: var(--ink) !important;
  font-style: italic;
}
.emetris-team-card-quote p strong {
  font-style: normal;
}
.emetris-team-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 32px;
}
.emetris-team-stat strong {
  font-family: var(--font-display);
  font-size: 2.2rem;
  color: var(--brand);
  display: block;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 4px;
}
.emetris-team-stat span {
  font-size: .85rem;
  color: var(--muted);
}
@media (max-width: 580px) {
  .emetris-team-stats { grid-template-columns: 1fr 1fr; }
}

/* Team role cards (4-up grid of circular avatars) */
.emetris-team-roles {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 48px;
}
@media (max-width: 880px) {
  .emetris-team-roles { grid-template-columns: 1fr 1fr; }
}
.emetris-team-role {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 32px 24px;
  text-align: center;
}
.emetris-team-role .avatar {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  margin: 0 auto 20px;
  display: grid;
  place-items: center;
  color: #fff;
  font-family: var(--font-display);
  font-size: 1.6rem;
}
.emetris-team-role .avatar.a1 { background: linear-gradient(135deg, var(--brand), var(--gold)); }
.emetris-team-role .avatar.a2 { background: linear-gradient(135deg, #1f4ba0, var(--teal)); }
.emetris-team-role .avatar.a3 { background: linear-gradient(135deg, var(--teal), var(--brand-deep)); }
.emetris-team-role .avatar.a4 { background: linear-gradient(135deg, var(--gold), var(--ink)); }
.emetris-team-role h3 {
  font-size: 1.15rem !important;
  margin-bottom: 4px !important;
  font-weight: 400 !important;
}
.emetris-team-role p {
  font-size: .85rem;
  color: var(--muted);
  margin: 0;
}

/* Values list */
.emetris-values-list {
  list-style: none;
  padding: 0;
  margin: 24px 0 0;
  display: grid;
  gap: 28px;
}
.emetris-values-list li {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 18px;
  align-items: start;
}
.emetris-values-list .mark {
  color: var(--brand);
  font-family: var(--font-display);
  font-size: 1.4rem;
  line-height: 1;
}
.emetris-values-list h4 {
  margin: 0 0 4px !important;
  font-size: 1.05rem !important;
}
.emetris-values-list p {
  font-size: .95rem;
  margin: 0 !important;
}

/* Steps list (Quality Policy) */
.emetris-steps {
  list-style: none;
  padding: 0;
  margin: 32px 0 0;
  display: grid;
  gap: 1px;
  /*background: var(--line);
  border: 1px solid var(--line);*/
  border-radius: 10px;
  overflow: hidden;
}
.emetris-steps li {
  padding: 24px 28px;
  background: #fff;
  display: grid;
  grid-template-columns: 50px 1fr;
  gap: 20px;
  align-items: start;
 }

.emetris-steps li:not(:last-child) {
  border-bottom: 1px solid var(--line);
}

.emetris-steps .step-num {
  font-family: var(--font-display);
  font-size: 1.8rem;
  color: var(--brand);
  line-height: 1;
  font-weight: 600;
}
.emetris-steps h4 {
  margin: 0 0 6px !important;
  font-size: 1.02rem !important;
}
.emetris-steps p {
  margin: 0 !important;
  font-size: .92rem;
}

/* Certification dark CTA */
.emetris-cert-strip {
  background: linear-gradient(135deg, #1b1c1f 0%, #2a1b20 100%);
  color: #f4f1e8;
  border-radius: 16px;
  padding: clamp(36px, 6vw, 80px);
  position: relative;
  overflow: hidden;
}
.emetris-cert-strip::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -10%;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(200, 161, 99, .15), transparent 70%);
  pointer-events: none;
}
.emetris-cert-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 880px) {
  .emetris-cert-grid { grid-template-columns: 1fr; }
}
.emetris-cert-strip h2 {
  color: #fff !important;
  margin-bottom: 16px !important;
}
.emetris-cert-strip p {
  color: rgba(255, 255, 255, .78) !important;
}
.emetris-cert-strip .eyebrow {
  color: var(--gold) !important;
}
.emetris-cert-strip .eyebrow::before {
  background: var(--gold) !important;
}
.emetris-cert-badge {
  display: grid;
  place-items: center;
}
.emetris-cert-badge svg {
  width: 220px;
  height: 220px;
}

/* =============================================================
   SERVICE DETAIL PAGES (shared by 4 category pages)
   ============================================================= */

/* Dark service hero */
.emetris-svc-hero {
  padding-block: 80px !important;
  background: var(--ink);
  color: #f4f1e8;
  position: relative;
  overflow: hidden;
}
.emetris-svc-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 80% 30%, rgba(139, 36, 51, .45), transparent 60%);
  pointer-events: none;
}
.emetris-svc-hero .container,
.emetris-svc-hero > .row {
  position: relative;
  z-index: 2;
}
.emetris-svc-hero .breadcrumb {
  font-size: .8rem;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .55);
  margin-bottom: 24px;
  display: block;
}
.emetris-svc-hero .breadcrumb a { color: rgba(255, 255, 255, .55); }
.emetris-svc-hero .breadcrumb a:hover { color: var(--gold); }
.emetris-svc-hero .eyebrow {
  color: var(--gold) !important;
  margin-bottom: 18px;
}
.emetris-svc-hero .eyebrow::before { background: var(--gold) !important; }
.emetris-svc-hero h1 {
  color: #fff !important;
  font-weight: 300 !important;
  max-width: 22ch;
  font-size: clamp(2.2rem, 4.5vw, 3.6rem) !important;
}
.emetris-svc-hero .lead {
  color: #c8c5bb !important;
  max-width: 60ch;
}

body.page-id-1471 .emetris-svc-hero,
body.page-id-1476 .emetris-svc-hero,
body.page-id-3588 .emetris-svc-hero,
body.page-id-1484 .emetris-svc-hero {
  padding-top: clamp(70px, 7vw, 112px) !important;
  padding-bottom: clamp(70px, 7vw, 112px) !important;
}

body.page-id-1471 .emetris-svc-hero h1,
body.page-id-1476 .emetris-svc-hero h1,
body.page-id-3588 .emetris-svc-hero h1,
body.page-id-1484 .emetris-svc-hero h1 {
  line-height: 1.02 !important;
}

/* Sub-services cards (2x2 grid) */
.emetris-svc-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-top: 32px;
}
@media (max-width: 880px) { .emetris-svc-cards { grid-template-columns: 1fr; } }
.emetris-svc-card {
  background: var(--bg-paper);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 36px;
  box-shadow: 0 18px 45px -42px rgba(0, 0, 0, .35);
  transition: border-color .3s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease);
}
.emetris-svc-card:hover {
  border-color: var(--brand);
  transform: translateY(-3px);
  box-shadow: 0 28px 54px -38px rgba(0, 0, 0, .32);
}
.emetris-svc-card h3 {
  font-family: var(--font-display) !important;
  font-size: 1.4rem !important;
  margin-bottom: 12px !important;
  color: var(--brand);
  font-weight: 400 !important;
}
.emetris-svc-card p {
  font-size: .95rem !important;
  color: var(--ink-soft);
  margin: 0 0 12px !important;
}

/* Methodologies tag chip list */
/* Desktop Styles */
.emetris-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 0;
  padding: 80px;
}

/* Mobile Styles */
@media (max-width: 768px) {
  .emetris-tag-list {
    padding: 0;
  }
}
.emetris-tag-list span {
  padding: 6px 14px;
  border: 1px solid var(--line);
  border-radius: 100px;
  font-size: .78rem;
  background: var(--bg-paper);
  color: var(--ink-soft);
  display: inline-flex;
  align-items: center;
}

/* Wide sub-service card (spans 2 columns of the grid) */
.emetris-svc-card.wide { grid-column: span 2; }
@media (max-width: 880px) { .emetris-svc-card.wide { grid-column: span 1; } }

/* Funding tools grid (used on Financing page) */
.emetris-funds {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
 /* background: var(--line);
  border: 1px solid var(--line);*/
  border-radius: 10px;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 32px 0 0;
}
@media (max-width: 880px) { .emetris-funds { grid-template-columns: 1fr; } }
.emetris-funds li {
  padding: 28px;
  background: var(--bg-paper);
}
.emetris-funds h4 {
  font-size: 1.05rem !important;
  color: var(--brand);
  margin-bottom: 8px !important;
}
.emetris-funds p {
  font-size: .9rem;
  margin: 0 !important;
}

/* ISO standards grid (used on ISO page) */
.emetris-iso-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 40px;
}
@media (max-width: 880px) { .emetris-iso-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .emetris-iso-grid { grid-template-columns: 1fr; } }
.emetris-iso-card {
  background: var(--bg-paper);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  transition: border-color .3s var(--ease), transform .3s var(--ease);
}
.emetris-iso-card:hover {
  border-color: var(--brand);
  transform: translateY(-3px);
}
.emetris-iso-card strong {
  color: var(--brand);
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 500;
}
.emetris-iso-card span {
  font-size: .85rem;
  color: var(--ink-soft);
  line-height: 1.4;
}

/* IMS benefits list (ISO page section) */
.emetris-ims-benefits {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 14px;
}
.emetris-ims-benefits li {
  padding: 20px;
  background: var(--bg-paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}
.emetris-ims-benefits strong {
  color: var(--brand);
  display: block;
  margin-bottom: 2px;
}
.emetris-ims-benefits span {
  color: var(--muted);
  font-size: .92rem;
}

/* ESG-specific teal-mark values list (override the brand colour) */
.emetris-values-list.teal-marks .mark { color: var(--teal); }
.esg-accent { color: var(--teal) !important; }

/* VSME standards card (ESG page) */
.emetris-standards-card {
  background: var(--bg-paper);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 36px;
}
.emetris-standards-card .eyebrow { color: var(--teal) !important; }
.emetris-standards-card .eyebrow::before { background: var(--teal) !important; }
.emetris-standards-card ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}
.emetris-standards-card li {
  font-size: .92rem;
  color: var(--ink-soft);
}
.emetris-standards-card li strong { color: var(--ink); }

/* =============================================================
   SHARED LISTING/ARCHIVE PAGE COMPONENTS
   ============================================================= */

/* Tag filter pill list (used on Clients, Projects, News pages) */
.emetris-tag-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 40px;
  align-items: center;
}
.emetris-tag-filter a {
  padding: 6px 14px;
  border: 1px solid var(--line);
  border-radius: 100px;
  font-size: .78rem;
  background: var(--bg-paper);
  color: var(--ink-soft);
  display: inline-block;
  transition: all .25s var(--ease);
}
.emetris-tag-filter a:hover {
  background: var(--ink);
  color: #fff;
  border-color: var(--ink);
}
.emetris-tag-filter a.active {
  background: var(--brand);
  color: #fff;
  border-color: var(--brand);
}

/* =============================================================
   CLIENTS PAGE
   ============================================================= */
.emetris-clients-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: var(--bg-paper);
}
.emetris-clients-grid .cell {
  aspect-ratio: 3/2;
  display: grid;
  place-items: center;
  padding: 20px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  transition: background .25s var(--ease);
}
.emetris-clients-grid .cell:nth-child(6n) { border-right: none; }
.emetris-clients-grid .cell:hover { background: var(--bg); }
.emetris-clients-grid .cell img {
  max-height: 56px;
  max-width: 80%;
  object-fit: contain;
  filter: grayscale(.6) opacity(.85);
  transition: filter .25s var(--ease);
}
.emetris-clients-grid .cell:hover img { filter: grayscale(0) opacity(1); }
@media (max-width: 880px) {
  .emetris-clients-grid { grid-template-columns: repeat(3, 1fr); }
  .emetris-clients-grid .cell:nth-child(6n) { border-right: 1px solid var(--line); }
  .emetris-clients-grid .cell:nth-child(3n) { border-right: none; }
}
@media (max-width: 480px) {
  .emetris-clients-grid { grid-template-columns: repeat(2, 1fr); }
  .emetris-clients-grid .cell:nth-child(3n) { border-right: 1px solid var(--line); }
  .emetris-clients-grid .cell:nth-child(2n) { border-right: none; }
}

/* Testimonial quote cards */
.emetris-testimonials {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
@media (max-width: 880px) { .emetris-testimonials { grid-template-columns: 1fr; } }
.emetris-testimonial-card {
  background: var(--bg-paper);
  padding: 40px;
  border: 1px solid var(--line);
  border-radius: 12px;
}
.emetris-testimonial-card .quote-mark {
  font-family: var(--font-display);
  font-size: 3rem;
  color: var(--brand);
  line-height: 1;
  display: block;
}
.emetris-testimonial-card .quote {
  font-family: var(--font-display) !important;
  font-size: 1.3rem !important;
  line-height: 1.5;
  color: var(--ink) !important;
  font-style: italic;
  margin: 0 0 24px !important;
}
.emetris-testimonial-card strong {
  display: block;
  margin-bottom: 2px;
}
.emetris-testimonial-card .role {
  color: var(--muted);
  font-size: .9rem;
}

/* =============================================================
   CONTACT PAGE
   ============================================================= */
.emetris-contact-grid {
  display: grid;
 /* grid-template-columns: 1fr 1.1fr;*/
  gap: 56px;
 
}
.emetris-contact-grid dd{

text-transform:none!important;
}
@media (max-width: 880px) { .emetris-contact-grid { grid-template-columns: 1fr; } }

.emetris-contact-info {
  display: block;
}
.emetris-contact-info dt {
  display: block !important;
  font-size: .8rem;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--muted);
  margin: 24px 0 0 !important;
  font-weight: 600;
  float: none !important;
  clear: both !important;
}
.emetris-contact-info dd {
  display: block !important;
  font-size: 1.05rem;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  color: var(--ink);
}
.emetris-contact-info p { display: none; }
.emetris-contact-info a { color: var(--brand); }

.emetris-social-icons {
  display: flex;
  gap: 14px;
  margin-top: 8px !important;
}
.emetris-social-icons a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--line);
  display: grid;
  place-items: center;
  color: var(--ink) !important;
  transition: all .25s var(--ease);
}
.emetris-social-icons a:hover {
  background: var(--brand);
  color: #fff !important;
  border-color: var(--brand);
}

.emetris-map-placeholder {
  margin-top: 40px;
  aspect-ratio: 16/10;
  border-radius: 12px;
  overflow: hidden;
  background: #f0ebe1;
  border: 1px solid var(--line);
}
.emetris-map-placeholder svg { width: 100%; height: 100%; display: block; }

.emetris-contact-form {
  background: var(--bg-paper);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 40px;
  box-shadow: 0 22px 58px -46px rgba(0, 0, 0, .45);
}
.emetris-contact-form .field { margin-bottom: 20px; }
.emetris-contact-form label {
  display: block;
  font-size: .82rem;
  font-weight: 500;
  margin-bottom: 8px;
  color: var(--ink-soft);
  letter-spacing: .05em;
}
.emetris-contact-form input,
.emetris-contact-form select,
.emetris-contact-form textarea {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid var(--line);
  background: var(--bg);
  font-family: var(--font-sans);
  font-size: .95rem;
  color: var(--ink);
  border-radius: 6px;
  transition: border-color .25s var(--ease), background .25s var(--ease);
}
.emetris-contact-form input:focus,
.emetris-contact-form select:focus,
.emetris-contact-form textarea:focus {
  outline: none;
  border-color: var(--brand);
  background: #fff;
}
.emetris-contact-form .field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 580px) { .emetris-contact-form .field-row { grid-template-columns: 1fr; } }
.emetris-contact-form .field.consent label {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  cursor: pointer;
  font-weight: 400;
}
.emetris-contact-form .field.consent input[type="checkbox"] {
  width: auto;
  margin-top: 4px;
}
.emetris-contact-form .field.consent span {
  font-size: .88rem;
  color: var(--ink-soft);
  font-weight: 400;
  letter-spacing: 0;
}
.emetris-contact-form .submit-row { margin-top: 12px; }
.emetris-contact-form button[type="submit"] {
  width: 100%;
  padding: 16px 28px !important;
}

/* Careers card (contact page) */
.emetris-careers-card {
  background: var(--bg-paper);
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 40px;
}
.emetris-careers-card h3 {
  font-size: 1.3rem !important;
  margin-bottom: 16px !important;
}
.emetris-careers-card .note {
  font-size: .82rem;
  color: var(--muted);
  margin-top: 24px;
  margin-bottom: 0;
}

/* =============================================================
   NEWS / PROJECTS ARCHIVE PAGES
   ============================================================= */

/* Newsletter form (dark CTA strip variant) */
.emetris-newsletter-form {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  max-width: 480px;
  margin-top: 24px;
}
.emetris-newsletter-form input {
  flex: 1;
  min-width: 220px;
  padding: 14px 18px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .18);
  color: #fff;
  border-radius: 100px;
  font-family: var(--font-sans);
  font-size: .95rem;
}
.emetris-newsletter-form input::placeholder { color: rgba(255, 255, 255, .5); }
.emetris-newsletter-form input:focus { outline: none; border-color: var(--gold); background: rgba(255, 255, 255, .1); }

/* Static projects archive grid refinements */
body.page-id-2932 .emetris-projects-section .row.emetris-projects-section {
  row-gap: 22px;
}

body.page-id-2932 .emetris-projects-section .emetris-project .col-inner {
  box-shadow: 0 26px 62px -42px rgba(0, 0, 0, .42);
}

body.page-id-2932 .emetris-tag-filter,
body.page-id-3293 .emetris-tag-filter,
body.page-id-929 .emetris-tag-filter {
  margin-bottom: 34px;
}

/* Blog shortcode polish on the News page */
body.page-id-929 .emetris-news-grid .post-item .col-inner {
  border-radius: 10px;
  overflow: hidden;
}

body.page-id-929 .emetris-news-grid .box-image,
body.page-id-929 .emetris-news-grid .image-cover,
body.page-id-929 .emetris-news-grid img {
  border-radius: 0 !important;
}

/* Full-page responsive safeguards for the mockup pages */
@media (max-width: 849px) {
  body.page-id-12 .emetris-page-hero h1,
  body.page-id-2932 .emetris-page-hero h1,
  body.page-id-3293 .emetris-page-hero h1,
  body.page-id-929 .emetris-page-hero h1,
  body.page-id-3505 .emetris-page-hero h1,
  body.page-id-1471 .emetris-svc-hero h1,
  body.page-id-1476 .emetris-svc-hero h1,
  body.page-id-3588 .emetris-svc-hero h1,
  body.page-id-1484 .emetris-svc-hero h1 {
    max-width: 13ch;
  }

  .emetris-overview-card,
  .emetris-svc-card,
  .emetris-contact-form,
  .emetris-careers-card,
  .emetris-testimonial-card {
    padding: 28px;
  }
}

@media (max-width: 549px) {
  body.page-id-12 .emetris-page-hero h1,
  body.page-id-2932 .emetris-page-hero h1,
  body.page-id-3293 .emetris-page-hero h1,
  body.page-id-929 .emetris-page-hero h1,
  body.page-id-3505 .emetris-page-hero h1,
  body.page-id-1471 .emetris-svc-hero h1,
  body.page-id-1476 .emetris-svc-hero h1,
  body.page-id-3588 .emetris-svc-hero h1,
  body.page-id-1484 .emetris-svc-hero h1 {
    font-size: 2.45rem !important;
    line-height: 1.05 !important;
    max-width: 10.5ch;
  }

  body.page-id-12 h2,
  body.page-id-1471 h2,
  body.page-id-1476 h2,
  body.page-id-3588 h2,
  body.page-id-1484 h2,
  body.page-id-2932 h2,
  body.page-id-3293 h2,
  body.page-id-929 h2,
  body.page-id-3505 h2 {
    font-size: 2.05rem !important;
    line-height: 1.08 !important;
  }

  .emetris-tag-filter {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 8px;
  }

  .emetris-tag-filter a {
    white-space: nowrap;
  }

  .emetris-newsletter-form {
    display: grid;
  }

  .emetris-newsletter-form input,
  .emetris-newsletter-form .btn,
  .emetris-newsletter-form button {
    width: 100%;
  }
}

/* Featured case study results (Projects page) */
.emetris-case-results {
  display: grid;
  gap: 12px;
}
.emetris-case-result {
  padding: 24px;
  background: var(--bg-paper);
  border: 1px solid var(--line);
  border-radius: 8px;
}
.emetris-case-result strong {
  font-family: var(--font-display);
  font-size: 1.4rem;
  display: block;
}
.emetris-case-result.r1 strong { color: var(--brand); }
.emetris-case-result.r2 strong { color: var(--teal); }
.emetris-case-result.r3 strong { color: var(--gold); }
.emetris-case-result.r4 strong { color: var(--ink); }
.emetris-case-result p {
  margin: 6px 0 0 !important;
  font-size: .92rem !important;
}

/* Static projects archive grid (Projects page) — re-uses .emetris-projects-section styles via class composition */


/* ---------- 7. PRESERVED FROM PREVIOUS BUILD ----------
   Kept because existing content / Flatsome wrappers still reference these.
   Migrate or delete during the component build-out.
   ---------------------------------------------------- */

/* Footer text colour overrides */
.footer-wrapper,
.absolute-footer,
.copyright-footer { color: #fff !important; }
.footer-wrapper a { color: #fff !important; text-decoration: underline; }
.footer-wrapper a:hover { color: var(--gold) !important; }
.footer-wrapper .widget-title { color: #fff !important; }

/* ESPA badge */
.espa { border-radius: 2px; }

/* Easy Table of Contents — for long News posts */
#ez-toc-container {
  background: #f6f2eb!important;
  border: 1px solid #f6f2eb!important;
  border-radius: 16px !important;
  padding: 1rem !important;
  margin-bottom: 1em;
  width: 100% !important;
}
#ez-toc-container .ez-toc-title {
  font-size: 16px;
  font-weight: bold;
}

/* Mega-menu rounded corners (Flatsome) */
.nav-dropdown-bold { border-radius: 14px; }





.header-bottom-nav > li > a {
    line-height: 40px!important;
	border-radius:1px!important;
}

.nav-outline > li > a {
/*	background:#efe5de!important;*/
    border: 1px solid transparent;
    border-radius: 8px; 
    /* line-height: 2.4em; */
    padding: 0 0.75em;
    position: relative;
    z-index: 10;
}
.nav-outline > li > a:hover {
	background:#efe5de!important;
    border: 1px solid transparent;
    border-radius: 8px; 
    /* line-height: 2.4em; */
    padding: 0 0.75em;
    position: relative;
    z-index: 10;
}
.nav-outline > li.active > a {
    border-color:#f6f2eb!important;
    
}

.nav-dropdown {
  background-color: #fff;
  color: #3a3c44!important;
 
}
.nav-dropdown-bold .nav-column li > a:hover,
.nav-dropdown-bold.dark .nav-column li > a:hover,
.nav-dropdown.nav-dropdown-bold.dark > li > a:hover,
.nav-dropdown.nav-dropdown-bold > li > a:hover {
  background-color: #f6f2eb;
  color: #3a3c44!important;
}
.header-bottom-nav.nav-line-bottom > li > a:before, .header-bottom-nav.nav-line-grow > li > a:before, .header-bottom-nav.nav-line > li > a:before, .header-bottom-nav.nav-box > li > a:hover, .header-bottom-nav.nav-box > li.active > a, .header-bottom-nav.nav-pills > li > a:hover, .header-bottom-nav.nav-pills > li.active > a {
   background-color: #f6f2eb;
  color: #3a3c44!important;
}

/* Footer typography overrides — the global serif h1-h3 rules overshoot for footer column headings.
   Reset to compact sans for the dark footer columns. */
.footer-wrapper h1,
.footer-wrapper h2,
.footer-wrapper h3,
.footer-wrapper h4,
.footer-wrapper .widget-title,
.absolute-footer h3,
.absolute-footer h4 {
  font-family: var(--font-sans) !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
}
.footer-wrapper p,
.footer-wrapper li,
.footer-wrapper a {
  font-size: .92rem !important;
}

/************* zvt ****************/

.zvt-methodologia .col-inner ol li{
	
	margin:0!important;
}

#text-2529214441,.emetris-anchor-nav,.emetris-anchor-nav-section{
	
display:none!important;

}

.zvt-footer-menu{
	list-style:none;
}

.zvt-footer-menu a {
color:#c1bcb0!important;
}