/* /css/page_my_wish.css */

@charset "utf-8";

#boxMyWish{--wish-bg:var(--color-background);--wish-box:#fff;--wish-text:var(--color-dark);--wish-text-strong:var(--color-dark);--wish-text-muted:var(--color-gray);--wish-text-light:var(--color-placeholder);--wish-border:var(--color-surface);--wish-primary:var(--color-primary);--wish-primary-soft:var(--color-background-light);--wish-primary-dark:var(--color-primary-dark);--wish-company:var(--color-primary);--wish-company-soft:var(--color-background-light);--wish-company-dark:var(--color-primary-dark);--wish-radius-sm:.5rem;--wish-radius-md:.75rem;--wish-radius-lg:1rem;--wish-radius-xl:1.5rem;--wish-radius-pill:999px;--wish-shadow:0 .25rem 1rem rgba(15,23,42,.04);padding:1.25rem 0 2rem;background:var(--wish-bg);color:var(--wish-text);font-size:1rem;line-height:1.5;}
#boxMyWish.is-general{--wish-theme:var(--wish-primary);--wish-theme-soft:var(--wish-primary-soft);--wish-theme-dark:var(--wish-primary-dark);}
#boxMyWish.is-company{--wish-theme:var(--wish-company);--wish-theme-soft:var(--wish-company-soft);--wish-theme-dark:var(--wish-company-dark);}
#boxMyWish *,#boxMyWish *::before,#boxMyWish *::after{box-sizing:border-box;}
#boxMyWish a{text-decoration:none;}
#boxMyWish button{font-family:inherit;}

#boxMyWish .wish-contain{width:100%;margin:0 auto;padding:0 1rem;}
#boxMyWish .wish-layout{display:flex;flex-direction:column;width:100%;}
#boxMyWish .wish-content{order:1;width:100%;min-width:0;}
#boxMyWish .wish-panel{margin:0;padding:1.25rem;background:var(--wish-box);border-radius:var(--wish-radius-lg);box-shadow:var(--wish-shadow);}
#boxMyWish .wish-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #ddd;margin-bottom:1.5rem;padding-bottom:1rem;}
#boxMyWish .wish-title{margin:0;font-size:1.5rem;}
#boxMyWish .wish-count{margin-left:.35rem;color:var(--wish-text-muted);font-weight:400;font-size:1rem;}
#boxMyWish .wish-count strong{color:var(--wish-theme-dark);font-weight:600;}

#boxMyWish .wish-list{display:flex;flex-direction:column;}
#boxMyWish .wish-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 7rem;align-items:stretch;gap:1rem;padding:1.5rem 0;}
#boxMyWish .wish-item:first-child{padding-top:0;}
#boxMyWish .wish-item:last-child{padding-bottom:0;}
#boxMyWish .wish-item + .wish-item{border-top:1px solid var(--wish-border);}
#boxMyWish .wish-card{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1.5rem;min-width:0;color:inherit;}
#boxMyWish .wish-thumb-wrap{position:relative;width:9rem;height:7rem;border-radius:var(--wish-radius-md);background:#f1f3f5;overflow:hidden;}
#boxMyWish .wish-thumb{width:100%;height:100%;background:#f1f3f5 no-repeat center center / cover;transition:transform .2s ease;}
#boxMyWish .wish-card:hover .wish-thumb{transform:scale(1.025);}
#boxMyWish .wish-thumb-badge{position:absolute;left:.5rem;top:.5rem;z-index:1;display:inline-flex;align-items:center;max-width:calc(100% - 1rem);min-height:1.5rem;padding:.2rem .5rem;border-radius:var(--wish-radius-pill);color:#fff;font-size:.72rem;font-weight:600;line-height:1.2;white-space:nowrap;}
#boxMyWish .wish-thumb-ribbon{position:absolute;left:0;bottom:0;z-index:1;overflow:hidden;max-width:100%;padding:.25rem .5rem;color:#fff;font-size:.72rem;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;}
#boxMyWish .wish-heart{position:absolute;right:.5rem;top:.5rem;z-index:2;}
#boxMyWish .wish-info{min-width:0;padding:.125rem 0;}
#boxMyWish .wish-price{overflow:hidden;margin-bottom:.375rem;color:var(--wish-text-strong);white-space:nowrap;}
#boxMyWish .wish-name{overflow:hidden;margin-bottom:.25rem;color:var(--wish-text-strong);text-overflow:ellipsis;white-space:nowrap;}
#boxMyWish .wish-address{overflow:hidden;margin-bottom:.5rem;color:var(--wish-text-muted);text-overflow:ellipsis;white-space:nowrap;}
#boxMyWish .wish-meta{display:flex;flex-wrap:wrap;gap:.35rem;}
#boxMyWish .wish-item-side{position:relative;min-width:7rem;}
#boxMyWish .wish-delete{position:absolute;right:0;top:0;}
#boxMyWish .wish-date{position:absolute;right:0;bottom:0;}
#boxMyWish .wish-empty{display:flex;align-items:center;justify-content:center;min-height:12rem;padding:1rem;color:var(--wish-text-muted);text-align:center;}
#boxMyWish .wish-paging{margin-top:1.5rem;text-align:center;}

/* 기존 마이페이지 사이드 메뉴 */
#boxMyWish .my-side{display:block;order:2;margin-top:1rem;}
#boxMyWish .my-side-top,#boxMyWish .my-side-bottom{display:none;}
#boxMyWish .my-side-menu{display:grid;grid-template-columns:1fr;padding:1.25rem;border-radius:var(--wish-radius-xl);background:var(--wish-box);box-shadow:var(--wish-shadow);}
#boxMyWish .my-side-menu a{display:grid;grid-template-columns:2rem minmax(0,1fr) 1.25rem;align-items:center;gap:.75rem;min-height:3.75rem;color:var(--wish-text);font-size:1.05rem;font-weight:500;letter-spacing:-.04em;}
#boxMyWish .my-side-menu a::after{content:"chevron_right";display:block;color:var(--wish-text-light);font-family:"Material Symbols Outlined";font-size:1.5rem;font-weight:300;line-height:1;text-align:right;font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 40;}
#boxMyWish .my-side-menu a span{display:block;color:inherit;font-size:1.75rem;font-weight:300;line-height:1;}
#boxMyWish .my-side-menu a.active,#boxMyWish .my-side-menu a.active span,#boxMyWish .my-side-menu a.active::after{color:var(--wish-theme-dark);}

@media(min-width:769px){
	#boxMyWish{padding:2rem 0 3rem;background:#f8fafc;}
	#boxMyWish .wish-contain{padding:0 1.25rem;}
	#boxMyWish .wish-layout{display:grid;grid-template-columns:16.25rem minmax(0,1fr);gap:2rem;align-items:start;}
	#boxMyWish .wish-content{order:0;}
	#boxMyWish .wish-panel{padding:2.5rem;border:1px solid var(--wish-border);border-radius:var(--wish-radius-xl);}
	#boxMyWish .my-side{position:sticky;top:1.5rem;display:block;order:0;margin:0;border:1px solid var(--wish-border);border-radius:var(--wish-radius-xl);background:#fff;box-shadow:var(--wish-shadow);overflow:hidden;}
	#boxMyWish .my-side-top{display:block;padding:1.5rem 1.25rem;border-bottom:1px solid var(--wish-border);text-align:center;}
	#boxMyWish .my-avatar{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 auto .75rem;border-radius:50%;background:var(--wish-theme-soft);color:var(--wish-theme-dark);}
	#boxMyWish .my-avatar span{font-size:2rem;}
	#boxMyWish .my-name{margin:0 0 .5rem;color:var(--wish-text-strong);font-size:1.05rem;font-weight:500;text-align:center;letter-spacing:-.03em;}
	#boxMyWish .my-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;margin-top:1rem;padding:.25rem;border-radius:var(--wish-radius-pill);background:#f8fafc;}
	#boxMyWish .my-mode-switch a{display:flex;align-items:center;justify-content:center;height:2rem;border-radius:var(--wish-radius-pill);color:var(--wish-text-muted);font-size:.82rem;font-weight:500;}
	#boxMyWish .my-mode-switch a.active{background:#fff;color:var(--wish-theme-dark);box-shadow:0 .125rem .5rem rgba(15,23,42,.08);}
	#boxMyWish .my-side-menu{display:block;padding:.75rem;border-radius:0;background:#fff;box-shadow:none;}
	#boxMyWish .my-side-menu a{display:flex;align-items:center;justify-content:flex-start;gap:.625rem;min-height:2.75rem;padding:0 .875rem;border-radius:var(--wish-radius-md);color:var(--wish-text-muted);font-size:.95rem;font-weight:500;letter-spacing:-.03em;}
	#boxMyWish .my-side-menu a::after{display:none;}
	#boxMyWish .my-side-menu a + a{margin-top:.25rem;}
	#boxMyWish .my-side-menu a span{flex:0 0 auto;font-size:1.25rem;}
	#boxMyWish .my-side-menu a:hover{background:#f8fafc;color:var(--wish-text);}
	#boxMyWish .my-side-menu a.active{background:var(--wish-theme-soft);color:var(--wish-theme-dark);}
	#boxMyWish .my-side-bottom{display:block;padding:1rem 1.25rem 1.25rem;border-top:1px solid var(--wish-border);}
	#boxMyWish .my-side-bottom a{display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.75rem;border:1px solid var(--wish-border);border-radius:var(--wish-radius-md);background:#fff;color:var(--wish-text-muted);font-size:.95rem;font-weight:500;}
}

@media(max-width:768px){
	#boxMyWish{padding:0;background:var(--wish-box);}
	#boxMyWish .wish-contain{padding:0;}
	#boxMyWish .wish-panel{padding:0;border-radius:0;box-shadow:none;}
	#boxMyWish .wish-head{display:none;}
	#boxMyWish .wish-item{grid-template-columns:minmax(0,1fr);gap:0;padding:1rem;}
	#boxMyWish .wish-item:first-child{padding-top:1rem;}
	#boxMyWish .wish-item:last-child{padding-bottom:1rem;}
	#boxMyWish .wish-card{grid-template-columns:6.25rem minmax(0,1fr);gap:1rem;}
	#boxMyWish .wish-thumb-wrap{width:6.25rem;height:6.25rem;border-radius:var(--wish-radius-sm);}
	#boxMyWish .wish-card:hover .wish-thumb{transform:none;}
	#boxMyWish .wish-address{margin-bottom:.375rem;}
	#boxMyWish .wish-meta{gap:.2rem;}
	#boxMyWish .wish-item-side{position:static;min-width:0;}
	#boxMyWish .wish-delete{right:1rem;top:.5rem;}
	#boxMyWish .wish-date{display:none;}
	#boxMyWish .my-side{margin:0;}
}

@media(max-width:960px){
	#boxMyWish .my-side{display:none;}
	#boxMyWish .wish-layout{grid-template-columns:minmax(0,1fr);gap:0;}
}