.greentech-cookiewall-overlay {
position: fixed;
z-index: 99999;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, #f8fdf5 0%, #ecfbf2 100%);
backdrop-filter: blur(8px);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
width: 100vw;
transition: opacity 0.4s ease;
animation: cookieWallFadeIn 0.6s ease-out;
}
@keyframes cookieWallFadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.greentech-cookiewall-panel {
background: #ffffff;
border-radius: 20px;
box-shadow: 0 8px 48px rgba(113, 191, 69, 0.15), 0 4px 24px rgba(0, 0, 0, 0.08);
padding: 48px 36px 36px 36px;
max-width: 480px;
width: 90vw;
text-align: center;
border: 2px solid #e8f5e8;
position: relative;
animation: cookieWallSlideUp 0.6s ease-out 0.2s both;
}
@keyframes cookieWallSlideUp {
from { transform: translateY(40px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
.greentech-cookiewall-logo {
max-width: 180px;
height: auto;
margin: 0 auto 28px;
display: block;
filter: drop-shadow(0 2px 8px rgba(113, 191, 69, 0.1));
}
.greentech-cookiewall-panel h2 {
font-size: 26px;
font-weight: 700;
color: #71BF45;
margin-bottom: 18px;
margin-top: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
line-height: 1.3;
}
.greentech-cookiewall-panel p {
color: #2c3e50;
font-size: 16px;
line-height: 1.7;
margin: 0 0 28px 0;
font-weight: 400;
}
.greentech-cookiewall-panel p a {
color: #71BF45;
text-decoration: underline;
font-weight: 500;
transition: color 0.2s ease;
}
.greentech-cookiewall-panel p a:hover {
color: #5a9934;
}
.greentech-cookiewall-buttons {
display: flex;
gap: 12px;
flex-wrap: wrap;
justify-content: center;
margin-top: 20px;
}
.greentech-cookiewall-btn {
background: #71BF45;
border: 2px solid #71BF45;
border-radius: 10px;
color: #ffffff;
font-weight: 600;
font-size: 15px;
padding: 14px 28px;
cursor: pointer;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 120px;
box-shadow: 0 4px 16px rgba(113, 191, 69, 0.2);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
font-family: inherit;
position: relative;
overflow: hidden;
}
.greentech-cookiewall-btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
transition: left 0.5s;
}
.greentech-cookiewall-btn:hover::before {
left: 100%;
}
.greentech-cookiewall-btn:hover,
.greentech-cookiewall-btn:focus {
background: #5a9934;
border-color: #5a9934;
color: #ffffff;
outline: none;
transform: translateY(-3px) scale(1.02);
box-shadow: 0 8px 24px rgba(113, 191, 69, 0.3);
}
.greentech-cookiewall-btn:active {
transform: translateY(-1px) scale(1.01);
}
.greentech-cookiewall-btn.secondary {
background: #ffffff;
color: #71BF45;
border: 2px solid #71BF45;
box-shadow: 0 4px 16px rgba(113, 191, 69, 0.1);
}
.greentech-cookiewall-btn.secondary:hover,
.greentech-cookiewall-btn.secondary:focus {
background: #f8fdf5;
color: #5a9934;
border-color: #5a9934;
}
body.greentech-cookiewall-lock {
overflow: hidden !important;
position: fixed;
width: 100%;
height: 100%;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:focus,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:active {
background-color: #305475;
border-color: #305475;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:focus,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:active {
background-color: #f0f0f0;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:focus,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:active {
background-color: #f0f0f0;
}
@media (max-width: 767px) {
.greentech-cookiewall-panel {
padding: 32px 24px 28px 24px;
border-radius: 16px;
width: 95vw;
}
.greentech-cookiewall-logo {
max-width: 140px;
margin-bottom: 20px;
}
.greentech-cookiewall-panel h2 {
font-size: 22px;
margin-bottom: 16px;
}
.greentech-cookiewall-panel p {
font-size: 15px;
margin-bottom: 24px;
}
.greentech-cookiewall-buttons {
flex-direction: column;
gap: 12px;
align-items: center;
}
.greentech-cookiewall-btn {
width: 100%;
max-width: 280px;
padding: 16px 20px;
}
.e--ua-isTouchDevice .cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show {
bottom: 10px !important;
left: 10px !important;
}
}
@media (max-width: 480px) {
.greentech-cookiewall-panel {
padding: 28px 20px 24px 20px;
margin: 10px;
}
.greentech-cookiewall-logo {
max-width: 120px;
}
.greentech-cookiewall-panel h2 {
font-size: 20px;
}
.greentech-cookiewall-panel p {
font-size: 14px;
}
}
@media print {
.greentech-cookiewall-overlay {
display: none !important;
}
}
.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show {
bottom: 20px !important;
left: 20px !important;
border-radius: 100% !important;
content: 'a';
font-size: 0;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15), 0 2px 6px rgba(0, 0, 0, 0.1);
transition: 0.2s all;
width: 50px !important;
height: 50px !important;
min-width: 50px !important;
background-image: url(https://www.greentechvilnius.lt/wp-content/themes/hello-elementor-child/assets/images/greentech-consent-icon.svg);
background-size: cover;
background-repeat: no-repeat;
background-color: #e0ecce !important;
border: 6px solid #e0ecce !important;
}
.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show:hover{
opacity: 1;
}
#cmplz-manage-consent .cmplz-manage-consent:hover,
#cmplz-manage-consent .cmplz-manage-consent:active {
transform: scale(1.05);
box-shadow: 0 8px 20px rgb(0 0 0 / .2), 0 4px 8px rgb(0 0 0 / .15);
}