/* Estilização principal da barra de aviso de cookies */
.gdpr-cookie-notice {
	position: fixed; /* Fixa o aviso na tela */
	background: var(--dark-grey-color); /* Cor de fundo da barra */
	left: 0;
	bottom: 0;
	right: 0;
	padding: 25px; /* Espaçamento interno */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; /* Usa Flexbox para layout dos elementos internos */
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; /* Alinha itens verticalmente ao centro */
	-webkit-transition: all ease 1s;
	transition: all ease 1s; /* Transição suave para animações */
	-webkit-transform: translateY(100%);
	transform: translateY(100%); /* Inicialmente esconde a barra abaixo da tela */
	z-index: 99; /* Garante que fique acima de outros elementos */
}

/* Responsividade: em telas menores, a barra se organiza em coluna */
@media (max-width: 768px) {
	body .gdpr-cookie-notice {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

/* Quando carregado, a barra sobe e fica visível */
.gdpr-cookie-notice-loaded .gdpr-cookie-notice {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

/* Estilização do texto da mensagem de cookies */
.gdpr-cookie-notice-description {
	margin: 0;
	padding: 0 16px 0 0;
	color: var(--secondary-p-color); /* Cor do texto */
	font-size: 13px;
	line-height: 20px;
	text-align: left;
}

/* Ajustes para o texto em dispositivos móveis */
@media(max-width: 768px) {
	body .gdpr-cookie-notice-description {
		padding: 0;
		margin: 0 0 25px 0;
	}

	body .gdpr-cookie-notice-nav {
		justify-content: center; /* Centraliza os botões */
		margin: 0;
	}
}

/* Estilização da área de navegação (botões de aceitar, etc.) */
.gdpr-cookie-notice-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; /* Alinha verticalmente */
	margin: 0 0 0 auto; /* Empurra para a direita */
	background: none;
	width: auto;
	height: auto;
	padding: 0;
}


/* Estilo do link padrão da navegação do aviso de cookies */
a.gdpr-cookie-notice-nav-item:not(.btn) {
    text-decoration: none;         /* Remove sublinhado padrão */
    display: block;                /* Ocupa toda a largura do contêiner pai */
    white-space: nowrap;           /* Impede que o texto quebre em várias linhas */
    color: var(--primary-color);   /* Define a cor do texto */
    padding: 0 15px;               /* Espaçamento horizontal */
    font-weight: 600;              /* Deixa o texto mais espesso */
}

/* Remove sublinhado quando o item é hover */
.gdpr-cookie-notice-nav-item:hover {
	text-decoration: none;
}

/* Estilização especial para o botão da navegação (ex: "Aceitar") */
a.gdpr-cookie-notice-nav-item-btn:not(.btn) {
    padding: 10px 15px;                   /* Espaçamento interno do botão */
    background-color: var(--primary-color); /* Cor de fundo */
    border-radius: 2px;                  /* Bordas arredondadas */
    color: var(--primary-b-color);       /* Cor do texto */
    font-weight: 400;                    /* Peso do texto */
    line-height: 1.2;                    /* Altura da linha */
}

/* Container do modal de configurações de cookies */
.gdpr-cookie-notice-modal {
	position: fixed;                      /* Fixa na tela */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;                        /* Sobrepõe outros elementos */
	background: rgba(0, 0, 0, 0.5);       /* Fundo escuro translúcido */
	overflow: auto;                      /* Scroll caso o conteúdo ultrapasse a tela */
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;                 /* Centraliza verticalmente */
	padding: 20px 10px;
	display: none;                       /* Esconde por padrão */
}

/* Exibe o modal quando a classe controladora estiver presente */
.gdpr-cookie-notice-show-modal .gdpr-cookie-notice-modal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* Conteúdo principal do modal */
.gdpr-cookie-notice-modal-content {
	width: 450px;
	border-radius: 2px;                    /* Bordas arredondadas */
	background: var(--primary-bg-color);   /* Cor de fundo do conteúdo */
	margin: auto;                          /* Centraliza horizontalmente */
}

/* Cabeçalho do modal (título + botão de fechar) */
.gdpr-cookie-notice-modal-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 25px;
}

/* Título do modal */
.gdpr-cookie-notice-modal-title {
	font-size: 22px;
	color: var(--dark-grey-color);
	font-weight: 600;
	margin: 0;
	padding: 0;
}

/* Botão de fechar (X) */
.gdpr-cookie-notice-modal-close {
	width: 24px;
	height: 24px;
	margin: 0 0 0 auto;                     /* Alinha à direita */
	background: none;
	border: none;
	outline: none;
	padding: 0;
	position: relative;
	-webkit-transform: rotate(45deg);      /* Gira para formar um X */
	transform: rotate(45deg);
}

/* Criando o X com dois traços sobrepostos */
.gdpr-cookie-notice-modal-close:before,
.gdpr-cookie-notice-modal-close:after {
	width: 18px;
	height: 2px;
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: var(--dark-grey-color);  /* Cor dos traços */
}


/* Gira a segunda linha do botão de fechar para formar um X */
.gdpr-cookie-notice-modal-close:after {
	-webkit-transform: translate(-50%, -50%) rotate(90deg); /* Gira 90° em relação à primeira */
	transform: translate(-50%, -50%) rotate(90deg);
}

/* Efeito ao passar o mouse sobre o botão de fechar do modal */
.gdpr-cookie-notice-modal-close:hover {
	-webkit-transform: rotate(45deg); /* Mantém a rotação para formato de X */
	transform: rotate(45deg);
	opacity: 1; /* Garante que o botão fique visível */
}

/* Lista de categorias de cookies */
.gdpr-cookie-notice-modal-cookies {
	display: block;
	margin: 0;
	padding: 0 10px;
	list-style-type: none; /* Remove marcadores padrão */
}

/* Item individual da lista de cookies */
.gdpr-cookie-notice-modal-cookie {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* Linha com conteúdo de cada categoria de cookie */
.gdpr-cookie-notice-modal-cookie-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; /* Layout em linha */
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; /* Centraliza verticalmente */
	padding: 12px 16px;
}

/* Título de cada categoria de cookie */
.gdpr-cookie-notice-modal-cookie-title {
	font-family: var(--p-font);
	font-weight: normal;
	font-size: 1rem;
	color: var(--primary-p-color);
	margin: 0;
	padding: 0;
	line-height: 1;
	position: relative;
	cursor: pointer; /* Mostra que é clicável */
}

/* Seta visual indicando expansão/colapso */
.gdpr-cookie-notice-modal-cookie-title:after {
	width: 0;
	height: 0;
	content: '';
	display: block;
	position: absolute;
	right: -17px;
	top: 50%;
	margin-top: -2px;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

/* Gira a seta quando o item está aberto */
.open .gdpr-cookie-notice-modal-cookie-title:after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

/* Estado do cookie (ativado ou desativado visualmente) */
.gdpr-cookie-notice-modal-cookie-state {
	color: var(--primary-color);
	margin-left: auto;
	font-size: 1rem;
}

/* Esconde o input checkbox */
.gdpr-cookie-notice-modal-cookie-input {
	opacity: 0;
}

/* Quando ativado (checked), o switch muda de cor */
.gdpr-cookie-notice-modal-cookie-input:checked + .gdpr-cookie-notice-modal-cookie-input-switch {
	background: var(--primary-color);
	-webkit-box-shadow: inset 0px 0px 0px 1px var(--primary-color);
	box-shadow: inset 0px 0px 0px 1px var(--primary-color);
}

/* Estilização do switch de controle dos cookies */
.gdpr-cookie-notice-modal-cookie-input-switch {
	width: 24px;
	height: 24px;
	border-radius: 50%; /* Formato circular */
	-webkit-box-shadow: inset 0px 0px 0px 1px var(--primary-p-color);
	box-shadow: inset 0px 0px 0px 1px var(--primary-p-color);
	margin: 0 0 0 auto; /* Alinha à direita */
	position: relative;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	cursor: pointer;
}

/* Ícone de "check" dentro do switch, visível quando ativado */
.gdpr-cookie-notice-modal-cookie-input-switch:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: url('data:image/svg+xml;utf8,<svg height="11" viewBox="0 0 14 11" width="14" xmlns="http://www.w3.org/2000/svg"><path d="m5 10.42-5-5 1.41-1.41 3.59 3.58 7.59-7.59 1.41 1.42z" fill="rgb(255,255,255)" fill-rule="evenodd"/></svg>') no-repeat center 7px;
	content: '';
	display: block;
}


/* Texto adicional que aparece ao expandir informações sobre o cookie */
.gdpr-cookie-notice-modal-cookie-info {
	margin: 0;
	padding: 0 16px 12px 16px;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.5); /* Tom de cinza claro */
	line-height: 16px;
	display: none; /* Oculto por padrão */
}

/* Exibe o texto quando a classe .open está presente */
.open .gdpr-cookie-notice-modal-cookie-info {
	display: block;
}

/* Rodapé do modal de cookies com espaçamento e alinhamento */
.gdpr-cookie-notice-modal-footer {
	background: var(--primary-bg-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; /* Layout em linha */
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center; /* Centraliza verticalmente */
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; /* Distribui os itens com espaço entre eles */
	padding: 25px;
	border-radius: 0 0 2px 2px; /* Arredonda apenas o canto inferior */
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; /* Permite quebra de linha em telas menores */
}

/* Link simples no rodapé (não é botão) */
a.gdpr-cookie-notice-modal-footer-item:not(.btn) {
	font-weight: 400;
	font-size: 1rem;
	margin: 0;
	padding: 0;
	color: var(--primary-color);
	position: relative;
}

/* Botão de ação no rodapé */
a.gdpr-cookie-notice-modal-footer-item-btn:not(.btn) {
	padding: 10px 25px;
	background-color: var(--primary-color);
	border-radius: 2px;
	color: var(--primary-b-color);
	font-weight: 400;
}

/* Transição suave do texto dentro do botão */
.gdpr-cookie-notice-modal-footer-item-btn span {
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

/* Ícone de check (✔️) que aparece quando o botão é salvo */
.gdpr-cookie-notice-modal-footer-item-btn:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	content: '';
	opacity: 0; /* Oculto por padrão */
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	display: block;
	background: url('data:image/svg+xml;utf8,<svg height="11" viewBox="0 0 14 11" width="14" xmlns="http://www.w3.org/2000/svg"><path d="m5 10.42-5-5 1.41-1.41 3.59 3.58 7.59-7.59 1.41 1.42z" fill="rgb(255,255,255)" fill-rule="evenodd"/></svg>') no-repeat center;
}

/* Esconde o texto do botão quando está no estado "salvo" */
.gdpr-cookie-notice-modal-footer-item-btn.saved span {
	opacity: 0;
}

/* Exibe o ícone de check quando o botão está no estado "salvo" */
.gdpr-cookie-notice-modal-footer-item-btn.saved:after {
	opacity: 1;
}

/* Estilo ao passar o mouse sobre itens de rodapé */
.gdpr-cookie-notice-modal-footer-item:hover {
	text-decoration: none;
	opacity: 1;
}