/**
 * sf-nav fixes — left drawer focus treatment.
 * 载入顺序在 yb-sf-storefront.css 之后（yb-sf-header.php enqueue，依赖 yb-sf-storefront）。
 */

/* 抽屉打开时焦点落在面板本身（tabindex=-1），它不需要可见描边 */
.yb-sf-nav__panel:focus {
	outline: none;
}

/* 手指点、程序化聚焦：不画 UA 默认的蓝框 */
.yb-sf-nav__close:focus:not(:focus-visible),
.yb-sf-nav__back:focus:not(:focus-visible),
.yb-sf-nav__link:focus:not(:focus-visible),
.yb-sf-nav__drill-btn:focus:not(:focus-visible) {
	outline: none;
}

/* 外接键盘 Tab：品牌色描边，画在元素内侧，不会被面板边缘裁掉 */
.yb-sf-nav__close:focus-visible,
.yb-sf-nav__back:focus-visible {
	outline: 2px solid var(--yb-sf-brand, #82213e);
	outline-offset: -6px;
	border-radius: var(--yb-sf-radius, 0);
}

.yb-sf-nav__link:focus-visible,
.yb-sf-nav__drill-btn:focus-visible {
	opacity: 1;
	outline: 2px solid var(--yb-sf-brand, #82213e);
	outline-offset: -2px;
}

/* 「我的」页最底的「退出登录」：唯一的退出入口，描边小按钮，不跟功能卡片抢视线 */
.yb-sf-dash-logout {
	display: flex;
	justify-content: center;
	margin: 8px 0 24px;
	padding-top: 20px;
	border-top: 1px solid var(--yb-sf-line, #F3E1E3);
}

.yb-sf-dash-logout__btn,
.yb-sf-dash-logout__btn:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 160px;
	min-height: 44px;
	padding: 0 24px;
	border: 1px solid var(--yb-sf-line, #F3E1E3);
	border-radius: var(--yb-sf-radius, 0);
	background: transparent;
	color: var(--yb-sf-muted, #90646E) !important;
	font-family: var(--yb-sf-font-body, "DM Sans", sans-serif);
	font-size: 14px;
	letter-spacing: 0.02em;
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.yb-sf-dash-logout__btn:hover,
.yb-sf-dash-logout__btn:active {
	background: var(--yb-sf-soft, #F9ECE7);
	border-color: var(--yb-sf-brand, #82213e);
	color: var(--yb-sf-brand, #82213e) !important;
}

.yb-sf-dash-logout__btn:focus-visible {
	outline: 2px solid var(--yb-sf-brand, #82213e);
	outline-offset: 2px;
}

/* 桌面顶栏：没有列表页可去的父项只展开子选单，不当链接 */
.yb-sf-desk-nav__label {
	cursor: default;
}

/* 未付款提醒胶囊（position:fixed，手机 bottom:88px）会盖住页尾：它在时多留空间，滑到底按钮完整露出 */
body:has(#lsc-unpaid-reminder:not(.lsc-ur-hidden)) .yb-sf-dash-logout {
	margin-bottom: 144px;
}
@media (min-width: 481px) {
	body:has(#lsc-unpaid-reminder:not(.lsc-ur-hidden)) .yb-sf-dash-logout {
		margin-bottom: 160px;
	}
}