/* ADAL V0.9 – photographic-commerce layout, clean solid placeholders. */
/* The supplied transparent AGHARAS mark remains a plain image, never a boxed icon. */
body.adal-theme #site-header .brand, body.adal-theme #site-header .brand img,
body.adal-theme .mobile-menu-logo { background: transparent; border: 0; box-shadow: none; border-radius: 0; padding: 0; }
body.adal-theme #site-header .brand { line-height: 0; }
body.adal-theme #site-header .brand .logo { width: 64px; height: 58px; object-fit: contain; }

/* Full-bleed banner carousel: upload an image to replace the flat color, no white squares. */
body.adal-theme .adal-storefront .adal-hero-slider { position: relative; overflow: hidden; isolation: isolate; background: #0b2035; color: #fff; min-height: 520px; }
body.adal-theme .adal-storefront .adal-hero-slides { position: relative; min-height: 520px; }
body.adal-theme .adal-storefront .adal-hero-slide { position: absolute; inset: 0; z-index: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .45s ease, visibility .45s; background-color: #0c2948; }
body.adal-theme .adal-storefront .adal-hero-slide.is-active { position: relative; z-index: 1; visibility: visible; pointer-events: auto; opacity: 1; }
body.adal-theme .adal-storefront .adal-hero-slide-2 { background-color: #174c77; }
body.adal-theme .adal-storefront .adal-hero-slide-3 { background-color: #153b51; }
body.adal-theme .adal-storefront .adal-hero-slide-4 { background-color: #0c3b65; }
body.adal-theme .adal-storefront .adal-hero-backdrop { position: absolute; inset: 0; overflow: hidden; }
body.adal-theme .adal-storefront .adal-hero-backdrop img { width: 100%; height: 100%; display: block; object-fit: cover; }
body.adal-theme .adal-storefront .adal-hero-slide::after { content: ''; position: absolute; inset: 0; z-index: 0; background: linear-gradient(270deg,rgba(5,19,36,.78) 0%, rgba(8,25,42,.62) 46%, rgba(8,25,42,.02) 100%); pointer-events: none; }
body.adal-theme .adal-storefront .adal-hero-content { position: relative; z-index: 1; min-height: 520px; display: flex; align-items: center; }
body.adal-theme .adal-storefront .adal-hero-copy { width: min(560px, 55%); padding: 72px 0 92px; text-align: right; }
body.adal-theme .adal-storefront .adal-hero-copy .eyebrow { display: block; font-size: 13px; color: #b9deff; letter-spacing: .4px; font-weight: 700; }
body.adal-theme .adal-storefront .adal-hero-copy h1, body.adal-theme .adal-storefront .adal-hero-copy h2 { font-size: clamp(38px,4.2vw,66px); line-height: 1.28; color: #fff; margin: 15px 0 19px; max-width: 600px; }
body.adal-theme .adal-storefront .adal-hero-copy p { max-width: 460px; font-size: 17px; line-height: 1.9; color: #e4effa; margin: 0; }
body.adal-theme .adal-storefront .adal-hero-copy .primary-btn { background: #fff; color: #102c49; font-size: 14px; border-radius: 11px; margin-top: 23px; padding: 11px 23px; gap: 17px; }
body.adal-theme .adal-storefront .adal-hero-copy .primary-btn:hover { background: #e6f4ff; color: #102c49; }
body.adal-theme .adal-storefront .adal-hero-perks { display: flex; flex-wrap: wrap; gap: 12px 23px; margin-top: 27px; color: #e1effb; font-size: 12px; }
body.adal-theme .adal-storefront .adal-hero-perks span:not(:first-child)::before { content: '•'; margin-inline-end: 9px; color: #8bd0ff; }
body.adal-theme .adal-storefront .adal-hero-controls { position: absolute; z-index: 4; bottom: 21px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 9px; }
body.adal-theme .adal-storefront .adal-hero-dot { width: 11px; height: 11px; display: block; padding: 0; border: 1px solid rgba(255,255,255,.8); background: rgba(255,255,255,.35); border-radius: 50%; transition: width .2s ease, background .2s ease; }
body.adal-theme .adal-storefront .adal-hero-dot.is-active { width: 29px; background: #fff; border-radius: 20px; }

/* Minimal category cards, retaining the real WooCommerce category images. */
body.adal-theme .adal-storefront .cat.rich-cat { background: #f5f7fa; box-shadow: none; border: 1px solid #e9eef4; border-radius: 12px; overflow: hidden; }
body.adal-theme .adal-storefront .cat.rich-cat .cat-media { border: 0; border-radius: 8px; background: #e8edf4; }
body.adal-theme .adal-storefront .cat.rich-cat:nth-child(2n) .cat-media { background: #e5f2fb; }
body.adal-theme .adal-storefront .cat.rich-cat:nth-child(3n) .cat-media { background: #dce7f0; }
body.adal-theme .adal-storefront .cat.rich-cat .cat-media img { width: 100%; height: 100%; object-fit: contain; }
body.adal-theme .adal-storefront .cat.rich-cat .cat-media:empty { min-height: 118px; }

/* The full card itself is the banner canvas; no inset white frame, diamonds, or faux devices. */
body.adal-theme .adal-storefront .collection.rich-collection { background: #143a5d; display: block; min-height: 250px; height: auto; padding: 29px; border-radius: 13px; isolation: isolate; }
body.adal-theme .adal-storefront .collection.rich-collection:nth-child(2) { background: #264f70; }
body.adal-theme .adal-storefront .collection.rich-collection:nth-child(3) { background: #dbe7f1; color: #18334c; }
body.adal-theme .adal-storefront .collection.rich-collection .collection-media { position: absolute; inset: 0; height: 100%; width: 100%; min-height: 0; border: 0; border-radius: 0; background: transparent; display: block; z-index: 0; pointer-events: none; }
body.adal-theme .adal-storefront .collection.rich-collection .collection-media img { width: 100%; height: 100%; object-fit: cover; }
body.adal-theme .adal-storefront .collection.rich-collection .collection-copy { position: relative; z-index: 2; width: min(66%, 270px); padding: 0; text-align: right; }
body.adal-theme .adal-storefront .collection.rich-collection:has(.collection-media img)::before { content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(270deg,rgba(5,16,31,.73),transparent 90%); }
body.adal-theme .adal-storefront .collection.rich-collection:nth-child(3):has(.collection-media img)::before { background:linear-gradient(270deg,rgba(244,249,253,.9),transparent 96%); }
body.adal-theme .adal-storefront .collection.rich-collection h3 { font-size: 23px; line-height: 1.45; max-width: none; margin: 0 0 12px; }
body.adal-theme .adal-storefront .collection.rich-collection p { font-size: 12px; line-height: 1.7; max-width: 230px; opacity: .95; }
body.adal-theme .adal-storefront .collection.rich-collection .coll-link { margin-top: 11px; font-size: 12px; background: #fff; color: #173c60; padding: 8px 14px; border-radius: 8px; }
body.adal-theme .adal-storefront .promo-grid .promo { display: block; min-height: 225px; height: auto; padding: 30px; isolation: isolate; background: #e8eff6; color: #132e48; border-radius: 13px; }
body.adal-theme .adal-storefront .promo-grid .promo.dark { background: #0b4a84; color: #fff; }
body.adal-theme .adal-storefront .promo-grid .promo-copy { position: relative; z-index: 2; padding: 0; max-width: 52%; text-align: right; }
body.adal-theme .adal-storefront .promo-grid .promo h3 { font-size: clamp(21px, 2vw, 29px); }
body.adal-theme .adal-storefront .promo-grid .promo-media { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 0; background: transparent; z-index: 0; pointer-events: none; }
body.adal-theme .adal-storefront .promo-grid .promo-media img { width: 100%; height: 100%; object-fit: cover; }
body.adal-theme .adal-storefront .promo-grid .promo:has(.promo-media img)::before { content:'';position:absolute; inset:0;z-index:1;pointer-events:none;background:linear-gradient(270deg,rgba(241,248,254,.95),transparent 88%); }
body.adal-theme .adal-storefront .promo-grid .promo.dark:has(.promo-media img)::before { background:linear-gradient(270deg,rgba(5,29,58,.85),transparent 88%); }

@media(max-width:900px) {
 body.adal-theme .adal-storefront .adal-hero-copy { width: min(620px, 75%); }
 body.adal-theme .adal-storefront .collection.rich-collection { min-height: 225px; }
}
@media(max-width:720px) {
 body.adal-theme #site-header .brand .logo { width: 58px; height: 53px; }
 body.adal-theme .adal-storefront .adal-hero-slider, body.adal-theme .adal-storefront .adal-hero-slides, body.adal-theme .adal-storefront .adal-hero-content { min-height: 480px; }
 body.adal-theme .adal-storefront .adal-hero-copy { width: 100%; padding: 65px 0 90px; text-align: right; }
 body.adal-theme .adal-storefront .adal-hero-copy h1, body.adal-theme .adal-storefront .adal-hero-copy h2 { font-size: clamp(33px, 8vw, 48px); }
 body.adal-theme .adal-storefront .adal-hero-copy p { max-width: 410px; font-size: 14px; margin: 0; }
 body.adal-theme .adal-storefront .adal-hero-slide::after { background: rgba(6,23,43,.72); }
 body.adal-theme .adal-storefront .adal-hero-perks { gap: 8px 12px; margin-top: 20px; font-size: 10px; }
 body.adal-theme .adal-storefront .adal-hero-controls { bottom: 20px; }
 body.adal-theme .adal-storefront .collections { grid-template-columns: minmax(0,1fr); }
 body.adal-theme .adal-storefront .collection.rich-collection { min-height: 210px; padding: 24px; }
 body.adal-theme .adal-storefront .collection.rich-collection .collection-copy { width: 62%; }
 body.adal-theme .adal-storefront .promo-grid .promo { min-height: 210px; padding: 23px; }
 body.adal-theme .adal-storefront .promo-grid .promo-copy { max-width: 58%; }
}
@media(max-width:440px) {
 body.adal-theme .adal-storefront .adal-hero-copy { padding-top: 48px; }
 body.adal-theme .adal-storefront .adal-hero-copy h1, body.adal-theme .adal-storefront .adal-hero-copy h2 { font-size: 33px; }
 body.adal-theme .adal-storefront .collection.rich-collection .collection-copy { width: 72%; }
 body.adal-theme .adal-storefront .promo-grid .promo-copy { max-width: 69%; }
}
@media(prefers-reduced-motion:reduce) { body.adal-theme .adal-storefront .adal-hero-slide { transition: none; } }

body.adal-theme .adal-storefront .features .feature > i { display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; color: var(--blue); background: transparent; font-style: normal; }
body.adal-theme .adal-storefront .features .feature > i svg { display: block; width: 28px; height: 28px; }

/* V1.1: clean logo-only clickable car-brand chooser in PHP fallback homepage. */
body.adal-theme .adal-storefront .vehicle-section {background:#fff;}
body.adal-theme .adal-storefront .vehicle-brands {column-gap:10px;row-gap:16px;}
body.adal-theme .adal-storefront .vehicle-brand,body.adal-theme .adal-storefront .vehicle-brand:hover {min-height:126px;padding:4px 0;border:0;background:transparent;box-shadow:none;border-radius:0;gap:0;justify-content:center;perspective:700px;}
body.adal-theme .adal-storefront .vehicle-brand .brand-logo {width:100%;min-height:116px;height:116px;background:transparent;border:0;border-radius:0;box-shadow:none;}
body.adal-theme .adal-storefront .vehicle-brand .brand-logo img {width:100%;height:116px;max-width:132px;max-height:116px;object-fit:contain;border:0;background:transparent;border-radius:0;box-shadow:none;animation:adal-brand-gentle-turn 7s ease-in-out infinite;}
body.adal-theme .adal-storefront .vehicle-brand:nth-child(3n+2) img {animation-delay:-2s;}
body.adal-theme .adal-storefront .vehicle-brand:nth-child(3n+3) img {animation-delay:-4s;}
body.adal-theme .adal-storefront .vehicle-brand:hover img,body.adal-theme .adal-storefront .vehicle-brand:focus-visible img {animation:adal-brand-full-turn 1.5s ease-in-out 1;}
body.adal-theme .adal-storefront .vehicle-brand b {display:none;}
@media(max-width:620px){body.adal-theme .adal-storefront .vehicle-brand{min-height:96px;padding:2px 0;}body.adal-theme .adal-storefront .vehicle-brand .brand-logo{min-height:84px;height:84px;}body.adal-theme .adal-storefront .vehicle-brand .brand-logo img{height:84px;max-height:84px;}}
@media(prefers-reduced-motion:reduce){body.adal-theme .adal-storefront .vehicle-brand img{animation:none!important;transform:none!important;}}

/* ADAL 1.3.1: responsive picture wrappers for owner-uploaded mobile banners. */
body.adal-theme .adal-storefront .adal-hero-backdrop picture,
body.adal-theme .adal-storefront .collection-media picture,
body.adal-theme .adal-storefront .promo-media picture{display:block;position:absolute;inset:0;width:100%;height:100%;}
body.adal-theme .adal-storefront .adal-hero-backdrop picture>img,
body.adal-theme .adal-storefront .collection-media picture>img,
body.adal-theme .adal-storefront .promo-media picture>img{display:block;width:100%;height:100%;object-fit:cover;}