Available positions at your selected store

:root { /* 🎨 Primary Colo rs */ /* Rich Deep Green */ --df-messenger-primary-color: #006C46; /* Soft Neutral Gray */ --df-messenger-border-color: #C4C4C4; /* Darker Gray for readability */ --df-messenger-element-font-color: #2F2F2F; /* 💬 Chat Window */ --df-messenger-chat-border: 1px solid var(--df-messenger-border-color); --df-messenger-chat-border-radius: 18px; --df-messenger-chat-background: #FFFFFF; --df-messenger-chat-padding: 20px 20px 5px 20px; --df-messenger-chat-window-width: 380px; --df-messenger-chat-window-height: 600px; --df-messenger-chat-padding-minimized: 14px; /* ⬇️ Scroll Button */ --df-messenger-chat-scroll-button-enabled-display: flex; --df-messenger-chat-scroll-button-align: flex-end; --df-messenger-chat-scroll-button-container-padding: 10px; --df-messenger-chat-scroll-button-background: #36A969; --df-messenger-chat-scroll-button-font-color: #FFFFFF; --df-messenger-chat-scroll-button-padding: 12px; /* 📌 Title Bar */ --df-messenger-titlebar-background: #FFFFFF; --df-messenger-titlebar-font-color: #2F2F2F; --df-messenger-titlebar-border-bottom: 2px solid var(--df-messenger-border-color); --df-messenger-titlebar-padding: 5px 26px; --df-messenger-titlebar-title-font-size: 20px; --df-messenger-titlebar-title-line-height: 26px; --df-messenger-titlebar-subtitle-font-size: 14px; --df-messenger-titlebar-subtitle-line-height: 18px; /* 💬 Messages */ --df-messenger-message-padding: 14px; --df-messenger-message-bot-background: #006C46; /* Darker Green */ --df-messenger-message-user-background: #B6DFCC; /* Light Green */ --df-messenger-message-bot-font-color: #FFFFFF; --df-messenger-message-user-font-color: #333333; --df-messenger-messagelist-border-radius: 0px; --df-messenger-message-bot-border-top-left-radius: 6px; --df-messenger-message-user-border-top-right-radius: 6px; /* ✏️ Input Box */ --df-messenger-input-box-background: #FFFFFF; --df-messenger-input-box-border: 1px solid var(--df-messenger-border-color); --df-messenger-input-box-border-radius: 9px; --df-messenger-input-box-padding: 16px 22px; --df-messenger-input-box-focus-border: 2px solid var(--df-messenger-primary-color); /* 🔘 Buttons */ --df-messenger-button-border: 1px solid var(--df-messenger-border-color); --df-messenger-button-padding: 10px; --df-messenger-titlebar-button-background-hover: rgba(0, 108, 70, 0.15); --df-messenger-titlebar-button-background-active: rgba(0, 108, 70, 0.3); /* 🔗 Links */ --df-messenger-link-font-color: #FFE71E; --df-messenger-link-hover-font-color: #C3EC7B; --df-messenger-link-visited-font-color: #FFE71E; --df-messenger-link-active-font-color: #FFE71E; /* Light Lime */ --df-messenger-link-decoration: none; --df-messenger-link-border-radius: 6px; /* 🃏 Cards */ --df-messenger-card-border-radius: 18px; --df-messenger-card-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.08); --df-messenger-card-border: 1px solid var(--df-messenger-border-color); /* 📊 Tables */ --df-messenger-table-border-color: #BFBFBF; --df-messenger-table-padding: 14px 18px; --df-messenger-table-font-size: 15px; --df-messenger-table-border-radius: 12px; --df-messenger-table-header-background: #E8F5E9; --df-messenger-table-header-padding: 12px 18px; --df-messenger-table-header-font-weight: 600; /* 💬 Chat Bubble */ --df-messenger-chat-bubble-background: #005A32; --df-messenger-chat-bubble-icon-color: #FFD700; --df-messenger-chat-bubble-icon-border-radius: 0px; /* Golden Accent */ /* 👍 Feedback */ --df-messenger-message-feedback-icon-border-radius: 10px; --df-messenger-message-feedback-icon-background: #FFFFFF; --df-messenger-message-feedback-icon-font-color-active: var(--df-messenger-primary-color); /* 🎥 Image & Video */ --df-messenger-image-border-radius: 12px; --df-messenger-video-border-radius: 12px; --df-messenger-video-border: 2px solid var(--df-messenger-border-color); /* ✨ Miscellaneous */ --df-messenger-list-padding: 16px; --df-messenger-message-stack-spacing: 6px; } df-messenger { /* Chatbot Positioning */ z-in dex: 999; position: fixed; bottom: 16px; right: 16px; } /* Force chat window height with important */ df-messenger { --df-messenger-chat-window-height: 70vh !important; } /* Additional override for the chat wrapper */ df-messenger-chat { height: 70vh !important; max-height: 70vh !important; } /* Mobile specific adjustments */ @media (max-width: 768px) { df-messenger { --df-messenger-chat-window-height: 55vh !important; } df-messenger-chat { height: 55vh !important; max-height: 55vh !important; } } /* Mobile specific adjustments */ @media (max-width: 480px) { df-messenger { --df-messenger-chat-window-width: 300px !important; } } /* Override rotation of cust