/* DR26 Demo Request Page Customizations v5.0 */
/* 1. Hide specific logos from carousel */
img[alt="Tommy Hilfiger"],
img[alt="Hugo Boss"],
img[alt="Pandora"],
img[alt="Crocs"],
img[alt="Aegean"] {
    display: none !important;
}

/* 2. Minimize Chatbase chatbot */
#chatbase-bubble-button,
#chatbase-message-bubbles,
#chatbase-bubble-window {
    display: none !important;
}

/* 3. Hide menu text items (Products to About Us) only */
.vcn-menu {
    display: none !important;
}

/* 4. Hide Buy Now and Become a Partner buttons only */
.vcn-btn-primary,
.vcn-btn-outline {
    display: none !important;
}

/* 5. Keep V-Count logo visible */
.vcn-logo {
    display: flex !important;
}


/* 6. Constrain hero image to resized dimensions */
.elementor-element-6cd7f312 img {
    width: 300px !important;
    height: 653px !important;
    max-width: 300px !important;
    object-fit: contain;
}
.elementor-element-xdcjwhc2 img {
    width: 300px !important;
    height: 653px !important;
    max-width: 300px !important;
    object-fit: contain;
}

/* 7. Remove blue background from hero wrapper */
#dr26-hero {
    background: transparent !important;
}

/* 8. Hide Ford and Decathlon logos */
img[alt="Ford"],
img[alt="Decathlon"] {
    display: none !important;
}

/* 9. Hide search button */
.vcn-search-btn {
    display: none !important;
}

/* 10. Show language selector right-aligned */
.vcn-menu {
    display: flex !important;
    align-items: center;
    margin-left: auto !important;
}
.vcn-menu > li {
    display: none !important;
}
.vcn-menu > li:last-child {
    display: list-item !important;
}

/* 11. Increase font sizes for heading, subtitle and form */
#dr26-heading {
    font-size: 36px !important;
}
#dr26-subtitle {
    font-size: 18px !important;
}
#dr26-wrap label,
#dr26-wrap .dr26-label {
    font-size: 16px !important;
}
#dr26-wrap .dr26-inp,
#dr26-wrap .dr26-sel,
#dr26-wrap textarea,
#dr26-wrap input {
    font-size: 16px !important;
}
#dr26-wrap .dr26-btn {
    font-size: 18px !important;
}

/* 12. Hide mobile nav overlay */
#vcn-mobile-nav { display: none !important; }

/* 13. Align 3-col row: stretch columns, push inputs to bottom */
#dr26-form .dr26-row { align-items: stretch !important; }
#dr26-form .dr26-row > div { display: flex !important; flex-direction: column !important; }
#dr26-form .dr26-row > div > select,
#dr26-form .dr26-row > div > input,
#dr26-form .dr26-row > div > #dr26-phone-wrap { margin-top: auto !important; margin-bottom: 0 !important; }
#dr26-form .dr26-row > div > label { font-weight: 500 !important; font-size: 14px !important; color: #333 !important; margin-bottom: 6px !important; }

/* 14. Mobile: comprehensive layout fix */
@media (max-width: 768px) {
  /* Hero wrapper: stack vertically, no clipping, auto height */
  #dr26-wrap { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 0 !important; }
  #dr26-hero { flex-direction: column !important; overflow: visible !important; min-height: auto !important; height: auto !important; }
  /* Hide image on mobile - takes blank space */
  #dr26-img-col { display: none !important; }
  /* Form column: full width, proper padding */
  #dr26-form-col { flex: 0 0 auto !important; width: 100% !important; padding: 24px 16px !important; box-sizing: border-box !important; }
  /* All form rows: stack vertically, children full width */
  #dr26-form .dr26-row { flex-direction: column !important; gap: 10px !important; align-items: stretch !important; }
  #dr26-form .dr26-row > div { width: 100% !important; min-width: 100% !important; flex: 0 0 auto !important; box-sizing: border-box !important; }
  /* All form controls: full width */
  #dr26-form select, #dr26-form input, #dr26-form textarea { width: 100% !important; box-sizing: border-box !important; }
  #dr26-phone-wrap { width: 100% !important; box-sizing: border-box !important; }
  /* Labels: consistent styling, not bold */
  #dr26-form label, #dr26-form .dr26-lbl, #dr26-form .dr26-label { font-weight: 500 !important; font-size: 14px !important; color: #333 !important; text-align: left !important; display: block !important; margin-bottom: 4px !important; }
  /* Submit button: full width */
  #dr26-submit-btn { width: 100% !important; }
  /* Form: full width */
  #dr26-form { width: 100% !important; box-sizing: border-box !important; }
}

/* 15. Fix Chatbase overflow:hidden on mobile */
html.__cb_widget_active, html.__cb_widget_active body { overflow: auto !important; overflow-x: hidden !important; }

/* Logo Carousel v21.0 */
#dr26-logos-track{display:flex!important;gap:70px!important;align-items:center!important;animation:dr26scroll 55s linear infinite!important;width:max-content!important}
#dr26-logos-track img{max-height:60px!important;width:150px!important;object-fit:contain!important;flex-shrink:0!important}
@keyframes dr26scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}