Parivar Caterers

Parivar Caterers

Verified Seller Member since Mar 2026

Total Ads: 1

Selling History

Categories

  • catering services 1

Listings 1 items for sale

Parivar Caterers
4
Rajkot
|
Catering Services
|
1 month ago
For over 35 years, Parivar Caterers has been the hallmark of premium hospitality in Morbi and Rajkot. We specialize in transforming weddings, corporate galas, and luxury celebrations into unforgettabl...
9377988889
/* ─── Reply UI ──────────────────────────────────────────────────────── */ .reply-preview-container { background: #fff; border-top: 1px solid #e8eaf0; padding: 8px 12px; display: flex; align-items: center; gap: 10px; position: relative; z-index: 10; } .reply-preview-bar { flex: 1; background: #f8f9ff; border-left: 3px solid #007FB0; padding: 6px 12px; border-radius: 6px; font-size: 11px; min-width: 0; } .reply-preview-bar .reply-sender { font-weight: 700; color: #007FB0; margin-bottom: 2px; display: block; } .reply-preview-bar .reply-body { color: #64748b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cancel-reply-btn { width: 24px; height: 24px; border-radius: 50%; background: #f1f5f9; border: none; cursor: pointer; color: #94a3b8; display: flex; align-items: center; justify-content: center; font-size: 10px; transition: all 0.2s; } .cancel-reply-btn:hover { background: #e2e8f0; color: #ef4444; } .parent-msg-box { background: rgba(0, 0, 0, 0.05); border-left: 2px solid rgba(0, 0, 0, 0.15); padding: 6px 10px; border-radius: 8px; margin-bottom: 6px; font-size: 11px; cursor: pointer; transition: background 0.2s; } .mine .parent-msg-box { background: rgba(255, 255, 255, 0.15); border-left: 2px solid rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.9); } .other .parent-msg-box { background: #f1f5f9; border-left: 2px solid #007FB0; } .parent-msg-box:hover { opacity: 0.9; } .parent-sender-name { font-weight: 700; font-size: 10px; display: block; margin-bottom: 2px; opacity: 0.8; } .reply-trigger { opacity: 0; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #94a3b8; background: rgba(255,255,255,0.8); box-shadow: 0 2px 8px rgba(0,0,0,0.05); border: 1px solid #eef2f6; font-size: 12px; transition: all 0.2s; align-self: center; z-index: 5; } .chat-msg:hover .reply-trigger { opacity: 1; } .reply-trigger:hover { color: #007FB0; transform: scale(1.1); } .chat-msg.mine .reply-trigger { margin-right: 4px; } .chat-msg.other .reply-trigger { margin-left: 4px; } .emoji-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; padding: 8px; overflow-y: auto; flex: 1; } .emoji-grid button { background: none; border: none; font-size: 20px; cursor: pointer; padding: 6px; border-radius: 8px; transition: background 0.2s; display: flex; align-items: center; justify-content: center; } .emoji-grid button:hover { background: #f1f5f9; transform: scale(1.15); } #chat-text-input { flex: 1; border: 1.5px solid #e2e8f0; border-radius: 22px; padding: 9px 16px; font-size: 13px; outline: none; background: #f8f9ff; color: #1e1b4b; transition: border-color .2s; resize: none; font-family: inherit; } #chat-text-input:focus { border-color: #6366f1; background: #fff; } #chat-text-input::placeholder { color: #94a3b8; } #chat-send-btn { width: 38px; height: 38px; border-radius: 50%; background: #007FB0; border: none; cursor: pointer; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; transition: all .2s; box-shadow: 0 4px 12px rgba(0, 127, 176, 0.3); } #chat-send-btn:hover { transform: scale(1.08); box-shadow: 0 6px 16px rgba(0, 127, 176, 0.4); } #chat-send-btn:active { transform: scale(.95); } #chat-send-btn:disabled { opacity: .45; cursor: not-allowed; transform: none; } /* ─── Transitions ───────────────────────────────────────────────────── */ .widget-panel-enter { animation: panel-open .3s cubic-bezier(.34,1.56,.64,1) forwards; } .widget-panel-leave { animation: panel-close .2s ease-in forwards; } @keyframes panel-open { from { opacity: 0; transform: scale(.85) translateY(12px); } to { opacity: 1; transform: scale(1) translateY(0); } } @keyframes panel-close { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(.9) translateY(8px); } } /* ─── Offline/Login prompt ──────────────────────────────────────────── */ .login-prompt { padding: 16px; text-align: center; background: #f8f9ff; border-radius: 12px; margin: 12px; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (max-width: 640px) { #chat-widget-root { bottom: 72px; right: 16px; } #chat-panel { width: calc(100vw - 32px); right: 0; } }