/* //////////////// CSS - POSTS ARCHIVE & TAXONOMY PAGE //////////////// */
 
/* ////////////////////////////////////////////// BODY */



/*///////////////////////////////////////////// HEADER */


body.archive .archive-header {
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: calc( var(--margindesktop) * 2) calc( ( 100% - var(--widthdesktop) ) / 2 );
    background-size: cover;
    background-position: center;
    color: #ffffff;
    text-align: center;
    background-color: var(--purple);
}

body.archive .archive-header:has(:not(p)) h1{
	margin-bottom: unset;
}

/*///////////////////////////////////////////// FOOTER */


/*///////////////////////////////////////////// CONTAINER */

body.archive .content-archive{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
}

body.archive .content-archive .archive-content {
    max-width: var(--widthdesktop);
    margin: var(--margindesktop) auto;
    width:100%;
}

body.archive.post-type-archive-vacancies .content-archive .archive-content {
	background-color: var(--grey);		
}	
	
@media (max-width:  1760px) {
body.archive .content-archive .archive-content {
    padding-left: var(--margindesktop);
    padding-right: var(--margindesktop);
}       
}

/* SEARCHFILTER */

body.archive .content-archive .archive-sidebar h2 {
	color: var(--purple);
}

body.archive .content-archive .archive-sidebar {
    max-width: unset!important;
    width: 480px;
    padding: var(--margindesktop);
    display: flex;
    flex-direction: column;
    position: sticky;
    position: -webkit-sticky;
	background-color: var(--grey);
}

body.archive.post-type-archive-vacancies .content-archive .archive-sidebar {
	background-color: var(--white);
}

body.archive .content-archive .archive-sidebar .searchandfilter ul {
    display: flex;
    flex-wrap: wrap;
}

body.archive .content-archive .archive-sidebar .searchandfilter ul li {
    padding: unset;
    width: 100%;
}

body.archive .content-archive .archive-sidebar .searchandfilter label {
    width: 100%;
}

/*

body.archive .content-archive .archive-sidebar .searchandfilter ul li.sf-field-reset {
    width: calc( 50% - calc( var(--margindesktop) / 4) );
	margin-right: calc( var(--margindesktop) / 4);
    display: flex;
    justify-content: flex-start;
	align-items: center;
}


body.archive .content-archive .archive-sidebar .searchandfilter ul li.sf-field-submit {
    width: calc( 50% - calc( var(--margindesktop) / 4) );
    display: flex;
    justify-content: flex-end;
	align-items: center;
}

@media (max-width: 475px) {
body.archive .content-archive .archive-sidebar .searchandfilter ul li.sf-field-reset {
    width: 100%;
	margin-right: unset;
	margin-bottom: calc( var(--margindesktop) / 2);
}

body.archive .content-archive .archive-sidebar .searchandfilter ul li.sf-field-submit {
    width: 100%;
	margin-left: unset;

}	
}

body.archive .content-archive .archive-sidebar .searchandfilter ul li.sf-field-reset a {
    background-color: var(--blue-dark);
    border: 1px solid var(--blue-dark);
    height: 40px;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    transition: var(--transition);
}

body.archive .content-archive .archive-sidebar .searchandfilter ul li.sf-field-reset a:hover {
    cursor: pointer;
    background-color: #ffffff;
    color: var(--blue-dark);
}

body.archive .content-archive .archive-sidebar .searchandfilter ul li.sf-field-submit input {
    margin-bottom: unset;
	width: 100%;
}

*/

/* TBC @media (max-width: 1280px) { */
@media (max-width: 1600px) {
body.archive .content-archive .archive-sidebar    {
    width: 320px;
}
body.archive .content-archive .archive-content {
    width: calc( 100% - 320px );
}
}


/* TBC @media (max-width: 768px) { */
@media (max-width: 975px) {
body.archive .content-archive {
    flex-direction: column;
}
body.archive .content-archive .archive-sidebar,
body.archive .content-archive .archive-content {
    width: 100%;
    
}
}

body.archive .content-archive .archive-content .view-mode-switch {
    padding: calc(var(--margindesktop) / 2) 0;
    margin: calc(var(--margindesktop) / 2) 0;
    border-bottom: 2px solid var(--grey);
}

/*///////////////////////////////////////////// LOOP VIEW MODE GRID */

body.archive .content-archive .archive-content .archive-content-results.grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    grid-gap: var(--margindesktop); 
}

body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid {
    display: flex;
    flex-direction: column;
	justify-content: space-between;
	background-color: var(--white);
	box-shadow: 0px 0px 5px #AAAAAA;
	flex: 1;
}


body.archive.post-type-archive-vacancies .content-archive .archive-content .archive-content-results.grid .article-item-grid {
    flex-direction: unset;
}

body.archive.post-type-archive-insights .content-archive .archive-content .archive-content-results.grid .article-item-grid {
    flex-direction: column;
}



body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid .article-item-grid-info-group {
    padding: calc(var(--margindesktop) / 2);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}


body.archive.post-type-archive-vacancies .content-archive .archive-content .archive-content-results.grid .article-item-grid {
	background-color: var(--white);
}


body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid  .article-item-grid-info-group {
    padding: calc( var(--margindesktop) / 2);
}


body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid > :not(:last-child) {
    margin-bottom: calc( var(--margindesktop) / 2);
}

body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid  h2.article-item-grid-info-title,
body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid  h2.article-item-grid-info-title a {
	font-size: 18px;
    color: var(--white);
}
body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid .article-item-grid-info-term {
    font-size: 12px;
}

body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid  img.article-item-grid-image {
    aspect-ratio: 3/2;
    margin: unset;
    object-fit: cover;
	width: 100%;
}

body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid .article-item-grid-buttons {
    display: flex;
    width: 100%;
    align-items: center;
}

body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid .article-item-grid-buttons > div {
    width: 100%;
}

body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid .article-item-grid-buttons .article-item-grid-buttons-right {
    text-align: center;
}

body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid .article-item-grid-buttons i {
    margin-right: calc( var(--margindesktop) / 4);
}

@media (max-width: 1280px) {
body.archive .content-archive .archive-content .archive-content-results.grid {
    grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 675px) {
body.archive .content-archive .archive-content .archive-content-results.grid {
    grid-template-columns: repeat(1, 1fr);
}
}

/*///////////////////////////////////////////// LOOP VIEW MODE LIST */

body.archive .content-archive .archive-content .archive-content-results.list .article-item-list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: calc( var(--margindesktop) / 2);
    border-bottom: 1px solid var(--grey-light);
    padding-bottom: calc( var(--margindesktop) / 1);
    flex-direction: column;
}

body.archive .content-archive .archive-content .archive-content-results.list .article-item-list:last-child {
    border-bottom: unset;
}


body.archive .content-archive .archive-content .archive-content-results.list .article-item-list-description {
    margin-bottom: calc(var(--margindesktop) / 2);
	line-height: 1.4;
}

body.archive .content-archive .archive-content .archive-content-results.list .article-item-list .article-item-list-buttons {
    display: flex;
    align-items: center;
}

body.archive .content-archive .archive-content .archive-content-results.list .article-item-list .article-item-list-buttons i {
    margin-right: calc( var(--margindesktop) / 4);
}

body.archive .content-archive .archive-content .archive-content-results.list .article-item-list .article-item-list-buttons .article-item-list-buttons-right {
    margin-left: var(--margindesktop);
}

body.archive .content-archive .archive-content .archive-content-results.list .article-item-list  h2.article-item-list-info-title,
body.archive .content-archive .archive-content .archive-content-results.list .article-item-list  h2.article-item-list-info-title a {
    color: var(--blue-dark);
}

@media (max-width: 975px) {
body.archive .content-archive .archive-content .archive-content-results.list .article-item-list {
    flex-direction: column;
}
body.archive .content-archive .archive-content .archive-content-results.list .article-item-list .article-item-list-buttons {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
}

/* //////////// ADDED 2026 */
.page-subtitle {
    padding: var(--margindesktop) 0;
    
}
.page-subtitle p {
    color: var(--white);   
    font-size: 18px;
    font-family: "Montserrat";
}
/*#load-more-container {*/
/*    margin: var(--margindesktop) 0;*/
/*}*/

/*#load-more-container button {*/
/*    margin: 0 auto;*/
/*}*/


/* ///////////////////SERVICE STYLES */

.article-item-grid-item {
    height: 100%;
}
.article-item-grid-item:hover .article-item-grid-info-term,
.article-item-grid-item:hover .article-item-grid-info-title {
    color: var(--white) !important;
}

/* ///////////////////PLANT LIST */
.post-type-archive-plant-list .taxonomy-filter ul {
    margin-left: 0px;
    display: flex;
    
}
.post-type-archive-plant-list .taxonomy-filter ul li {
    list-style: none;
    margin-right: 5px;
    font-size: 0.9em;
}
.post-type-archive-plant-list .taxonomy-filter ul li a {    
    color: var(--black);
    font-weight: 700;
}
.post-type-archive-plant-list .taxonomy-filter ul li a.active {
    color: var(--metalite-group);
}
/*Service Single Page*/
.header-simple {
  position: relative;       /* for absolute overlay positioning */
}

.plant-list-template-default .header-simple::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5); /* overlay color */
  pointer-events: none;
}
.plant-pagination {
    display: flex;
    justify-content: space-between; 
    margin: 50px auto;
    max-width: var(--widthdesktop);
}
.plant-pagination .prev-plant,
.plant-pagination .next-plant {
    display: flex;
}
.plant-pagination .prev-plant a,
.plant-pagination .next-plant a {
    display: block; 
    border: 1px solid var(--black);
    padding: 5px;
}
.plant-pagination .prev-plant .content {
    margin-left: 20px; 
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.plant-pagination .next-plant .content {
    margin-right: 20px; 
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.plant-pagination .prev-plant p,
.plant-pagination .next-plant p {
    margin:0 0 10px ;
}

.plant-pagination .prev-plant svg,
.plant-pagination .next-plant svg {
    width: 50px;
    height: 50px;
}


.plant-accordion {
    max-width: 1200px;
    margin: 0 auto;
}

.category-title {
    font-size: 24px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 15px;
    color: var(--metalite-group); 
}

/* PLANT LISTS */
.accordion-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--margindesktop);
    
}

.accordion-header {
    text-align: left;
    font-size: 16px;
    cursor: pointer;
    background-color: var(--white);
    padding: calc(var(--margindesktop)/ 2);
    border: none;
    width:100%;
    box-shadow: 0px 0px 10px var(--grey);
}
.accordion-header:hover {
    background-color: var(--metalite-group);
    color: var(--white);
}
.accordion-term {
    color: var(--metalite-group);
    margin-bottom: 5px !important;
    font-weight: 600;
}
.accordion-subtitle {
    color: var(--metalite-group);
    text-transform: uppercase;
    margin-top: 20px !important;
    margin-bottom: 5px !important;
    font-weight: 600;
}
.accordion-item:hover .accordion-term {
    color: var(--white);
}
.accordion-title {
    font-weight: bold;   
}
/* Rotate arrow when open */
.accordion-item .accordion-content {
    display: none; /* keep content hidden by default */
}

.accordion-item.active .accordion-icon {
    transform: rotate(90deg);
}

/* Optional: smooth expand/collapse */
.accordion-content {
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}
/* ///////////////////SINGLE SERVICE */
.single-service-bg-color {
    height: 200px; 
    position: relative; 
    margin: 150px 0px;
}
.single-service-bg-color .entry-content {
    margin: var(--margindesktop) auto;
    max-width: var(--widthdesktop); 
    display: flex ;
    gap: var(--margindesktop);
    height: 100%;
    font-size: 25px;
    line-height: 1.4;
}
.single-service-bg-image {
    position: relative; 
    margin: unset !important; 
}
.single-service-bg-image div {
   background-size: cover; 
   background-position: center; 
   height: 300px; 
   width:100%; 
   position: absolute; 
   top: -55px;
}
.service-content {
    margin:0 auto var(--margindesktop); 
    display: flex;
    max-width: var(--widthdesktop);
}
.service-content p {
    margin-bottom: 20px !important;
}
@media(max-width:768px) {
    .single-service-bg-color {
        height: auto;
        padding: var(--margindesktop);
        margin: var(--margindesktop) 0;
    }
    .single-service-bg-color .entry-content {
        flex-direction: column;
        margin: 0px;
    }
    .single-service-bg-color .entry-content .has-white-color {
        padding: 0px !important;
    }
    .single-service-bg-image {
        padding: 0px !important;
    }
    .single-service-bg-image div {
       position: relative;
       top: unset;
    } 
    .service-content {
        flex-direction: column;
    }
    .plant-pagination {
        padding: 0 var(--margindesktop);    
    }
    .plant-pagination .prev-plant svg, 
    .plant-pagination .next-plant svg {
        width:30px;
        height: 90px;
    }
}
/* ///////////////////SERVICE INJECTION */

.term-injection-mould-tools .page-name .last-word {
    color: var(--metalite-blue);
}

.term-injection-mould-tools .article-item-grid-item:hover {
    background-color: var(--metalite-blue);
}


/* ///////////////////SINGLE SERVICE INJECTION */

.service-cat-injection-mould-tools .single-service-bg-color {
    background-color: var(--metalite-blue) !important;
}
.service-cat-injection-mould-tools .prev-plant .content .service-button-color,
.service-cat-injection-mould-tools .next-plant .content .service-button-color {
    color: var(--metalite-blue);
    margin-bottom: 0px !important;
}
.service-cat-injection-mould-tools .prev-plant .content p,
.service-cat-injection-mould-tools .next-plant .content p {
    margin-bottom: 0px !important;
}

.service-cat-injection-mould-tools .plant-pagination .prev-plant a:hover svg,
.service-cat-injection-mould-tools .plant-pagination .next-plant a:hover svg {
    fill: var(--metalite-blue);
}
.sector-cat-injection-mould-tools .single-service-bg-color {
    background-color: var(--metalite-blue) !important;
}
.sector-cat-injection-mould-tools .prev-plant .content .service-button-color,
.sector-cat-injection-mould-tools .next-plant .content .service-button-color {
    color: var(--metalite-blue);
    margin-bottom: 0px !important;
}
.sector-cat-injection-mould-tools .prev-plant .content p,
.sector-cat-injection-mould-tools .next-plant .content p {
    margin-bottom: 0px !important;
}

.sector-cat-injection-mould-tools .plant-pagination .prev-plant a:hover svg,
.sector-cat-injection-mould-tools .plant-pagination .next-plant a:hover svg {
    fill: var(--metalite-blue);
}
/* ///////////////////SERVICE PERCISION */

.term-precision-machined-components .page-name .last-word {
    color: var(--metalite-orange);
}

.term-precision-machined-components .article-item-grid-item:hover {
    background-color: var(--metalite-orange);
    
}
/* ///////////////////SINGLE SERVICE PERCISION */

.service-cat-precision-machined-components .single-service-bg-color {
    background-color: var(--metalite-orange) !important;
}
.service-cat-precision-machined-components .prev-plant .content .service-button-color,
.service-cat-precision-machined-components .next-plant .content .service-button-color {
    color: var(--metalite-orange);
    margin-bottom: 0px !important;
}
.service-cat-precision-machined-components .prev-plant .content p,
.service-cat-precision-machined-components .next-plant .content p {
    margin-bottom: 0px !important;
}
.service-cat-precision-machined-components .plant-pagination .prev-plant a:hover svg,
.service-cat-precision-machined-components .plant-pagination .next-plant a:hover svg {
    fill: var(--metalite-orange);
}
.sector-cat-precision-machined-components .single-service-bg-color {
    background-color: var(--metalite-orange) !important;
}
.sector-cat-precision-machined-components .prev-plant .content .service-button-color,
.sector-cat-precision-machined-components .next-plant .content .service-button-color {
    color: var(--metalite-orange);
    margin-bottom: 0px !important;
}
.sector-cat-precision-machined-components .prev-plant .content p,
.sector-cat-precision-machined-components .next-plant .content p {
    margin-bottom: 0px !important;
}
.sector-cat-precision-machined-components .plant-pagination .prev-plant a:hover svg,
.sector-cat-precision-machined-components .plant-pagination .next-plant a:hover svg {
    fill: var(--metalite-orange);
}