/* ADViKGO | Booking form UI fix | 2026-10-25
 * Scope: public booking page(s), including templates inheriting website/base.html
 * Preserve the native Django input/select/textarea, form values, and validation.
 * The premium theme gave BOTH .input-shell and its inner control a border.
 * Only the inner actual form control should draw the border.
 */
.advik-site.website-booking-page .form-page .pro-form .input-shell,
.advik-site.website-booking-page .form-page .pro-form .input-shell:focus-within {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

/* Retain one polished outline and accessible keyboard focus on the ACTUAL control.
 * The page's existing :focus styling already provides a visible purple ring. */
.advik-site.website-booking-page .pro-form .input-shell > :is(input, select, textarea):focus-visible {
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, .15) !important;
}

/* Make the WhatsApp update icon green, overriding the theme's generic purple icons.
 * This does not alter the checkbox/switch value or its behavior. */
.advik-site.website-booking-page .pro-form .switch-card .info-icon.whatsapp {
    color: #15803d !important;
    background: #e8faef !important;
    border: 1px solid #bdeccc !important;
    box-shadow: 0 7px 17px rgba(22, 163, 74, .12) !important;
}
.advik-site.website-booking-page .pro-form .switch-card .info-icon.whatsapp > i {
    color: #15803d !important;
}