/* ==========================================================================
	TOGGLE BUTTON STYLES
	Custom styling for exterior/interior view toggle buttons
	
	This file contains styles for the toggle buttons used throughout the site,
	particularly for switching between exterior and interior views of vehicles.
	
	These styles work in conjunction with JavaScript files like:
	- model-design-switch.js
	- ex-in-design-switch.js
	========================================================================== */

/*
	* Left toggle button
	*
	* - Usually represents the "Exterior" button in design toggles
	* - Includes right border to create visual separation
	* - Extra padding balances the button with its pair
	* - Used with design-btn-active/inactive classes from JS
	*/
.design-btn-1 {
	padding-right: 20px !important; /* Extra padding on right for balanced appearance */
	border-right: 2px solid #000 !important; /* Divider between toggle buttons */
}

/*
	* Right toggle button
	*
	* - Usually represents the "Interior" button in design toggles
	* - Left padding creates visual symmetry with the first button
	* - Used with design-btn-active/inactive classes from JS
	*/
.design-btn-2 {
	padding-left: 20px !important; /* Extra padding on left to align with first button */
}