/* =============================================================================
   DOTCRAFT BASE — COOKIE BANNER
   Banner fijo al pie con un único botón "Aceptar".
   Usa tokens --dc-*. Los child themes no necesitan sobreescribir nada.
   ============================================================================= */

.dc-cookie-banner {
	position:    fixed;
	inset:       auto 0 0 0;
	z-index:     var(--dc-z-toast);
	display:     flex;
	align-items: center;
	gap:         var(--dc-space-4);
	padding:     var(--dc-space-4) var(--dc-gutter);
	background:  var(--dc-color-bg);
	color:       var(--dc-color-text);
	border-top:  var(--dc-border);
	box-shadow:  var(--dc-shadow-md);
	font-family: var(--dc-font-base);
	font-size:   var(--dc-font-size-sm);
}

.dc-cookie-banner__text {
	flex:   1;
	margin: 0;
}

.dc-cookie-banner__accept {
	padding:       var(--dc-space-2) var(--dc-space-5);
	min-height:    44px;
	background:    var(--dc-color-accent);
	color:         var(--dc-white);
	border:        0;
	border-radius: var(--dc-radius-sm);
	font:          inherit;
	cursor:        pointer;
	transition:    background var(--dc-duration-fast) var(--dc-ease);
}

.dc-cookie-banner__accept:hover {
	background: var(--dc-color-accent-hover);
}

@media (max-width: 480px) {
	.dc-cookie-banner {
		flex-direction: column;
		text-align:     center;
	}
}