/* ==================================================
   AUTO BRN - SINGLE CAR PREMIUM
   Se aplica tuturor posturilor vehica_car
   ================================================== */

.autobrn-single-car-premium{
background:#f4f6f9;
overflow-x:hidden;
}

.premium-car-hero{
position:relative;
min-height:540px;
display:flex;
align-items:center;
overflow:hidden;
background:#0d1528;
}

.premium-car-hero-bg{
position:absolute;
inset:0;
background-position:center;
background-size:cover;
transform:scale(1.03);
}

.premium-car-hero-overlay{
position:absolute;
inset:0;
background:
linear-gradient(
90deg,
rgba(7,15,31,.96) 0%,
rgba(7,15,31,.82) 45%,
rgba(7,15,31,.42) 100%
);
}

.premium-car-hero-container{
position:relative;
z-index:2;
display:grid;
grid-template-columns:minmax(0,1fr) 340px;
align-items:center;
gap:70px;
width:100%;
max-width:1280px;
margin:0 auto;
padding:110px 30px 70px;
}

.premium-car-hero-content{
max-width:790px;
color:#fff;
}

.premium-car-label{
display:inline-flex;
align-items:center;
min-height:34px;
margin-bottom:20px;
padding:8px 16px;
border:1px solid rgba(255,255,255,.25);
border-radius:50px;
background:rgba(255,255,255,.1);
font-size:12px;
font-weight:800;
letter-spacing:.12em;
color:#fff;
backdrop-filter:blur(8px);
}

.premium-car-hero h1{
max-width:850px;
margin:0 0 28px;
font-size:48px;
font-weight:800;
line-height:1.08;
letter-spacing:-.03em;
color:#fff;
}

.premium-car-specs{
display:flex;
align-items:stretch;
gap:12px;
flex-wrap:wrap;
margin-bottom:32px;
}

.premium-car-spec{
min-width:150px;
padding:14px 18px;
border:1px solid rgba(255,255,255,.17);
border-radius:13px;
background:rgba(255,255,255,.08);
backdrop-filter:blur(7px);
}

.premium-car-spec span{
display:block;
margin-bottom:5px;
font-size:12px;
color:rgba(255,255,255,.68);
}

.premium-car-spec strong{
display:block;
font-size:16px;
font-weight:800;
color:#fff;
}

.premium-car-actions{
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap;
}

.premium-car-btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:52px;
padding:14px 28px;
border:2px solid transparent;
border-radius:10px;
font-size:14px;
font-weight:800;
text-decoration:none;
transition:
transform .2s ease,
background-color .2s ease,
border-color .2s ease;
}

.premium-car-btn:hover{
text-decoration:none;
transform:translateY(-2px);
}

.premium-car-btn-main{
background:#ff4b0b;
border-color:#ff4b0b;
color:#fff;
}

.premium-car-btn-main:hover{
background:#e64208;
border-color:#e64208;
color:#fff;
}

.premium-car-btn-secondary{
background:rgba(255,255,255,.1);
border-color:rgba(255,255,255,.4);
color:#fff;
}

.premium-car-btn-secondary:hover{
background:#fff;
border-color:#fff;
color:#10182b;
}

.premium-car-price-card{
width:100%;
padding:30px;
border:1px solid rgba(255,255,255,.2);
border-radius:20px;
background:rgba(255,255,255,.96);
box-shadow:0 25px 60px rgba(0,0,0,.28);
color:#10182b;
}

.premium-car-price-card > span{
display:block;
margin-bottom:8px;
font-size:13px;
font-weight:700;
color:#727b8e;
}

.premium-car-price-card > strong{
display:block;
margin-bottom:15px;
font-size:40px;
font-weight:900;
line-height:1;
letter-spacing:-.03em;
color:#10182b;
}

.premium-car-price-card p{
margin:0 0 20px;
font-size:14px;
line-height:1.6;
color:#5f687a;
}

.premium-car-price-card a{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:50px;
padding:13px 20px;
border-radius:10px;
background:#101d3d;
font-size:14px;
font-weight:800;
text-decoration:none;
color:#fff;
}

.premium-car-price-card a:hover{
background:#ff4b0b;
color:#fff;
}

.premium-car-original-content{
position:relative;
background:#f4f6f9;
scroll-margin-top:85px;
}

/* Rotunjire galerie si carduri Vehica */

.autobrn-single-car-premium .vehica-car-gallery,
.autobrn-single-car-premium [class*="gallery"] img{
border-radius:14px;
}

.autobrn-single-car-premium [class*="vehica-car"] input,
.autobrn-single-car-premium [class*="vehica-car"] select,
.autobrn-single-car-premium [class*="vehica-car"] textarea{
max-width:100%;
border-radius:9px;
}

.autobrn-single-car-premium button,
.autobrn-single-car-premium .vehica-button{
border-radius:9px;
}

/* TABLETA */

@media(max-width:1024px){

.premium-car-hero-container{
grid-template-columns:minmax(0,1fr) 300px;
gap:35px;
}

.premium-car-hero h1{
font-size:39px;
}

.premium-car-price-card > strong{
font-size:34px;
}

}

/* MOBIL */

@media(max-width:767px){

.premium-car-hero{
min-height:auto;
}

.premium-car-hero-overlay{
background:rgba(7,15,31,.82);
}

.premium-car-hero-container{
display:flex;
flex-direction:column;
align-items:stretch;
gap:24px;
padding:95px 15px 32px;
}

.premium-car-hero-content{
width:100%;
text-align:left;
}

.premium-car-label{
margin-bottom:16px;
font-size:10px;
}

.premium-car-hero h1{
margin-bottom:22px;
font-size:31px;
line-height:1.14;
overflow-wrap:anywhere;
}

.premium-car-specs{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px;
margin-bottom:24px;
}

.premium-car-spec{
min-width:0;
padding:12px;
}

.premium-car-spec:last-child:nth-child(odd){
grid-column:1 / -1;
}

.premium-car-spec span{
font-size:11px;
}

.premium-car-spec strong{
font-size:14px;
overflow-wrap:anywhere;
}

.premium-car-actions{
display:flex;
flex-direction:column;
gap:10px;
width:100%;
}

.premium-car-btn{
width:100%;
min-height:49px;
padding:13px 18px;
}

.premium-car-price-card{
padding:22px 18px;
border-radius:15px;
}

.premium-car-price-card > strong{
font-size:34px;
}

.premium-car-original-content,
.premium-car-original-content *,
.autobrn-single-car-premium .elementor-container,
.autobrn-single-car-premium .elementor-column,
.autobrn-single-car-premium .elementor-widget-wrap{
min-width:0;
max-width:100%;
box-sizing:border-box;
}

.autobrn-single-car-premium .elementor-column{
width:100%;
}

}

@media(max-width:380px){

.premium-car-hero-container{
padding-left:10px;
padding-right:10px;
}

.premium-car-hero h1{
font-size:27px;
}

.premium-car-specs{
grid-template-columns:1fr;
}

.premium-car-spec:last-child:nth-child(odd){
grid-column:auto;
}

}


/* STATUS DINAMIC DISPONIBILITATE HERO */

.premium-car-availability.is-stock strong {
    color: #64d98b;
}

.premium-car-availability.is-sold {
    border-color: rgba(255, 90, 90, .38);
    background: rgba(145, 18, 18, .22);
}

.premium-car-availability.is-sold strong {
    color: #ff8e8e;
}

.premium-car-availability.is-transit {
    border-color: rgba(255, 190, 72, .38);
    background: rgba(133, 82, 0, .22);
}

.premium-car-availability.is-transit strong {
    color: #ffc55f;
}

.premium-car-availability.is-unknown strong {
    color: #d6d9df;
}