/* Younks — Account (sign in / register) — mirrors the approved design */

body.woocommerce-account .yk-container.yk-main{max-width:none;margin:0;padding:0}
body.woocommerce-account .yk-woo{background:var(--yk-paper)}

.yk-acct__hero{background:var(--yk-ink);color:#f2f1ec}
.yk-acct__hero-in{max-width:1400px;margin:0 auto;padding:clamp(28px,3.4vw,44px) clamp(20px,4vw,40px)}
.yk-acct__crumb{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(242,241,236,.6)}
.yk-acct__crumb a{color:rgba(242,241,236,.6)}
.yk-acct__crumb a:hover{color:#f2f1ec}
.yk-acct__title{margin:12px 0 0;font-family:var(--yk-display);font-weight:700;font-size:clamp(28px,4vw,42px);line-height:1.08}
.yk-acct__sub{margin-top:10px;font-size:14px;line-height:1.5;color:rgba(242,241,236,.68);max-width:560px}

/* align-items:flex-start so each card is only as tall as its own content —
   the short "Sign in" card must not stretch to match the taller register card. */
.yk-acct__grid{max-width:1400px;margin:0 auto;padding:clamp(28px,3.4vw,44px) clamp(20px,4vw,40px) clamp(56px,6vw,90px);display:flex;flex-wrap:wrap;gap:clamp(20px,2.6vw,32px);align-items:flex-start}
.yk-acct__grid>.woocommerce-notices-wrapper{flex:1 1 100%;order:-1;max-width:none;margin:0!important;padding:0}
.yk-acct__grid>.woocommerce-notices-wrapper:empty{display:none}
.yk-acct__grid>.woocommerce-notices-wrapper .woocommerce-error,
.yk-acct__grid>.woocommerce-notices-wrapper .woocommerce-message,
.yk-acct__grid>.woocommerce-notices-wrapper .woocommerce-info{margin:0 0 20px!important;width:100%}

.yk-acct__card{flex:1 1 380px;min-width:0;background:#fff!important;border:1px solid var(--yk-line)!important;border-top:3px solid var(--yk-red)!important;border-radius:0!important;padding:clamp(22px,2.6vw,34px)!important;margin:0!important;text-align:left;display:flex;flex-direction:column;box-sizing:border-box}
.yk-acct__card *{box-sizing:border-box}
.yk-acct__card--register{background:var(--yk-sand)!important;border-top-color:var(--yk-navy)!important}

.yk-acct__card h2{margin:0;font-family:var(--yk-display);font-weight:700;font-size:clamp(20px,2.2vw,24px)}
.yk-acct__card p.yk-acct__lede{margin:8px 0 22px;font-size:14px;color:#6d7183;line-height:1.5}

.yk-acct__card .form-row{margin:0 0 14px}
.yk-acct__card .form-row:last-of-type{margin-bottom:0}
.yk-acct__field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
/* plain block so the label text, the "(hint)" span and the red required "*"
   all flow inline on the label's own line (a flex column dropped "*" below). */
.yk-acct__field label,
.yk-acct__card label.woocommerce-form-row{display:block;font-size:12.5px;font-weight:700;color:#4b4f5c;line-height:1.35}
.yk-acct__field label .required{margin-left:2px;border:0;text-decoration:none}
.yk-acct__field label span.hint,
.yk-acct__hint{font-weight:500;color:#8b8878}

.woocommerce .yk-acct__card input.input-text,
.woocommerce .yk-acct__card .form-row input.input-text,
.woocommerce .yk-acct__card input[type="text"],
.woocommerce .yk-acct__card input[type="email"],
.woocommerce .yk-acct__card input[type="password"],
.woocommerce .yk-acct__card input[type="tel"]{height:46px;width:100%;border:var(--yk-input-border,1.5px solid #e4e7f0);padding:0 13px;background:#fff;border-radius:var(--yk-input-radius,8px);box-shadow:none;box-sizing:border-box}
.woocommerce .yk-acct__card input.input-text:focus,
.woocommerce .yk-acct__card input[type="tel"]:focus{outline:none;border-color:var(--yk-navy)}
.yk-acct__card--register input.input-text{background:#fff}

/* Inline field error (US phone validation on the create-account form) */
.woocommerce .yk-acct__card .yk-acct__field--invalid input.input-text,
.woocommerce .yk-acct__card .yk-acct__field--invalid input[type="tel"]{border-color:var(--yk-red)}
.yk-acct__fielderr{font-size:11.5px;line-height:1.4;color:var(--yk-red)}

/* Password show/hide button. WooCommerce's JS wraps each password <input> in
   <span class="password-input"> and appends <button class="show-password-input">.
   The rules that position that button inside the field live in
   woocommerce-layout.css, which this theme dequeues (younks_trim_woocommerce_styles),
   so re-create them here — otherwise the bare button renders as a grey box
   below the input. Applies on both the standalone account cards (.yk-acct__card:
   login / register / lost password) and the logged-in dashboard (.yk-dash__content:
   Account details → "Password change"). */
.yk-acct__card .password-input,
.yk-dash__content .password-input{position:relative;display:block;width:100%}
.woocommerce .yk-acct__card .password-input input.input-text,
.woocommerce .yk-dash__content .password-input input.input-text{padding-right:44px}
.yk-acct__card .show-password-input,
.yk-dash__content .show-password-input{position:absolute;top:50%;right:12px;transform:translateY(-50%);
  width:24px;height:24px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;
  -webkit-appearance:none;appearance:none;line-height:0}
.yk-acct__card .show-password-input::before,
.yk-dash__content .show-password-input::before{content:"";display:block;width:22px;height:22px;
  background:center/20px 20px no-repeat;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
.yk-acct__card .show-password-input.display-password::before,
.yk-dash__content .show-password-input.display-password::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.9 4.2A9.1 9.1 0 0 1 12 4c7 0 11 8 11 8a13 13 0 0 1-2 2.9M6.6 6.6A13 13 0 0 0 1 12s4 8 11 8a9 9 0 0 0 4.1-.9'/%3E%3Cpath d='M10 10a2.8 2.8 0 0 0 4 4'/%3E%3Cpath d='M1 1l22 22'/%3E%3C/svg%3E")}

.yk-acct__row{display:flex;flex-wrap:wrap;gap:12px}
.yk-acct__row .yk-acct__field{flex:1 1 150px;min-width:0;margin-bottom:0}

.yk-acct__remember-row{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.yk-acct__remember{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#6d7183;cursor:pointer;margin:0}
.yk-acct__remember input{width:16px;height:16px;accent-color:var(--yk-red);margin:0}
.yk-acct__forgot{font-size:13.5px;font-weight:600}

.yk-acct__card .woocommerce-form-row.form-row-first,
.yk-acct__card .woocommerce-form-row.form-row-last{width:auto;float:none}

.yk-acct__submit,
.woocommerce .yk-acct__submit,
.woocommerce button.yk-acct__submit{margin-top:22px;border:none;height:50px;width:100%;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:#fff;border-radius:var(--yk-btn-radius,12px)}
.woocommerce .yk-acct__card .yk-acct__submit,
.woocommerce button.yk-acct__card .yk-acct__submit{background:var(--yk-red)}
.woocommerce .yk-acct__card .yk-acct__submit:hover{background:#a30f13}
.woocommerce .yk-acct__card--register .yk-acct__submit{background:var(--yk-navy)}
.woocommerce .yk-acct__card--register .yk-acct__submit:hover{background:#16204e}

.yk-acct__terms{margin-top:auto;padding-top:18px;font-size:12.5px;color:#8b8878;line-height:1.5}
.yk-acct__terms a{font-weight:600}

/* Kill WooCommerce's default two-column float layout + spacing, we control it above */
.woocommerce #customer_login.u-columns{display:contents}
.woocommerce #customer_login .u-column1,
.woocommerce #customer_login .u-column2{width:auto;float:none;padding:0;margin:0}
.yk-acct__card .woocommerce-form-row{margin:0 0 14px}
.yk-acct__card p.woocommerce-form-row--wide{margin:0 0 14px}
.yk-acct__card p.woocommerce-LostPassword{margin:0}
.yk-acct__card .woocommerce-form-row label{margin:0}

@media(max-width:640px){
	/* stacked: align-items is now the horizontal axis — stretch = full width (not height) */
	.yk-acct__grid{flex-direction:column;align-items:stretch}
}

/* ---------- Logged-in dashboard (nav + content) ---------- */
.yk-dash{max-width:1400px;margin:0 auto;padding:clamp(28px,3.4vw,44px) clamp(20px,4vw,40px) clamp(56px,6vw,90px);display:grid;grid-template-columns:230px 1fr;gap:clamp(20px,2.6vw,32px);align-items:start}

.yk-dash__nav{background:#fff;border:1px solid var(--yk-line);padding:8px 0}
.yk-dash__nav nav.woocommerce-MyAccount-navigation{float:none;width:100%;box-sizing:border-box}
.yk-dash__nav nav.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;width:100%}
.yk-dash__nav nav.woocommerce-MyAccount-navigation ul li{margin:0;border-bottom:1px solid var(--yk-line)}
.yk-dash__nav nav.woocommerce-MyAccount-navigation ul li:last-child{border-bottom:0}
.yk-dash__nav nav.woocommerce-MyAccount-navigation ul li a{display:block;padding:13px 18px;font-size:13.5px;font-weight:700;color:#4b4f5c;border-left:3px solid transparent;text-decoration:none}
.yk-dash__nav nav.woocommerce-MyAccount-navigation ul li a:hover{background:var(--yk-sand);color:var(--yk-ink)}
.yk-dash__nav nav.woocommerce-MyAccount-navigation ul li.is-active a{background:var(--yk-sand);color:var(--yk-navy);border-left-color:var(--yk-navy)}
.yk-dash__nav nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--yk-red)}
.yk-dash__nav nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover{background:#fbeaea}

.yk-dash__content{background:#fff;border:1px solid var(--yk-line);border-top:3px solid var(--yk-navy);padding:clamp(22px,2.6vw,34px);min-width:0;box-sizing:border-box}
.yk-dash__content *{box-sizing:border-box}
.yk-dash__content h2,.yk-dash__content h3{font-family:var(--yk-display);font-weight:700;margin:0 0 14px}
.yk-dash__content>p{color:#4b4f5c;line-height:1.6;font-size:14.5px}
.yk-dash__content a{color:var(--yk-navy);font-weight:600}
.yk-dash__content a:hover{color:var(--yk-red)}
.yk-dash__content .woocommerce-notices-wrapper{padding:0}
.yk-dash__content .woocommerce-notices-wrapper:empty{display:none}
.yk-dash__content .woocommerce-notices-wrapper .woocommerce-error,
.yk-dash__content .woocommerce-notices-wrapper .woocommerce-message,
.yk-dash__content .woocommerce-notices-wrapper .woocommerce-info{margin:0 0 20px!important}

/* Orders table */
.yk-dash__content table.shop_table{width:100%;border-collapse:collapse;font-size:13.5px;margin:0 0 20px}
.yk-dash__content table.woocommerce-orders-table{border-collapse:separate;border-spacing:0;border-radius:12px;overflow:hidden;border:1px solid var(--yk-line)}
.yk-dash__content table.shop_table th{background:var(--yk-sand);text-align:left;padding:12px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#4b4f5c;border-bottom:1px solid var(--yk-line);font-weight:700}
.yk-dash__content table.shop_table td{padding:12px;border-bottom:1px solid var(--yk-line);color:var(--yk-ink)}
.yk-dash__content table.shop_table tr:last-child td{border-bottom:0}

/* Orders table on mobile: the theme dequeues WooCommerce's own
   woocommerce-smallscreen.css (functions.php, younks_trim_woocommerce_styles)
   as dead weight everywhere else, but that stylesheet is what turns
   table.shop_table_responsive into stacked "label: value" rows below 768px —
   without it this table just overflows the card horizontally. Rebuild the
   same mechanic here, themed, instead of re-enqueuing the unstyled original. */
@media(max-width:768px){
	.yk-dash__content table.woocommerce-orders-table thead{display:none}
	.yk-dash__content table.woocommerce-orders-table,
	.yk-dash__content table.woocommerce-orders-table tbody,
	.yk-dash__content table.woocommerce-orders-table tr,
	.yk-dash__content table.woocommerce-orders-table th,
	.yk-dash__content table.woocommerce-orders-table td{display:block;width:100%}
	.yk-dash__content table.woocommerce-orders-table tr{padding:14px 16px;border-bottom:1px solid var(--yk-line)}
	.yk-dash__content table.woocommerce-orders-table tr:last-child{border-bottom:0}
	.yk-dash__content table.woocommerce-orders-table th,
	.yk-dash__content table.woocommerce-orders-table td{padding:4px 0;border:0;text-align:right;overflow:visible;white-space:normal}
	.yk-dash__content table.woocommerce-orders-table th::before,
	.yk-dash__content table.woocommerce-orders-table td::before{content:attr(data-title) ": ";float:left;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#8b8878}
	.yk-dash__content table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions{display:flex;text-align:left;padding-top:8px}
	.yk-dash__content table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions::before{display:none}
}

/* Buttons everywhere inside the dashboard content card */
.woocommerce .yk-dash__content a.button,
.woocommerce .yk-dash__content button.button,
.woocommerce .yk-dash__content input.button{background:var(--yk-navy)!important;color:#fff!important;border:none!important;border-radius:var(--yk-btn-radius,12px)!important;padding:10px 18px;height:auto;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.4;box-shadow:none}
.woocommerce .yk-dash__content a.button:hover,
.woocommerce .yk-dash__content button.button:hover,
.woocommerce .yk-dash__content input.button:hover{background:#16204e!important;color:#fff!important}
.woocommerce .yk-dash__content a.button.cancel,
.woocommerce .yk-dash__content a.button.delete{background:var(--yk-red)!important}
.woocommerce .yk-dash__content a.button.cancel:hover,
.woocommerce .yk-dash__content a.button.delete:hover{background:#a30f13!important}
.yk-dash__content .woocommerce-pagination a{margin-right:8px}

/* Addresses */
.yk-dash__content .woocommerce-Addresses.col2-set{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;list-style:none;padding:0}
.yk-dash__content .woocommerce-Addresses.col2-set::before,
.yk-dash__content .woocommerce-Addresses.col2-set::after{content:none!important;display:none!important}
.yk-dash__content .woocommerce-Addresses:not(.col2-set){display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.yk-dash__content .woocommerce-Addresses .u-column1,
.yk-dash__content .woocommerce-Addresses .u-column2,
.yk-dash__content .woocommerce-Addresses .col-1,
.yk-dash__content .woocommerce-Addresses .col-2{width:100%!important;float:none!important;margin:0!important}
.yk-dash__content .woocommerce-Address{border:1px solid var(--yk-line);padding:18px}
.yk-dash__content .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 10px;flex-wrap:wrap}
.yk-dash__content .woocommerce-Address-title h2,
.yk-dash__content .woocommerce-Address-title h3{margin:0;font-size:15.5px}
.yk-dash__content .woocommerce-Address-title a.edit{font-size:12px;font-weight:700;color:var(--yk-navy);text-transform:uppercase;letter-spacing:.04em}
.yk-dash__content address{font-style:normal;font-size:14px;line-height:1.6;color:#4b4f5c}

/* Forms: edit-account / edit-address / add-payment-method */
.woocommerce .yk-dash__content input.input-text,
.woocommerce .yk-dash__content .form-row input.input-text,
.woocommerce .yk-dash__content select,
.woocommerce .yk-dash__content textarea{height:46px;width:100%;border:var(--yk-input-border,1.5px solid #e4e7f0)!important;border-radius:var(--yk-input-radius,8px);background:#fff;padding:0 13px;box-shadow:none;font-size:14px;color:var(--yk-ink)}
.woocommerce .yk-dash__content textarea{height:auto;min-height:100px;padding:11px 13px}
.woocommerce .yk-dash__content input.input-text:focus,
.woocommerce .yk-dash__content select:focus,
.woocommerce .yk-dash__content textarea:focus{outline:none;border-color:var(--yk-navy)!important}
.yk-dash__content .form-row label{display:block;margin:0 0 6px;font-size:12.5px;font-weight:700;color:#4b4f5c}
.yk-dash__content fieldset{border:1px solid var(--yk-line);padding:16px;margin:20px 0}
.yk-dash__content legend{padding:0 8px;font-weight:700;font-size:13px}

@media(max-width:900px){
	.yk-dash{grid-template-columns:1fr}
	.yk-dash__nav nav.woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap}
	.yk-dash__nav nav.woocommerce-MyAccount-navigation ul li{border-bottom:0;flex:1 1 auto}
	.yk-dash__nav nav.woocommerce-MyAccount-navigation ul li a{text-align:center;padding:12px 10px}
}
@media(max-width:560px){
	.yk-dash__content .woocommerce-Addresses.col2-set{grid-template-columns:minmax(0,1fr)}
}

/* Single-card screens: lost password / reset password / confirmation */
.yk-acct__grid--single{justify-content:center}
.yk-acct__grid--single .yk-acct__card{flex:0 1 460px;width:100%}
.yk-acct__card .yk-acct__lede.yk-acct__lede--tight{margin-bottom:18px}
.yk-acct__card .yk-acct__back{margin-top:16px;font-size:13.5px;font-weight:600;color:var(--yk-navy);align-self:flex-start}
.yk-acct__card .yk-acct__back:hover{color:var(--yk-red)}
.yk-acct__card .yk-acct__success{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:var(--yk-navy);margin:0 0 14px}
.yk-acct__card .yk-acct__success svg{flex:none}



.yk-acct__card{
    border-radius: 12px !important;
}

/* Logged-in dashboard: round the nav + content cards (and the address /
   payment-method / notice sub-cards) to match the 12px on the login cards. */
.yk-dash__nav{border-radius:12px;overflow:hidden}
.yk-dash__content{border-radius:12px}
.yk-dash__content .woocommerce-Address,
.yk-dash__content .payment-method,
.yk-dash__content fieldset{border-radius:12px}

/* Notices inside the dashboard: a full card border + navy left accent,
   rounded like the other cards (the bundle gives them a faint 1px + square). */
.yk-dash__content .woocommerce-notices-wrapper .woocommerce-error,
.yk-dash__content .woocommerce-notices-wrapper .woocommerce-message,
.yk-dash__content .woocommerce-notices-wrapper .woocommerce-info,
.yk-dash__content > .woocommerce-error,
.yk-dash__content > .woocommerce-message,
.yk-dash__content > .woocommerce-info{
	border:1px solid var(--yk-line);
	border-left:3px solid var(--yk-navy);
	border-radius:12px
}

/* Orders table: breathing room between the PAY / VIEW / ORDER AGAIN / CANCEL buttons. */
.yk-dash__content td.woocommerce-orders-table__cell-order-actions{
	display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start
}
.yk-dash__content td.woocommerce-orders-table__cell-order-actions .button{margin:0}

/* Orders list: colour the status word — completed green, processing amber, cancelled red. */
.yk-dash__content .yk-order-status{font-weight:600}
.yk-dash__content .yk-order-status--completed{color:#1a7f37}
.yk-dash__content .yk-order-status--processing{color:#e7be3d}
.yk-dash__content .yk-order-status--cancelled{color:var(--yk-red,#c31318)}

/* Order-details page → Billing / Shipping address blocks. WooCommerce's float
   2-col layout is dropped so they stack; match the Addresses-tab card look
   (1px --yk-line border, 12px radius, 18px pad) and give the section, the
   headings and the inner lines the same rhythm as the rest of the dashboard. */
.yk-dash__content .woocommerce-customer-details{margin:28px 0 0}
.yk-dash__content .woocommerce-customer-details .col2-set{display:block}
.yk-dash__content .woocommerce-customer-details .col2-set::before,
.yk-dash__content .woocommerce-customer-details .col2-set::after{content:none;display:none}
.yk-dash__content .woocommerce-customer-details .col-1,
.yk-dash__content .woocommerce-customer-details .col-2{width:100%!important;float:none!important;margin:0}
.yk-dash__content .woocommerce-customer-details .woocommerce-column--shipping-address{margin-top:20px}
.yk-dash__content .woocommerce-customer-details .woocommerce-column__title{margin:0 0 10px!important;font-size:15.5px;line-height:1.3}
/* style.css sets `.woocommerce .woocommerce-customer-details address{padding:6px 0!important}`
   (for the thank-you / track-order pages) — override it here for the account view. */
.woocommerce .yk-dash__content .woocommerce-customer-details address{
	margin:0;
	border:1px solid var(--yk-line)!important;
	border-radius:12px;
	padding:18px 20px!important;
	font-style:normal;font-size:14px;line-height:1.7;color:#4b4f5c;
}
.yk-dash__content .woocommerce-customer-details address p{margin:6px 0 0}
.yk-dash__content .woocommerce-customer-details address .woocommerce-customer-details--phone{margin-top:10px}

/* Single allowed country → WooCommerce renders a real <select> but styles it
   (.country_to_state--single) as static bold text. Show it as a normal
   (pre-selected) dropdown on the edit-address form — same custom chevron
   treatment as the State field below and as checkout's own country/state
   selects (checkout.css has its own separate copy of this, scoped to
   .yk-co2 — kept separate on purpose so a change to one page's field
   chrome can't accidentally affect the other). */
.woocommerce .yk-dash__content .form-row select.country_to_state--single,
.woocommerce .yk-dash__content .form-row select.state_select{
	height:46px;width:100%;
	border:1.5px solid #e4e7f0;border-radius:8px;
	background-color:#fff;
	padding:0 34px 0 13px;
	font:inherit;font-weight:400;
	color:var(--yk-ink);
	pointer-events:auto;cursor:pointer;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%237b8199' stroke-width='1.6' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:right 13px center
}
.woocommerce .yk-dash__content .form-row select.country_to_state--single:focus,
.woocommerce .yk-dash__content .form-row select.state_select:focus{outline:none;border-color:var(--yk-navy)}

/* Country/State become selectWoo (select2) widgets once the front-end JS
   runs (wc-country-select.js, already enqueued on this page) — style that
   widget to match the plain 46px fields above instead of leaving it in
   select2's generic default chrome (an always-on grey border + a flush-
   right arrow with no padding — the actual "border without clicking" /
   "chevron attached to the edge" look). */
.yk-dash__content .select2-container{width:100%!important}
.yk-dash__content .select2-container--default .select2-selection--single{
	height:46px;display:flex;align-items:center;
	border:1.5px solid #e4e7f0;border-radius:8px;background:#fff;box-shadow:none
}
.yk-dash__content .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0 13px;color:var(--yk-ink);line-height:44px}
.yk-dash__content .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px;right:9px}
.yk-dash__content .select2-container--default.select2-container--open .select2-selection--single,
.yk-dash__content .select2-container--default.select2-container--focus .select2-selection--single{border-color:var(--yk-navy)}
/* The open dropdown list portals to <body>, not inside .yk-dash__content,
   so it needs a body-class scope instead — still specific to this one
   endpoint (WooCommerce's own body class on Add/Edit Address only), not
   the rest of My Account or any other page. */
body.woocommerce-edit-address .select2-dropdown{border-color:var(--yk-navy);border-radius:8px}
body.woocommerce-edit-address .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--yk-navy)}
/* "Payment Type" row (card icon + "Ending in 1234") on the order-details
   table — keep the icon and text on one line regardless of column width. */
.yk-dash__content table.shop_table .yk-card-icon{vertical-align:middle;margin-right:8px;border-radius:3px}
.yk-dash__content table.shop_table td:has(.yk-card-icon){white-space:nowrap}
.yk-thanks__ending strong{font-size: 13.5px !important;}

/* ...but on narrow phones there isn't room for icon + "Ending in 1234" on one
   line — the forced nowrap above was pushing it past the card's right edge
   instead of wrapping. Let it wrap here; the icon stays inline with the text
   either way since it's not its own block. */
@media(max-width:480px){
	.yk-dash__content table.shop_table td:has(.yk-card-icon){white-space:normal}
	.yk-dash__content table.shop_table .yk-card-icon{margin-bottom:4px}
}