/* Fix spacing for Checkout Inputs */
.com_phocacart .form-control {
    margin-bottom: 10px !important;
}

.com_phocacart input[type="text"], 
.com_phocacart input[type="email"], 
.com_phocacart input[type="password"], 
.com_phocacart input[type="tel"], 
.com_phocacart select, 
.com_phocacart textarea {
    margin-bottom: 10px !important;
}

/* ----------------------------------------------------------- */
/* FIX: Force 'Chosen' Dropdown to Match Other Inputs Size */
/* ----------------------------------------------------------- */

/* 1. Force the Container to be Full Width */
.chosen-container {
    width: 100% !important;
    margin-bottom: 10px !important; /* Keep the gap */
}

/* 2. Style the Box itself to look like your Input Fields */
.chosen-container-single .chosen-single {
    height: 45px !important;        /* Match input height */
    line-height: 42px !important;   /* Center text vertically */
    border-radius: 5px !important;  /* Match rounded corners */
    background: #ffffff !important; /* Pure White background */
    border: 1px solid #cccccc !important; /* Standard border */
    box-shadow: none !important;    /* Remove weird shadows */
    color: #000000 !important;      /* Text Color Black */
    padding-left: 15px !important;  /* Align text with other inputs */
    font-size: 1rem !important;     /* Standard font size */
}

/* 3. Adjust the little "Arrow" icon position */
.chosen-container-single .chosen-single div b {
    background-position: 0 13px !important; /* Move arrow down slightly */
}

/* 4. Fix the Dropdown List when it opens */
.chosen-container .chosen-drop {
    border-color: #cccccc !important;
    border-radius: 0 0 5px 5px !important;
}