/*==========================================================
  NEXIA FRAMEWORK
  SELECTWOO
==========================================================*/

/*----------------------------------------------------------
  Container
----------------------------------------------------------*/

.woocommerce .select2-container{

    width:100%;

}

/*----------------------------------------------------------
  Selection
----------------------------------------------------------*/

.woocommerce .select2-container
.select2-selection--single{

    position:relative;

    display:flex;

    align-items:center;

    box-sizing:border-box;

    width:100%;

    height:50px;

    min-height:50px;

    background:var(--nx-input-bg);

    border:1px solid var(--nx-border);

    border-radius:var(--nx-radius-sm);

    transition:var(--nx-transition);

}

/*----------------------------------------------------------
  Rendered Text
----------------------------------------------------------*/

.woocommerce
.select2-container
.select2-selection__rendered{

    position:absolute;

    top:50%;

    left:14px;

    right:42px;

    transform:translateY(-50%);

    display:block !important;

    height:auto;

    line-height:1.2 !important;

    padding:0 !important;

    margin:0;

    color:var(--nx-text);

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

}

/* WooCommerce Block Theme override */

.woocommerce-page
form
.form-row
.select2-container
.select2-selection--single
.select2-selection__rendered{

    line-height:normal !important;

    padding:0 42px 0 14px !important;

}

/*----------------------------------------------------------
  Placeholder
----------------------------------------------------------*/

.select2-container--default
.select2-selection--single
.select2-selection__placeholder{

    color:var(--nx-placeholder);

}

/*----------------------------------------------------------
  Arrow
----------------------------------------------------------*/

.woocommerce
.select2-container
.select2-selection__arrow{

    position:absolute;

    top:50%;

    right:14px;

    width:18px;

    height:18px;

    transform:translateY(-50%);

}

/* Arrow icon */

.select2-container--default
.select2-selection--single
.select2-selection__arrow b{

    border-top-color:var(--nx-text-muted);

}

/*----------------------------------------------------------
  Focus
----------------------------------------------------------*/

.select2-container--focus
.select2-selection,

.select2-container--open
.select2-selection{

    border-color:var(--nx-primary) !important;

    box-shadow:

        0 0 0 2px rgba(254,97,0,.15);

}

/*----------------------------------------------------------
  Dropdown
----------------------------------------------------------*/

.select2-dropdown{

    background:var(--nx-surface);

    border:1px solid var(--nx-border);

    border-radius:var(--nx-radius-sm);

    overflow:hidden;

}

/*----------------------------------------------------------
  Search
----------------------------------------------------------*/

.select2-search--dropdown{

    padding:10px;

    background:var(--nx-surface);

}

.select2-search__field{

    height:42px;

    background:var(--nx-input-bg);

    color:var(--nx-text);

    border:1px solid var(--nx-border);

    border-radius:var(--nx-radius-sm);

}

/*----------------------------------------------------------
  Results
----------------------------------------------------------*/

.select2-results{

    background:var(--nx-surface);

}

.select2-results__option{

    padding:12px 14px;

    background:transparent;

    color:var(--nx-text);

    transition:background .15s ease;

}

/* Hover */

.select2-results__option--highlighted[aria-selected]{

    background:#FE6100 !important;

    color:#fff !important;

}

/* Selected */

.select2-results__option[aria-selected="true"]{

    background:rgba(254,97,0,.16);

    color:#FE6100;

    font-weight:600;

}