/* AAO PARTS — Brand theme overlay. Paleta: navy #021E36 · portocaliu #E74810 · rosu #981120 */
:root{
  --aao-navy:#021E36; --aao-navy-2:#06304f; --aao-orange:#E74810;
  --aao-orange-d:#c63c0c; --aao-red:#981120; --aao-ink:#1d2733;
}
a{ color:var(--aao-navy); }
a:hover, a:focus{ color:var(--aao-orange); }
.text-primary, .link-item:hover{ color:var(--aao-orange) !important; }
.btn-primary, .btn-primary:focus, .product-add-to-cart .add-to-cart, button.add-to-cart{
  background-color:var(--aao-orange) !important; border-color:var(--aao-orange) !important; color:#fff !important; }
.btn-primary:hover, .product-add-to-cart .add-to-cart:hover, button.add-to-cart:hover{
  background-color:var(--aao-orange-d) !important; border-color:var(--aao-orange-d) !important; }
.btn-secondary, .btn-secondary:focus{
  background-color:var(--aao-navy) !important; border-color:var(--aao-navy) !important; color:#fff !important; }
.btn-secondary:hover{ background-color:var(--aao-navy-2) !important; border-color:var(--aao-navy-2) !important; }
#header{ background:#fff; }
#header .header-top{ background:#f5f5f7; border-bottom:1px solid #e5e5e7; }
#header a, #header .header-top a{ color:#2a2a2a; }
#header a:hover{ color:var(--aao-orange); }
#_desktop_user_info a, #_desktop_cart a{ color:#2a2a2a; }
.header-top, #menu-icon{ color:#2a2a2a; }
#_desktop_top_menu .top-menu a.dropdown-item:hover, #_desktop_top_menu .top-menu a:hover{ color:var(--aao-orange); }
#search_widget .search button[type=submit], .search-widget button[type=submit]{ color:#d0121a; }
.product-price, .price, .current-price-value, .product-prices .current-price span{ color:var(--aao-navy) !important; }
.has-discount .discount, .product-flag.discount, .discount-percentage, .product-flag.on-sale{
  background:var(--aao-red) !important; color:#fff !important; }
.regular-price{ color:#9aa6b2 !important; }
.product-flag{ background:var(--aao-orange); color:#fff; }
.product-flag.new{ background:var(--aao-navy); }
.products-section-title, section.featured-products .products-section-title{
  color:var(--aao-navy) !important; border-bottom-color:var(--aao-orange) !important; }
.footer-container{ background:var(--aao-navy); color:#cfd8e2; }
.footer-container a{ color:#cfd8e2; }
.footer-container a:hover{ color:var(--aao-orange); }
.footer-container .h3, .footer-container h3{ color:#fff; }
.page-list .current a, .pagination .active a, .nav-tabs .nav-link.active{
  background:var(--aao-orange) !important; border-color:var(--aao-orange) !important; color:#fff !important; }
.form-control:focus{ border-color:var(--aao-orange); box-shadow:0 0 0 .15rem rgba(231,72,16,.20); }
.block-categories .category-sub-menu .category-sub-link:hover{ color:var(--aao-orange) !important; }

/* ===== BANDA MENIU ROSIE (ca pe /ulei/) ===== */
#header .menu, #header .top-menu, #_desktop_top_menu{
  background:#d0121a !important; }
#header .top-menu a[data-depth="0"]{
  color:#fff !important; font-weight:600; text-transform:uppercase; padding:14px 24px !important; }
#header .top-menu a[data-depth="0"]:hover{
  background:rgba(0,0,0,.12) !important; color:#fff !important; }
#header .top-menu a.dropdown-submenu{ color:#232323 !important; }
#header .menu{ padding-left:0 !important; }


/* ====== Header stil /ulei/ pe Home/Classic — AAO Parts ====== */
.ulei-topbar{background:#f5f5f7;padding:8px 0;font-size:13px;color:#555;border-bottom:1px solid #e5e5e7;}
.ulei-topbar-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;}
.ulei-topbar a{color:#555;display:inline-flex;align-items:center;gap:4px;text-decoration:none;}
.ulei-topbar .material-icons{font-size:16px;}
.ulei-topbar-program{display:inline-flex;align-items:center;gap:4px;}

.ulei-mainheader{padding:14px 0;background:#fff;}
.ulei-mainheader-inner{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;}
.ulei-logo{margin:0;}
.ulei-logo h1{margin:0;line-height:0;}
.ulei-logo img{display:block;max-height:50px;width:auto;}

.ulei-search-wrap{max-width:600px;margin:0 auto;width:100%;}
.ulei-mainsearch{display:flex;width:100%;height:44px;border:2px solid #d0121a;border-radius:6px;overflow:hidden;background:#fff;}
.ulei-mainsearch input{flex:1;border:0;padding:0 16px;font-size:14px;outline:none;}
.ulei-mainsearch button{width:56px;background:#d0121a;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;}
.ulei-mainsearch button .material-icons{color:#fff;}
.ulei-mainsearch button:hover{background:#b30f15;}

.ulei-header-actions{display:flex;align-items:center;gap:16px;justify-content:flex-end;}
.ulei-header-actions .user-info,.ulei-header-actions .blockcart{margin:0;}
.ulei-header-actions a{text-decoration:none;}

.ulei-mainnav{background:#d0121a;}
.ulei-mainnav-inner{display:flex;align-items:center;gap:0;flex-wrap:wrap;}
.ulei-nav-home{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#fff;}
.ulei-nav-home .material-icons{color:#fff;}
.ulei-nav-home:hover{background:rgba(0,0,0,0.1);}
.ulei-nav-link{color:#fff !important;text-decoration:none !important;padding:14px 24px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.02em;transition:background .15s;}
.ulei-nav-link:hover{background:rgba(0,0,0,0.1);text-decoration:none !important;}

@media (max-width:768px){
  .ulei-topbar{font-size:12px;padding:6px 0;}
  .ulei-topbar-program{display:none;}
  .ulei-mainheader{padding:10px 0;}
  .ulei-mainheader-inner{grid-template-columns:auto 1fr;gap:10px 12px;}
  .ulei-logo img{max-height:38px;}
  .ulei-search-wrap{grid-column:1 / -1;order:3;max-width:none;}
  .ulei-mainsearch{height:42px;}
  .ulei-header-actions{justify-self:end;gap:10px;}
  .ulei-mainnav-inner{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .ulei-mainnav-inner::-webkit-scrollbar{display:none;}
  .ulei-nav-link{padding:11px 14px;font-size:12px;white-space:nowrap;}
  .ulei-nav-home{flex:0 0 auto;}
}


/* ====== Home — aspect profesional (AAO Parts) ====== */
#content.page-home > a.banner, #content.page-home > .banner { display:none !important; }

#content.page-home { display:flex; flex-direction:column; }
#content.page-home > .aao-trust { order:0; }
#content.page-home > .featured-products { order:10; }
#content.page-home > #custom-text { order:50; }

.aao-trust { background:#fff; border-bottom:1px solid #ececec; margin-bottom:18px; }
.aao-trust-inner { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; padding:14px 0; }
.aao-trust-item { display:flex; align-items:center; gap:10px; flex:1 1 200px; justify-content:center; color:#222; font-size:14px; font-weight:600; }
.aao-trust-item .material-icons { color:#d0121a; font-size:26px; }
@media(max-width:767px){
  .aao-trust-inner{ gap:8px; padding:10px 0; }
  .aao-trust-item{ flex:1 1 45%; font-size:12px; gap:6px; }
  .aao-trust-item .material-icons{ font-size:20px; }
}

#content.page-home .featured-products .js-product:has(img[src*="ro-default"]) { display:none !important; }

#custom-text .aao-home-seo { max-width:1140px; margin:46px auto 0; padding:28px 0 0; border-top:1px solid #ececec; text-align:left; color:#444; }
.aao-home-seo h2 { font-size:21px; font-weight:700; color:#1a1a1a; text-align:left; margin:30px 0 14px; padding-bottom:8px; border-bottom:2px solid #d0121a; display:inline-block; }
.aao-home-seo h3 { font-size:16px; font-weight:700; color:#1a1a1a; margin:0 0 8px; text-align:left; }
.aao-home-seo p, .aao-home-seo li, .aao-home-seo ol { text-align:left; line-height:1.6; }

.aao-home-seo .row { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:0 0 8px; }
.aao-home-seo .row > * { background:#fafafa; border:1px solid #ececec; border-top:3px solid #d0121a; border-radius:10px; padding:16px; max-width:none; flex:none; width:auto; }
@media(max-width:991px){ .aao-home-seo .row{ grid-template-columns:repeat(2,1fr);} }
@media(max-width:575px){ .aao-home-seo .row{ grid-template-columns:1fr;} }

.aao-home-seo > ul { columns:2; column-gap:32px; padding-left:18px; }
@media(max-width:767px){ .aao-home-seo > ul{ columns:1; } }

#footer a[href*="prestashop"] { display:none !important; }
#footer .text-sm-center:has(a[href*="prestashop"]) { display:none !important; }


/* ====== Hero bannere sub meniu (AAO Parts) ====== */
#content.page-home > .aao-hero { order:-1; }
.aao-hero { display:flex; flex-direction:column; gap:14px; margin:0 0 18px; }
.aao-banner { position:relative; overflow:hidden; border-radius:12px; padding:26px 28px; display:flex; align-items:center; justify-content:space-between; gap:16px; text-decoration:none !important; }
.aao-banner > div, .aao-banner > .aao-bn-btn { position:relative; z-index:2; }
.aao-bn-tag { display:inline-block; font-size:12px; font-weight:600; padding:3px 10px; border-radius:8px; margin-bottom:10px; }
.aao-bn-title { font-size:26px; font-weight:700; line-height:1.15; }
.aao-bn-sub { font-size:15px; margin-top:6px; }
.aao-bn-btn { flex:0 0 auto; font-size:15px; font-weight:600; padding:12px 22px; border-radius:8px; white-space:nowrap; display:inline-flex; align-items:center; gap:6px; }
.aao-bn-btn .material-icons { font-size:18px; }
.aao-bn-ico { position:absolute; top:50%; transform:translateY(-50%); font-size:150px; z-index:1; }

.aao-bn-dark { background:#1a1a1f; }
.aao-bn-dark .aao-bn-title { color:#fff; }
.aao-bn-dark .aao-bn-sub { color:#b9b9c2; }
.aao-bn-dark .aao-bn-tag { background:#d0121a; color:#fff; }
.aao-bn-dark .aao-bn-btn { background:#d0121a; color:#fff; }
.aao-bn-dark .aao-bn-ico { color:#fff; opacity:.06; right:160px; }

.aao-bn-red { background:#d0121a; }
.aao-bn-red .aao-bn-title { color:#fff; }
.aao-bn-red .aao-bn-sub { color:#ffd9d9; }
.aao-bn-red .aao-bn-tag { background:#FBBC04; color:#5a3d00; }
.aao-bn-red .aao-bn-btn { background:#fff; color:#d0121a; }
.aao-bn-red .aao-bn-ico { color:#fff; opacity:.10; right:150px; }

.aao-bn-light { background:#fff; border:2px solid #d0121a; }
.aao-bn-light .aao-bn-title { color:#1a1a1a; }
.aao-bn-light .aao-bn-sub { color:#666; }
.aao-bn-light .aao-bn-tag { background:#FCEBEB; color:#a32d2d; }
.aao-bn-light .aao-bn-btn { background:#d0121a; color:#fff; }
.aao-bn-light .aao-bn-ico { color:#d0121a; opacity:.06; right:155px; }

@media(max-width:767px){
  .aao-banner { flex-direction:column; align-items:flex-start; padding:18px; gap:12px; }
  .aao-bn-title { font-size:19px; }
  .aao-bn-sub { font-size:13px; }
  .aao-bn-btn { width:100%; justify-content:center; }
  .aao-bn-ico { display:none; }
}


/* ====== Carusel imagini (ps_imageslider) sus pe home — AAO Parts ====== */
#content.page-home > #carousel { order:-2; margin:0 0 18px; border-radius:12px; overflow:hidden; }
#carousel .carousel-item img { width:100%; height:auto; display:block; }
#carousel .carousel-caption, #carousel .caption { display:none !important; }
#carousel .carousel-control-prev, #carousel .carousel-control-next { width:7%; opacity:.9; }
#carousel .carousel-control-prev-icon, #carousel .carousel-control-next-icon { background-color:rgba(0,0,0,.5); border-radius:50%; padding:16px; background-size:46%; }
#carousel .carousel-indicators { margin-bottom:10px; }
#carousel .carousel-indicators li, #carousel .carousel-indicators button { width:10px; height:10px; border-radius:50%; }
@media(max-width:767px){ #content.page-home > #carousel{ border-radius:8px; margin-bottom:12px; } }


/* Protectie anti-overflow orizontal pe mobil (carusel) */
@media(max-width:767px){
  html, body { overflow-x:hidden; }
  #content.page-home > #carousel, #carousel .carousel-inner, #carousel .carousel-item { max-width:100%; }
}


/* Fix decalaj carusel (regula .carousel left:50% pe mobil) */
#content.page-home > #carousel{position:relative;left:0 !important;right:auto !important;}
#carousel{left:0 !important;}

/* ===== AAO unified search: sectiune catalog CarMod (adaugat 2026-06-16) ===== */
.aao-cmsec{margin:28px 0 8px;padding:22px 24px;background:#fff;border:1px solid #ececec;border-radius:10px}
.aao-cm-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;border-bottom:2px solid #c20000;padding-bottom:10px;margin-bottom:18px}
.aao-cm-head h2{font-size:20px;margin:0;color:#1a1a1a;font-weight:700}
.aao-cm-count{background:#c20000;color:#fff;font-size:13px;font-weight:700;padding:3px 11px;border-radius:20px;white-space:nowrap}
.aao-cm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}
.aao-cm-card{display:flex;flex-direction:column;border:1px solid #ececec;border-radius:8px;padding:12px;text-decoration:none;color:#222;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.aao-cm-card:hover{border-color:#c20000;box-shadow:0 4px 14px rgba(0,0,0,.08);transform:translateY(-2px)}
.aao-cm-media{height:92px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.aao-cm-media img{max-height:92px;max-width:100%;object-fit:contain}
.aao-cm-noimg{font-size:38px;color:#d2d2d2;line-height:1}
.aao-cm-code{font-size:12px;color:#c20000;font-weight:700;word-break:break-word}
.aao-cm-name{font-size:13px;line-height:1.3;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aao-cm-all{display:inline-block;margin-top:18px;background:#c20000;color:#fff;font-weight:700;padding:11px 20px;border-radius:6px;text-decoration:none}
.aao-cm-all:hover{background:#9e0000;color:#fff}
@media(max-width:767px){.aao-cmsec{padding:16px}.aao-cm-grid{grid-template-columns:repeat(2,1fr);gap:10px}.aao-cm-head h2{font-size:16px}.aao-cm-media{height:80px}}

/* ===== Scoase de pe home: Produse populare + Cele mai cumparate (16 iun 2026) ===== */
#content.page-home > section.featured-products:not(.mt-3),
#content.page-home > section.featured-products.mt-3 + section.featured-products.mt-3{display:none !important;}

/* ===== AAO selector masina pe home (Marca>Model>Motor) — 2026-06-16 ===== */
#content.page-home > .aao-vehsel{order:-3;}
.aao-vehsel{margin:0 0 16px;background:linear-gradient(135deg,#1c1c1c,#2c2c2c);border-radius:10px;padding:20px 22px;color:#fff}
.aao-vs-inner{max-width:1140px;margin:0 auto}
.aao-vs-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.aao-vs-head .material-icons{color:#ff3b3b;font-size:26px;line-height:1}
.aao-vs-head h2{font-size:20px;margin:0;color:#fff;font-weight:700}
.aao-vs-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px}
.aao-vs-sel{height:46px;border:1px solid #444;border-radius:6px;padding:0 12px;font-size:15px;background:#fff;color:#222;width:100%;cursor:pointer}
.aao-vs-sel:disabled{background:#e9e9e9;color:#999;cursor:not-allowed}
.aao-vs-btn{height:46px;padding:0 26px;background:#c20000;color:#fff;border:0;border-radius:6px;font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap;transition:background .15s}
.aao-vs-btn:hover:not(:disabled){background:#9e0000}
.aao-vs-btn:disabled{background:#7a3a3a;cursor:not-allowed;opacity:.65}
.aao-vs-hint{margin-top:10px;font-size:13px;color:#cfcfcf}
@media(max-width:767px){.aao-vehsel{padding:16px}.aao-vs-row{grid-template-columns:1fr}.aao-vs-head h2{font-size:17px}}

/* ===== Recenzii clienti (home) ===== */
#content.page-home > .aao-reviews{order:20}
.aao-reviews{background:#f6f7f9;border-top:1px solid #e7e9ee;border-bottom:1px solid #e7e9ee;padding:28px 0;margin-top:10px}
.aao-reviews-inner{display:flex;align-items:center;gap:32px;flex-wrap:wrap;justify-content:center}
.aao-rev-score{text-align:center;flex:0 0 auto;min-width:150px;padding:6px 22px;border-right:2px solid #e2e4ea}
.aao-rev-num{font-size:54px;font-weight:800;line-height:1;color:#1a1a1a}
.aao-rev-num span{font-size:22px;color:#9aa0aa;font-weight:600}
.aao-rev-stars{color:#fbbf24;font-size:24px;letter-spacing:3px;margin:6px 0 4px}
.aao-rev-meta{font-size:13px;color:#6b7280}
.aao-rev-meta strong{color:#1a1a1a}
.aao-rev-body{flex:1 1 360px;max-width:560px}
.aao-rev-title{font-size:22px;font-weight:800;margin:0 0 4px;color:#1a1a1a}
.aao-rev-sub{font-size:14px;color:#5b616b;margin:0 0 12px}
.aao-rev-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.aao-rev-chips span{background:#fff;border:1px solid #e0e2e8;border-radius:20px;padding:5px 13px;font-size:13px;color:#374151;font-weight:600}
.aao-rev-btn{display:inline-block;background:#c20000;color:#fff;font-weight:700;font-size:14px;padding:11px 22px;border-radius:8px;text-decoration:none;transition:background .15s}
.aao-rev-btn:hover{background:#9e0000;color:#fff}
@media(max-width:767px){.aao-reviews-inner{gap:18px}.aao-rev-score{border-right:none;border-bottom:2px solid #e2e4ea;padding-bottom:14px;width:100%}.aao-rev-num{font-size:46px}.aao-rev-body{text-align:center}.aao-rev-chips{justify-content:center}}

/* ===== Meniu legal footer ===== */
.aao-legal-footer{display:flex;flex-wrap:wrap;gap:6px 0;align-items:center;justify-content:center;padding:14px 0 4px;margin-top:8px;border-top:1px solid rgba(255,255,255,.15);width:100%}
.aao-legal-footer a{color:inherit;opacity:.85;font-size:13px;text-decoration:none;padding:2px 14px;position:relative;white-space:nowrap}
.aao-legal-footer a:not(:last-child)::after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);height:12px;width:1px;background:currentColor;opacity:.3}
.aao-legal-footer a:hover{opacity:1;color:#e30613;text-decoration:underline}
@media(max-width:767px){.aao-legal-footer{gap:2px 0}.aao-legal-footer a{font-size:12px;padding:4px 10px}}

/* ===== Vehicle block: tabs + VIN/engine search ===== */
.aao-vs-tabs{display:flex;gap:6px;margin-bottom:14px}
.aao-vs-tab{flex:0 0 auto;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:8px 8px 0 0;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer}
.aao-vs-tab.is-active{background:#fff;color:#111;border-color:#fff}
.aao-vs-pane[hidden]{display:none}
.aao-vin-row{display:flex;gap:8px;flex-wrap:wrap}
#aao-vin-input{flex:1 1 300px;min-width:0;padding:12px 14px;border:1px solid #ccc;border-radius:8px;font-size:15px;text-transform:uppercase}
#aao-vin-input::placeholder{text-transform:none;color:#9aa0aa}
.aao-vin-hint{color:rgba(255,255,255,.7);font-size:12px;margin-top:8px}
.aao-vin-res{margin-top:12px}
.aao-vin-msg{color:#fff;font-size:14px;padding:8px 0}
.aao-vin-found{color:#fff;font-weight:700;font-size:14px;margin-bottom:8px}
.aao-vin-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}
.aao-vin-item{display:block;background:#fff;color:#1a1a1a;border-radius:8px;padding:10px 14px;font-size:14px;text-decoration:none;border-left:3px solid #c20000}
.aao-vin-item:hover{background:#fff5f5;color:#c20000}
@media(max-width:767px){.aao-vs-tab{flex:1;text-align:center;padding:9px 6px;font-size:13px}}

/* ===== Mount placeholder (rezerva spatiu, anti-CLS) ===== */
#content.page-home > .aao-vehsel-mount{order:-3;min-height:232px}
.aao-vehsel-mount > .aao-vehsel{margin-top:0}
@media(max-width:767px){#content.page-home > .aao-vehsel-mount{min-height:300px}}