.pt-8 {
    padding-top: 1rem !important;
}
.py-4 {
    padding-bottom: 0rem !important;
    padding-top: 1rem;
}
.mt-8 {
    margin-top: 1rem !important;
}
.xl\:min-w-\[180px\] {
        min-width: 110px !important;
}
.rnb-attribute-image img
 {
    height: 35px;
    width: 35px;
}
/* luxedvans-sticky-phone-reposition */
.sticky-phone-btn {
    top: auto !important;
    left: auto !important;
    right: 16px !important;
    bottom: 90px !important;
    transform: none !important;
    border-radius: 50% !important;
    width: 56px;
    height: 56px;
    padding: 0 !important;
}
@media (min-width: 769px) {
  .sticky-phone-btn { bottom: 24px !important; }
}

/* luxedvans-logo-visibility */
.logo-wrapper { width: auto !important; max-width: none !important; }
.logo-wrapper img.main-logo, .logo-wrapper img.sticky-logo { height: auto !important; max-width: 100%; image-rendering: -webkit-optimize-contrast; }
@media (max-width: 380px) { .custom-logo-size, .main-logo, .sticky-logo { width: 160px !important; } }

/* luxedvans-banner-readability v2: overlay + transparent bottom */
.woocommerce_banner {
    position: relative; isolation: isolate;
    background-position: right bottom !important;
    background-color: transparent !important;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 91%, transparent 100%);
            mask-image: linear-gradient(to bottom, #000 0%, #000 91%, transparent 100%);
}
.woocommerce_banner::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background:
        radial-gradient(ellipse 60% 55% at 50% 42%, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 55%, rgba(0,0,0,0) 80%),
        linear-gradient(to bottom, rgba(0,0,0,.45) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,0) 78%);
}
.woocommerce_banner h1, .woocommerce_banner p { position: relative; z-index: 1; }
.woocommerce_banner h1 {
    font-weight: 700 !important; letter-spacing: .02em; line-height: 1.25; padding: 0 16px;
    text-shadow: 0 2px 12px rgba(0,0,0,.65), 0 1px 2px rgba(0,0,0,.8);
}
.woocommerce_banner p {
    font-size: 15px !important; font-weight: 500; opacity: .95;
    text-shadow: 0 1px 6px rgba(0,0,0,.8);
}
@media (min-width: 1024px) { .woocommerce_banner p { font-size: 17px !important; } }
/* desktop: banner tall enough to show the whole van (photo van spans 6-91% of height) */
@media (min-width: 1024px) {
    .woocommerce_banner {
        min-height: 28vw; display: flex; flex-direction: column; justify-content: center;
        padding-top: 40px !important; padding-bottom: 60px !important;
        background-size: cover !important;
    }
}
@media (max-width: 767px) {
    .woocommerce_banner { padding-top: 40px !important; padding-bottom: 64px !important; }
}
/* luxedvans-home-hero-van: show full van (tyres) on wide screens only; laptops (<1600px) already show it with the original layout */
@media (min-width: 1600px) {
    .elementor-8899 .elementor-element.elementor-element-b9c29d4 {
        min-height: calc((100vw - 200px) * 0.43);
    }
    .elementor-8899 .elementor-element.elementor-element-b9c29d4::before {
        background-size: cover !important;
        background-position: center 52% !important;
    }
}
/* luxedvans-a11y (2026-10-14) — see claude/accessibility-audit-2026-10.md */
/* visible keyboard focus: theme sets a:focus{outline:none}. Gold + navy ring works on light and dark backgrounds */
body a:focus-visible, .header-navigation-menu .menu li a:focus-visible, button:focus-visible,
[role="button"]:focus-visible, summary:focus-visible, .ld-bar a:focus-visible, .sticky-phone-btn:focus-visible {
  outline: 3px solid #d4af37 !important; outline-offset: 3px !important; box-shadow: 0 0 0 3px #111827 !important;
}
/* contrast */
a[aria-label^="… More"], a[aria-label^="... More"] { color: #d4af37 !important; }
.chosen-container-single .chosen-single span, .chosen-container .chosen-default { color: #4b5563 !important; }
/* links in running text must not rely on colour alone */
.elementor-widget-text-editor p a, .elementor-widget-text-editor li a, .fancy-desc a, .entry-content p a,
.accordion-content p a, .woocommerce-product-details__short-description a {
  text-decoration: underline !important; text-underline-offset: 2px;
}