/* ==========================================================================
   Alerts
   ========================================================================== */

.wc-alert{

	display:flex;
	align-items:flex-start;
	gap:1rem;

	padding:1rem 1.25rem;

	border:1px solid transparent;
	border-left-width:4px;

	border-radius:var(--wc-radius-md);

	margin-bottom:1rem;

	font-size:.95rem;
	line-height:1.5;

	box-shadow:var(--wc-shadow-xs);

}

.wc-alert:last-child{

	margin-bottom:0;

}

.wc-alert__icon{

	flex-shrink:0;

	width:20px;
	height:20px;

	display:flex;
	align-items:center;
	justify-content:center;

	margin-top:2px;

}

.wc-alert__content{

	flex:1;

}

.wc-alert__title{

	margin:0 0 .35rem;

	font-size:1rem;
	font-weight:700;

}

.wc-alert__text{

	margin:0;

}

/* ==========================================================================
   Success
   ========================================================================== */

.wc-alert--success{

	background:#ECFDF5;

	border-color:var(--wc-color-success);

	color:#166534;

}

.wc-alert--success .wc-alert__icon{

	color:var(--wc-color-success);

}

/* ==========================================================================
   Info
   ========================================================================== */

.wc-alert--info{

	background:#EFF6FF;

	border-color:#3B82F6;

	color:#1E40AF;

}

.wc-alert--info .wc-alert__icon{

	color:#2563EB;

}

/* ==========================================================================
   Warning
   ========================================================================== */

.wc-alert--warning{

	background:#FFFBEB;

	border-color:var(--wc-color-warning);

	color:#92400E;

}

.wc-alert--warning .wc-alert__icon{

	color:var(--wc-color-warning);

}

/* ==========================================================================
   Danger
   ========================================================================== */

.wc-alert--danger{

	background:#FEF2F2;

	border-color:var(--wc-color-danger);

	color:#991B1B;

}

.wc-alert--danger .wc-alert__icon{

	color:var(--wc-color-danger);

}

/* ==========================================================================
   Small
   ========================================================================== */

.wc-alert--sm{

	padding:.75rem 1rem;

	font-size:.875rem;

}

/* ==========================================================================
   Dismissible
   ========================================================================== */

.wc-alert--dismiss{

	padding-right:3rem;

	position:relative;

}

.wc-alert__close{

	position:absolute;

	top:.75rem;
	right:.75rem;

	width:30px;
	height:30px;

	display:flex;
	align-items:center;
	justify-content:center;

	border:none;
	background:none;

	cursor:pointer;

	color:inherit;

	border-radius:50%;

	transition:background-color .2s ease;

}

.wc-alert__close:hover{

	background:rgba(0,0,0,.08);

}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width:768px){

	.wc-alert{

		padding:1rem;

		gap:.75rem;

	}

}