.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-size:16px;font-weight:300;letter-spacing:1px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{font-family:"Montserrat", Sans-serif;font-size:70px;font-weight:400;text-transform:uppercase;letter-spacing:12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- FUNDAMENTALE --- */
html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: 'Montserrat', Arial, sans-serif; /* Am adăugat Montserrat ca prioritate */
    background-color: #ffffff;
    color: #111;
    overflow-x: hidden;
}

/* --- NAVBAR --- */
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 60px;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
    z-index: 1000;
    transition: all 0.3s ease;
}

.navbar.scrolled {
    background: rgba(255, 255, 255, 0.7) !important; /* Alb transparent */
    backdrop-filter: blur(15px); /* Efectul de sticlă mată */
    -webkit-backdrop-filter: blur(15px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: none; /* Scoatem umbra ieftină */
}

.logo img {
    height: 45px;
    width: auto;
    transition: 0.3s;
}

.nav-links {
    list-style: none;
    display: flex;
    gap: 30px;
    margin: 0;
    padding: 0;
}

.nav-links a {
    text-decoration: none;
    color: white;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: 0.3s;
}

.navbar.scrolled .nav-links a {
    color: #111 !important;
}

.nav-links a:hover {
    color: #888;
}

/* --- HERO --- */
.hero {
    height: 100vh;
    background-image: url("https://arqiva.ro/wp-content/uploads/2026/03/maxence-ambert-xUCYN4GPePI-unsplash-scaled.jpg") !important;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
}

.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
}

.hero-content {
    position: relative;
    z-index: 1;
    color: white;
    max-width: 800px;
    padding: 20px;
}

.hero-logo {
    width: 420px;
    max-width: 90%;
    margin-bottom: 20px;
    filter: brightness(0) invert(1); /* Face logo-ul alb */
}

.hero-content p {
    font-size: 20px;
    letter-spacing: 2px;
    margin-bottom: 35px;
    color: #f0f0f0;
    font-weight: 300;
}

.btn {
    display: inline-block;
    padding: 15px 35px;
    background-color: white;
    color: #111;
    text-decoration: none;
    font-size: 13px;
    letter-spacing: 3px;
    text-transform: uppercase;
    transition: 0.3s ease;
    border: 1px solid white;
}

.btn:hover {
    background-color: transparent;
    color: white;
}

/* --- ABOUT MODERN --- */
.about-modern {
    padding: 120px 20px;
    background: #fff;
}

.about-container-split {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 80px;
}

.about-image {
    flex: 1;
    position: relative;
}

.about-image img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    box-shadow: 20px 20px 0px #f9f9f9;
}

.experience-badge {
    position: absolute;
    bottom: -30px;
    right: -30px;
    background: #111;
    color: white;
    padding: 30px;
    text-align: center;
    min-width: 160px;
}

.experience-badge .number {
    display: block;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 5px;
}

.experience-badge .text {
    font-size: 11px;
    letter-spacing: 3px;
    color: #888;
}

.about-content {
    flex: 1.2;
}

.section-subtitle {
    display: block;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: 12px;
    color: #999;
    margin-bottom: 15px;
}

.about-content h2 {
    font-size: 32px;
    letter-spacing: 10px;
    font-weight: 300;
    margin-bottom: 30px;
}

.lead {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 25px;
}

.about-values {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    border-top: 1px solid #eee;
    padding-top: 40px;
    margin-top: 40px;
    align-items: flex-start;
}

.value-item {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-left: 15px;
    position: relative;
}

.value-dot {
    width: 5px;
    height: 5px;
    background: #111;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 6px;               
    margin: 0;
}

.value-item h4 {
    font-size: 11px;
    letter-spacing: 2px;
    margin: 0 0 5px 0;
}



/* --- PROJECTS REPAIRED --- */
.projects-modern {
    padding: 120px 20px !important;
    background-color: #ffffff !important;
    text-align: center;
}

.container-wide {
    max-width: 1400px;
    margin: 0 auto;
}

.projects-modern h2 {
    font-size: 32px;
    letter-spacing: 12px;
    font-weight: 300;
    margin-bottom: 80px;
    text-transform: uppercase;
}

.projects-grid-modern {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.project-item {
    background: white;
}

.project-img-wrapper {
    position: relative;
    overflow: hidden;
    height: 500px; /* Înălțime fixă pentru poze */
}

.project-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
}

.project-item:hover img {
    transform: scale(1.05);
}

.project-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.project-item:hover .project-overlay {
    opacity: 1;
}

.view-project {
    color: white;
    text-decoration: none;
    border: 1px solid white;
    padding: 12px 25px;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.project-meta {
    padding: 30px 0;
    text-align: left;
}

.project-meta h3 {
    font-size: 16px;
    letter-spacing: 3px;
    margin: 0 0 8px 0;
    font-weight: 400;
    color: #111;
}

.project-meta span {
    font-size: 12px;
    color: #999;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* --- SERVICES MODERN --- */

.services-modern {
    padding: 100px 20px;
    background-color: #ffffff;
    text-align: center;
}

.services-grid-modern {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    max-width: 1200px;
    margin: 50px auto 0;
}

.service-card {
    flex: 0 1 calc(33.333% - 30px);
    min-width: 300px;
    background: white;
    
    /* ACESTA ESTE SECRETUL: flex-start forțează totul să înceapă de sus */
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important; 
    align-items: center;
    text-align: center;
    
    /* Padding-ul de sus trebuie să fie mare ca să nu se bată cu cifra 04, 05, 06 */
    padding: 100px 35px 50px 35px !important; 
    
    border: 1px solid #eee;
    position: relative;
    min-height: 520px; /* Am mărit-o ca să aibă loc textul de la Peisagistică */
    box-sizing: border-box;
    transition: 0.4s;
    overflow: hidden;
}


/* CIFRELE - GRI MAI ÎNCHIS */
.service-number {
    font-size: 85px;         
    font-weight: 900;
    color: #ececec;          
    position: absolute;
    top: -5px;              
    right: 15px;
    z-index: 0;
    transition: 0.4s;
    line-height: 1;
}

.service-card h3 {
    font-size: 16px;
    letter-spacing: 3px;     
    text-transform: uppercase;
    margin-top: 0 !important;
    margin-bottom: 20px;
    position: relative;
    z-index: ;
    width: 100%;
}

.service-card p {
    margin-top: 0 !important; 
    margin-bottom: 20px;
    font-size: 14px;
    color: #666;             
    line-height: 1.8;        
    margin: 0;
    position: relative;
    z-index: 1;
    max-width: 90%;          
}

/* EFECT HOVER - PREMIUM DARK */
.service-card:hover {
    background: #111;
    border-color: #111;
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.service-card:hover h3, 
.service-card:hover p {
    color: #fff;
}

.service-card:hover .service-number {
    color: #222; /* Apare subtil pe fundalul negru */
}



/* Responsivitate */
@media (max-width: 1024px) {
    .services-grid-modern { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .services-grid-modern { grid-template-columns: 1fr; }
    .service-card { min-height: auto; padding: 40px; }
}

/* --- CONTACT MODERN --- */
.contact-hero {
    background-image: url("https://arqiva.ro/wp-content/uploads/2026/03/pozafundal-2.png");
    background-size: cover;
    background-position: center;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.contact-overlay {
    background: rgba(0, 0, 0, 0.65);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
}

.contact-overlay h2 {
    font-size: 40px;
    letter-spacing: 15px;
    font-weight: 300;
}

.contact-info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: #111;
}

.info-box {
    padding: 80px 40px;
    text-align: center;
    border: 0.5px solid #222;
    color: white;
}

.map-container {
    filter: grayscale(1) invert(0.92) contrast(1.2);
    line-height: 0;
}

/* --- FOOTER --- */
.footer {
    background-color: #111;
    color: #888;
    text-align: center;
    padding: 40px 20px;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* --- RESPONSIVE --- */
@media (max-width: 992px) {
    .about-container-split, .services-grid-modern { grid-template-columns: repeat(2, 1fr); flex-direction: column; }
    .projects-grid, .contact-info-grid { grid-template-columns: 1fr; }
    .navbar { padding: 20px; }
}

/* --- CONTACT & MAP REPAIRED --- */
.contact-modern {
    background: #fff !important;
}

.map-container {
    width: 100%;
    height: 450px; /* Esențial pentru ca harta să apară */
    line-height: 0;
    filter: grayscale(1) invert(0.92) contrast(1.2);
}

.map-container iframe {
    width: 100%;
    height: 100%;
}

.info-box h3 {
    font-size: 14px;
    letter-spacing: 3px;
    margin-bottom: 15px;
    color: #fff; /* Asigură-te că titlurile iconițelor se văd pe negru */
}

.info-box p {
    font-size: 15px;
    line-height: 1.6;
    color: #999;
}

/* Stiluri Social Media în Contact */
.contact-social {
    margin-top: 30px;
    z-index: 2;
}

.contact-social p {
    font-size: 13px !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 20px !important;
}

.social-icons-row {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.social-icon-btn {
    color: white;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 3px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 12px 25px;
    transition: all 0.3s ease;
}

.social-icon-btn:hover {
    background: white;
    color: black;
    border-color: white;
}

/* Fix pentru spațierea textului din Contact Hero */
.contact-overlay h2 {
    margin-bottom: 10px !important;
}

.social-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;  /* Lățime fixă pentru cerc */
    height: 50px; /* Înălțime fixă pentru cerc */
    border-radius: 50%; /* Îl face cerc */
    font-size: 20px; /* Mărimea iconiței */
    padding: 0; /* Scoatem padding-ul vechi */
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: white;
    transition: 0.3s;
}

.social-btn:hover {
    background: white;
    color: black;
    transform: scale(1.1);
}

/* REPARAȚIE FINALĂ CONTACT */
.contact-hero {
    position: relative;
    height: 450px;
    background-image: url("https://arqiva.ro/wp-content/uploads/2026/03/pozafundal-2.png") !important;
    background-size: cover;
    background-position: center;
}

.contact-overlay-new {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    z-index: 1;
}

.instagram-wrapper {
    margin-top: 30px;
    z-index: 999 !important; /* Îl punem deasupra oricărui strat */
    position: relative;
}

.instagram-wrapper p {
    font-size: 11px;
    letter-spacing: 3px;
    margin-bottom: 15px;
    opacity: 0.8;
}

.insta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: white;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 3px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 15px 35px;
    transition: all 0.3s ease;
    cursor: pointer !important;
}

.insta-btn i {
    font-size: 18px;
}

.insta-btn:hover {
    background: white;
    color: black;
    border-color: white;
    transform: translateY(-3px);
}

/* Dezactivăm orice blocaj pe containerul principal */
.contact-modern {
    pointer-events: auto !important;
}

.services-grid-modern {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Centrează elementele pe rândul de jos */
    gap: 30px;
    max-width: 1200px;
    margin: 50px auto 0;
}

.service-card {
    flex: 0 1 calc(33.333% - 30px); /* Forțează 3 pe rând pe desktop */
    min-width: 300px; /* Previne comprimarea prea mare */
    background: white;
    padding: 50px 35px;
    border: 1px solid #eee;
    text-align: left;
    position: relative;
    transition: 0.4s;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;
}

/* Ajustare pentru ecrane medii (2 pe rând) */
@media (max-width: 1024px) {
    .service-card {
        flex: 0 1 calc(50% - 30px);
    }
}

/* Ajustare pentru mobil (1 pe rând) */
/* --- REPARAȚIE FINALĂ MOBIL (COMASATĂ) --- */
@media (max-width: 768px) {
    /* 1. ELIMINARE LOGO DUBLAT & REGLARE NAVBAR */
    .navbar .logo {
        display: none !important; /* Rezolvă problema logo-ului care apare de 2 ori */
    }

    .navbar {
        justify-content: center !important; 
        padding: 10px 0 !important;        
    }

    /* 2. CENTRARE DESPRE ARQIVA & TEXTE */
    .about-modern, 
    .about-content {
        text-align: center !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .section-subtitle, 
    .about-content h2 {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    .lead, 
    .about-content p {
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 90%; 
        line-height: 1.6;
    }

    /* 3. REPARARE VALORI (BULINE) */
    .about-values {
        grid-template-columns: 1fr !important; 
        gap: 35px !important;
        text-align: center !important;
    }

    .value-item {
        padding-left: 0 !important; 
        align-items: center !important;
        display: flex;
        flex-direction: column;
    }

    .value-dot {
        position: relative !important;
        left: auto !important;
        top: 0 !important;
        margin-bottom: 10px !important;
    }

    /* 4. REPARARE SERVICII (CĂSUȚE) */
    .services-grid-modern {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .service-card {
        flex: 0 1 100% !important;
        width: 100% !important;
        min-height: auto !important;
        padding: 80px 30px 40px 30px !important;
        justify-content: flex-start !important; /* Textul pornește de sus sub cifră */
    }
}/* End custom CSS */