/**
 * Codersly Shop Add-on — Licensed Pro Cart & Checkout UI
 * Version stays aligned with plugin 1.0.6.
 */

body.codersly-premium-commerce-ui{
  --cdly-commerce-surface:#fff;
  --cdly-commerce-soft:#f8fafc;
  --cdly-commerce-border:#d9dee7;
  --cdly-commerce-border-strong:#c6ced9;
  --cdly-commerce-text:var(--bt-color-text,#111827);
  --cdly-commerce-muted:#667085;
  --cdly-commerce-accent:var(--bt-color-checkout,var(--bt-color-primary,#2563eb));
  --cdly-commerce-radius:12px;
  --cdly-commerce-shadow:0 10px 32px rgba(15,23,42,.055);
  --cdly-commerce-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

/* The Pro UI deliberately matches Codersly Shop's own base font stack so page
   builder / block typography cannot make Cart and Checkout differ by domain. */
body.codersly-premium-commerce-ui .woocommerce,
body.codersly-premium-commerce-ui .woocommerce button,
body.codersly-premium-commerce-ui .woocommerce input,
body.codersly-premium-commerce-ui .woocommerce select,
body.codersly-premium-commerce-ui .woocommerce textarea,
body.codersly-premium-commerce-ui .woocommerce table,
body.codersly-premium-commerce-ui .woocommerce label{
  font-family:var(--cdly-commerce-font)!important;
  color:var(--cdly-commerce-text);
}

body.codersly-premium-commerce-ui .site-main,
body.codersly-premium-commerce-ui .content-area,
body.codersly-premium-commerce-ui .site-content{
  padding-top:28px;
}

body.codersly-premium-commerce-ui .woocommerce-notices-wrapper,
body.codersly-premium-commerce-ui .woocommerce-message,
body.codersly-premium-commerce-ui .woocommerce-error,
body.codersly-premium-commerce-ui .woocommerce-info{
  font-family:var(--cdly-commerce-font)!important;
}

/* ========================================================================== */
/* CART — licensed Pro layout                                                  */
/* ========================================================================== */
body.woocommerce-cart.codersly-premium-commerce-ui .woocommerce{
  width:min(1120px,calc(100% - 32px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.7fr) minmax(300px,.86fr);
  column-gap:48px;
  row-gap:22px;
  align-items:start;
}

body.woocommerce-cart.codersly-premium-commerce-ui .woocommerce > .woocommerce-notices-wrapper,
body.woocommerce-cart.codersly-premium-commerce-ui .woocommerce > .woocommerce-message,
body.woocommerce-cart.codersly-premium-commerce-ui .woocommerce > .woocommerce-error,
body.woocommerce-cart.codersly-premium-commerce-ui .woocommerce > .woocommerce-info,
body.woocommerce-cart.codersly-premium-commerce-ui .woocommerce > .cart-empty,
body.woocommerce-cart.codersly-premium-commerce-ui .woocommerce > .return-to-shop{
  grid-column:1 / -1;
}

body.woocommerce-cart.codersly-premium-commerce-ui form.woocommerce-cart-form{
  grid-column:1;
  min-width:0;
  margin:0;
}

body.woocommerce-cart.codersly-premium-commerce-ui .cart-collaterals{
  grid-column:2;
  width:100%;
  margin:0;
}

body.woocommerce-cart.codersly-premium-commerce-ui table.shop_table{
  width:100%;
  margin:0;
  border:0;
  border-collapse:collapse;
  border-spacing:0;
  background:transparent;
}

body.woocommerce-cart.codersly-premium-commerce-ui table.shop_table th,
body.woocommerce-cart.codersly-premium-commerce-ui table.shop_table td{
  padding:15px 10px;
  border:0;
  border-bottom:1px solid var(--cdly-commerce-border);
  vertical-align:middle;
}

body.woocommerce-cart.codersly-premium-commerce-ui table.shop_table thead th{
  padding-top:6px;
  font-size:13px;
  line-height:1.3;
  text-transform:uppercase;
  letter-spacing:.02em;
  color:var(--cdly-commerce-muted);
  font-weight:700;
}

body.woocommerce-cart.codersly-premium-commerce-ui .product-remove a{
  text-decoration:none;
}

body.woocommerce-cart.codersly-premium-commerce-ui .product-thumbnail img{
  width:64px;
  height:auto;
  border-radius:8px;
}

body.woocommerce-cart.codersly-premium-commerce-ui .product-name a{
  font-weight:600;
}

body.woocommerce-cart.codersly-premium-commerce-ui .quantity .qty{
  min-height:40px;
  border:1px solid var(--cdly-commerce-border-strong)!important;
  border-radius:8px;
  background:#fff;
  box-shadow:none!important;
}

/* Coupon remains on the LEFT. Quantity changes auto-submit WooCommerce's hidden update action. */
body.woocommerce-cart.codersly-premium-commerce-ui td.actions{
  padding:18px 0 0;
  border-bottom:0!important;
}

body.woocommerce-cart.codersly-premium-commerce-ui td.actions > button[name="update_cart"],
body.woocommerce-cart.codersly-premium-commerce-ui td.actions > input[name="update_cart"]{
  display:none!important;
}

body.woocommerce-cart.codersly-premium-commerce-ui td.actions .coupon{
  display:flex;
  float:left;
  align-items:center;
  gap:10px;
  max-width:430px;
}

body.woocommerce-cart.codersly-premium-commerce-ui td.actions .coupon input.input-text{
  width:210px!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid var(--cdly-commerce-border-strong)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

body.woocommerce-cart.codersly-premium-commerce-ui td.actions .coupon .button{
  height:44px!important;
  min-height:44px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
  font-weight:700!important;
}

body.woocommerce-cart.codersly-premium-commerce-ui td.actions .coupon .button{
  background:var(--cdly-commerce-accent)!important;
  color:#fff!important;
}


body.woocommerce-cart.codersly-premium-commerce-ui .cart-collaterals .cart_totals{
  float:none!important;
  width:100%!important;
  margin:0!important;
  padding:24px!important;
  background:var(--cdly-commerce-surface);
  border:1px solid var(--cdly-commerce-border)!important;
  border-radius:var(--cdly-commerce-radius);
  box-shadow:var(--cdly-commerce-shadow);
}

body.woocommerce-cart.codersly-premium-commerce-ui .cart_totals h2{
  margin:0 0 12px;
  font-size:20px;
  line-height:1.3;
}

body.woocommerce-cart.codersly-premium-commerce-ui .cart_totals table th,
body.woocommerce-cart.codersly-premium-commerce-ui .cart_totals table td{
  padding:14px 8px;
}

body.woocommerce-cart.codersly-premium-commerce-ui .cart_totals .checkout-button{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:52px;
  margin:18px 0 0!important;
  padding:12px 18px!important;
  border:0!important;
  border-radius:9px!important;
  background:var(--cdly-commerce-accent)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-align:center;
  text-decoration:none!important;
}

/* ========================================================================== */
/* CHECKOUT — licensed Pro layout                                              */
/* ========================================================================== */
body.woocommerce-checkout.codersly-premium-commerce-ui .woocommerce form.checkout{
  width:min(1180px,calc(100% - 32px));
  margin:0 auto;
}

body.woocommerce-checkout.codersly-premium-commerce-ui .woocommerce-form-coupon-toggle,
body.woocommerce-checkout.codersly-premium-commerce-ui form.checkout_coupon{
  display:none!important;
}

body.woocommerce-checkout.codersly-premium-commerce-ui #customer_details,
body.woocommerce-checkout.codersly-premium-commerce-ui #order_review{
  background:var(--cdly-commerce-surface);
  border:1px solid var(--cdly-commerce-border);
  border-radius:var(--cdly-commerce-radius);
  padding:22px;
  box-shadow:var(--cdly-commerce-shadow);
}

body.woocommerce-checkout.codersly-premium-commerce-ui input[type="text"],
body.woocommerce-checkout.codersly-premium-commerce-ui input[type="email"],
body.woocommerce-checkout.codersly-premium-commerce-ui input[type="tel"],
body.woocommerce-checkout.codersly-premium-commerce-ui input[type="password"],
body.woocommerce-checkout.codersly-premium-commerce-ui select,
body.woocommerce-checkout.codersly-premium-commerce-ui textarea{
  min-height:46px;
  padding:10px 12px;
  border:1px solid var(--cdly-commerce-border-strong)!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:none!important;
  box-sizing:border-box;
}

/* WooCommerce uses SelectWoo/Select2 for Country / State fields. Match the
   native input spacing so selected country text never sits on the border. */
body.woocommerce-checkout.codersly-premium-commerce-ui .select2-container{
  width:100%!important;
}

body.woocommerce-checkout.codersly-premium-commerce-ui .select2-container .select2-selection--single{
  min-height:46px!important;
  height:46px!important;
  border:1px solid var(--cdly-commerce-border-strong)!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

body.woocommerce-checkout.codersly-premium-commerce-ui .select2-container .select2-selection--single .select2-selection__rendered{
  height:44px!important;
  padding:0 38px 0 12px!important;
  line-height:44px!important;
  box-sizing:border-box!important;
}

body.woocommerce-checkout.codersly-premium-commerce-ui .select2-container .select2-selection--single .select2-selection__arrow{
  height:44px!important;
  right:7px!important;
}

body.woocommerce-checkout.codersly-premium-commerce-ui textarea{
  min-height:110px;
}

body.woocommerce-checkout.codersly-premium-commerce-ui input:focus,
body.woocommerce-checkout.codersly-premium-commerce-ui select:focus,
body.woocommerce-checkout.codersly-premium-commerce-ui textarea:focus{
  outline:2px solid rgba(37,99,235,.14);
  outline-offset:1px;
  border-color:var(--cdly-commerce-accent)!important;
}

body.woocommerce-checkout.codersly-premium-commerce-ui h3{
  margin:0 0 16px;
}

body.woocommerce-checkout.codersly-premium-commerce-ui .woocommerce-checkout-review-order-table{
  width:100%;
  margin:0;
  border:0!important;
  border-collapse:collapse;
}

body.woocommerce-checkout.codersly-premium-commerce-ui .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout.codersly-premium-commerce-ui .woocommerce-checkout-review-order-table td{
  padding:12px 8px;
  border:0;
  border-bottom:1px solid var(--cdly-commerce-border);
  vertical-align:middle;
}

body.woocommerce-checkout.codersly-premium-commerce-ui .woocommerce-checkout-review-order-table td{
  text-align:right;
}

/* Coupon lives INSIDE order totals directly below Total. It is intentionally compact. */
body.woocommerce-checkout.codersly-premium-commerce-ui tr.codersly-pro-checkout-coupon-row th,
body.woocommerce-checkout.codersly-premium-commerce-ui tr.codersly-pro-checkout-coupon-row td{
  padding-top:11px;
  padding-bottom:11px;
}

body.woocommerce-checkout.codersly-premium-commerce-ui tr.codersly-pro-checkout-coupon-row th{
  width:34%;
  font-weight:700;
}

body.woocommerce-checkout.codersly-premium-commerce-ui .codersly-pro-checkout-coupon-controls{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:7px;
  width:100%;
}

body.woocommerce-checkout.codersly-premium-commerce-ui input.codersly-pro-checkout-coupon-input{
  flex:1 1 130px;
  width:100%;
  max-width:180px;
  height:38px!important;
  min-height:38px!important;
  padding:0 9px!important;
  border:1px solid var(--cdly-commerce-border-strong)!important;
  border-radius:7px!important;
  background:#fff!important;
  font-size:13px!important;
  line-height:38px!important;
}

body.woocommerce-checkout.codersly-premium-commerce-ui button.codersly-pro-checkout-coupon-button{
  flex:0 0 auto;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:7px!important;
  background:var(--cdly-commerce-accent)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:38px!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

body.woocommerce-checkout.codersly-premium-commerce-ui button.codersly-pro-checkout-coupon-button:disabled{
  opacity:.65;
  cursor:wait;
}

body.woocommerce-checkout.codersly-premium-commerce-ui .codersly-pro-checkout-coupon-message{
  margin-top:6px;
  font-size:12px;
  line-height:1.35;
  text-align:left;
  color:var(--cdly-commerce-muted);
}

body.woocommerce-checkout.codersly-premium-commerce-ui .codersly-pro-checkout-coupon-message:empty{
  display:none;
}

body.woocommerce-checkout.codersly-premium-commerce-ui .codersly-pro-checkout-coupon-message .woocommerce-error,
body.woocommerce-checkout.codersly-premium-commerce-ui .codersly-pro-checkout-coupon-message .woocommerce-message,
body.woocommerce-checkout.codersly-premium-commerce-ui .codersly-pro-checkout-coupon-message .woocommerce-info{
  margin:0!important;
  padding:6px 8px!important;
  border:0!important;
  background:transparent!important;
  font-size:12px!important;
  box-shadow:none!important;
}

body.woocommerce-checkout.codersly-premium-commerce-ui .codersly-pro-checkout-coupon-message .woocommerce-error::before,
body.woocommerce-checkout.codersly-premium-commerce-ui .codersly-pro-checkout-coupon-message .woocommerce-message::before,
body.woocommerce-checkout.codersly-premium-commerce-ui .codersly-pro-checkout-coupon-message .woocommerce-info::before{
  display:none!important;
}

body.woocommerce-checkout.codersly-premium-commerce-ui #payment{
  margin-top:18px;
  background:var(--cdly-commerce-soft)!important;
  border-radius:10px!important;
}

body.woocommerce-checkout.codersly-premium-commerce-ui #payment .payment_box{
  border-radius:8px;
}

body.woocommerce-checkout.codersly-premium-commerce-ui #place_order{
  width:100%;
  min-height:52px;
  padding:13px 18px!important;
  border:0!important;
  border-radius:9px!important;
  background:var(--cdly-commerce-accent)!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:700!important;
}

@media (min-width:992px){
  body.woocommerce-checkout.codersly-premium-commerce-ui #order_review_heading{
    display:none!important;
  }

  body.woocommerce-checkout.codersly-premium-commerce-ui form.woocommerce-checkout{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:3%!important;
    align-items:flex-start;
  }

  body.woocommerce-checkout.codersly-premium-commerce-ui form.woocommerce-checkout > .woocommerce-NoticeGroup,
  body.woocommerce-checkout.codersly-premium-commerce-ui form.woocommerce-checkout > .woocommerce-notices-wrapper,
  body.woocommerce-checkout.codersly-premium-commerce-ui form.woocommerce-checkout > ul.woocommerce-error,
  body.woocommerce-checkout.codersly-premium-commerce-ui form.woocommerce-checkout > .woocommerce-error,
  body.woocommerce-checkout.codersly-premium-commerce-ui form.woocommerce-checkout > .woocommerce-message,
  body.woocommerce-checkout.codersly-premium-commerce-ui form.woocommerce-checkout > .woocommerce-info{
    flex:0 0 100%!important;
    max-width:100%!important;
    order:-1;
  }

  body.woocommerce-checkout.codersly-premium-commerce-ui #customer_details{
    flex:0 0 55%!important;
    max-width:55%!important;
  }

  body.woocommerce-checkout.codersly-premium-commerce-ui #order_review{
    flex:0 0 42%!important;
    max-width:42%!important;
    margin-left:auto!important;
    position:sticky;
    top:100px;
  }

  body.woocommerce-checkout.codersly-premium-commerce-ui #order_review::before{
    content:"Your order";
    display:block;
    margin:0 0 14px;
    font-size:20px;
    line-height:1.3;
    font-weight:700;
  }

  body.woocommerce-checkout.codersly-premium-commerce-ui #customer_details .col2-set{
    display:block!important;
  }

  body.woocommerce-checkout.codersly-premium-commerce-ui #customer_details .col-1,
  body.woocommerce-checkout.codersly-premium-commerce-ui #customer_details .col-2{
    float:none!important;
    width:100%!important;
    max-width:100%!important;
  }

  body.woocommerce-checkout.codersly-premium-commerce-ui #customer_details .col-2{
    margin-top:22px;
  }
}

/* ========================================================================== */
/* Order received / thank-you                                                  */
/* ========================================================================== */
body.woocommerce-order-received.codersly-premium-commerce-ui .woocommerce-order{
  width:min(900px,calc(100% - 32px));
  margin:0 auto;
}

body.woocommerce-order-received.codersly-premium-commerce-ui .woocommerce-thankyou-order-received,
body.woocommerce-order-received.codersly-premium-commerce-ui ul.woocommerce-order-overview,
body.woocommerce-order-received.codersly-premium-commerce-ui table.woocommerce-table--order-details,
body.woocommerce-order-received.codersly-premium-commerce-ui .woocommerce-customer-details address{
  background:var(--cdly-commerce-surface);
  border:1px solid var(--cdly-commerce-border);
  border-radius:var(--cdly-commerce-radius);
  box-shadow:var(--cdly-commerce-shadow);
}

body.woocommerce-order-received.codersly-premium-commerce-ui .woocommerce-thankyou-order-received{
  padding:18px 20px;
}

body.woocommerce-order-received.codersly-premium-commerce-ui ul.woocommerce-order-overview{
  padding:18px 20px;
}

/* ========================================================================== */
/* Responsive                                                                  */
/* ========================================================================== */
@media (max-width:991px){
  body.woocommerce-cart.codersly-premium-commerce-ui .woocommerce{
    grid-template-columns:1fr;
    row-gap:28px;
  }

  body.woocommerce-cart.codersly-premium-commerce-ui form.woocommerce-cart-form,
  body.woocommerce-cart.codersly-premium-commerce-ui .cart-collaterals{
    grid-column:1;
  }

  body.woocommerce-checkout.codersly-premium-commerce-ui #customer_details,
  body.woocommerce-checkout.codersly-premium-commerce-ui #order_review{
    padding:18px;
  }
}

@media (max-width:600px){
  /* Use more of the phone width on Cart and Checkout. The theme's regular
     page container already has padding, so the Pro commerce UI trims that
     padding only on these two pages instead of leaving a large double gutter. */
  body.woocommerce-cart.codersly-premium-commerce-ui .site-main > .container,
  body.woocommerce-checkout.codersly-premium-commerce-ui .site-main > .container{
    width:100%!important;
    max-width:100%!important;
    padding-left:8px!important;
    padding-right:8px!important;
    box-sizing:border-box!important;
  }

  body.woocommerce-cart.codersly-premium-commerce-ui .woocommerce,
  body.woocommerce-checkout.codersly-premium-commerce-ui .woocommerce form.checkout{
    width:calc(100% - 8px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Cart coupon: keep the field and button as one centred control group.
     WooCommerce's responsive table CSS may stack the controls; both remain
     centred instead of leaving the button stuck to the left edge. */
  /* The product/cart column is a complete card on mobile, matching Cart totals. */
  body.woocommerce-cart.codersly-premium-commerce-ui form.woocommerce-cart-form{
    width:100%!important;
    background:var(--cdly-commerce-surface)!important;
    border:1px solid var(--cdly-commerce-border)!important;
    border-radius:var(--cdly-commerce-radius)!important;
    box-shadow:var(--cdly-commerce-shadow)!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body.woocommerce-cart.codersly-premium-commerce-ui td.actions{
    display:block!important;
    width:100%!important;
    box-sizing:border-box!important;
  }

  body.woocommerce-cart.codersly-premium-commerce-ui td.actions .coupon{
    float:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:100%!important;
    max-width:none!important;
    margin:0 auto!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }

  body.woocommerce-cart.codersly-premium-commerce-ui td.actions .coupon input.input-text{
    display:block!important;
    width:min(78%,340px)!important;
    min-width:0!important;
    max-width:340px!important;
    margin:0 auto!important;
  }

  body.woocommerce-cart.codersly-premium-commerce-ui td.actions .coupon .button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:132px!important;
    max-width:100%!important;
    height:44px!important;
    min-height:44px!important;
    margin:0 auto!important;
    padding:0 18px!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    font-size:14px!important;
    line-height:1.2!important;
    text-align:center!important;
  }

  body.woocommerce-cart.codersly-premium-commerce-ui .cart-collaterals .cart_totals{
    padding:14px!important;
  }

  body.woocommerce-checkout.codersly-premium-commerce-ui #customer_details,
  body.woocommerce-checkout.codersly-premium-commerce-ui #order_review{
    padding:14px!important;
  }

  /* Keep the heading visually separate from the billing/shipping card above. */
  body.woocommerce-checkout.codersly-premium-commerce-ui #order_review_heading{
    clear:both!important;
    margin:22px 0 14px!important;
    padding:0!important;
    line-height:1.25!important;
  }

  /* On narrow checkout screens give Coupon its own full-width table row and
     favour the input width, so "Coupon code" remains fully readable. */
  body.woocommerce-checkout.codersly-premium-commerce-ui tr.codersly-pro-checkout-coupon-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    box-sizing:border-box!important;
  }

  body.woocommerce-checkout.codersly-premium-commerce-ui tr.codersly-pro-checkout-coupon-row th,
  body.woocommerce-checkout.codersly-premium-commerce-ui tr.codersly-pro-checkout-coupon-row td{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    text-align:left!important;
  }

  body.woocommerce-checkout.codersly-premium-commerce-ui tr.codersly-pro-checkout-coupon-row th{
    padding:13px 4px 7px!important;
    border-bottom:0!important;
  }

  body.woocommerce-checkout.codersly-premium-commerce-ui tr.codersly-pro-checkout-coupon-row td{
    padding:0 4px 13px!important;
    border-bottom:1px solid var(--cdly-commerce-border)!important;
  }

  body.woocommerce-checkout.codersly-premium-commerce-ui .codersly-pro-checkout-coupon-controls{
    display:grid!important;
    grid-template-columns:minmax(150px,1fr) auto!important;
    justify-content:stretch!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
  }

  body.woocommerce-checkout.codersly-premium-commerce-ui input.codersly-pro-checkout-coupon-input{
    display:block!important;
    width:100%!important;
    min-width:150px!important;
    max-width:none!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 11px!important;
    font-size:14px!important;
    line-height:normal!important;
    box-sizing:border-box!important;
  }

  body.woocommerce-checkout.codersly-premium-commerce-ui button.codersly-pro-checkout-coupon-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:82px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 13px!important;
    white-space:nowrap!important;
    font-size:14px!important;
    line-height:1.2!important;
  }
}

/* 1.0.6 checkout country/state spacing fix: keep the native WooCommerce
   selector full-width and give both native Select and SelectWoo selected text
   comfortable horizontal breathing room on phones. */
body.woocommerce-checkout.codersly-premium-commerce-ui #billing_country,
body.woocommerce-checkout.codersly-premium-commerce-ui #shipping_country,
body.woocommerce-checkout.codersly-premium-commerce-ui #billing_state,
body.woocommerce-checkout.codersly-premium-commerce-ui #shipping_state,
body.woocommerce-checkout.codersly-premium-commerce-ui select.country_to_state,
body.woocommerce-checkout.codersly-premium-commerce-ui select.state_select{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding-left:16px!important;
  padding-right:40px!important;
  box-sizing:border-box!important;
}

body.woocommerce-checkout.codersly-premium-commerce-ui .form-row .woocommerce-input-wrapper{
  display:block;
  width:100%;
  min-width:0;
  box-sizing:border-box;
}

body.woocommerce-checkout.codersly-premium-commerce-ui .form-row .woocommerce-input-wrapper > .select2-container{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

body.woocommerce-checkout.codersly-premium-commerce-ui .select2-container .select2-selection--single .select2-selection__rendered{
  padding-left:16px!important;
  padding-right:48px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media (max-width:600px){
  body.woocommerce-checkout.codersly-premium-commerce-ui #billing_country,
  body.woocommerce-checkout.codersly-premium-commerce-ui #shipping_country,
  body.woocommerce-checkout.codersly-premium-commerce-ui #billing_state,
  body.woocommerce-checkout.codersly-premium-commerce-ui #shipping_state,
  body.woocommerce-checkout.codersly-premium-commerce-ui select.country_to_state,
  body.woocommerce-checkout.codersly-premium-commerce-ui select.state_select{
    padding-left:16px!important;
    padding-right:40px!important;
  }

  body.woocommerce-checkout.codersly-premium-commerce-ui .select2-container .select2-selection--single .select2-selection__rendered{
    padding-left:16px!important;
    padding-right:48px!important;
  }
}