/* ============================================================
   USA Cabinets — RTA / AS Mismatch Checker
   Styling mirrors the toe-kick / touch-up-kit popup plugin.
   ============================================================ */

/* ---- Sticky banner ------------------------------------------------ */
.usacab-rtaas-banner{
	position:fixed;top:0;left:0;right:0;z-index:99990;
	display:flex;align-items:center;gap:14px;
	padding:12px 20px;
	background:#fff;
	border-bottom:3px solid #d92237;
	box-shadow:0 6px 20px rgba(10,20,40,.12);
	font-family:"Work Sans",sans-serif;
	cursor:pointer;
	transform:translateY(-120%);
	transition:transform .32s ease,box-shadow .18s ease,background .18s ease;
}
.usacab-rtaas-banner.usacab-rtaas-show{transform:translateY(0);}
.usacab-rtaas-banner:hover{background:#fffafa;box-shadow:0 8px 26px rgba(10,20,40,.18);}
.usacab-rtaas-banner-icon{
	flex:0 0 auto;width:34px;height:34px;border-radius:50%;
	background:#fdeaec;color:#d92237;
	display:flex;align-items:center;justify-content:center;
	font-family:"Montserrat",sans-serif;font-weight:700;font-size:18px;line-height:1;
}
.usacab-rtaas-banner-text{flex:1 1 auto;min-width:0;}
.usacab-rtaas-banner-title{
	font-family:"Montserrat",sans-serif;font-size:13.5px;font-weight:700;color:#222;margin:0 0 1px;
}
.usacab-rtaas-banner-sub{
	font-size:12.5px;color:#5b6673;margin:0;
}
/* Explicit call-to-action so it's obvious the banner is interactive. */
.usacab-rtaas-banner-cta{
	flex:0 0 auto;
	background:#e22323 !important;color:#fff !important;border:0;border-radius:8px;
	font-family:"Montserrat",sans-serif;font-size:12px;font-weight:700;
	letter-spacing:.04em;text-transform:uppercase;cursor:pointer;
	padding:9px 16px;white-space:nowrap;
	transition:background .15s ease,box-shadow .15s ease,transform .15s ease;
}
.usacab-rtaas-banner-cta:hover{background:#0e4fae !important;box-shadow:0 5px 14px rgba(21,101,216,.3);transform:translateY(-1px);}
.usacab-rtaas-banner:hover .usacab-rtaas-banner-cta{box-shadow:0 5px 14px rgba(226,35,35,.28);}
.usacab-rtaas-banner-close{
	flex:0 0 auto;background:#eef1f5 !important;border:0;cursor:pointer;
	width:34px;height:34px;border-radius:50%;
	display:flex;align-items:center;justify-content:center;
	color:#5b6673;font-size:22px;line-height:1;padding:0;
	transition:background .15s ease,color .15s ease,transform .15s ease;
}
.usacab-rtaas-banner-close:hover{background:#0e4fae !important;color:#fff !important;transform:scale(1.06);}
@media (max-width:480px){
	.usacab-rtaas-banner{padding:10px 14px;gap:10px;flex-wrap:wrap;}
	.usacab-rtaas-banner-icon{width:30px;height:30px;font-size:16px;}
	.usacab-rtaas-banner-text{flex:1 1 100%;order:2;}
	.usacab-rtaas-banner-icon{order:1;}
	.usacab-rtaas-banner-close{order:1;margin-left:auto;}
	.usacab-rtaas-banner-cta{order:3;flex:1 1 100%;padding:11px 16px;}
}

/* ---- Overlay + modal (mirrors toe-kick popup) --------------------- */
.usacab-rtaas-overlay{
	position:fixed;inset:0;background:rgba(17,26,44,.55);backdrop-filter:blur(2px);
	z-index:99998;opacity:0;display:none;pointer-events:none;transition:opacity .3s ease;
}
.usacab-rtaas-overlay.usacab-rtaas-show{opacity:1;pointer-events:auto;}
.usacab-rtaas-modal{
	position:fixed;left:50%;top:50%;transform:translate(-50%,-46%) scale(.97);
	z-index:99999;width:min(560px,calc(100vw - 32px));
	max-height:calc(100vh - 48px);overflow:auto;
	background:#fff;border-radius:14px;box-shadow:0 24px 64px rgba(10,20,40,.28);
	opacity:0;display:none;pointer-events:none;transition:opacity .3s ease,transform .3s ease;
	font-family:"Work Sans",sans-serif;
}
.usacab-rtaas-modal.usacab-rtaas-show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1);}
.usacab-rtaas-head{padding:26px 28px 6px;position:relative;}
.usacab-rtaas-eyebrow{
	font-family:"Montserrat",sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
	color:#d92237;font-weight:700;margin:0 0 6px;
}
.usacab-rtaas-title{
	font-family:"Work Sans",sans-serif;font-size:22px;line-height:1.3;font-weight:700;color:#222;margin:0 0 6px;
}
.usacab-rtaas-sub{font-size:14px;line-height:1.55;color:#555f6b;margin:0;}
.usacab-rtaas-x{
	position:absolute;top:18px;right:18px;background:#f2f4f7 !important;border:0;cursor:pointer;
	width:34px;height:34px;border-radius:8px;color:#5b6673;
	display:flex;align-items:center;justify-content:center;
	font-size:24px;line-height:1;padding:0;
	transition:background .15s ease,color .15s ease;
}
.usacab-rtaas-x:hover{background:#0e4fae !important;color:#fff !important;}

.usacab-rtaas-body{padding:16px 28px 4px;}
.usacab-rtaas-group-label{
	font-family:"Montserrat",sans-serif;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
	color:#9099a5;font-weight:700;margin:14px 0 8px;
}
.usacab-rtaas-group-label:first-child{margin-top:2px;}

.usacab-rtaas-item{
	display:flex;gap:14px;align-items:center;
	border:1px solid #e5e9ee;border-radius:10px;padding:14px;margin-bottom:12px;
	transition:border-color .15s ease;
}
.usacab-rtaas-item:hover{border-color:#1565d8;}
.usacab-rtaas-thumb{
	width:64px;height:64px;flex:0 0 64px;border-radius:8px;object-fit:cover;background:#f2f4f7;
}
.usacab-rtaas-info{flex:1 1 auto;min-width:0;}
.usacab-rtaas-name{
	font-family:"Montserrat",sans-serif;font-size:13.5px;font-weight:700;color:#222;margin:0 0 2px;
	white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.usacab-rtaas-meta{font-size:12.5px;color:#75808d;margin:0;}
.usacab-rtaas-badge{
	display:inline-block;font-family:"Montserrat",sans-serif;font-size:10px;font-weight:700;
	letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:2px 7px;margin-top:5px;
}
.usacab-rtaas-badge.rta{background:#e8f1ff;color:#0e4fae;}
.usacab-rtaas-badge.as{background:#fdeaec;color:#d92237;}
.usacab-rtaas-price{
	font-family:"Montserrat",sans-serif;font-size:13px;color:#d92237;font-weight:700;margin:4px 0 0;
}
.usacab-rtaas-item-actions{display:flex;flex-direction:column;gap:6px;flex:0 0 auto;}
.usacab-rtaas-mini{
	border:1px solid #d5dbe2;border-radius:8px;background:#f6f8fa !important;color:#222 !important;
	font-family:"Montserrat",sans-serif;font-size:11px;font-weight:700;cursor:pointer;
	padding:7px 10px;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.usacab-rtaas-mini:hover{background:#1565d8 !important;color:#fff !important;border-color:#1565d8;}
.usacab-rtaas-mini.danger:hover{background:#d92237 !important;border-color:#d92237;}
.usacab-rtaas-mini[disabled]{opacity:.55;cursor:wait;}

.usacab-rtaas-foot{padding:14px 28px 26px;display:flex;flex-direction:column;gap:10px;}
.usacab-rtaas-convert-row{display:flex;gap:10px;}
.usacab-rtaas-convert{
	flex:1 1 0;padding:13px 14px;border:0;border-radius:10px;
	font-family:"Montserrat",sans-serif;font-size:13px;font-weight:700;letter-spacing:.03em;
	text-transform:uppercase;cursor:pointer;transition:background .15s ease,box-shadow .15s ease;
}
.usacab-rtaas-convert.rta{background:#0e4fae !important;color:#fff !important;}
.usacab-rtaas-convert.rta:hover{background:#0b3d86 !important;box-shadow:0 6px 18px rgba(14,79,174,.3);}
.usacab-rtaas-convert.as{background:#e22323 !important;color:#fff !important;}
.usacab-rtaas-convert.as:hover{background:#b91b1b !important;box-shadow:0 6px 18px rgba(226,35,35,.3);}
.usacab-rtaas-convert[disabled]{opacity:.7;cursor:wait;box-shadow:none;}

.usacab-rtaas-keep{
	background:none !important;border:0;border-radius:8px;color:#75808d;
	font-family:"Work Sans",sans-serif;font-size:13.5px;cursor:pointer;padding:8px 12px;
	text-decoration:underline;text-underline-offset:3px;transition:background .15s ease,color .15s ease;
}
.usacab-rtaas-keep:hover{background:#0e4fae !important;color:#fff !important;text-decoration:none;}
.usacab-rtaas-note{font-size:12px;color:#8b96a3;text-align:center;margin:0;}

.usacab-rtaas-spin{
	display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.35);
	border-top-color:#fff;border-radius:50%;animation:usacabrtaasspin .7s linear infinite;
	vertical-align:-2px;margin-right:8px;
}
.usacab-rtaas-mini .usacab-rtaas-spin{border-color:rgba(0,0,0,.2);border-top-color:#222;}
@keyframes usacabrtaasspin{to{transform:rotate(360deg);}}

/* ---- Per-row quantity selector (only shown when qty > 1) ---------- */
.usacab-rtaas-qtyrow{display:flex;align-items:center;gap:8px;margin-top:9px;}
.usacab-rtaas-qty{
	display:inline-flex;align-items:center;border:1px solid #d5dbe2;border-radius:8px;overflow:hidden;
}
.usacab-rtaas-qbtn{
	width:28px;height:30px;border:0;background:#f6f8fa !important;color:#222 !important;
	font-size:15px;line-height:1;cursor:pointer;padding:0;
	display:flex;align-items:center;justify-content:center;
	transition:background .15s ease,color .15s ease;
}
.usacab-rtaas-qbtn:hover{background:#1565d8 !important;color:#fff !important;}
.usacab-rtaas-qinput{
	width:40px;height:30px;border:0;border-left:1px solid #e5e9ee;border-right:1px solid #e5e9ee;
	text-align:center;font-family:"Montserrat",sans-serif;font-size:13px;font-weight:700;color:#222;
	-moz-appearance:textfield;padding:0;
}
.usacab-rtaas-qinput::-webkit-outer-spin-button,
.usacab-rtaas-qinput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.usacab-rtaas-qhint{font-size:12px;color:#8b96a3;font-family:"Work Sans",sans-serif;}

/* ---- Success / resolved state ------------------------------------ */
.usacab-rtaas-done{text-align:center;padding:22px 8px 10px;}
.usacab-rtaas-done-check{
	width:52px;height:52px;border-radius:50%;background:#e7f6ec;color:#1c9e52;
	display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;
	margin:0 auto 14px;
}
.usacab-rtaas-done-title{
	font-family:"Montserrat",sans-serif;font-size:16px;font-weight:700;color:#222;margin:0 0 4px;
}
.usacab-rtaas-done-sub{font-size:13px;color:#75808d;margin:0;}

@media (max-width:480px){
	.usacab-rtaas-head,.usacab-rtaas-body,.usacab-rtaas-foot{padding-left:18px;padding-right:18px;}
	.usacab-rtaas-item{flex-wrap:wrap;}
	.usacab-rtaas-convert-row{flex-direction:column;}
}
@media (prefers-reduced-motion:reduce){
	.usacab-rtaas-overlay,.usacab-rtaas-modal,.usacab-rtaas-banner,.usacab-rtaas-spin{transition:none;animation:none;}
}