:root { 
    --asko-primary: #d32f2f; 
    --asko-primary-hover: #b71c1c; 
    --asko-blue: #005fcc; 
    --asko-blue-hover: #004ba3;
    --asko-dark: #1a1a1a; 
    --asko-gray-text: #5f6c77; 
    --asko-bg-light: #f4f4f4; 
    --asko-border: #e6e8ea; 
    --asko-wa: #25D366; 
}

body { color: var(--asko-dark); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }

.asko-btn { display: inline-flex; align-items: center; justify-content: center; padding: 10px 18px; border-radius: 4px; font-weight: bold; text-align: center; text-decoration: none; cursor: pointer; transition: 0.2s; border: none; font-size: 14px; }
.asko-btn-primary { background: var(--asko-blue); color: #fff; width: 100%; display: block; margin-bottom: 10px; }
.asko-btn-primary:hover { background: var(--asko-blue-hover); color:#fff; }
.asko-btn-secondary { background: #fff; color: var(--asko-blue); border: 1px solid var(--asko-blue); width: 100%; display: block;}
.asko-btn-secondary:hover { background: #f0f5ff; }
.asko-btn-danger { background: #fff; color: var(--asko-primary); border: 1px solid var(--asko-primary); padding: 5px 10px; font-size: 12px;}
.asko-btn-danger:hover { background: var(--asko-primary); color: #fff; }
.asko-btn-edit { background: #eee; color: var(--asko-dark); border: 1px solid #ccc; padding: 5px 10px; font-size: 12px;}
.asko-btn-edit:hover { background: #ddd; }
.asko-btn-wa { background: #fff; color: var(--asko-wa); border: 1px solid var(--asko-wa); width: 100%; display: block; }
.asko-btn-wa:hover { background: var(--asko-wa); color: #fff; }

.asko-badge { display: inline-block; padding: 4px 8px; border-radius: 4px; font-size: 11px; font-weight: bold; text-transform: uppercase; }
.asko-badge-disponibil { background: #e8f5e9; color: #2e7d32; border: 1px solid #c8e6c9;}
.asko-badge-rezervat { background: #fff3e0; color: #ef6c00; border: 1px solid #ffe0b2;}
.asko-badge-vandut { background: #ffebee; color: #c62828; border: 1px solid #ffcdd2;}
.asko-badge-oferta { background: var(--asko-primary); color: #fff; display:flex; align-items:center; gap:5px;}

.asko-badge img.emoji { width: 14px !important; height: 14px !important; min-height: auto !important; display: inline-block !important; object-fit: contain !important; box-shadow: none !important; margin: 0 4px 0 0 !important; }

.asko-inventory-list { display: flex; flex-direction: column; gap: 15px; margin-top: 20px;}
.asko-list-card { display: flex; flex-direction: row; background: #fff; border: 1px solid var(--asko-border); border-radius: 6px; overflow: hidden; transition: 0.2s; position:relative; }
.asko-list-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.08); border-color:#ccc; }

.asko-car-image-wrap { width: 320px; flex-shrink: 0; position: relative; }
.asko-car-image-wrap > a > img { width: 100%; height: 100%; min-height: 220px; object-fit: cover; display:block; }
.asko-car-content { padding: 20px; flex: 1; display: flex; flex-direction: column; justify-content: space-between;}

.asko-car-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; }
.asko-car-title { font-size: 18px; font-weight: bold; margin: 0; line-height: 1.3;}
.asko-car-title a { color: var(--asko-blue); text-decoration: none; }
.asko-car-title a:hover { text-decoration: underline; }

.asko-car-price-box { text-align: right; }
.asko-old-price { text-decoration: line-through; color: #999; font-size: 13px; display:block; margin-bottom:2px;}
.asko-car-price { font-size: 22px; font-weight: bold; color: var(--asko-primary); margin: 0; }

.asko-car-specs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 20px; }
.asko-spec-item { font-size: 13px; color: var(--asko-gray-text); display: flex; align-items: center; gap: 6px; }

.asko-car-footer { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #f0f0f0; padding-top: 15px; margin-top: auto;}
.asko-car-loc { font-size: 12px; color: #888; font-weight: bold; text-transform: uppercase;}
.asko-btn-details { background: #fff; color: var(--asko-dark); border: 1px solid #ccc; padding: 8px 16px; border-radius: 4px; font-size:13px; font-weight: bold; text-decoration: none; transition: 0.2s; }
.asko-btn-details:hover { background: #f9f9f9; border-color: #999; }

.asko-grid-card { flex-direction: column; height: 100%;}
.asko-grid-card .asko-car-image-wrap { width: 100%; height: 200px; }
.asko-grid-card .asko-car-header { flex-direction: column; gap: 10px;}
.asko-grid-card .asko-car-price-box { text-align: left; }
.asko-grid-card .asko-car-specs { grid-template-columns: 1fr 1fr; }

.asko-filters-sidebar { background: #fff; padding: 20px; border-radius: 6px; border: 1px solid var(--asko-border); }
.asko-filters-sidebar h3 { font-size: 16px; font-weight: bold; color: var(--asko-dark); border-bottom: 1px solid #eee; margin-bottom: 20px; padding-bottom: 10px; text-transform:uppercase; }
.asko-form-row { display: flex; gap: 15px; align-items: flex-end; flex-wrap: wrap; margin-bottom:15px; }
.asko-form-group { flex: 1; min-width: 180px; margin-bottom: 10px;}
.asko-form-group label { display: block; font-weight: bold; margin-bottom: 5px; font-size: 13px; color: #444; }
.asko-form-group input[type="text"], .asko-form-group input[type="password"], .asko-form-group input[type="number"], .asko-form-group input[type="email"], .asko-form-group select, .asko-form-group textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; background:#fff; color: #333; outline: none;}
.asko-form-group input:focus, .asko-form-group select:focus { border-color: var(--asko-blue); }
.asko-form-group-range { display: flex; gap: 10px; }
.asko-form-group-range input, .asko-form-group-range select { flex: 1; min-width:0; }

.asko-inventory-wrapper { display: flex; flex-direction: column; gap: 20px; margin: 20px 0; }
.asko-layout-left { flex-direction: row; align-items: flex-start; }
.asko-layout-left .asko-filters-sidebar { width: 280px; flex-shrink: 0; }
.asko-layout-top .asko-filters-sidebar { width: 100%; }
.asko-layout-top .asko-form-row { display: flex; flex-wrap: wrap; gap: 15px; align-items: flex-end; }
.asko-inventory-main { flex-grow: 1; min-width: 0; }
.asko-sort-bar { display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; margin-bottom: 10px; border: 1px solid var(--asko-border); background: #fff; border-radius: 6px; font-size:13px; color: #555;}
.asko-sort-bar select { padding: 6px 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 13px; outline: none; cursor:pointer;}

.asko-slider-wrapper { position: relative; max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.asko-slider-track { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 15px 5px; scrollbar-width: none; -ms-overflow-style: none; }
.asko-slider-track::-webkit-scrollbar { display: none; }

.asko-slider-item { scroll-snap-align: start; flex: 0 0 280px !important; min-width: 280px !important; max-width: 280px !important; height: auto; }
.asko-slider-item .asko-list-card { flex-direction: column !important; height: 100%; display: flex; width: 100%; }
.asko-slider-item .asko-car-image-wrap { width: 100% !important; height: 200px !important; min-height: 200px !important; flex-shrink: 0; }
.asko-slider-item .asko-car-image-wrap > a > img { width: 100% !important; height: 100% !important; object-fit: cover !important; }

.asko-slider-item .asko-car-header { flex-direction: column !important; gap: 5px !important; align-items: flex-start !important; margin-bottom: 15px !important; margin-top: 10px !important; }
.asko-slider-item .asko-car-price-box { text-align: left !important; }
.asko-slider-item .asko-car-specs { grid-template-columns: 1fr 1fr !important; gap: 8px !important; margin-bottom: 15px !important;}
.asko-slider-item .asko-car-footer { margin-top: auto !important; }
.asko-slider-item .asko-car-content { padding: 20px 15px 15px 15px !important; flex: 1; display: flex; flex-direction: column; justify-content: space-between; }

.asko-slider-btn { position: absolute; top: 50%; transform: translateY(-50%); background: #fff; color: var(--asko-dark); border: 1px solid #ccc; width: 44px; height: 44px; border-radius: 50%; cursor: pointer; z-index: 10; font-size: 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.15); transition: 0.2s;}
.asko-slider-btn:hover { background: var(--asko-blue); color: #fff; border-color: var(--asko-blue); }
.asko-slider-prev { left: -15px; }
.asko-slider-next { right: -15px; }

.asko-single-wrap { width: 100%; max-width: 1200px; margin: 20px auto; color: var(--asko-dark); font-family: Arial, sans-serif; }
.asko-breadcrumbs { font-size: 12px; color: var(--asko-gray-text); margin-bottom: 20px; }
.asko-breadcrumbs a { color: var(--asko-blue); text-decoration: none; }
.asko-breadcrumbs a:hover { text-decoration: underline; }

.asko-car-h1-top { font-size: 32px; font-weight: bold; margin: 0 0 25px 0; line-height: 1.2; color: var(--asko-dark); border-bottom: 1px solid var(--asko-border); padding-bottom:15px; }

.asko-single-grid { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.asko-single-left { min-width: 0; display:flex; flex-direction: column; gap: 20px; }
.asko-single-right { min-width: 0; position: sticky; top: 20px; display:flex; flex-direction: column; gap: 0;}

.asko-av-box { background: #fff; border: 1px solid var(--asko-border); border-radius: 6px; padding: 25px; }

.asko-box-price { border-bottom: none !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; padding-bottom: 15px !important; margin-bottom: 0 !important; }
.asko-box-contact { border-top: none !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; padding-top: 10px !important; margin-bottom: 20px !important;}

.asko-gallery { background: #fff; border: 1px solid var(--asko-border); border-radius: 6px; overflow: hidden; position: relative;}
.asko-main-img-wrap { width: 100%; aspect-ratio: 4/3; background: #f4f4f4; position: relative; display: flex; align-items: center; justify-content: center; }
.asko-main-img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.asko-thumbnails { display: flex; overflow-x: auto; padding: 10px; gap: 10px; background: #fff; border-top: 1px solid var(--asko-border); }
.asko-thumb { width: 90px; height: 65px; object-fit: cover; border-radius: 4px; cursor: pointer; opacity: 0.6; transition: 0.2s; border: 2px solid transparent;}
.asko-thumb:hover, .asko-thumb.active { opacity: 1; border-color: var(--asko-blue); }

.asko-gal-nav { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255,255,255,0.9); color: var(--asko-dark); border: none; width: 44px; height: 44px; border-radius: 50%; cursor: pointer; z-index: 20; font-size: 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.15); transition: 0.2s; }
.asko-gal-nav:hover { background: #fff; color: var(--asko-blue); transform: translateY(-50%) scale(1.05); }
.asko-gal-prev { left: 15px; }
.asko-gal-next { right: 15px; }

.asko-av-box-title { font-size: 18px; font-weight: bold; margin: 0 0 20px 0; padding-bottom: 15px; border-bottom: 1px solid #f0f0f0;}
.asko-key-specs { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 15px; text-align: center; }
.asko-spec { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; }
.asko-spec .icon { font-size: 24px; color: var(--asko-gray-text); margin-bottom: 5px; }
.asko-spec span { font-size: 12px; color: var(--asko-gray-text); }
.asko-spec strong { font-size: 14px; color: var(--asko-dark); font-weight: bold; }

.asko-description { line-height: 1.6; font-size: 14px; color: #444; }
.asko-details-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
.asko-detail-row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid #f0f0f0; font-size: 14px; }
.asko-detail-row span { color: var(--asko-gray-text); }
.asko-detail-row strong { color: var(--asko-dark); font-weight: bold; text-align:right;}

.asko-car-subh1 { font-size: 14px; color: var(--asko-gray-text); margin-bottom: 20px; }
.asko-car-price-large { font-size: 32px; font-weight: bold; color: var(--asko-dark); margin-bottom: 5px; }
.asko-car-price-old { font-size: 14px; color: #999; margin-bottom: 25px; }
.asko-car-price-old span { text-decoration: line-through; }

.asko-btn-av-primary { background: var(--asko-blue); color: #fff; width: 100%; padding: 15px; border-radius: 4px; font-size: 16px; font-weight: bold; text-align: center; text-decoration: none; display: block; border: none; cursor: pointer; transition: 0.2s; margin-bottom: 10px; }
.asko-btn-av-primary:hover { background: var(--asko-blue-hover); color:#fff; }
.asko-btn-av-outline { background: #fff; color: var(--asko-dark); border: 1px solid #ccc; width: 100%; padding: 14px; border-radius: 4px; font-size: 15px; font-weight: bold; text-align: center; text-decoration: none; display: block; cursor: pointer; transition: 0.2s; margin-bottom: 10px; }
.asko-btn-av-outline:hover { background: #f9f9f9; border-color: #999; }
.asko-btn-av-wa { background: #fff; color: var(--asko-wa); border: 2px solid var(--asko-wa); width: 100%; padding: 14px; border-radius: 4px; font-size: 15px; font-weight: bold; text-align: center; text-decoration: none; display: flex; align-items:center; justify-content:center; gap:8px; cursor: pointer; transition: 0.2s; }
.asko-btn-av-wa:hover { background: var(--asko-wa); color: #fff; }

.asko-dealer-title { font-size: 16px; font-weight: bold; margin: 0 0 10px 0; }
.asko-dealer-name { font-size: 14px; font-weight: bold; color: var(--asko-blue); margin-bottom: 5px; }
.asko-dealer-address { font-size: 13px; color: var(--asko-gray-text); margin-bottom: 15px; }

.asko-tabs { display:flex; gap:10px; margin-bottom:20px; border-bottom:2px solid var(--asko-border); }
.asko-tab-btn { background:none; border:none; padding:10px 15px; font-size:15px; font-weight:bold; color:#666; cursor:pointer; border-bottom:3px solid transparent; margin-bottom:-2px; transition:0.2s; }
.asko-tab-btn:hover { color:var(--asko-blue); } .asko-tab-btn.active { color:var(--asko-blue); border-bottom-color:var(--asko-blue); }
.asko-tab-content { display:none; } .asko-tab-content.active { display:block; animation: fadeIn 0.3s; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.asko-modal-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 9998; }
.asko-modal { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 25px; border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); z-index: 9999; width: 90%; max-width: 800px; max-height: 90vh; overflow-y: auto; }
.asko-modal-header { border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 20px; margin-top: 0; display:flex; justify-content:space-between; align-items:center;}

.asko-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 6px; overflow: hidden; border: 1px solid var(--asko-border); }
.asko-table th { background: #f9f9f9; padding: 12px; text-align: left; font-size: 13px; color: #555; border-bottom: 1px solid var(--asko-border);}
.asko-table td { padding: 12px; border-bottom: 1px solid var(--asko-border); font-size:14px;}
.asko-actions-cell { display:flex; gap:5px; flex-wrap: wrap;}

.asko-search-widget { background: #fff; padding: 20px; border-radius: 6px; border: 1px solid var(--asko-border); border-top: 3px solid var(--asko-blue); margin-bottom: 30px; }
.asko-login-wrapper { max-width: 400px; margin: 50px auto; background: #fff; padding: 30px; border-radius: 6px; border: 1px solid var(--asko-border); border-top: 3px solid var(--asko-blue); box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
.asko-login-wrapper h2 { text-align: center; margin-top: 0; margin-bottom: 25px; color: var(--asko-dark); font-size: 22px; }
.asko-login-msg { margin-bottom: 15px; padding: 10px; border-radius: 4px; text-align: center; font-size: 13px; display: none; font-weight: bold;}
.asko-login-msg.error { background: #ffebee; color: #c62828; display: block; }
.asko-login-msg.success { background: #e8f5e9; color: #2e7d32; display: block; }

.asko-agent-header { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; background: #fff; border-radius: 6px; border: 1px solid var(--asko-border); padding: 35px; margin-bottom: 40px; }
.asko-agent-info { display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--asko-border); padding-right: 30px; }
.asko-agent-avatar { width: 80px; height: 80px; background: var(--asko-blue); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: bold; margin-bottom: 20px; }
.asko-agent-name { font-size: 28px; font-weight: bold; color: var(--asko-dark); margin: 0 0 5px 0; }
.asko-agent-role { font-size: 14px; color: var(--asko-gray-text); text-transform: uppercase; font-weight: bold; margin-bottom: 20px; }
.asko-agent-contact-row { display: flex; align-items: center; gap: 10px; font-size: 16px; color: var(--asko-dark); margin-bottom: 12px; font-weight: bold; }
.asko-agent-contact-row a { color: var(--asko-blue); text-decoration: none; }
.asko-agent-contact-row a:hover { text-decoration: underline; }
.asko-agent-location { padding-left: 10px; display: flex; flex-direction: column; }
.asko-agent-loc-title { font-size: 18px; font-weight: bold; margin: 0 0 15px 0; color: var(--asko-dark);}
.asko-agent-loc-details { font-size: 14px; color: var(--asko-gray-text); margin-bottom: 20px; line-height: 1.6; }

@media (max-width: 1024px) { 
    .asko-details-list { grid-template-columns: 1fr; gap: 0; }
}

@media (max-width: 768px) { 
    .asko-list-card { flex-direction: column; }
    .asko-car-image-wrap { width: 100%; height: 220px; }
    .asko-car-specs { grid-template-columns: repeat(2, 1fr); }
    .asko-car-price-box { text-align: left; margin-top:10px; margin-bottom:15px;}
    
    .asko-slider-wrapper { padding: 0 10px; } 
    .asko-slider-item { flex: 0 0 85% !important; min-width: 85% !important; } 
    .asko-slider-btn { display:none; } 
    
    .asko-single-grid { display: flex !important; flex-direction: column; gap: 20px; }
    .asko-single-left, .asko-single-right { display: contents; }
    .asko-single-left > *, .asko-single-right > * { width: 100% !important; box-sizing: border-box !important; }
    
    .asko-box-price { order: 1; border-bottom: 1px solid var(--asko-border) !important; border-radius: 6px !important; padding-bottom: 25px !important; margin-bottom: -5px !important;}
    .asko-gallery { order: 2; margin-bottom: 5px !important; }
    .asko-box-contact { order: 3; border-top: 1px solid var(--asko-border) !important; border-radius: 6px !important; padding-top: 25px !important; margin-bottom: 20px !important;}
    .asko-box-dealer { order: 4; }
    .asko-box-aspecte { order: 5; }
    .asko-box-detalii { order: 6; }
    .asko-box-descriere { order: 7; }
    .asko-box-locatie { order: 8; }
    .asko-box-similare { order: 9; margin-top: 20px !important; }
    
    .asko-main-img-wrap { aspect-ratio: 16/9; }
    .asko-car-h1-top { font-size: 24px; }
    .asko-gal-nav { width: 34px; height: 34px; font-size: 16px; }
    
    .asko-inventory-wrapper { flex-direction: column; } 
    .asko-layout-left .asko-filters-sidebar { width: 100%; position: static; } 
    .asko-layout-top .asko-form-row { flex-direction: column; align-items: stretch; } 
    .asko-sort-bar { flex-direction: column; gap:10px; align-items: flex-start;} 
    .asko-form-row { flex-direction: column; align-items: stretch; } 
    .asko-av-essentials { flex-wrap: wrap; }
    .asko-av-essentials div { flex: 0 0 50%; border-bottom: 1px solid #ddd; padding: 10px 0;}
    .asko-av-essentials div:nth-child(2n) { border-right: none; }
    .asko-av-essentials div:nth-last-child(-n+2) { border-bottom: none; }

    .asko-agent-header { grid-template-columns: 1fr; padding: 20px;}
    .asko-agent-info { border-right: none; border-bottom: 1px solid var(--asko-border); padding-right: 0; padding-bottom: 25px; }
    .asko-agent-location { padding-left: 0; padding-top: 10px;}
}

@media (max-width: 480px) { 
    .asko-slider-item { flex: 0 0 90% !important; min-width: 90% !important; } 
    .asko-key-specs { grid-template-columns: repeat(2, 1fr); }
}

.asko-admin-th { cursor: pointer; user-select: none; position: relative; padding-right:20px !important; }
.asko-admin-th:after { content: '↕'; position: absolute; right: 5px; color: #ccc; font-size: 12px; }
.asko-admin-th.asc:after { content: '↑'; color: var(--asko-blue, #005fcc); }
.asko-admin-th.desc:after { content: '↓'; color: var(--asko-blue, #005fcc); }
.asko-td-center { text-align:center !important; }
#asko_admin_table th, #asko_admin_table td { white-space: nowrap; vertical-align: middle; }
.asko-actions-cell { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 5px; align-items: center; min-width: max-content; }
.asko-actions-cell .asko-btn { white-space: nowrap; flex-shrink: 0; margin: 0; width: auto; padding: 5px 10px; font-size: 11px; }