/*
Theme Name: CARSY Elite v13.5
Version: 13.5
Description: Baltas Pop-up, Žalias mygtukas, X remelyje.
*/

:root { 
    --bar-h: 20px; 
    --accent: #0071e3; 
    --green: #2ecc71; /* Tikslus žalias atspalvis */
}

body { 
    margin: 0 !important; 
    padding: var(--bar-h) 0 40px 0 !important; 
    font-family: -apple-system, sans-serif; 
    background: #fff; 
}

/* HEADER FIX - z-index kad niekas neuždengtų */
.carsy-header {
    position: fixed; top: 0; left: 0; right: 0;
    height: var(--bar-h) !important;
    background: #000 !important;
    display: flex; align-items: center;
    padding: 0 20px; z-index: 9999999 !important;
}
.carsy-logo img { height: 12px !important; width: auto; display: block; }
.carsy-menu { margin-left: auto; display: flex; gap: 20px; }
.carsy-menu a { color: #fff !important; text-decoration: none; font-size: 8px; font-weight: 700; text-transform: uppercase; }

/* FOOTER FIX */
.carsy-footer {
    position: fixed; bottom: 0; left: 0; right: 0;
    height: 40px !important;
    background: #000 !important;
    color: #fff !important;
    display: flex; align-items: center; justify-content: center;
    z-index: 9999999 !important;
}
.footer-line { display: flex; gap: 25px; font-size: 9px; text-transform: uppercase; letter-spacing: 0.5px; }
.footer-line a { color: #fff; text-decoration: none; }

/* POP-UP FIX - BALTAS FONAS IR X REMELYJE */
#carsy-modal { 
    display: none; position: fixed; z-index: 20000000; 
    left: 0; top: 0; width: 100%; height: 100%; 
    background: rgba(0,0,0,0.8); padding: 40px 0;
    align-items: center; justify-content: center;
}
.modal-content { 
    background: #fff !important; /* Priverstinis baltas fonas */
    margin: auto; width: 85%; max-width: 900px; 
    border-radius: 8px; display: flex; overflow: hidden; height: 550px;
    position: relative; /* Kad X būtų remelyje */
}

/* Nuotrauka be contain - cover kad užpildytų */
.modal-left { flex: 1; background: #fff; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.modal-left img { width: 100%; height: 100%; object-fit: cover !important; }

.modal-right { flex: 0.8; padding: 40px; overflow-y: auto; background: #fff; }

/* Uždarymo X remelyje */
.close-modal { 
    position: absolute; right: 20px; top: 15px; font-size: 32px; 
    cursor: pointer; color: #000; z-index: 99; opacity: 0.5; transition: 0.2s;
}
.close-modal:hover { opacity: 1; }

/* ŽALIAS MYGTUKAS */
.btn-green {
    display: block; background: var(--green); color: #fff; 
    text-align: center; padding: 15px; text-decoration: none; 
    border-radius: 4px; margin-top: 25px; font-weight: 700; font-size: 14px;
    transition: 0.2s;
}
.btn-green:hover { background: #27ae60; }

/* GRID */
.container { max-width: 1300px; margin: 30px auto; padding: 0 20px; }
.carsy-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 30px; }
.car-card { cursor: pointer; text-decoration: none; color: #000; }
.car-img-wrapper { height: 220px; overflow: hidden; border-radius: 4px; }
.car-img-wrapper img { width: 100%; height: 100%; object-fit: cover; }