.outline-cookie{
 color: transparent;
    -webkit-text-stroke: 1.7px var(--wpgdpr-modal-primary, #e9124d);
    font-size: 20px;
}
.fa-cookie-bite:before {
    content: "\f564";
}
.wpgdpr-position-popup .wpgdpr-banner__content{
	display: block;
}
.wpgdpr-position-popup .wpgdpr-banner__actions{
	justify-content: center;
	margin-top:20px;
} 
.wpgdpr-position-popup{
	height: fit-content;
}

/* Cookie Icon Button */
.wpgdpr-cookie-icon {
/* 	color: #8032d1; */
	color:#6d28d2;
	position: fixed;
	bottom: 20px;
	left: 20px;
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: none;
	cursor: pointer;
	font-size: 24px;
	line-height: 1;
	background: #f5f2ff;
 	z-index: 99999;
    box-shadow: 0 10px 18px -8px rgb(128 50 209), 0 0 0 1px rgba(255, 255, 255, 0.3) inset;	
	transition: transform 0.2s ease, opacity 0.2s ease;	 
}

/* Hover */
.wpgdpr-cookie-icon:hover {
	transform: scale(1.08);
}

/* Hidden State */
.wpgdpr-is-hidden {
	display: none !important;
}

/* Dark theme compatibility */
.wpgdpr-theme-dark ~ .wpgdpr-cookie-icon {
	background: #fff;
	color: #222;
}

/* Mobile adjustments */
@media (max-width: 480px) {
	.wpgdpr-cookie-icon {
		width: 50px;
		height: 50px;
		font-size: 20px;
		bottom: 15px;
		right: 15px;
	}
}




.wpgdpr-banner {
	position: fixed;
	left: 16px;
	right: 16px;
	bottom: 16px;
	z-index: 99998;
	/* background: #111111; */
	/* color: #ffffff; */
	border-radius: 10px;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
}
.wpgdpr-banner__close{
	position: absolute;
    left: auto;
    right: 0px;
    background: transparent;
	border: 0;
	padding:10px;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	color: #444444;
	border-top-right-radius:12px;
} 
.wpgdpr-banner__close:hover{
	background:#e9124d;
	color:white;
}
.wpgdpr-banner,
.wpgdpr-modal-wrap {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 180ms ease-out, visibility 180ms ease-out;
}

.wpgdpr-is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* .wpgdpr-position-top {
	top: 16px;
	bottom: auto;
} */

.wpgdpr-position-bottom {
	top: auto;
	bottom: 16px;
	width:1200px;
    left: 50%;
    transform: translateX(-50%);
}
.wpgdpr-position-bottom-left {
    bottom: 20px;
    left: 20px;
	width:400px;
}

.wpgdpr-position-bottom-right {
    bottom: 20px;
    right: 20px;
	left:auto;
	width:400px;
}
.wpgdpr-position-popup{
    bottom: 20px;
    right: 200px;
	left:auto;
	width:400px;
}
/* Popup style banner */
.wpgdpr-position-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 500px;
	z-index: 100000;
	border-radius: 12px;
	box-shadow: 0 20px 50px rgba(0,0,0,0.25);
}

/* Blur background when popup banner is visible */
body.wpgdpr-blur-active::before {
	content: '';
	position: fixed;
	inset: 0;
	backdrop-filter: blur(9px);
/* 	background: rgba(0,0,0,0.2); */
	background: rgb(33 33 33 / 55%);
	z-index: 99999;
	pointer-events: none;
}

/* Prevent scroll */
body.wpgdpr-lock-scroll {
	overflow: hidden;
}
.wpgdpr-theme-light {
	background: var(--wpgdpr-bg, #ffffff);
	color: var(--wpgdpr-text, #111111);
}

.wpgdpr-theme-dark {
	background: var(--wpgdpr-bg, #111111);
	color: var(--wpgdpr-text, #ffffff);
}

.wpgdpr-theme-custom {
	background: var(--wpgdpr-bg, #111111);
	color: var(--wpgdpr-text, #ffffff);
}

.wpgdpr-banner__content {
	display: flex;
	gap: 16px;
	justify-content: space-between;
	align-items: center;
	padding: 22px;
	flex-wrap: wrap;
}

.wpgdpr-banner__text {
	margin: 0;
	max-width: 640px;
	font-size: 14px;
	line-height: 1.45;
}

.wpgdpr-banner__actions {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin:auto;
}

.wpgdpr-btn {
	border: 1px solid transparent;
	border-radius: 6px;
	padding: 8px 14px;
	font-size: 13.5px;
	cursor: pointer;
}
.wpgdpr-banner {
	background: var(--wpgdpr-bg, #ffffff);
	color: var(--wpgdpr-text, #000000);
}
.wpgdpr-banner.wpgdpr-theme-light,
.wpgdpr-modal.wpgdpr-theme-light {
	background: var(--wpgdpr-bg, #ffffff);
	color: var(--wpgdpr-text, #111111);
}

.wpgdpr-banner.wpgdpr-theme-dark {
	background: var(--wpgdpr-bg, #111111);
	color: var(--wpgdpr-text, #ffffff);
}
.wpgdpr-position-bottom .wpgdpr-banner__title{
	display: block !important;
    width: 100%;
    margin-bottom: -10px;
}
.wpgdpr-position-bottom .wpgdpr-banner__actions{
	margin-top:-8px;
}
/* .wpgdpr-btn:focus-visible,
.wpgdpr-modal__close:focus-visible,
.wpgdpr-switch input:focus-visible + span {
	outline: 2px solid #2ea2ff;
	outline-offset: 2px;
} */
.wpgdpr-switch{
position: relative;
	display: inline-block;
	/* width: 46px; */
	height: 24px;
}
.wpgdpr-switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.wpgdpr-slider {
	position: absolute;
	cursor: pointer;
	width:46px;
	top: 0;
	/* left: 0; */
	right: 0;
	bottom: 0;
	background-color: #cbd5e1;
	transition: .3s;
	border-radius: 34px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1);
}

.wpgdpr-slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	transition: .3s;
	border-radius: 50%;

}

.wpgdpr-switch input:checked + .wpgdpr-slider {
	/* background: var(--wpgdpr-button, #e9124d); */
	background:var(--wpgdpr-modal-primary, #e9124d);
}

.wpgdpr-switch input:checked + .wpgdpr-slider:before {
	transform: translateX(22px);
	background: white;
}

.wpgdpr-always-active-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	background-color:var(--wpgdpr-modal-secondary, #e9124d14);
	color: var(--wpgdpr-modal-primary, #e9124d);
	border:1px solid var(--wpgdpr-modal-border, #e9124d4d);
	font-size: 12px;
	font-weight: 600;
	border-radius: 20px;
	white-space: nowrap;
}

.wpgdpr-always-active-pill i {
	font-size: 12px;
}

.wpgdpr-btn--primary {
	background: var(--wpgdpr-button, #2ea2ff);
	color: #ffffff;
	border-color: var(--wpgdpr-button, #2ea2ff);
}

.wpgdpr-btn--secondary {
	background: #f1f1f1;
	color: #111111;
}

.wpgdpr-btn--ghost {
	background: transparent;
	border-color: #666666;
	color: #ffffff;
}

.wpgdpr-btn-primary {
	background: var(--wpgdpr-button, #2ea2ff);
	color: #ffffff;
	border-color: var(--wpgdpr-button, #2ea2ff);
}

.wpgdpr-btn-outline {
	background: transparent;
	border-color: currentColor;
	color: inherit;
}

.wpgdpr-banner.wpgdpr-is-visible.wpgdpr-animation-fade,
.wpgdpr-modal-wrap.wpgdpr-is-visible .wpgdpr-modal.wpgdpr-animation-fade {
	animation: wpgdpr-fade-in 180ms ease-out;
}

.wpgdpr-banner.wpgdpr-is-visible.wpgdpr-animation-slide,
.wpgdpr-modal-wrap.wpgdpr-is-visible .wpgdpr-modal.wpgdpr-animation-slide {
	animation: wpgdpr-slide-in 220ms ease-out;
}

.wpgdpr-banner__logo {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 24px;
	padding: 0 8px;
	font-size: 11px;
	font-weight: 600;
	border-radius: 999px;
	border: 1px solid currentColor;
	opacity: 0.85;
}

.wpgdpr-modal-wrap {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: flex;
    justify-content: center;
    align-items: center;
}

.wpgdpr-modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
}

.wpgdpr-modal {
	position: relative;
	max-width: 720px;
	margin: 28px auto;
	background: var(--wpgdpr-bg, #ffffff);
	color: var(--wpgdpr-text, #111111);
	border-radius: 10px;
	padding: 16px 28px;
	max-height: 570px;
	overflow: auto;
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
.wpgdpr-modal h2,.wpgdpr-modal h3{
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.wpgdpr-modal__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

.wpgdpr-modal__header h2 {
	margin: 0;
}

.wpgdpr-modal__close {
	background: transparent;
	border: 0;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
	color: #444444;
}

.wpgdpr-modal__description {
	margin: 10px 0 20px;
}
/* for safety--it overrides default color so added this */
 #wpgdpr-modal .wpgdpr-btn,#wpgdpr-modal .wpgdpr-switch input:checked + .wpgdpr-slider {
    background: var(--wpgdpr-modal-primary, #e9124d) !important;
    border-color: var(--wpgdpr-modal-secondary, #e9124d14) !important;
} 
.wpgdpr-category {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	/* padding: 12px 0; */
	/* border-top: 1px solid #e3e3e3; */
	background: rgba(255, 255, 255, 0.5);
    border-radius: 2rem;
    padding: 13px 22px; 
    margin-bottom: 10px;
    border: 1px solid rgba(0, 0, 0, 0.03);
    transition: background 0.2s, border 0.2s, box-shadow 0.2s;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02);
}

.wpgdpr-category:hover{
	background: rgba(255, 255, 255, 0.9);
    /* border: 1px solid rgba(233, 18, 77, 0.3); */
	border:1px solid var(--wpgdpr-modal-border, #e9124d4d);
    box-shadow: 0 8px 18px -10px var(--wpgdpr-modal-secondary, #e9124d14);
}

.wpgdpr-category h3 {
	margin: 0 0 2.5px;
	font-size: 14.5px;
}

.wpgdpr-category p {
	margin: 0;
	font-size: 13px;
	color: #555555;
}

.wpgdpr-category--required {
	opacity: 0.9;
}

.wpgdpr-switch {
	white-space: nowrap;
	font-size: 14px;
}

.wpgdpr-switch input {
	margin-right: 6px;
}

.wpgdpr-modal__actions {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 15px;
	padding-top: 0px;
	/* border-top: 1px solid #e3e3e3; */
}
.wpgdpr-consent-analytics {
	appearance: none;
}
 

.wpgdpr-powered-by {
	margin-top: 10px;
	font-size: 12px;
	text-align: end;
	opacity: 0.8;  
	border-top: 1px dashed rgba(233, 18, 77, 0.2);
    padding-top: 10px;
}

.wpgdpr-powered-by a {
	text-decoration: none;    
	color:var(--wpgdpr-modal-primary, #e9124d);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px dotted var(--wpgdpr-modal-border, #e9124d4d);
}

 
.wpgdpr-btn--modal-confirm{
	border-radius:48px;
    /* background: var(--wpgdpr-button, #e9124d); */
    background: var(--wpgdpr-modal-primary, #e9124d);
	color: white;
    box-shadow: 0 10px 18px -8px var(--wpgdpr-modal-secondary, #e9124d14), 0 0 0 1px var(--wpgdpr-modal-secondary, #e9124d14) inset;
}
.wpgdpr-btn--modal-confirm:hover{
	/* background: #d11044; */
    transform: scale(1.02);
    /* box-shadow: 0 16px 22px -10px #e9124dcc; */
	opacity:0.9;
}

.wpgdpr-category-title{
	    color: #1e293b;
		font-size:17px;
		font-weight:500;
		margin-bottom:14px;
 }
.wpgdpr-category-title i{
font-size:16.2px;
/* color:#e9124d; */
color: var(--wpgdpr-modal-primary, #e9124d);
}  

#wpgdpr-modal-description{
	font-size: 14px; 
    line-height: 1.5;
    color: #334155;
    margin-bottom: 24px;
    background: rgba(255, 255, 255, 0.5);
    padding: 14px 18px;
    border-radius: 1.8rem;
    border: 1px solid var(--wpgdpr-modal-border, #e9124d4d);
}  
#wpgdpr-modal-description a{
    color: var(--wpgdpr-modal-primary, #e9124d);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px dotted var(--wpgdpr-modal-border, #e9124d4d);
    transition: 0.2s;
} 
#wpgdpr-modal-sub-title{
	align-items: center;
    display: flex;
    gap: 3px;
    font-weight: 600;
    color: #1e293b;
/*     border-left: 4px solid #e9124d; */
	margin-top: 11px;
    font-size: 19px;
/*     padding-left: 10px; */
    margin-bottom: 13.5px;
}
#wpgdpr-modal-title{
	display:flex;
	align-items: center;
	font-weight: 600;
    font-size: 21px;
 } 
#wpgdpr-modal-title i{
	padding-right:7px;
	font-size: 25px;
    color: var(--wpgdpr-modal-primary, #e9124d);
    filter: drop-shadow(0 4px 8px rgba(233, 18, 77, 0.2));
} 
.wpgdpr-category-container{
    max-height: 220px;
    overflow-y: scroll;
}
.wpgdpr-btn--primary:hover{
	opacity:0.8;
}
.wpgdpr-theme-dark .wpgdpr-btn:not(.wpgdpr-modal__actions .wpgdpr-btn){
	background: white;
    border-color: white;
	color:black;
}
.wpgdpr-btn-custom-secondary{
background-color:white !important;
color: black !important;
 border-color: black !important;
}
.wpgdpr-btn-custom-secondary:hover{
	background-color:black !important;
	color:white !important;
}
.wpgdpr-theme-dark .wpgdpr-btn-custom-secondary{
	background: black !important;
    border: 1px solid white !important;
    color: white !important;
}
.wpgdpr-theme-dark .wpgdpr-banner__close {
	color:white;
}
.wpgdpr-banner__title{
	margin-top: -5px;
    margin-bottom: 5px;
    font-size: 18px !important;
    font-weight: 600 !important;
    font-family: sans-serif;
}
.wpgdpr-theme-dark .wpgdpr-banner__title{
	color: white !important;
}
@keyframes wpgdpr-fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes wpgdpr-slide-in {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 768px) {
	.wpgdpr-modal {
		margin: 0;
        height: 92vh;
        max-height: 94vh;
        max-width: 300px !important;
        border-radius: 0;
    }

	.wpgdpr-category {
		align-items: flex-start;
		flex-direction: row;
	}
	.wpgdpr-category--required{
		flex-direction: column;
		gap:8px;
	}
}