/**
 * Address Autocomplete (Google Places) for PrestaShop 1.7.6.x
 *
 *  @author  speedypresta.com
 *  @license http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Keep Google's suggestion dropdown above PrestaShop checkout overlays,
   modals and sticky summaries. */
.pac-container {
    z-index: 99999 !important;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
    font-family: inherit;
}

.pac-item {
    padding: 6px 10px;
    cursor: pointer;
    line-height: 1.5;
}

.pac-item:hover,
.pac-item-selected {
    background-color: #f6f6f6;
}

/* Hide the "powered by Google" logo spacing glitch on narrow inputs. */
.pac-logo:after {
    margin: 4px 8px;
}

/* Make the Address field span the full row (it holds long values) instead of
   the theme's default half-width column. Targets the column that contains the
   autocomplete street input on the custom customer form. */
.js-customer-form .col-sm-6:has(input[name="company_address"]) {
    flex: 0 0 100%;
    max-width: 100%;
}

/* The theme spaces columns with alternating .form-left / .form-right padding,
   and which class a field gets is decided by its position in the Smarty loop.
   Widening Address to a full row shifts every following field by one, so those
   pairs end up padded on their outer edges and touch in the middle. Drop that
   scheme inside this form and use a symmetric gutter, which is correct at any
   position. Adjust the 10px if your theme's original gutter differs. */
.js-customer-form .form-element.form-left,
.js-customer-form .form-element.form-right {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.js-customer-form .row.no-gutters {
    margin-left: -10px;
    margin-right: -10px;
}

.js-customer-form .row.no-gutters>* {
    padding-left: 10px;
    padding-right: 10px;
}