.foodord-google-config-box {
background: #f0f6fc;
border: 1px solid #cce5ff;
padding: 15px;
border-radius: 4px;
margin-bottom: 20px;
}
.foodord-google-config-title {
margin-top: 0;
font-size: 14px;
font-weight: 600;
}
.foodord-google-steps {
margin-left: 20px;
list-style-type: decimal;
}
.foodord-integrations-card {
max-width: 100%;
padding: 20px;
margin-top: 20px;
box-sizing: border-box;
}
.foodord-settings-wrap .foodord-integrations__title {
margin-bottom: 6px;
}
.foodord-settings-wrap .foodord-integrations__intro {
margin-top: 6px;
margin-bottom: 18px;
}
body.woocommerce-account .woocommerce form.login .button[name="login"],
body.woocommerce-account .woocommerce form.register .button[name="register"],
body.woocommerce-account .woocommerce form.login .woocommerce-form-login__submit,
#customer_login form.login .button[name="login"] {
width: 100%;
background-color: #111827;
color: #ffffff;
border: none;
border-radius: 8px;
padding: 12px 20px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
margin-top: 10px;
height: auto;
line-height: 1.4;
display: block;
box-shadow: none;
text-transform: none;
appearance: none;
}
body.woocommerce-account .woocommerce form.login .button[name="login"]:hover,
body.woocommerce-account .woocommerce form.register .button[name="register"]:hover,
#customer_login form.login .button[name="login"]:hover {
background-color: #000000;
transform: translateY(-1px);
color: #ffffff;
}
.foodord-login-divider {
display: flex;
align-items: center;
text-align: center;
margin: 24px 0 16px;
color: #9ca3af;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.foodord-login-divider::before,
.foodord-login-divider::after {
content: '';
flex: 1;
border-bottom: 1px solid #f1f5f9;
}
.foodord-login-divider:not(:empty)::before {
margin-right: 12px;
}
.foodord-login-divider:not(:empty)::after {
margin-left: 12px;
}
.foodord-google-login-wrapper {
width: 100%;
margin-bottom: 15px;
display: block;
}
body.woocommerce-account .woocommerce .foodord-google-login-button,
.foodord-google-login-button {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: #ffffff;
color: #374151;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 10px 20px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
box-sizing: border-box;
height: auto;
line-height: 1.4;
}
body.woocommerce-account .woocommerce .foodord-google-login-button:hover,
.foodord-google-login-button:hover {
background-color: #f8fafc;
border-color: #cbd5e1;
color: #111827;
}
.foodord-google-icon {
width: 18px;
height: 18px;
margin-right: 10px;
flex-shrink: 0;
}
.foodord-google-icon--mobile {
width: 18px;
height: 18px;
margin-right: 8px;
filter: none;
}
.mobile-nav-drawer__actions .mobile-nav-drawer__btn-google {
grid-column: span 2;
background-color: #ffffff;
color: #374151;
border: 1px solid #e2e8f0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 10px;
padding: 10px;
border-radius: 12px;
font-weight: 600;
font-size: 13px;
text-decoration: none;
transition: all 0.2s ease;
margin-top: 4px;
}
.mobile-nav-drawer__actions .mobile-nav-drawer__btn-google:hover {
background-color: #f8fafc;
border-color: #cbd5e1;
}
.mobile-nav-drawer__actions .mobile-nav-drawer__btn-google .foodord-google-icon--mobile {
margin-right: 8px;
width: 18px;
height: 18px;
}.foodord-pro-stampcard-badge {
position: absolute;
right: 122px;
bottom: 20px;
height: 42px;
padding: 0 18px;
border-radius: 21px;
border: 1px solid rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.15);
backdrop-filter: blur(20px) saturate(180%);
color: #ffffff;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 10px;
z-index: 6;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow:
0 8px 32px rgba(0, 0, 0, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 0.4),
inset 0 -1px 0 rgba(255, 255, 255, 0.1);
}
.foodord-pro-stampcard-badge:hover {
border-color: rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.25);
transform: translateY(-2px);
box-shadow:
0 12px 40px rgba(0, 0, 0, 0.15),
inset 0 1px 0 rgba(255, 255, 255, 0.5),
inset 0 -1px 0 rgba(255, 255, 255, 0.15);
}
.foodord-pro-stampcard-badge:active {
transform: translateY(-1px);
box-shadow:
0 6px 24px rgba(0, 0, 0, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.3),
inset 0 -1px 0 rgba(255, 255, 255, 0.05);
}
.foodord-pro-stampcard-badge:focus {
outline: none;
}
.foodord-pro-stampcard-badge:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.6);
outline-offset: 2px;
}
@media (max-width: 480px) {
.foodord-pro-stampcard-badge {
right: 112px;
bottom: 20px;
height: 38px;
padding: 0 14px;
gap: 8px;
}
}
.foodord-pro-stampcard-badge__icon {
width: 20px;
height: 20px;
background-image: url(//www.pittahetpleintje.be/wp-content/plugins/foodord-pro/assets/images/stamp.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
display: inline-block;
filter: brightness(1.1) contrast(1.1);
}
.foodord-pro-stampcard-badge__label {
font-size: 13px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.03em;
text-transform: uppercase;
white-space: nowrap;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
body.foodord-pro-stampcard-modal-open {
overflow: hidden;
}
.foodord-pro-stampcard-modal {
position: fixed;
inset: 0;
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease-out;
}
.foodord-pro-stampcard-modal.is-visible {
opacity: 1;
pointer-events: auto;
}
.foodord-pro-stampcard-modal .foodord-pro-stampcard-modal__dialog {
opacity: 0;
transform: translateY(10px) scale(0.98);
transition: opacity 0.18s ease, transform 0.18s ease;
}
.foodord-pro-stampcard-modal.is-visible .foodord-pro-stampcard-modal__dialog {
opacity: 1;
transform: translateY(0) scale(1);
}
.foodord-pro-stampcard-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(15, 23, 42, 0.25);
opacity: 0;
transition: opacity 0.2s ease-out;
}
.foodord-pro-stampcard-modal.is-visible .foodord-pro-stampcard-modal__backdrop {
opacity: 1;
}
.foodord-pro-stampcard-modal__dialog {
position: relative;
max-width: 520px;
width: calc(100% - 32px);
margin: 0;
background: #ffffff;
border-radius: 12px;
border: 1px solid #e2e8f0;
max-height: calc(100vh - 48px);
overflow: auto;
z-index: 1;
}
.foodord-pro-stampcard-modal__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 20px 24px;
border-bottom: 1px solid #e2e8f0;
background: #ffffff;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
.foodord-pro-stampcard-modal__title {
margin: 0;
font-size: 18px;
font-weight: 600;
color: #0f172a;
letter-spacing: -0.01em;
}
.foodord-pro-stampcard-modal__close {
border: none;
background: transparent;
color: #64748b;
font-size: 24px;
line-height: 1;
cursor: pointer;
width: 32px;
height: 32px;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.foodord-pro-stampcard-modal__close:hover {
background: transparent;
color: #0f172a;
}
.foodord-pro-stampcard-modal__close:focus {
outline: none;
background: #e2e8f0;
}
.foodord-pro-stampcard-modal__body {
padding: 24px;
background: #ffffff;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
}
.foodord-pro-stampcard-modal__text {
margin: 0;
color: #475569;
font-size: 14px;
line-height: 1.6;
}
.foodord-pro-stampcard-modal__section-title {
font-size: 13px;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #64748b;
margin: 24px 0 16px 0;
font-weight: 500;
padding-left: 2px;
}
.foodord-pro-stampcard-modal__section-title:first-child {
margin-top: 0;
}
.foodord-pro-stampcard-modal__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 12px;
}
.foodord-pro-stampcard-modal__list li {
margin: 0;
padding: 16px 16px 16px 52px;
background: #ffffff;
border-radius: 8px;
border: 1px solid #e2e8f0;
position: relative;
overflow: hidden;
color: #334155;
font-size: 14px;
line-height: 1.5;
}
.foodord-pro-stampcard-modal__list li::before {
content: "";
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
background-color: #64748b; -webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
} .foodord-pro-stampcard-modal__list li.foodord-stamp-item--earn::before {
background-color: hsl(146, 98%, 34%); -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCcgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZT0nY3VycmVudENvbG9yJz48cGF0aCBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIGQ9J005IDEyLjc1IDExLjI1IDE1IDE1IDkuNzVNMjEgMTJjMCAxLjI2OC0uNjMgMi4zOS0xLjU5MyAzLjA2OGEzLjc0NSAzLjc0NSAwIDAgMS0xLjA0MyAzLjI5NiAzLjc0NSAzLjc0NSAwIDAgMS0zLjI5NiAxLjA0M0EzLjc0NSAzLjc0NSAwIDAgMSAxMiAyMWMtMS4yNjggMC0yLjM5LS42My0zLjA2OC0xLjU5M2EzLjc0NiAzLjc0NiAwIDAgMS0zLjI5Ni0xLjA0MyAzLjc0NSAzLjc0NSAwIDAgMS0xLjA0My0zLjI5NkEzLjc0NSAzLjc0NSAwIDAgMSAzIDEyYzAtMS4yNjguNjMtMi4zOSAxLjU5My0zLjA2OGEzLjc0NSAzLjc0NSAwIDAgMSAxLjA0My0zLjI5NiAzLjc0NiAzLjc0NiAwIDAgMSAzLjI5Ni0xLjA0M0EzLjc0NiAzLjc0NiAwIDAgMSAxMiAzYzEuMjY4IDAgMi4zOS42MyAzLjA2OCAxLjU5M2EzLjc0NiAzLjc0NiAwIDAgMSAzLjI5NiAxLjA0MyAzLjc0NiAzLjc0NiAwIDAgMSAxLjA0MyAzLjI5NkEzLjc0NSAzLjc0NSAwIDAgMSAyMSAxMlonIC8+PC9zdmc+");
mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCcgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZT0nY3VycmVudENvbG9yJz48cGF0aCBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIGQ9J005IDEyLjc1IDExLjI1IDE1IDE1IDkuNzVNMjEgMTJjMCAxLjI2OC0uNjMgMi4zOS0xLjU5MyAzLjA2OGEzLjc0NSAzLjc0NSAwIDAgMS0xLjA0MyAzLjI5NiAzLjc0NSAzLjc0NSAwIDAgMS0zLjI5NiAxLjA0M0EzLjc0NSAzLjc0NSAwIDAgMSAxMiAyMWMtMS4yNjggMC0yLjM5LS42My0zLjA2OC0xLjU5M2EzLjc0NiAzLjc0NiAwIDAgMS0zLjI5Ni0xLjA0MyAzLjc0NSAzLjc0NSAwIDAgMS0xLjA0My0zLjI5NkEzLjc0NSAzLjc0NSAwIDAgMSAzIDEyYzAtMS4yNjguNjMtMi4zOSAxLjU5My0zLjA2OGEzLjc0NSAzLjc0NSAwIDAgMSAxLjA0My0zLjI5NiAzLjc0NiAzLjc0NiAwIDAgMSAzLjI5Ni0xLjA0M0EzLjc0NiAzLjc0NiAwIDAgMSAxMiAzYzEuMjY4IDAgMi4zOS42MyAzLjA2OCAxLjU5M2EzLjc0NiAzLjc0NiAwIDAgMSAzLjI5NiAxLjA0MyAzLjc0NiAzLjc0NiAwIDAgMSAxLjA0MyAzLjI5NkEzLjc0NSAzLjc0NSAwIDAgMSAyMSAxMlonIC8+PC9zdmc+");
} .foodord-pro-stampcard-modal__list li.foodord-stamp-item--redeem::before {
background-color: hsl(146, 98%, 34%); -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCcgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZT0nY3VycmVudENvbG9yJz48cGF0aCBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIGQ9J00yMSAxMS4yNXY4LjI1YTEuNSAxLjUgMCAwIDEtMS41IDEuNUg0LjVhMS41IDEuNSAwIDAgMS0xLjUtMS41di04LjI1TTEyIDQuODc1QTIuNjI1IDIuNjI1IDAgMSAwIDkuMzc1IDcuNUgxMm0wLTIuNjI1VjcuNW0wLTIuNjI1QTIuNjI1IDIuNjI1IDAgMSAxIDE0LjYyNSA3LjVIMTJtMCAwVjIxbS04LjYyNS05Ljc1aDE4Yy42MjEgMCAxLjEyNS0uNTA0IDEuMTI1LTEuMTI1di0xLjVjMC0uNjIxLS41MDQtMS4xMjUtMS4xMjUtMS4xMjVoLTE4Yy0uNjIxIDAtMS4xMjUuNTA0LTEuMTI1IDEuMTI1djEuNWMwIC42MjEuNTA0IDEuMTI1IDEuMTI1IDEuMTI1WicgLz48L3N2Zz4=");
mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCcgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZT0nY3VycmVudENvbG9yJz48cGF0aCBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIGQ9J00yMSAxMS4yNXY4LjI1YTEuNSAxLjUgMCAwIDEtMS41IDEuNUg0LjVhMS41IDEuNSAwIDAgMS0xLjUtMS41di04LjI1TTEyIDQuODc1QTIuNjI1IDIuNjI1IDAgMSAwIDkuMzc1IDcuNUgxMm0wLTIuNjI1VjcuNW0wLTIuNjI1QTIuNjI1IDIuNjI1IDAgMSAxIDE0LjYyNSA3LjVIMTJtMCAwVjIxbS04LjYyNS05Ljc1aDE4Yy42MjEgMCAxLjEyNS0uNTA0IDEuMTI1LTEuMTI1di0xLjVjMC0uNjIxLS41MDQtMS4xMjUtMS4xMjUtMS4xMjVoLTE4Yy0uNjIxIDAtMS4xMjUuNTA0LTEuMTI1IDEuMTI1djEuNWMwIC42MjEuNTA0IDEuMTI1IDEuMTI1IDEuMTI1WicgLz48L3N2Zz4=");
} .foodord-pro-stampcard-modal__list li.foodord-stamp-item--validity::before {
background-color: hsl(146, 98%, 34%); -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCcgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZT0nY3VycmVudENvbG9yJz48cGF0aCBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIGQ9J00xMiA2djZoNC41bTQuNSAwYTkgOSAwIDEgMS0xOCAwIDkgOSAwIDAgMSAxOCAwWicgLz48L3N2Zz4=");
mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyNCAyNCcgc3Ryb2tlLXdpZHRoPScxLjUnIHN0cm9rZT0nY3VycmVudENvbG9yJz48cGF0aCBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIGQ9J00xMiA2djZoNC41bTQuNSAwYTkgOSAwIDEgMS0xOCAwIDkgOSAwIDAgMSAxOCAwWicgLz48L3N2Zz4=");
}
.foodord-pro-stampcard-modal__note {
margin-top: 20px;
font-size: 12px;
line-height: 1.5;
color: #64748b;
text-align: left;
}