/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* 
   Columns with background images that escape the grid.

   Salient renders a column's background layer inside .vc_column-inner, so
   pulling that element out with a negative margin takes the photograph with it.
   The column itself keeps its declared width, so nothing reflows and no sibling
   wraps onto its own line.

   --bleed is the distance from the container's content edge to the screen edge.
   Salient stacks columns below 1000px, so the same class has to mean two
   different things: a one-sided bleed while the columns sit side by side, and a
   full-width one once they are stacked. The stacked rule uses 50% - 50vw rather
   than --bleed, because --container-padding is declared once at 70px and does
   not track the real container padding at small widths (25px at <=690px, and an
   88% max-width rather than padding below 999px).

   Classes, on the column's Extra Class Name, space separated:
     bleed-r            bleed to the right edge
     bleed-l            bleed to the left edge
     + gutter           keep the normal grid gutters once stacked */
     
    :root {
        --bleed: calc( max(0px, (100vw - var(--scroll-bar-w, 0px) - var(--container-width, 1425px)) / 2) + var(--container-padding, 28px));
    }
    
    /* Side by side: one-sided bleed */
    @media (min-width: 1000px) {
        .bleed-r > .vc_column-inner { margin-right: calc(-1 * var(--bleed)); }
        .bleed-l > .vc_column-inner { margin-left:  calc(-1 * var(--bleed)); }
    }
    
    /* Stacked (<=999px): full bleed, both edges */
    @media (max-width: 999px) {
        .bleed-r > .vc_column-inner,
        .bleed-l > .vc_column-inner {
            margin-left:  calc(50% - 50vw + var(--scroll-bar-w, 0px) / 2);
            margin-right: calc(50% - 50vw + var(--scroll-bar-w, 0px) / 2);
        }
        
        /* ...unless told to stay on the grid. */
        .bleed-r.gutter > .vc_column-inner,
        .bleed-l.gutter > .vc_column-inner {
            margin-left:  0;
            margin-right: 0;
        }
    }


/* Footer */	

    #footer-outer {
        border-bottom: 1px solid #555;
    }
    
    body #footer-outer .row {
        padding: 40px 0 !important;
    }
    
    #footer-outer .widgettitle { 
        color: #9A9A9A; 
        text-transform: uppercase !important;
        letter-spacing: 0px;
        font-size: 16px !important;
        line-height: 1.3;
        font-weight: 500 !important;
        margin-bottom:20px;
    }
    
    @media (min-width: 1000px) {
        
        body #footer-outer .row {
            padding: 60px 0 !important;
        }
        
    }
    
    @media (min-width: 1200px) {
        
        body #footer-outer .row {
            padding: 90px 0 !important;
        }
        
    }

/* Quick contact on mobile devices */	
	
	#mobile-shortcuts {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 9999;
	}
	
	#mobile-shortcuts ul {
		list-style: none;
		margin: 0;
	}
	
	#mobile-shortcuts ul:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		list-style: none;
	}
	
	#mobile-shortcuts ul li {
		float: left;
		width: 50%;
		padding: 0;
		box-sizing: border-box;
		list-style: none;
	}
	
	#mobile-shortcuts ul li a {
		display: block;
		text-align: center;
		padding: 10px;
		color: #ffffff;
	}
	
	#mobile-shortcuts ul li a i {}
	
	#mobile-shortcuts-phone { background-color: #188038; }
	
	#mobile-shortcuts-request-offer { background-color: #D92224; }
	
	@media (min-width: 768px) {
		
		#mobile-shortcuts { display: none; }
		
	}
	
	@media (max-width: 767px) {
	    
	    body {
	        padding-bottom: 46px;
	    }
	    
	}

/* TNR start — stiluri Țevi Noi și Recuperate (generate de import-snippets.php) */
:root{--tnr-otel-inchis:#030F27;--tnr-otel:#030F27;--tnr-rugina:#D92224;--tnr-rugina-deschis:#FF5A5C;--tnr-otel-deschis:#F7F7F7;--tnr-zinc:#6B6B6B;--tnr-text:#333333;--tnr-bordura:#E3E3E3}
.tnr-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tnr-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:15px;margin:10px 0 20px}
.tnr-table th,.tnr-table td{border:1px solid var(--tnr-bordura);padding:8px 12px;text-align:left}
.tnr-table thead th{background:var(--tnr-otel-inchis);color:#fff;font-weight:600}
.tnr-table tbody tr:nth-child(even){background:var(--tnr-otel-deschis)}
.tnr-lead{font-size:1.25em;line-height:1.5}
.tnr-eyebrow{letter-spacing:.12em;font-weight:600;color:#FF5A5C}
.tnr-breadcrumb{font-size:14px;opacity:.85}
.tnr-identificare{font-size:13px;opacity:.85}
/* Meniul de sus pe un singur rând */
#top nav > ul > li > a,#top nav > ul > li > a .menu-title-text{white-space:nowrap}
@media (max-width:1439px){#top nav > ul > li > a[href*="wa.me"] .menu-title-text{display:none}}
@media (max-width:1379px){#top nav > ul > li > a[href^="tel:"] .menu-title-text{display:none}}
/* Formulare CF7: câmpuri pe coloane */
.tnr-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 20px}
.tnr-form label{display:block;margin-bottom:14px}
.tnr-form fieldset{border:0;padding:0;margin:0 0 14px}
.tnr-form legend{font-weight:600;margin-bottom:6px;padding:0}
/* Credit foto, articole */
.tnr-figure{margin:0 0 24px}
.tnr-figure img{width:100%;height:auto;border-radius:4px;display:block}
.tnr-list li{margin-bottom:8px}
/* Hero: spațiu între text și butoane */
.tnr-eyebrow{margin-bottom:28px}
/* TNR end */