/* _content/dekatfood/Areas/Identity/Pages/Account/ConfirmEmail.cshtml.rz.scp.css */
body[b-d0etzz216l] {
}
.confirm-email-section[b-d0etzz216l] {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
min-height: 80vh;
display: flex;
align-items: center;
}
.confirm-email-card[b-d0etzz216l] {
border-radius: 1.5rem;
border: 1px solid #C72C48;
box-shadow: 0 10px 40px rgba(199,44,72,0.10);
padding: 2.5rem 1.5rem;
background: #fff;
}
.confirm-email-icon[b-d0etzz216l] {
width: 80px;
height: 80px;
margin: 0 auto 1.5rem auto;
background: linear-gradient(45deg, #C72C48, #a81f39);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.5rem;
color: #fff;
box-shadow: 0 4px 16px rgba(199,44,72,0.10);
}
.card-title[b-d0etzz216l] {
font-size: 2rem;
font-weight: 700;
}
.lead[b-d0etzz216l] {
font-size: 1.15rem;
color: #212529;
}
.btn-primary[b-d0etzz216l] {
background-color: #C72C48;
border-color: #C72C48;
font-weight: 600;
border-radius: 0.75rem;
transition: all 0.3s;
}
.btn-primary:hover[b-d0etzz216l] {
background-color: #a81f39;
border-color: #a81f39;
}
.badge.bg-warning[b-d0etzz216l] {
font-size: 1rem;
padding: 0.7em 1.2em;
border-radius: 0.7em;
font-weight: 600;
}
@media (max-width: 768px) {
.confirm-email-card[b-d0etzz216l] {
padding: 1.5rem 0.5rem;
border-radius: 1rem;
}
.confirm-email-icon[b-d0etzz216l] {
width: 60px;
height: 60px;
font-size: 1.7rem;
}
.card-title[b-d0etzz216l] {
font-size: 1.3rem;
}
}
/* _content/dekatfood/Areas/Identity/Pages/Account/ExternalLogin.cshtml.rz.scp.css */
/* Base */
body[b-539pieu54u] { background:#f8f9fa; }
.ext-section[b-539pieu54u] { min-height:100vh; }
.panel[b-539pieu54u] { background:#ffffff; border:1px solid #e9ecef; border-radius:1rem; padding:2rem 2rem 2.25rem; }
.logo[b-539pieu54u] { height:60px; width:auto; }
/* Tiles */
.acct-tile[b-539pieu54u] { border:1px solid #e9ecef; background:#fff; border-radius:.85rem; padding:1rem 1rem 1.1rem; cursor:pointer; position:relative; }
.acct-tile:hover[b-539pieu54u] { border-color:#C72C48; }
.acct-tile.selected[b-539pieu54u] { border-color:#C72C48; box-shadow:0 0 0 2px rgba(199,44,72,0.15); }
.icon-wrap[b-539pieu54u] { width:42px; height:42px; border-radius:.75rem; background:#e9ecef; display:flex; align-items:center; justify-content:center; }
.icon-wrap.primary[b-539pieu54u] { background:#C72C48; }
.role-badge[b-539pieu54u] { font-size:.65rem; letter-spacing:.5px; }
/* Create button */
.create-btn[b-539pieu54u] { background:#C72C48; border:none; color:#fff; font-weight:600; padding:.85rem 1rem; border-radius:.75rem; display:inline-flex; align-items:center; justify-content:center; }
.create-btn:disabled[b-539pieu54u] { opacity:.6; }
/* Alert */
.alert-danger[b-539pieu54u] { font-size:.85rem; }
/* Skeleton */
.ext-skeleton[b-539pieu54u] { display:flex; align-items:center; justify-content:center; min-height:100vh; background:#ffffff; padding:2rem; }
.skeleton-panel[b-539pieu54u] { width:100%; max-width:640px; background:#fff; border:1px solid #e9ecef; border-radius:1rem; padding:2rem; }
.skeleton-logo[b-539pieu54u] { width:64px; height:64px; background:#e9ecef; border-radius:12px; margin:0 auto 1.25rem; }
.skeleton-line[b-539pieu54u] { height:14px; background:#e9ecef; border-radius:6px; margin-bottom:.85rem; }
.skeleton-tile[b-539pieu54u] { height:140px; background:#e9ecef; border-radius:.85rem; }
.skeleton-input[b-539pieu54u] { height:52px; background:#e9ecef; border-radius:.75rem; }
.skeleton-btn[b-539pieu54u] { height:48px; background:#e9ecef; border-radius:.75rem; }
.shimmer[b-539pieu54u] { position:relative; overflow:hidden; }
.shimmer[b-539pieu54u]::after { content:""; position:absolute; top:0; left:-150%; width:50%; height:100%; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.6) 50%, rgba(255,255,255,0) 100%); animation:shimmer-b-539pieu54u 1.2s linear infinite; }
@keyframes shimmer-b-539pieu54u { 100% { transform:translateX(300%);} }
@media (max-width: 576px) {
.panel[b-539pieu54u] { padding:1.5rem 1.25rem 1.75rem; }
.acct-tile[b-539pieu54u] { padding:.85rem .75rem 1rem; }
.skeleton-panel[b-539pieu54u] { padding:1.5rem; }
}
/* _content/dekatfood/Areas/Identity/Pages/Account/ForgotPassword.cshtml.rz.scp.css */
/* Skeleton Loader Styles */
.skeleton-wrapper[b-w48zv9dx6v] {
background: linear-gradient(135deg, #C72C48 0%, #8B1538 100%);
}
.skeleton-card[b-w48zv9dx6v] {
background: white;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.skeleton-header[b-w48zv9dx6v] {
height: 80px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-w48zv9dx6v 1.5s infinite;
border-radius: 8px;
}
.skeleton-form-group[b-w48zv9dx6v] {
height: 60px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-w48zv9dx6v 1.5s infinite;
border-radius: 8px;
}
.skeleton-button[b-w48zv9dx6v] {
height: 50px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-w48zv9dx6v 1.5s infinite;
border-radius: 8px;
}
@keyframes skeleton-loading-b-w48zv9dx6v {
0% {
background-position: -200% 0;
}
100% {
background-position: calc(200% + 100px) 0;
}
}
/* Spinner Animation */
.spinner[b-w48zv9dx6v] {
animation: spin-b-w48zv9dx6v 1s linear infinite;
}
@keyframes spin-b-w48zv9dx6v {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* Custom Styles */
.card[b-w48zv9dx6v] {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover[b-w48zv9dx6v] {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(199, 44, 72, 0.2) !important;
}
.btn-primary[b-w48zv9dx6v] {
background: linear-gradient(135deg, #C72C48 0%, #8B1538 100%);
border: none;
transition: all 0.3s ease;
}
.btn-primary:hover[b-w48zv9dx6v] {
background: linear-gradient(135deg, #8B1538 0%, #C72C48 100%);
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(199, 44, 72, 0.3);
}
.btn-primary:disabled[b-w48zv9dx6v] {
background: #6c757d;
transform: none;
box-shadow: none;
}
.form-control:focus[b-w48zv9dx6v] {
border-color: #C72C48;
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
}
.text-primary[b-w48zv9dx6v] {
color: #C72C48 !important;
}
.text-primary:hover[b-w48zv9dx6v] {
color: #8B1538 !important;
}
/* Responsive Design */
@media (max-width: 576px) {
.card-body[b-w48zv9dx6v] {
padding: 2rem !important;
}
.container-fluid[b-w48zv9dx6v] {
padding: 1rem;
}
}
/* _content/dekatfood/Areas/Identity/Pages/Account/ForgotPasswordConfirmation.cshtml.rz.scp.css */
/* Skeleton Loader Styles */
.skeleton-wrapper[b-t8ho0op9x4] {
background: linear-gradient(135deg, #C72C48 0%, #8B1538 100%);
}
.skeleton-card[b-t8ho0op9x4] {
background: white;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.skeleton-icon[b-t8ho0op9x4] {
height: 80px;
width: 80px;
border-radius: 50%;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-t8ho0op9x4 1.5s infinite;
margin: 0 auto;
}
.skeleton-header[b-t8ho0op9x4] {
height: 60px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-t8ho0op9x4 1.5s infinite;
border-radius: 8px;
}
.skeleton-text[b-t8ho0op9x4] {
height: 40px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-t8ho0op9x4 1.5s infinite;
border-radius: 8px;
}
.skeleton-button[b-t8ho0op9x4] {
height: 50px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-t8ho0op9x4 1.5s infinite;
border-radius: 8px;
}
@keyframes skeleton-loading-b-t8ho0op9x4 {
0% {
background-position: -200% 0;
}
100% {
background-position: calc(200% + 100px) 0;
}
}
/* Email Icon Animation */
@keyframes pulse-b-t8ho0op9x4 {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
/* Step Items */
.step-item[b-t8ho0op9x4] {
display: flex;
align-items: center;
font-size: 0.9rem;
}
.step-number[b-t8ho0op9x4] {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
background: linear-gradient(135deg, #C72C48 0%, #8B1538 100%);
color: white;
border-radius: 50%;
font-size: 0.8rem;
font-weight: bold;
margin-right: 12px;
flex-shrink: 0;
}
/* Custom Styles */
.card[b-t8ho0op9x4] {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover[b-t8ho0op9x4] {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(199, 44, 72, 0.2) !important;
}
.btn-primary[b-t8ho0op9x4] {
background: linear-gradient(135deg, #C72C48 0%, #8B1538 100%);
border: none;
transition: all 0.3s ease;
}
.btn-primary:hover[b-t8ho0op9x4] {
background: linear-gradient(135deg, #8B1538 0%, #C72C48 100%);
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(199, 44, 72, 0.3);
}
.btn-outline-secondary[b-t8ho0op9x4] {
border-color: #6c757d;
color: #6c757d;
transition: all 0.3s ease;
}
.btn-outline-secondary:hover[b-t8ho0op9x4] {
background-color: #6c757d;
border-color: #6c757d;
transform: translateY(-2px);
}
.alert-info[b-t8ho0op9x4] {
animation: fadeInUp-b-t8ho0op9x4 0.5s ease-out;
}
@keyframes fadeInUp-b-t8ho0op9x4 {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.text-primary[b-t8ho0op9x4] {
color: #C72C48 !important;
}
.text-primary:hover[b-t8ho0op9x4] {
color: #8B1538 !important;
}
/* Responsive Design */
@media (max-width: 576px) {
.card-body[b-t8ho0op9x4] {
padding: 2rem !important;
}
.container-fluid[b-t8ho0op9x4] {
padding: 1rem;
}
.email-icon i[b-t8ho0op9x4] {
font-size: 3rem !important;
}
.step-item[b-t8ho0op9x4] {
font-size: 0.85rem;
}
}
/* _content/dekatfood/Areas/Identity/Pages/Account/Login.cshtml.rz.scp.css */
/* Modern Login Design */
:root[b-ujfj63lfms] {
--primary-color: #C72C48;
--primary-dark: #a81f39;
--secondary-color: #6c757d;
--success-color: #28a745;
--danger-color: #dc3545;
--warning-color: #ffc107;
--info-color: #17a2b8;
--light-color: #f8f9fa;
--dark-color: #343a40;
}
body[b-ujfj63lfms] {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #f8f9fa;
color: #343a40;
}
.login-section[b-ujfj63lfms] {
min-height: 100vh;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
color: #343a40;
}
/* Left Side - Login Form */
.login-form-container[b-ujfj63lfms] {
width: 100%;
max-width: 750px;
padding: 1rem;
color: #343a40;
}
.login-card[b-ujfj63lfms] {
background: #ffffff;
border-radius: 1.5rem;
padding: 3rem 2.5rem;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.05);
color: #343a40 !important;
}
.login-card *[b-ujfj63lfms] {
/* remove blanket !important to avoid overriding brand links/buttons */
color: #343a40;
}
.login-card .text-muted[b-ujfj63lfms] {
color: #6c757d !important;
}
.login-card .text-danger[b-ujfj63lfms] {
color: #dc3545 !important;
}
.login-card .auth-link[b-ujfj63lfms],
.login-card .register-link[b-ujfj63lfms] {
color: var(--primary-color) !important;
}
.login-card .auth-link:hover[b-ujfj63lfms],
.login-card .register-link:hover[b-ujfj63lfms] {
color: var(--primary-dark) !important;
}
.logo[b-ujfj63lfms] {
height: 80px;
width: auto;
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
}
.login-title[b-ujfj63lfms] {
font-size: 2rem;
font-weight: 700;
color: #343a40 !important;
margin-bottom: 0.5rem;
}
.login-subtitle[b-ujfj63lfms] {
color: #6c757d !important;
font-size: 1rem;
margin-bottom: 0;
}
.login-form[b-ujfj63lfms] {
margin-top: 2rem;
color: #343a40 !important;
}
.form-group[b-ujfj63lfms] {
position: relative;
color: #343a40 !important;
}
.custom-input[b-ujfj63lfms] {
border: 2px solid #e9ecef;
border-radius: 0.75rem;
padding: 1rem 1rem 1rem 3rem;
font-size: 1rem;
transition: all 0.3s ease;
background: #fafbfc;
color: #343a40 !important;
}
.custom-input:focus[b-ujfj63lfms] {
border-color: #C72C48;
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.15);
background: #ffffff;
color: #343a40 !important;
}
.form-floating>label[b-ujfj63lfms] {
padding-left: 3rem;
color: #6c757d !important;
font-weight: 500;
}
.form-floating>.custom-input:focus~label[b-ujfj63lfms],
.form-floating>.custom-input:not(:placeholder-shown)~label[b-ujfj63lfms] {
color: #C72C48 !important;
transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-check-input:checked[b-ujfj63lfms] {
background-color: #C72C48;
border-color: #C72C48;
}
.form-check-label[b-ujfj63lfms] {
color: #343a40 !important;
font-size: 0.95rem;
}
.custom-btn[b-ujfj63lfms] {
background: linear-gradient(135deg, #C72C48, #a81f39);
border: none;
border-radius: 0.75rem;
padding: 0.875rem 2rem;
font-size: 1.1rem;
font-weight: 600;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(199, 44, 72, 0.3);
color: white !important;
}
.custom-btn:hover[b-ujfj63lfms] {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(199, 44, 72, 0.4);
background: linear-gradient(135deg, #a81f39, #8e1a30);
color: white !important;
}
.custom-btn:active[b-ujfj63lfms] {
transform: translateY(0);
}
.custom-alert[b-ujfj63lfms] {
border: none;
border-radius: 0.75rem;
background: rgba(220, 53, 69, 0.1);
color: #dc3545 !important;
border-left: 4px solid #dc3545;
}
.auth-link[b-ujfj63lfms],
.register-link[b-ujfj63lfms] {
color: var(--primary-color) !important;
text-decoration: none;
font-weight: 600;
transition: color 0.15s ease;
}
.auth-link:hover[b-ujfj63lfms],
.register-link:hover[b-ujfj63lfms] {
color: var(--primary-dark) !important;
text-decoration: underline;
}
.text-muted[b-ujfj63lfms] {
color: var(--secondary-color) !important;
}
/* Additional text color fixes */
.login-card .text-danger[b-ujfj63lfms] {
color: var(--danger-color) !important;
}
.login-card .custom-alert[b-ujfj63lfms] {
color: var(--danger-color) !important;
}
/* Right Side - Brand Section */
.brand-section[b-ujfj63lfms] {
background: #ffffff;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
.brand-section[b-ujfj63lfms]::before {
display: none;
}
.brand-content[b-ujfj63lfms] {
padding: 3rem;
position: relative;
z-index: 2;
max-width: 500px;
text-align: left;
}
.brand-title[b-ujfj63lfms] {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 1rem;
line-height: 1.2;
color: var(--primary-color);
}
.brand-subtitle[b-ujfj63lfms] {
font-size: 1.2rem;
line-height: 1.5;
color: #343a40;
}
.features-grid[b-ujfj63lfms] {
display: grid;
gap: 2rem;
}
.feature-card[b-ujfj63lfms] {
display: flex;
align-items: flex-start;
gap: 1rem;
background: #ffffff;
padding: 1.5rem;
border-radius: 1rem;
border: 1px solid #e9ecef;
transition: transform 0.3s ease, box-shadow 0.3s ease;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}
.feature-card:hover[b-ujfj63lfms] {
transform: translateY(-4px);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
}
.feature-icon[b-ujfj63lfms] {
width: 50px;
height: 50px;
background: rgba(199, 44, 72, 0.08);
border-radius: 0.75rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
color: var(--primary-color);
flex-shrink: 0;
}
.feature-content h4[b-ujfj63lfms] {
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 0.5rem;
color: #343a40;
}
.feature-content p[b-ujfj63lfms] {
font-size: 0.95rem;
margin-bottom: 0;
line-height: 1.4;
color: #495057;
}
.brand-footer a[b-ujfj63lfms] {
color: var(--primary-color);
transition: color 0.2s ease;
}
.brand-footer a:hover[b-ujfj63lfms] {
color: var(--primary-dark);
}
/* Responsive Design */
@media (max-width: 991px) {
.login-card[b-ujfj63lfms] {
padding: 2rem 1.5rem;
margin: 1rem;
}
.login-title[b-ujfj63lfms] {
font-size: 1.75rem;
}
.logo[b-ujfj63lfms] {
height: 60px;
}
}
@media (max-width: 576px) {
.login-form-container[b-ujfj63lfms] {
padding: 1rem;
}
.login-card[b-ujfj63lfms] {
padding: 1.5rem 1rem;
border-radius: 1rem;
}
.login-title[b-ujfj63lfms] {
font-size: 1.5rem;
}
.custom-input[b-ujfj63lfms] {
padding: 0.875rem 0.875rem 0.875rem 2.5rem;
}
.form-floating>label[b-ujfj63lfms] {
padding-left: 2.5rem;
}
}
/* Additional targeted text color enforcement
- Avoid using a blanket universal selector so anchors/buttons can use the brand color
*/
.login-container h1[b-ujfj63lfms],
.login-container h2[b-ujfj63lfms],
.login-container h3[b-ujfj63lfms],
.login-container h4[b-ujfj63lfms],
.login-container h5[b-ujfj63lfms],
.login-container h6[b-ujfj63lfms],
.login-container p[b-ujfj63lfms],
.login-container span[b-ujfj63lfms],
.login-container label[b-ujfj63lfms],
.login-container div[b-ujfj63lfms],
.login-container li[b-ujfj63lfms],
.login-container strong[b-ujfj63lfms],
.login-container small[b-ujfj63lfms] {
color: #343a40;
}
.login-container .text-muted[b-ujfj63lfms] {
color: #6c757d !important;
}
.login-container .text-danger[b-ujfj63lfms] {
color: #dc3545 !important;
}
/* Ensure non-button links use the brand primary color */
.login-container a:not(.btn):not(.custom-btn)[b-ujfj63lfms],
.login-card .auth-link[b-ujfj63lfms],
.login-card .register-link[b-ujfj63lfms] {
color: var(--primary-color) !important;
}
.login-container a:not(.btn):not(.custom-btn):hover[b-ujfj63lfms],
.login-card .auth-link:hover[b-ujfj63lfms],
.login-card .register-link:hover[b-ujfj63lfms] {
color: var(--primary-dark) !important;
}
/* Brand section follows theme: white background, dark text, primary accents */
.brand-section .feature-card p[b-ujfj63lfms] {
color: #495057 !important;
}
.login-container input[b-ujfj63lfms]::placeholder {
color: #6c757d !important;
}
.login-container .floating-label[b-ujfj63lfms] {
color: #343a40 !important;
}
.login-container .floating-label:focus[b-ujfj63lfms],
.login-container .floating-label:not(:placeholder-shown)+label[b-ujfj63lfms] {
color: var(--primary-color) !important;
}
/* Bootstrap override for form controls (keep these explicit) */
.form-control[b-ujfj63lfms],
.form-control:focus[b-ujfj63lfms],
.form-control:disabled[b-ujfj63lfms],
.form-control[readonly][b-ujfj63lfms] {
color: #343a40 !important;
}
.form-label[b-ujfj63lfms] {
color: #343a40 !important;
}
.form-check-label[b-ujfj63lfms] {
color: #343a40 !important;
}
.form-text[b-ujfj63lfms] {
color: #6c757d !important;
}
/* Final explicit overrides to guarantee brand color on links and primary buttons */
.login-card a.auth-link[b-ujfj63lfms],
.login-card a.register-link[b-ujfj63lfms],
.login-card a.auth-link:link[b-ujfj63lfms],
.login-card a.register-link:link[b-ujfj63lfms],
.login-card a.auth-link:visited[b-ujfj63lfms],
.login-card a.register-link:visited[b-ujfj63lfms] {
color: var(--primary-color) !important;
}
.login-card a.auth-link:hover[b-ujfj63lfms],
.login-card a.register-link:hover[b-ujfj63lfms] {
color: var(--primary-dark) !important;
}
/* Ensure Bootstrap primary button uses brand gradient/background */
.login-card .btn.btn-primary.custom-btn[b-ujfj63lfms],
.login-card .btn.btn-primary.custom-btn:focus[b-ujfj63lfms],
.login-card .btn.btn-primary.custom-btn:active[b-ujfj63lfms] {
background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)) !important;
border-color: var(--primary-color) !important;
color: #fff !important;
}
/* _content/dekatfood/Areas/Identity/Pages/Account/Register.cshtml.rz.scp.css */
/* Simplified white background version */
.register-section[b-dynh9fp8qy] {
min-height: 100vh;
background: #ffffff !important;
position: relative;
}
.register-section[b-dynh9fp8qy]::before { display:none; }
.register-container[b-dynh9fp8qy] {
position: relative;
z-index: 2;
padding: 3rem 2rem;
max-width: 900px;
margin: 0 auto;
}
/* Header */
.register-header .logo[b-dynh9fp8qy] {
height: 120px;
width: auto;
filter: drop-shadow(0 4px 8px rgba(0,0,0,0.1));
}
.register-title[b-dynh9fp8qy] {
color: #212529;
font-size: 2.25rem;
font-weight: 700;
margin-bottom: 0.75rem;
}
.register-subtitle[b-dynh9fp8qy] {
color: #212529;
font-size: 1rem;
font-weight: 400;
max-width: 600px;
margin: 0.5rem auto 0;
}
/* Registration Card */
.register-card[b-dynh9fp8qy] {
background: #ffffff;
border-radius: 12px;
padding: 2rem 2rem 2.5rem;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
border: 1px solid #e9ecef;
}
/* Section Titles */
.section-title[b-dynh9fp8qy] {
color: #212529;
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 1.25rem;
}
/* Account Type Selection */
.account-type-btn[b-dynh9fp8qy] {
background: #fff;
border: 2px solid #C72C48; /* primary border */
border-radius: 10px;
padding: 1rem 0.75rem;
transition: background-color .15s, border-color .15s, color .15s;
color: #212529;
height: 110px;
display: flex;
align-items: center;
justify-content: center;
}
.account-type-btn:hover[b-dynh9fp8qy] { background:#f8f9fa; color: #C72C48; }
.account-type-btn i[b-dynh9fp8qy] {
font-size: 2rem;
margin-bottom: 0.5rem;
}
.text-btn[b-dynh9fp8qy]{
color: #212529;
}
/* ensure inner text elements turn white when the paired radio/button is checked */
.btn-check:checked + .account-type-btn .text-btn[b-dynh9fp8qy] {
color: #fff;
}
.btn-check:checked + .account-type-btn[b-dynh9fp8qy] { background:#C72C48; color:white; }
/* Floating Labels */
.form-floating[b-dynh9fp8qy] {
position: relative;
margin-bottom: 1.5rem;
}
/* Use global .form-control and .form-floating styles from site.css; no local overrides here */
/* Confirm password smaller font to avoid overlap */
.confirm-password[b-dynh9fp8qy] { font-size: .95rem; }
.confirm-password + label[b-dynh9fp8qy] { font-size: .95rem; }
/* Example helper text */
.form-text[b-dynh9fp8qy] { font-size: .825rem; margin-top:.25rem; }
/* Form Labels */
.form-label.required[b-dynh9fp8qy]::after {
content: ' *';
color: #C72C48;
font-weight: bold;
}
.form-label[b-dynh9fp8qy] {
font-weight: 600;
color: #495057;
margin-bottom: 0.5rem;
}
/* Form Controls */
.form-control:focus[b-dynh9fp8qy],
.form-select:focus[b-dynh9fp8qy] {
border-color: #C72C48;
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
}
/* Alert Styling */
/* Alerts simplified */
.alert-success[b-dynh9fp8qy] {
background: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 8px;
color: #212529;
padding: .75rem 1rem;
}
.alert-danger[b-dynh9fp8qy] {
background: #fff;
border: 1px solid #dc3545;
border-radius: 8px;
color: #dc3545;
padding: .75rem 1rem;
}
/* Button Styling */
.btn-primary[b-dynh9fp8qy] {
background: #C72C48;
border: 1px solid #C72C48;
border-radius: .5rem;
padding: .875rem 2.25rem;
font-size: 1rem;
font-weight: 600;
letter-spacing: .25px;
transition: background-color .15s, box-shadow .15s;
}
.btn-primary:hover[b-dynh9fp8qy] { background:#a81f39; border-color:#a81f39; }
.btn-primary:active[b-dynh9fp8qy] { background:#901a32; border-color:#901a32; }
.btn-primary:focus[b-dynh9fp8qy] { box-shadow:0 0 0 .2rem rgba(199,44,72,.35); }
/* Features Section */
.features-section[b-dynh9fp8qy] {
padding-top: 2rem;
border-top: 1px solid #e9ecef;
}
.feature-card[b-dynh9fp8qy] { text-align:center; padding:1rem .75rem; background:#fff; border:1px solid #e9ecef; border-radius:8px; transition:background-color .15s; opacity:0; transform:translateY(10px); }
.feature-card:hover[b-dynh9fp8qy] { background:#f8f9fa; }
.feature-card i[b-dynh9fp8qy] { font-size:1.5rem; color:#C72C48; margin-bottom:.25rem; display:block; }
.feature-card span[b-dynh9fp8qy] { font-size:.8rem; color:#212529; font-weight:500; }
/* Links */
a[b-dynh9fp8qy] { color:#C72C48; font-weight:500; text-decoration:none; }
a:hover[b-dynh9fp8qy] { color:#a81f39; text-decoration:underline; }
/* Responsive Design */
@media (max-width: 768px) {
.register-container[b-dynh9fp8qy] {
padding: 2rem 1rem;
}
.register-card[b-dynh9fp8qy] { padding:1.5rem 1.25rem; margin:1rem; }
.register-title[b-dynh9fp8qy] { font-size:1.75rem; }
.register-subtitle[b-dynh9fp8qy] { font-size:.9rem; }
.register-header .logo[b-dynh9fp8qy] {
height: 80px;
}
.account-type-btn[b-dynh9fp8qy] {
height: 100px;
padding: 1rem 0.5rem;
}
.account-type-btn i[b-dynh9fp8qy] {
font-size: 1.5rem;
}
.form-floating > .form-control[b-dynh9fp8qy],
.form-floating > .form-select[b-dynh9fp8qy] {
height: calc(3rem + 2px);
font-size: 1rem;
}
.btn-primary[b-dynh9fp8qy] { padding:.75rem 1.5rem; }
}
@media (max-width: 576px) {
.register-container[b-dynh9fp8qy] {
padding: 1.5rem 0.5rem;
}
.register-card[b-dynh9fp8qy] { padding:1.25rem 1rem; margin:.5rem; }
.register-title[b-dynh9fp8qy] { font-size:1.5rem; }
.section-title[b-dynh9fp8qy] { font-size:1rem; }
.account-type-btn[b-dynh9fp8qy] {
height: 90px;
}
}
/* Validation Styling */
.text-danger[b-dynh9fp8qy] {
font-size: 0.875rem;
margin-top: 0.25rem;
display: block;
}
.form-control.is-invalid[b-dynh9fp8qy],
.form-select.is-invalid[b-dynh9fp8qy] {
border-color: #dc3545;
}
/* Loading Animation */
@keyframes shimmer-b-dynh9fp8qy {
0% { background-position: -200px 0; }
100% { background-position: calc(200px + 100%) 0; }
}
.loading .form-control[b-dynh9fp8qy],
.loading .form-select[b-dynh9fp8qy] {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200px 100%;
animation: shimmer-b-dynh9fp8qy 1.5s infinite;
}
/* Custom Scrollbar */
[b-dynh9fp8qy]::-webkit-scrollbar {
width: 8px;
}
[b-dynh9fp8qy]::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
[b-dynh9fp8qy]::-webkit-scrollbar-thumb {
background: linear-gradient(135deg, #C72C48, #e74c3c);
border-radius: 10px;
}
[b-dynh9fp8qy]::-webkit-scrollbar-thumb:hover {
background: linear-gradient(135deg, #b02543, #c0392b);
}
/* _content/dekatfood/Areas/Identity/Pages/Account/RegisterConfirmation.cshtml.rz.scp.css */
.register-confirm-section[b-h5ypldicaf] {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
min-height: 80vh;
display: flex;
align-items: center;
}
.register-confirm-card[b-h5ypldicaf] {
border-radius: 1.5rem;
border: 1px solid #C72C48;
box-shadow: 0 10px 40px rgba(199,44,72,0.10);
padding: 2.5rem 1.5rem;
background: #fff;
}
.register-confirm-icon[b-h5ypldicaf] {
width: 80px;
height: 80px;
margin: 0 auto 1.5rem auto;
background: linear-gradient(45deg, #C72C48, #a81f39);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.5rem;
color: #fff;
box-shadow: 0 4px 16px rgba(199,44,72,0.10);
}
.card-title[b-h5ypldicaf] {
font-size: 2rem;
font-weight: 700;
}
.lead[b-h5ypldicaf] {
font-size: 1.15rem;
color: #212529;
}
.btn-primary[b-h5ypldicaf] {
background-color: #C72C48;
border-color: #C72C48;
font-weight: 600;
border-radius: 0.75rem;
transition: all 0.3s;
}
.btn-primary:hover[b-h5ypldicaf] {
background-color: #a81f39;
border-color: #a81f39;
}
.badge.bg-warning[b-h5ypldicaf] {
font-size: 1rem;
padding: 0.7em 1.2em;
border-radius: 0.7em;
font-weight: 600;
}
.alert-warning[b-h5ypldicaf] {
background-color: #fff3cd;
color: #856404;
border-color: #ffeeba;
border-radius: 0.7em;
font-size: 1rem;
font-weight: 500;
}
@media (max-width: 768px) {
.register-confirm-card[b-h5ypldicaf] {
padding: 1.5rem 0.5rem;
border-radius: 1rem;
}
.register-confirm-icon[b-h5ypldicaf] {
width: 60px;
height: 60px;
font-size: 1.7rem;
}
.card-title[b-h5ypldicaf] {
font-size: 1.3rem;
}
}
/* _content/dekatfood/Areas/Identity/Pages/Account/ResetPassword.cshtml.rz.scp.css */
/* Skeleton Loader Styles */
.skeleton-wrapper[b-msqt5hl6v4] {
background: linear-gradient(135deg, #C72C48 0%, #8B1538 100%);
}
.skeleton-card[b-msqt5hl6v4] {
background: white;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.skeleton-header[b-msqt5hl6v4] {
height: 80px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-msqt5hl6v4 1.5s infinite;
border-radius: 8px;
}
.skeleton-form-group[b-msqt5hl6v4] {
height: 60px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-msqt5hl6v4 1.5s infinite;
border-radius: 8px;
}
.skeleton-button[b-msqt5hl6v4] {
height: 50px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-msqt5hl6v4 1.5s infinite;
border-radius: 8px;
}
@keyframes skeleton-loading-b-msqt5hl6v4 {
0% {
background-position: -200% 0;
}
100% {
background-position: calc(200% + 100px) 0;
}
}
/* Custom Styles */
.card[b-msqt5hl6v4] {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover[b-msqt5hl6v4] {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(199, 44, 72, 0.2) !important;
}
.btn-primary[b-msqt5hl6v4] {
background: linear-gradient(135deg, #C72C48 0%, #8B1538 100%);
border: none;
transition: all 0.3s ease;
}
.btn-primary:hover[b-msqt5hl6v4] {
background: linear-gradient(135deg, #8B1538 0%, #C72C48 100%);
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(199, 44, 72, 0.3);
}
.form-control:focus[b-msqt5hl6v4] {
border-color: #C72C48;
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
}
.text-primary[b-msqt5hl6v4] {
color: #C72C48 !important;
}
.text-primary:hover[b-msqt5hl6v4] {
color: #8B1538 !important;
}
/* Responsive Design */
@media (max-width: 576px) {
.card-body[b-msqt5hl6v4] {
padding: 2rem !important;
}
.container-fluid[b-msqt5hl6v4] {
padding: 1rem;
}
}
/* _content/dekatfood/Areas/Identity/Pages/Account/ResetPasswordConfirmation.cshtml.rz.scp.css */
/* Skeleton Loader Styles */
.skeleton-wrapper[b-al81c82pg4] {
background: linear-gradient(135deg, #C72C48 0%, #8B1538 100%);
}
.skeleton-card[b-al81c82pg4] {
background: white;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.skeleton-icon[b-al81c82pg4] {
height: 80px;
width: 80px;
border-radius: 50%;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-al81c82pg4 1.5s infinite;
margin: 0 auto;
}
.skeleton-header[b-al81c82pg4] {
height: 60px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-al81c82pg4 1.5s infinite;
border-radius: 8px;
}
.skeleton-text[b-al81c82pg4] {
height: 40px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-al81c82pg4 1.5s infinite;
border-radius: 8px;
}
.skeleton-button[b-al81c82pg4] {
height: 50px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-al81c82pg4 1.5s infinite;
border-radius: 8px;
}
@keyframes skeleton-loading-b-al81c82pg4 {
0% {
background-position: -200% 0;
}
100% {
background-position: calc(200% + 100px) 0;
}
}
/* Success Animation */
@keyframes bounce-b-al81c82pg4 {
0%, 20%, 60%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-10px);
}
80% {
transform: translateY(-5px);
}
}
/* Custom Styles */
.card[b-al81c82pg4] {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover[b-al81c82pg4] {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(199, 44, 72, 0.2) !important;
}
.btn-primary[b-al81c82pg4] {
background: linear-gradient(135deg, #C72C48 0%, #8B1538 100%);
border: none;
transition: all 0.3s ease;
}
.btn-primary:hover[b-al81c82pg4] {
background: linear-gradient(135deg, #8B1538 0%, #C72C48 100%);
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(199, 44, 72, 0.3);
}
.btn-outline-secondary[b-al81c82pg4] {
border-color: #6c757d;
color: #6c757d;
transition: all 0.3s ease;
}
.btn-outline-secondary:hover[b-al81c82pg4] {
background-color: #6c757d;
border-color: #6c757d;
transform: translateY(-2px);
}
.alert-success[b-al81c82pg4] {
animation: fadeInUp-b-al81c82pg4 0.5s ease-out;
}
@keyframes fadeInUp-b-al81c82pg4 {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Responsive Design */
@media (max-width: 576px) {
.card-body[b-al81c82pg4] {
padding: 2rem !important;
}
.container-fluid[b-al81c82pg4] {
padding: 1rem;
}
.success-icon i[b-al81c82pg4] {
font-size: 3rem !important;
}
}
/* _content/dekatfood/Pages/AboutUs.cshtml.rz.scp.css */
/* General Variable */
:root[b-8si63a6i1s] {
--primary-color: #C72C48;
--primary-dark: #a61e3c;
--light-bg: #f8f9fa;
--text-dark: #212529;
--text-muted: #6c757d;
}
/* About Us Hero Section */
.about-hero-section[b-8si63a6i1s] {
background: #fff;
min-height: 80vh;
position: relative;
padding: 2rem 0;
}
.hero-content[b-8si63a6i1s] {
padding: 3rem 0;
}
.hero-badge[b-8si63a6i1s] {
background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
color: var(--primary-color);
padding: 0.8rem 1.5rem;
border-radius: 2rem;
font-size: 0.9rem;
font-weight: 600;
display: inline-block;
margin-bottom: 2rem;
box-shadow: 0 4px 15px rgba(199, 44, 72, 0.3);
animation: fadeInUp-b-8si63a6i1s 1s ease-out;
}
.hero-title[b-8si63a6i1s] {
font-size: 3.5rem;
font-weight: 800;
line-height: 1.2;
margin-bottom: 2rem;
color: var(--text-dark);
animation: fadeInUp-b-8si63a6i1s 1s ease-out 0.1s both;
}
.hero-title .text-primary[b-8si63a6i1s] {
color: var(--primary-color) !important;
}
.hero-subtitle[b-8si63a6i1s] {
font-size: 1.3rem;
color: var(--text-muted);
line-height: 1.7;
font-weight: 400;
animation: fadeInUp-b-8si63a6i1s 1s ease-out 0.2s both;
}
@keyframes fadeInUp-b-8si63a6i1s {
0% {
transform: translateY(30px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
/* Hero Visual */
.hero-visual[b-8si63a6i1s] {
display: flex;
justify-content: center;
align-items: center;
height: 500px;
position: relative;
}
.mission-cards[b-8si63a6i1s] {
position: relative;
width: 100%;
height: 100%;
animation: fadeInUp-b-8si63a6i1s 1s ease-out 0.4s both;
}
.mission-card[b-8si63a6i1s] {
position: absolute;
width: 200px;
height: 140px;
background: white;
border-radius: 1rem;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
border: 2px solid var(--primary-color);
}
.mission-card i[b-8si63a6i1s] {
font-size: 2.5rem;
color: var(--primary-color);
margin-bottom: 1rem;
}
.mission-card span[b-8si63a6i1s] {
font-weight: 600;
color: var(--text-dark);
font-size: 1.1rem;
}
.mission-card.card-1[b-8si63a6i1s] {
top: 20%;
left: 10%;
transform: rotate(-8deg);
}
.mission-card.card-2[b-8si63a6i1s] {
top: 35%;
right: 15%;
transform: rotate(5deg);
}
.mission-card.card-3[b-8si63a6i1s] {
bottom: 25%;
left: 30%;
transform: rotate(-3deg);
}
.mission-card:hover[b-8si63a6i1s] {
transform: rotate(0deg) scale(1.05) translateY(-10px);
box-shadow: 0 20px 40px rgba(199, 44, 72, 0.2);
z-index: 10;
}
/* CEO Section */
.ceo-section[b-8si63a6i1s] {
padding: 6rem 0;
background: linear-gradient(135deg, var(--light-bg), #ffffff);
position: relative;
}
.ceo-section[b-8si63a6i1s]::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23C72C48' fill-opacity='0.03'%3E%3Cpath d='M20 20c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10zm10 0c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10z'/%3E%3C/g%3E%3C/svg%3E") repeat;
pointer-events: none;
}
.ceo-content[b-8si63a6i1s] {
position: relative;
z-index: 1;
}
.ceo-image-container[b-8si63a6i1s] {
margin: 2rem 0;
}
.ceo-image[b-8si63a6i1s] {
width: 200px;
height: 200px;
border-radius: 50%;
object-fit: cover;
border: 4px solid var(--primary-color);
box-shadow: 0 8px 25px rgba(199, 44, 72, 0.15);
transition: all 0.3s ease;
}
.ceo-image:hover[b-8si63a6i1s] {
transform: scale(1.05);
box-shadow: 0 15px 40px rgba(199, 44, 72, 0.2);
}
.ceo-image-placeholder[b-8si63a6i1s] {
width: 200px;
height: 200px;
border-radius: 50%;
background: linear-gradient(135deg, rgba(199, 44, 72, 0.1), rgba(199, 44, 72, 0.05));
border: 4px solid var(--primary-color);
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
position: relative;
transition: all 0.3s ease;
overflow: hidden;
}
.ceo-image-placeholder:hover[b-8si63a6i1s] {
transform: scale(1.05);
box-shadow: 0 15px 40px rgba(199, 44, 72, 0.2);
}
.ceo-image-placeholder i[b-8si63a6i1s] {
font-size: 6rem;
color: var(--primary-color);
opacity: 0.7;
}
.image-overlay[b-8si63a6i1s] {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(to top, rgba(199, 44, 72, 0.9), transparent);
color: white;
padding: 1rem;
text-align: center;
font-size: 0.75rem;
opacity: 0;
transition: all 0.3s ease;
}
.ceo-image-placeholder:hover .image-overlay[b-8si63a6i1s] {
opacity: 1;
}
.ceo-info[b-8si63a6i1s] {
margin: 2rem 0;
}
.ceo-name[b-8si63a6i1s] {
font-size: 2rem;
font-weight: 700;
color: var(--primary-color);
margin-bottom: 0.5rem;
}
.ceo-title[b-8si63a6i1s] {
font-size: 1.1rem;
color: var(--text-muted);
font-weight: 500;
margin-bottom: 2rem;
}
.ceo-quote[b-8si63a6i1s] {
background: linear-gradient(135deg, rgba(199, 44, 72, 0.05), rgba(199, 44, 72, 0.02));
border-left: 4px solid var(--primary-color);
padding: 2rem;
margin: 2rem 0;
border-radius: 0.5rem;
position: relative;
}
.ceo-quote[b-8si63a6i1s]::before {
content: '"';
font-size: 4rem;
color: var(--primary-color);
position: absolute;
top: -10px;
left: 20px;
font-family: Georgia, serif;
opacity: 0.3;
}
.quote-text[b-8si63a6i1s] {
font-size: 1.3rem;
font-style: italic;
color: var(--text-dark);
font-weight: 500;
margin: 0;
text-align: center;
}
.ceo-story[b-8si63a6i1s] {
max-width: 800px;
margin: 0 auto;
}
.ceo-story p[b-8si63a6i1s] {
font-size: 1.1rem;
line-height: 1.8;
color: var(--text-muted);
margin-bottom: 1.5rem;
text-align: justify;
}
.ceo-closing[b-8si63a6i1s] {
font-size: 1.2rem !important;
color: var(--primary-color) !important;
text-align: center !important;
margin-top: 2rem !important;
}
/* Mission & Vision Section */
.mission-vision-section[b-8si63a6i1s] {
padding: 6rem 0;
background: #fff;
}
.mission-vision-card[b-8si63a6i1s] {
background: white;
padding: 3rem 2rem;
border-radius: 1rem;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
height: 100%;
border: 1px solid #e9ecef;
position: relative;
text-align: center;
}
.mission-vision-card[b-8si63a6i1s]::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: var(--primary-color);
border-radius: 1rem 1rem 0 0;
}
.mission-vision-card:hover[b-8si63a6i1s] {
transform: translateY(-8px);
box-shadow: 0 15px 40px rgba(199, 44, 72, 0.15);
border-color: var(--primary-color);
}
.mission-vision-card h4[b-8si63a6i1s] {
color: var(--text-dark);
font-weight: 700;
margin-bottom: 1.5rem;
font-size: 1.3rem;
}
.mission-vision-card p[b-8si63a6i1s] {
color: var(--text-muted);
line-height: 1.7;
margin: 0;
font-size: 1.1rem;
}
/* Section Styles */
.section-title[b-8si63a6i1s] {
font-size: 3rem;
font-weight: 700;
margin-bottom: 2rem;
color: var(--text-dark);
}
.section-description[b-8si63a6i1s] {
font-size: 1.2rem;
color: var(--text-muted);
margin-bottom: 3rem;
line-height: 1.7;
}
/* Differentiator Section */
.differentiator-section[b-8si63a6i1s] {
padding: 6rem 0;
background: var(--light-bg);
}
.differentiator-card[b-8si63a6i1s] {
background: white;
padding: 3rem 2rem;
border-radius: 1rem;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
height: 100%;
border: 1px solid #e9ecef;
position: relative;
text-align: center;
}
.differentiator-card[b-8si63a6i1s]::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: var(--primary-color);
border-radius: 1rem 1rem 0 0;
}
.differentiator-card:hover[b-8si63a6i1s] {
transform: translateY(-8px);
box-shadow: 0 15px 40px rgba(199, 44, 72, 0.15);
border-color: var(--primary-color);
}
.card-icon[b-8si63a6i1s] {
width: 80px;
height: 80px;
background: var(--primary-color);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 2rem;
transition: all 0.3s ease;
}
.differentiator-card:hover .card-icon[b-8si63a6i1s] {
transform: scale(1.1);
background: var(--primary-color);
}
.card-icon i[b-8si63a6i1s] {
font-size: 2rem;
color: white;
}
.differentiator-card h4[b-8si63a6i1s] {
color: var(--text-dark);
font-weight: 700;
margin-bottom: 1.5rem;
font-size: 1.3rem;
}
.differentiator-card p[b-8si63a6i1s] {
color: var(--text-muted);
line-height: 1.7;
margin: 0;
}
/* Innovation Section */
.innovation-section[b-8si63a6i1s] {
padding: 6rem 0;
background: #fff;
}
.innovation-card[b-8si63a6i1s] {
background: linear-gradient(135deg, rgba(199, 44, 72, 0.05), rgba(199, 44, 72, 0.02));
padding: 3rem 2rem;
border-radius: 1rem;
border: 2px solid rgba(199, 44, 72, 0.1);
transition: all 0.3s ease;
height: 100%;
text-align: center;
}
.innovation-card:hover[b-8si63a6i1s] {
transform: translateY(-5px);
border-color: var(--primary-color);
background: linear-gradient(135deg, rgba(199, 44, 72, 0.1), rgba(199, 44, 72, 0.05));
box-shadow: 0 10px 30px rgba(199, 44, 72, 0.15);
}
.innovation-icon[b-8si63a6i1s] {
width: 100px;
height: 100px;
background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 2rem;
transition: all 0.3s ease;
}
.innovation-card:hover .innovation-icon[b-8si63a6i1s] {
transform: scale(1.1) rotate(5deg);
}
.innovation-icon i[b-8si63a6i1s] {
font-size: 2.5rem;
color: white;
}
.innovation-card h4[b-8si63a6i1s] {
color: var(--text-dark);
font-weight: 700;
margin-bottom: 1.5rem;
font-size: 1.3rem;
}
.innovation-card p[b-8si63a6i1s] {
color: var(--text-muted);
line-height: 1.7;
margin: 0;
font-size: 1.1rem;
}
/* About CTA Section */
.about-cta-section[b-8si63a6i1s] {
background: var(--light-bg);
padding: 6rem 0;
color: var(--text-dark);
}
.cta-title[b-8si63a6i1s] {
font-size: 3rem;
font-weight: 800;
margin-bottom: 1.5rem;
color: var(--text-dark);
}
.cta-subtitle[b-8si63a6i1s] {
font-size: 1.3rem;
margin-bottom: 3rem;
color: var(--text-muted);
line-height: 1.7;
}
.cta-buttons .btn[b-8si63a6i1s] {
margin: 0.5rem;
padding: 1.2rem 3rem;
font-size: 1.1rem;
font-weight: 600;
border-radius: 0.5rem;
transition: all 0.3s ease;
}
.btn-primary[b-8si63a6i1s] {
background: var(--primary-color);
border-color: var(--primary-color);
}
.btn-primary:hover[b-8si63a6i1s] {
background: var(--primary-dark);
border-color: var(--primary-dark);
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(199, 44, 72, 0.3);
}
.btn-outline-primary[b-8si63a6i1s] {
border: 2px solid var(--primary-color);
color: var(--primary-color);
}
.btn-outline-primary:hover[b-8si63a6i1s] {
background: var(--primary-color);
color: white;
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(199, 44, 72, 0.3);
}
/* Utility Classes */
.float-animation[b-8si63a6i1s] {
animation: float-b-8si63a6i1s 6s ease-in-out infinite;
}
@keyframes float-b-8si63a6i1s {
0%,
100% {
transform: translateY(0px);
}
50% {
transform: translateY(-10px);
}
}
.hover-lift[b-8si63a6i1s] {
transition: transform 0.3s ease;
}
.hover-lift:hover[b-8si63a6i1s] {
transform: translateY(-5px);
}
.glow-effect[b-8si63a6i1s] {
transition: box-shadow 0.3s ease;
}
.glow-effect:hover[b-8si63a6i1s] {
box-shadow: 0 0 20px rgba(199, 44, 72, 0.3);
}
/* Responsive Design */
@media (max-width: 768px) {
.hero-title[b-8si63a6i1s] {
font-size: 2.5rem;
}
.section-title[b-8si63a6i1s] {
font-size: 2.2rem;
}
.hero-subtitle[b-8si63a6i1s],
.ceo-story p[b-8si63a6i1s] {
font-size: 1.1rem;
}
.cta-title[b-8si63a6i1s] {
font-size: 2.2rem;
}
.cta-buttons .btn[b-8si63a6i1s] {
display: block;
width: 100%;
margin-bottom: 1rem;
}
.mission-card[b-8si63a6i1s] {
width: 160px;
height: 120px;
}
.mission-card i[b-8si63a6i1s] {
font-size: 2rem;
}
.ceo-image-placeholder[b-8si63a6i1s] {
width: 150px;
height: 150px;
}
.ceo-image-placeholder i[b-8si63a6i1s] {
font-size: 4rem;
}
.ceo-name[b-8si63a6i1s] {
font-size: 1.5rem;
}
.quote-text[b-8si63a6i1s] {
font-size: 1.1rem;
}
.innovation-icon[b-8si63a6i1s] {
width: 80px;
height: 80px;
}
.innovation-icon i[b-8si63a6i1s] {
font-size: 2rem;
}
}
/* Additional animations for engagement */
@keyframes pulse-b-8si63a6i1s {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
}
.ceo-image-placeholder[b-8si63a6i1s] {
animation: pulse-b-8si63a6i1s 3s ease-in-out infinite;
}
.innovation-icon[b-8si63a6i1s] {
animation: float-b-8si63a6i1s 4s ease-in-out infinite;
}
/* Smooth scrolling for better UX */
html[b-8si63a6i1s] {
scroll-behavior: smooth;
}
/* _content/dekatfood/Pages/Admin/Profits.cshtml.rz.scp.css */
/* _content/dekatfood/Pages/Admin/SellerReport.cshtml.rz.scp.css */
body[b-q9tlflk07x] {
background: #fff;
}
.seller-summary-card[b-q9tlflk07x] {
border-radius: 16px;
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
padding: 1.5rem 1rem;
margin-bottom: 1.5rem;
background: #fff;
border: 1px solid #eee;
}
.seller-summary-card .icon[b-q9tlflk07x] {
font-size: 2.5rem;
color: #C72C48;
margin-bottom: 0.5rem;
}
.seller-summary-card .summary-value[b-q9tlflk07x] {
font-size: 2rem;
font-weight: bold;
color: #C72C48;
}
.seller-summary-card .summary-label[b-q9tlflk07x] {
font-size: 1rem;
color: #333;
}
.seller-table th[b-q9tlflk07x] {
background: #C72C48;
color: #fff;
font-weight: 600;
border: none;
}
.seller-table td[b-q9tlflk07x] {
background: #fff;
color: #222;
border-top: 1px solid #eee;
}
.seller-table .badge[b-q9tlflk07x] {
font-size: 0.95rem;
}
.seller-table .top-kiosk[b-q9tlflk07x] {
color: #C72C48;
font-weight: 600;
}
.seller-table .top-menu[b-q9tlflk07x] {
color: #C72C48;
font-weight: 600;
}
.skeleton-seller-report[b-q9tlflk07x] {
min-height: 500px;
border-radius: 16px;
background: #f8f9fa;
margin-bottom: 2rem;
}
/* _content/dekatfood/Pages/Customer/Checkout.cshtml.rz.scp.css */
/* Clean and Simple Checkout Page Styles */
.checkout-container[b-nwnrq5ygfs] {
background: #f8f9fa;
min-height: 100vh;
padding: 2rem 0;
}
.checkout-card[b-nwnrq5ygfs] {
background: white;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
border: none;
margin-bottom: 2rem;
overflow: hidden;
}
.checkout-card:hover[b-nwnrq5ygfs] {
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
transform: translateY(-2px);
transition: all 0.3s ease;
}
.btn-checkout:disabled[b-nwnrq5ygfs] {
opacity: 0.7;
cursor: not-allowed;
}
.btn-checkout .spinner-border-sm[b-nwnrq5ygfs] {
width: 1rem;
height: 1rem;
}
/* Kiosk Header */
.kiosk-header[b-nwnrq5ygfs] {
background: linear-gradient(135deg, #C72C48 0%, #a91d37 100%);
color: white;
padding: 1.5rem;
border-radius: 16px 16px 0 0;
}
.kiosk-header h5[b-nwnrq5ygfs] {
margin: 0;
font-weight: 700;
font-size: 1.25rem;
}
.kiosk-header small[b-nwnrq5ygfs] {
opacity: 0.9;
font-size: 0.875rem;
}
.kiosk-logo[b-nwnrq5ygfs] {
width: 50px;
height: 50px;
border-radius: 50%;
border: 3px solid rgba(255, 255, 255, 0.3);
object-fit: cover;
}
.kiosk-logo-placeholder[b-nwnrq5ygfs] {
width: 50px;
height: 50px;
border-radius: 50%;
border: 3px solid rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.2);
display: flex;
align-items: center;
justify-content: center;
}
/* Service Selection */
.service-section[b-nwnrq5ygfs] {
padding: 2rem;
background: #f8f9fa;
border-bottom: 1px solid #e9ecef;
}
.service-cards[b-nwnrq5ygfs] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1rem;
margin-bottom: 1.5rem;
}
.service-card[b-nwnrq5ygfs] {
background: white;
border: 2px solid #e9ecef;
border-radius: 12px;
padding: 1.5rem;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 1rem;
}
.service-card:hover[b-nwnrq5ygfs] {
border-color: #C72C48;
background: #fff8f9;
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(199, 44, 72, 0.15);
}
.service-card.active[b-nwnrq5ygfs] {
border-color: #C72C48;
background: linear-gradient(135deg, #fff8f9 0%, #ffffff 100%);
box-shadow: 0 4px 20px rgba(199, 44, 72, 0.2);
}
.service-icon[b-nwnrq5ygfs] {
font-size: 2rem;
color: #6c757d;
transition: color 0.3s ease;
min-width: 40px;
}
.service-card.active .service-icon[b-nwnrq5ygfs] {
color: #C72C48;
}
.service-info h6[b-nwnrq5ygfs] {
margin: 0 0 0.25rem 0;
font-weight: 600;
color: #2c3e50;
font-size: 1rem;
}
.service-card.active .service-info h6[b-nwnrq5ygfs] {
color: #C72C48;
}
.service-info small[b-nwnrq5ygfs] {
color: #6c757d;
font-size: 0.875rem;
}
/* Sub-options (Tables, COD Areas) */
.sub-options[b-nwnrq5ygfs] {
background: white;
border-radius: 12px;
padding: 1.5rem;
margin-top: 1rem;
border: 2px solid #e9ecef;
}
.sub-options h6[b-nwnrq5ygfs] {
margin-bottom: 1rem;
color: #2c3e50;
font-weight: 600;
display: flex;
align-items: center;
gap: 0.5rem;
}
.sub-options h6 i[b-nwnrq5ygfs] {
color: #C72C48;
}
.option-grid[b-nwnrq5ygfs] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
}
.option-card[b-nwnrq5ygfs] {
background: #f8f9fa;
border: 2px solid #e9ecef;
border-radius: 8px;
padding: 1rem;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
}
.option-card:hover[b-nwnrq5ygfs] {
border-color: #C72C48;
background: white;
transform: translateY(-1px);
}
.option-card.active[b-nwnrq5ygfs] {
border-color: #C72C48;
background: #fff8f9;
box-shadow: 0 2px 10px rgba(199, 44, 72, 0.15);
}
.option-card i[b-nwnrq5ygfs] {
font-size: 1.5rem;
color: #6c757d;
margin-bottom: 0.5rem;
}
.option-card.active i[b-nwnrq5ygfs] {
color: #C72C48;
}
.option-card strong[b-nwnrq5ygfs] {
display: block;
color: #2c3e50;
font-size: 0.95rem;
margin-bottom: 0.25rem;
}
.option-card.active strong[b-nwnrq5ygfs] {
color: #C72C48;
}
.option-card small[b-nwnrq5ygfs] {
color: #6c757d;
font-size: 0.8rem;
}
/* Address Section */
.address-section[b-nwnrq5ygfs] {
background: white;
border-radius: 12px;
padding: 1.5rem;
margin-top: 1rem;
border: 2px solid #e9ecef;
}
.address-toggle[b-nwnrq5ygfs] {
display: flex;
gap: 1rem;
margin-bottom: 1.5rem;
}
.address-toggle .btn[b-nwnrq5ygfs] {
border-radius: 8px;
padding: 0.75rem 1.5rem;
font-weight: 500;
}
.saved-addresses[b-nwnrq5ygfs] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1rem;
}
.saved-address[b-nwnrq5ygfs] {
background: #f8f9fa;
border: 2px solid #e9ecef;
border-radius: 8px;
padding: 1rem;
cursor: pointer;
transition: all 0.3s ease;
}
.saved-address:hover[b-nwnrq5ygfs] {
border-color: #28a745;
background: white;
}
.saved-address.selected[b-nwnrq5ygfs] {
border-color: #28a745;
background: #f0fff4;
box-shadow: 0 2px 10px rgba(40, 167, 69, 0.15);
}
.manual-address[b-nwnrq5ygfs] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1rem;
}
.manual-address .form-control[b-nwnrq5ygfs] {
border-radius: 8px;
border: 2px solid #e9ecef;
padding: 0.75rem;
transition: all 0.3s ease;
}
.manual-address .form-control:focus[b-nwnrq5ygfs] {
border-color: #C72C48;
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
}
/* Enhanced Payment Section */
.payment-section[b-nwnrq5ygfs] {
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
padding: 2rem;
border-radius: 12px;
margin-top: 1rem;
border: 2px solid #e9ecef;
position: relative;
overflow: hidden;
}
.payment-section[b-nwnrq5ygfs]::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #28a745, #20c997, #17a2b8);
}
.payment-section h6[b-nwnrq5ygfs] {
color: #2c3e50;
font-size: 1.1rem;
margin-bottom: 1.5rem;
}
/* Enhanced Seller Message */
.payment-instructions[b-nwnrq5ygfs] {
background: linear-gradient(135deg, #e3f2fd 0%, #f8f9fa 100%);
border: 1px solid #bbdefb;
border-radius: 12px;
padding: 1.5rem;
margin-bottom: 2rem;
position: relative;
box-shadow: 0 2px 12px rgba(33, 150, 243, 0.1);
}
.payment-instructions[b-nwnrq5ygfs]::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: linear-gradient(180deg, #2196f3, #1976d2);
border-radius: 4px 0 0 4px;
}
.payment-instructions .instruction-header[b-nwnrq5ygfs] {
display: flex;
align-items: center;
margin-bottom: 1rem;
}
.payment-instructions .instruction-icon[b-nwnrq5ygfs] {
width: 40px;
height: 40px;
background: linear-gradient(135deg, #2196f3, #1976d2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
margin-right: 1rem;
font-size: 1.1rem;
}
.payment-instructions .instruction-title[b-nwnrq5ygfs] {
font-weight: 700;
color: #1565c0;
margin: 0;
font-size: 1rem;
}
.payment-instructions .instruction-content[b-nwnrq5ygfs] {
color: #37474f;
line-height: 1.6;
margin: 0;
font-size: 0.95rem;
}
/* Enhanced Payment Accounts Display */
.payment-accounts[b-nwnrq5ygfs] {
margin-bottom: 2rem;
}
.payment-accounts h6[b-nwnrq5ygfs] {
color: #2c3e50;
font-weight: 700;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
}
.payment-accounts h6 i[b-nwnrq5ygfs] {
color: #28a745;
margin-right: 0.5rem;
}
.payment-accounts-grid[b-nwnrq5ygfs] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 1.5rem;
}
.payment-account[b-nwnrq5ygfs] {
background: white;
border: 2px solid #e9ecef;
border-radius: 16px;
padding: 1.5rem;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.payment-account[b-nwnrq5ygfs]::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #28a745, #20c997);
}
.payment-account:hover[b-nwnrq5ygfs] {
transform: translateY(-4px);
box-shadow: 0 8px 30px rgba(40, 167, 69, 0.15);
border-color: #28a745;
}
.payment-account.featured[b-nwnrq5ygfs] {
border-color: #ffc107;
background: linear-gradient(135deg, #fff8e1 0%, #ffffff 100%);
}
.payment-account.featured[b-nwnrq5ygfs]::before {
background: linear-gradient(90deg, #ffc107, #ff9800);
}
.account-header[b-nwnrq5ygfs] {
display: flex;
align-items: center;
margin-bottom: 1.5rem;
}
.bank-icon[b-nwnrq5ygfs] {
width: 50px;
height: 50px;
background: linear-gradient(135deg, #28a745, #20c997);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 1.3rem;
margin-right: 1rem;
box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
}
.account-info[b-nwnrq5ygfs] {
flex: 1;
}
.bank-name[b-nwnrq5ygfs] {
font-weight: 700;
color: #2c3e50;
font-size: 1.1rem;
margin-bottom: 0.25rem;
}
.account-number[b-nwnrq5ygfs] {
font-family: 'Courier New', monospace;
font-weight: 600;
color: #495057;
background: #f8f9fa;
padding: 0.5rem 0.75rem;
border-radius: 8px;
border-left: 4px solid #28a745;
margin: 0.5rem 0;
font-size: 0.95rem;
letter-spacing: 1px;
}
.account-holder[b-nwnrq5ygfs] {
color: #6c757d;
font-size: 0.9rem;
font-weight: 500;
}
.account-badges[b-nwnrq5ygfs] {
display: flex;
gap: 0.5rem;
margin-top: 1rem;
}
.badge-default[b-nwnrq5ygfs] {
background: linear-gradient(135deg, #ffc107, #ff9800);
color: #212529;
font-weight: 600;
padding: 0.4rem 0.8rem;
border-radius: 20px;
font-size: 0.75rem;
display: flex;
align-items: center;
}
.badge-default i[b-nwnrq5ygfs] {
margin-right: 0.25rem;
}
/* Enhanced File Upload Section */
.upload-section[b-nwnrq5ygfs] {
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
border: 2px dashed #dee2e6;
border-radius: 16px;
padding: 2rem;
text-align: center;
transition: all 0.3s ease;
cursor: pointer;
position: relative;
overflow: hidden;
}
.upload-section[b-nwnrq5ygfs]::before {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: linear-gradient(45deg, transparent, rgba(199, 44, 72, 0.1), transparent);
z-index: -1;
border-radius: 16px;
opacity: 0;
transition: opacity 0.3s ease;
}
.upload-section:hover[b-nwnrq5ygfs]::before {
opacity: 1;
}
.upload-header[b-nwnrq5ygfs] {
margin-bottom: 1.5rem;
}
.upload-header h6[b-nwnrq5ygfs] {
color: #2c3e50;
font-weight: 700;
margin-bottom: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
}
.upload-header h6 i[b-nwnrq5ygfs] {
color: #C72C48;
margin-right: 0.5rem;
}
.upload-area[b-nwnrq5ygfs] {
padding: 2rem;
transition: all 0.3s ease;
border-radius: 12px;
}
.upload-area:hover[b-nwnrq5ygfs],
.upload-area.drag-over[b-nwnrq5ygfs] {
background: rgba(199, 44, 72, 0.05);
transform: scale(1.02);
}
.upload-section:hover[b-nwnrq5ygfs] {
border-color: #C72C48;
background: linear-gradient(135deg, #fff8f9 0%, #ffffff 100%);
transform: translateY(-2px);
box-shadow: 0 8px 30px rgba(199, 44, 72, 0.15);
}
.upload-section.required[b-nwnrq5ygfs] {
border-color: #dc3545;
background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%);
}
.upload-section.required:hover[b-nwnrq5ygfs] {
border-color: #dc3545;
background: linear-gradient(135deg, #ffe6e6 0%, #ffffff 100%);
}
.upload-section.required .upload-area[b-nwnrq5ygfs] {
border-color: #dc3545;
background: rgba(220, 53, 69, 0.05);
}
.upload-section.loading .upload-area[b-nwnrq5ygfs] {
pointer-events: none;
opacity: 0.7;
}
.upload-section.loading .upload-area[b-nwnrq5ygfs]::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 3rem;
height: 3rem;
border: 4px solid #f3f3f3;
border-radius: 50%;
border-top: 4px solid #C72C48;
animation: spin-b-nwnrq5ygfs 1s linear infinite;
}
.upload-section.upload-success[b-nwnrq5ygfs] {
border-color: #28a745;
background: linear-gradient(135deg, #e8f5e8 0%, #ffffff 100%);
}
.upload-section.upload-success .upload-area[b-nwnrq5ygfs] {
background: rgba(40, 167, 69, 0.05);
}
.upload-section.upload-success .upload-icon[b-nwnrq5ygfs] {
color: #28a745;
}
.upload-icon[b-nwnrq5ygfs] {
font-size: 3.5rem;
color: #6c757d;
margin-bottom: 1.5rem;
transition: all 0.3s ease;
}
.upload-section:hover .upload-icon[b-nwnrq5ygfs] {
color: #C72C48;
transform: scale(1.1);
}
.upload-section.required .upload-icon[b-nwnrq5ygfs] {
color: #dc3545;
}
.upload-text[b-nwnrq5ygfs] {
font-weight: 700;
color: #2c3e50;
font-size: 1.1rem;
margin-bottom: 0.5rem;
}
.upload-section.required .upload-text[b-nwnrq5ygfs] {
color: #dc3545;
}
.upload-subtitle[b-nwnrq5ygfs] {
color: #6c757d;
font-size: 0.9rem;
margin-bottom: 1rem;
}
.file-requirements[b-nwnrq5ygfs] {
background: linear-gradient(135deg, #fff3cd 0%, #ffffff 100%);
border: 1px solid #ffeaa7;
border-radius: 12px;
padding: 1rem;
margin-top: 1.5rem;
font-size: 0.875rem;
}
/* Enhanced File Preview */
.file-preview[b-nwnrq5ygfs] {
margin-top: 2rem;
}
.file-preview-container[b-nwnrq5ygfs] {
background: linear-gradient(135deg, #e8f5e8 0%, #ffffff 100%);
border: 2px solid #28a745;
border-radius: 16px;
padding: 2rem;
text-align: center;
animation: fadeInScale-b-nwnrq5ygfs 0.5s ease-out;
position: relative;
overflow: hidden;
}
.file-preview-container[b-nwnrq5ygfs]::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #28a745, #20c997);
}
.file-preview-container img[b-nwnrq5ygfs] {
border-radius: 12px;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
transition: transform 0.3s ease;
}
.file-preview-container img:hover[b-nwnrq5ygfs] {
transform: scale(1.05);
}
.file-info[b-nwnrq5ygfs] {
margin-top: 1.5rem;
}
.file-success[b-nwnrq5ygfs] {
color: #28a745;
font-weight: 700;
font-size: 1rem;
margin-bottom: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
}
.file-success i[b-nwnrq5ygfs] {
margin-right: 0.5rem;
font-size: 1.2rem;
}
.file-size[b-nwnrq5ygfs] {
color: #6c757d;
font-size: 0.875rem;
}
/* Order Items */
.order-items[b-nwnrq5ygfs] {
padding: 2rem;
}
.order-item[b-nwnrq5ygfs] {
padding: 1rem 0;
border-bottom: 1px solid #e9ecef;
display: flex;
align-items: start;
gap: 1rem;
}
.order-item:last-child[b-nwnrq5ygfs] {
border-bottom: none;
}
.item-image[b-nwnrq5ygfs] {
width: 60px;
height: 60px;
border-radius: 8px;
object-fit: cover;
border: 2px solid #e9ecef;
}
.item-placeholder[b-nwnrq5ygfs] {
width: 60px;
height: 60px;
border-radius: 8px;
background: #f8f9fa;
border: 2px solid #e9ecef;
display: flex;
align-items: center;
justify-content: center;
color: #6c757d;
}
.item-details[b-nwnrq5ygfs] {
flex: 1;
}
.item-name[b-nwnrq5ygfs] {
font-weight: 600;
color: #2c3e50;
margin-bottom: 0.25rem;
}
.item-meta[b-nwnrq5ygfs] {
color: #6c757d;
font-size: 0.875rem;
margin-bottom: 0.5rem;
}
.item-price[b-nwnrq5ygfs] {
color: #C72C48;
font-weight: 600;
font-size: 1.1rem;
}
.special-instruction[b-nwnrq5ygfs] {
margin-top: 0.5rem;
}
.special-instruction .form-control[b-nwnrq5ygfs] {
border-radius: 6px;
border: 1px solid #dee2e6;
font-size: 0.875rem;
}
/* Order Summary */
.summary-card[b-nwnrq5ygfs] {
background: white;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
position: sticky;
top: 20px;
overflow: hidden;
}
.summary-header[b-nwnrq5ygfs] {
background: linear-gradient(135deg, #C72C48 0%, #a91d37 100%);
color: white;
padding: 1.5rem;
font-weight: 700;
}
.summary-body[b-nwnrq5ygfs] {
padding: 2rem;
}
.summary-row[b-nwnrq5ygfs] {
display: flex;
justify-content: space-between;
margin-bottom: 0.75rem;
padding-bottom: 0.75rem;
}
.summary-row:not(:last-child)[b-nwnrq5ygfs] {
border-bottom: 1px solid #f1f3f4;
}
.summary-total[b-nwnrq5ygfs] {
font-weight: 700;
font-size: 1.25rem;
color: #C72C48;
border-top: 2px solid #f1f3f4;
padding-top: 1rem;
margin-top: 1rem;
}
.checkout-actions[b-nwnrq5ygfs] {
padding: 0 2rem 2rem;
}
.btn-checkout[b-nwnrq5ygfs] {
background: linear-gradient(135deg, #C72C48 0%, #a91d37 100%);
border: none;
color: white;
padding: 1rem 2rem;
border-radius: 12px;
font-weight: 600;
font-size: 1.1rem;
width: 100%;
margin-bottom: 1rem;
transition: all 0.3s ease;
}
.btn-checkout:hover[b-nwnrq5ygfs] {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(199, 44, 72, 0.3);
}
.btn-back[b-nwnrq5ygfs] {
border: 2px solid #6c757d;
color: #6c757d;
background: transparent;
padding: 0.75rem 2rem;
border-radius: 12px;
font-weight: 600;
width: 100%;
transition: all 0.3s ease;
}
.btn-back:hover[b-nwnrq5ygfs] {
background: #6c757d;
color: white;
transform: translateY(-1px);
}
/* Alerts */
.alert-warning[b-nwnrq5ygfs] {
background: linear-gradient(135deg, #fff3cd 0%, #fefefe 100%);
border: 2px solid #ffc107;
border-radius: 12px;
padding: 1rem;
margin: 1rem 0;
}
.alert-error[b-nwnrq5ygfs] {
background: linear-gradient(135deg, #f8d7da 0%, #fefefe 100%);
border: 2px solid #dc3545;
border-radius: 12px;
padding: 1rem;
margin: 1rem 0;
}
.alert-success[b-nwnrq5ygfs] {
background: linear-gradient(135deg, #d4edda 0%, #fefefe 100%);
border: 2px solid #28a745;
border-radius: 12px;
padding: 1rem;
margin: 1rem 0;
}
.alert-info[b-nwnrq5ygfs] {
background: linear-gradient(135deg, #cce7ff 0%, #fefefe 100%);
border: 2px solid #17a2b8;
border-radius: 12px;
padding: 1rem;
margin: 1rem 0;
}
/* Form Validation */
.form-control.is-invalid[b-nwnrq5ygfs] {
border-color: #dc3545;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.form-control.is-valid[b-nwnrq5ygfs] {
border-color: #28a745;
box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.invalid-feedback[b-nwnrq5ygfs] {
color: #dc3545;
font-size: 0.875rem;
margin-top: 0.25rem;
}
/* Hidden by default */
.d-none[b-nwnrq5ygfs] {
display: none !important;
}
/* Utility classes */
.text-required[b-nwnrq5ygfs] {
color: #dc3545 !important;
font-weight: 600;
}
.text-optional[b-nwnrq5ygfs] {
color: #6c757d;
font-weight: 500;
}
.border-required[b-nwnrq5ygfs] {
border-color: #dc3545 !important;
}
.bg-required[b-nwnrq5ygfs] {
background-color: #fff5f5 !important;
}
/* Loading states */
.loading[b-nwnrq5ygfs] {
opacity: 0.6;
pointer-events: none;
}
/* Animation */
@keyframes fadeInUp-b-nwnrq5ygfs {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeIn-b-nwnrq5ygfs {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInScale-b-nwnrq5ygfs {
from {
opacity: 0;
transform: scale(0.9) translateY(10px);
}
to {
opacity: 1;
transform: scale(1) translateY(0);
}
}
@keyframes spin-b-nwnrq5ygfs {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
/* Removed initial entrance animations to prevent first-load flicker */
/* .checkout-card animations disabled */
/* QR Payment Cards Design (moved from Checkout.cshtml inline styles) */
.qr-codes-grid[b-nwnrq5ygfs] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
margin-top: 1rem;
}
.qr-payment-card[b-nwnrq5ygfs] {
background: white;
border: 2px solid #e9ecef;
border-radius: 20px;
padding: 1.5rem;
text-align: center;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.qr-payment-card:hover[b-nwnrq5ygfs] {
border-color: #C72C48;
box-shadow: 0 8px 32px rgba(199, 44, 72, 0.15);
transform: translateY(-3px);
}
.qr-payment-card.featured[b-nwnrq5ygfs] {
border-color: #C72C48;
background: linear-gradient(135deg, #fff8f9, #ffffff);
box-shadow: 0 4px 20px rgba(199, 44, 72, 0.1);
}
.qr-header[b-nwnrq5ygfs] {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 1.5rem;
gap: 1rem;
}
.qr-icon[b-nwnrq5ygfs] {
width: 50px;
height: 50px;
background: linear-gradient(135deg, #C72C48, #a81f39);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 1.25rem;
flex-shrink: 0;
}
.qr-info[b-nwnrq5ygfs] {
text-align: center;
}
.bank-name[b-nwnrq5ygfs] {
font-size: 1.1rem;
font-weight: 600;
color: #2d3436;
margin-bottom: 0.25rem;
}
.qr-badges[b-nwnrq5ygfs] {
margin-top: 0.5rem;
}
.badge-default[b-nwnrq5ygfs] {
background: linear-gradient(135deg, #ffd700, #ffed4e);
color: #2d3436;
font-size: 0.75rem;
font-weight: 600;
padding: 0.25rem 0.5rem;
border-radius: 12px;
display: inline-flex;
align-items: center;
gap: 0.25rem;
}
.qr-code-display[b-nwnrq5ygfs] {
margin-bottom: 1rem;
}
.qr-image-container[b-nwnrq5ygfs] {
width: 350px;
height: 350px;
margin: 0 auto;
border-radius: 20px;
overflow: hidden;
border: 4px solid #C72C48;
background: white;
padding: 12px;
transition: all 0.3s ease;
position: relative;
box-shadow: 0 4px 20px rgba(199, 44, 72, 0.1);
}
.qr-image-container:hover[b-nwnrq5ygfs] {
transform: scale(1.02);
box-shadow: 0 8px 32px rgba(199, 44, 72, 0.2);
border-color: #a81f39;
}
.qr-image[b-nwnrq5ygfs] {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
transition: all 0.2s ease;
cursor: pointer;
}
.qr-image:hover[b-nwnrq5ygfs] {
transform: scale(1.03);
}
.qr-instruction[b-nwnrq5ygfs] {
color: #636e72;
font-size: 0.875rem;
margin-top: 0.75rem;
font-weight: 500;
}
.qr-missing[b-nwnrq5ygfs] {
width: 350px;
height: 350px;
margin: 0 auto;
border-radius: 20px;
border: 2px dashed #ffc107;
background: linear-gradient(135deg, #fff9e6, #ffeaa7);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #856404;
gap: 0.5rem;
}
.qr-missing p[b-nwnrq5ygfs] {
margin: 0;
font-weight: 600;
font-size: 0.9rem;
}
/* QR Modal Enhancements */
.qr-display-large[b-nwnrq5ygfs] {
max-width: 400px;
margin: 0 auto;
border-radius: 20px;
overflow: hidden;
border: 4px solid #C72C48;
background: white;
padding: 16px;
box-shadow: 0 8px 32px rgba(199, 44, 72, 0.2);
}
#largeQrImage[b-nwnrq5ygfs] {
border-radius: 16px;
transition: transform 0.3s ease;
}
#largeQrImage:hover[b-nwnrq5ygfs] {
transform: scale(1.02);
}
/* Animation for QR Card Entrance */
@keyframes qrCardFadeIn-b-nwnrq5ygfs {
from {
opacity: 0;
transform: translateY(20px) scale(0.95);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
/* Disable QR payment card entrance animation to avoid flicker */
/* .qr-payment-card animation removed */
/* ------------------------------------------------------------ */
/* Skeleton Loading (500ms) */
/* ------------------------------------------------------------ */
body.preload *[b-nwnrq5ygfs] {
transition: none !important;
}
.checkout-skeleton[b-nwnrq5ygfs] {
padding: 2rem 0;
}
.checkout-skeleton .container[b-nwnrq5ygfs] {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.checkout-skel-left[b-nwnrq5ygfs] {
flex: 1 1 65%;
min-width: 300px;
}
.checkout-skel-right[b-nwnrq5ygfs] {
flex: 1 1 30%;
min-width: 260px;
}
.skel-card[b-nwnrq5ygfs],
.skel-summary[b-nwnrq5ygfs] {
background: #ffffff;
border-radius: 16px;
padding: 1.5rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
margin-bottom: 1.5rem;
position: relative;
overflow: hidden;
}
.skel-anim[b-nwnrq5ygfs] {
position: relative;
background: #e9ecef;
overflow: hidden;
}
.skel-anim[b-nwnrq5ygfs]::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(233, 236, 239, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(233, 236, 239, 0) 100%);
animation: skelShimmer-b-nwnrq5ygfs 1s linear infinite;
}
@keyframes skelShimmer-b-nwnrq5ygfs {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
.skel-line[b-nwnrq5ygfs] {
height: 14px;
border-radius: 8px;
margin-bottom: 10px;
}
.skel-line.s[b-nwnrq5ygfs] {
width: 35%;
}
.skel-line.m[b-nwnrq5ygfs] {
width: 55%;
}
.skel-line.l[b-nwnrq5ygfs] {
width: 80%;
}
.skel-line.xl[b-nwnrq5ygfs] {
width: 95%;
}
.skel-avatar[b-nwnrq5ygfs] {
width: 50px;
height: 50px;
border-radius: 50%;
}
.skel-flex[b-nwnrq5ygfs] {
display: flex;
gap: 1rem;
align-items: center;
}
.skel-items[b-nwnrq5ygfs] {
display: grid;
gap: 1rem;
}
.skel-item[b-nwnrq5ygfs] {
display: flex;
gap: .75rem;
}
.skel-thumb[b-nwnrq5ygfs] {
width: 60px;
height: 60px;
border-radius: 8px;
}
.skel-summary .skel-line[b-nwnrq5ygfs] {
height: 12px;
}
/* Hide real content until skeleton dismissed */
#checkoutContent.hidden-before-ready[b-nwnrq5ygfs] {
visibility: hidden;
}
@media (max-width: 768px) {
.checkout-skeleton .container[b-nwnrq5ygfs] {
flex-direction: column;
}
.checkout-skel-right[b-nwnrq5ygfs] {
order: 2;
}
}
/* Responsive Design */
@media (max-width: 768px) {
.checkout-container[b-nwnrq5ygfs] {
padding: 1rem 0;
}
.service-cards[b-nwnrq5ygfs] {
grid-template-columns: 1fr;
}
.option-grid[b-nwnrq5ygfs] {
grid-template-columns: 1fr;
}
.payment-accounts-grid[b-nwnrq5ygfs] {
grid-template-columns: 1fr;
}
.manual-address[b-nwnrq5ygfs] {
grid-template-columns: 1fr;
}
.saved-addresses[b-nwnrq5ygfs] {
grid-template-columns: 1fr;
}
.order-item[b-nwnrq5ygfs] {
flex-direction: column;
align-items: flex-start;
}
.summary-card[b-nwnrq5ygfs] {
position: relative;
top: auto;
margin-top: 2rem;
}
.payment-account[b-nwnrq5ygfs] {
padding: 1rem;
}
.bank-icon[b-nwnrq5ygfs] {
width: 40px;
height: 40px;
font-size: 1.1rem;
}
.upload-section[b-nwnrq5ygfs] {
padding: 1.5rem;
}
.upload-icon[b-nwnrq5ygfs] {
font-size: 2.5rem;
}
}
@media (max-width: 576px) {
.service-section[b-nwnrq5ygfs],
.order-items[b-nwnrq5ygfs],
.summary-body[b-nwnrq5ygfs],
.checkout-actions[b-nwnrq5ygfs] {
padding: 1rem;
}
.kiosk-header[b-nwnrq5ygfs] {
padding: 1rem;
}
.address-toggle[b-nwnrq5ygfs] {
flex-direction: column;
}
.service-card[b-nwnrq5ygfs] {
flex-direction: column;
text-align: center;
gap: 0.5rem;
}
.service-icon[b-nwnrq5ygfs] {
margin-bottom: 0.5rem;
}
.payment-section[b-nwnrq5ygfs] {
padding: 1.5rem;
}
.payment-instructions[b-nwnrq5ygfs] {
padding: 1rem;
}
.account-header[b-nwnrq5ygfs] {
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.account-badges[b-nwnrq5ygfs] {
justify-content: flex-start;
}
}
/* Enhanced Delivery Area Option Cards */
.delivery-area-option[b-nwnrq5ygfs] {
background: #f8f9fa;
border: 2px solid #e9ecef;
border-radius: 12px;
padding: 1rem;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.delivery-area-option:hover[b-nwnrq5ygfs] {
border-color: #C72C48;
background: white;
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(199, 44, 72, 0.15);
}
.delivery-area-option.active[b-nwnrq5ygfs] {
border-color: #C72C48;
background: #fff8f9;
box-shadow: 0 4px 20px rgba(199, 44, 72, 0.2);
}
.delivery-area-option .area-header[b-nwnrq5ygfs] {
display: flex;
align-items: center;
gap: 0.5rem;
margin-bottom: 0.5rem;
}
.delivery-area-option .area-header i[b-nwnrq5ygfs] {
color: #6c757d;
font-size: 1.2rem;
transition: color 0.3s ease;
}
.delivery-area-option.active .area-header i[b-nwnrq5ygfs] {
color: #C72C48;
}
.delivery-area-option .area-header strong[b-nwnrq5ygfs] {
color: #2c3e50;
font-size: 0.95rem;
font-weight: 600;
}
.delivery-area-option.active .area-header strong[b-nwnrq5ygfs] {
color: #C72C48;
}
.delivery-area-option .area-location[b-nwnrq5ygfs] {
margin-bottom: 0.5rem;
}
.delivery-area-option .area-location small[b-nwnrq5ygfs] {
color: #6c757d;
font-size: 0.85rem;
font-weight: 500;
}
.delivery-area-option .area-info[b-nwnrq5ygfs] {
padding: 0.5rem;
background: rgba(199, 44, 72, 0.05);
border-radius: 8px;
border: 1px solid rgba(199, 44, 72, 0.1);
}
.delivery-area-option .area-info small[b-nwnrq5ygfs] {
font-size: 0.8rem;
line-height: 1.4;
margin: 0;
display: block;
}
.delivery-area-option:hover .area-info[b-nwnrq5ygfs] {
background: rgba(199, 44, 72, 0.08);
border-color: rgba(199, 44, 72, 0.2);
}
/* _content/dekatfood/Pages/Customer/CustDashboard.cshtml.rz.scp.css */
/* ========================================
CUSTOMER DASHBOARD STYLES
======================================== */
:root[b-7hmcnhw9nr] {
--primary-color: #C72C48;
--secondary-color: #f8f9fa;
--success-color: #28a745;
--warning-color: #ffc107;
--danger-color: #dc3545;
--info-color: #17a2b8;
--dark-color: #343a40;
--light-color: #f8f9fa;
}
/* Dashboard Header */
.dashboard-header[b-7hmcnhw9nr] {
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
border-radius: 15px;
padding: 2rem;
margin-bottom: 2rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.dashboard-title[b-7hmcnhw9nr] {
font-size: 2rem;
font-weight: 700;
color: var(--dark-color);
margin-bottom: 0.5rem;
}
.dashboard-subtitle[b-7hmcnhw9nr] {
color: #6c757d;
font-size: 1.1rem;
margin-bottom: 0;
}
.welcome-section[b-7hmcnhw9nr] {
animation: fadeInUp-b-7hmcnhw9nr 0.6s ease-out;
}
.quick-actions .btn[b-7hmcnhw9nr] {
border-radius: 25px;
padding: 0.75rem 1.5rem;
font-weight: 600;
transition: all 0.3s ease;
}
.quick-actions .btn:hover[b-7hmcnhw9nr] {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
/* Statistics Cards */
.stat-card[b-7hmcnhw9nr] {
border: none;
border-radius: 15px;
overflow: hidden;
transition: all 0.3s ease;
height: 100%;
position: relative;
}
.stat-card:hover[b-7hmcnhw9nr] {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.stat-card[b-7hmcnhw9nr]::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--primary-color), #ff6b6b);
}
.stat-orders[b-7hmcnhw9nr]::before {
background: linear-gradient(90deg, #4CAF50, #66BB6A);
}
.stat-spending[b-7hmcnhw9nr]::before {
background: linear-gradient(90deg, #FF9800, #FFB74D);
}
.stat-kiosks[b-7hmcnhw9nr]::before {
background: linear-gradient(90deg, #2196F3, #64B5F6);
}
.stat-reviews[b-7hmcnhw9nr]::before {
background: linear-gradient(90deg, #9C27B0, #BA68C8);
}
.stat-content[b-7hmcnhw9nr] {
display: flex;
align-items: center;
padding: 1.5rem;
}
.stat-icon[b-7hmcnhw9nr] {
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 1rem;
font-size: 1.5rem;
color: white;
}
.stat-orders .stat-icon[b-7hmcnhw9nr] {
background: linear-gradient(135deg, #4CAF50, #66BB6A);
}
.stat-spending .stat-icon[b-7hmcnhw9nr] {
background: linear-gradient(135deg, #FF9800, #FFB74D);
}
.stat-kiosks .stat-icon[b-7hmcnhw9nr] {
background: linear-gradient(135deg, #2196F3, #64B5F6);
}
.stat-reviews .stat-icon[b-7hmcnhw9nr] {
background: linear-gradient(135deg, #9C27B0, #BA68C8);
}
.stat-details[b-7hmcnhw9nr] {
flex: 1;
}
.stat-number[b-7hmcnhw9nr] {
font-size: 2rem;
font-weight: 700;
color: var(--dark-color);
margin-bottom: 0.25rem;
}
.stat-label[b-7hmcnhw9nr] {
color: #6c757d;
font-weight: 600;
margin-bottom: 0.5rem;
}
.stat-change[b-7hmcnhw9nr] {
font-size: 0.85rem;
font-weight: 600;
}
.stat-change.positive[b-7hmcnhw9nr] {
color: var(--success-color);
}
.stat-change.negative[b-7hmcnhw9nr] {
color: var(--danger-color);
}
.stat-change.neutral[b-7hmcnhw9nr] {
color: #6c757d;
}
/* Chart Cards */
.chart-card[b-7hmcnhw9nr] {
border: none;
border-radius: 15px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.chart-card .card-header[b-7hmcnhw9nr] {
background: linear-gradient(135deg, var(--primary-color), #a91d37);
color: white;
border-bottom: none;
padding: 1.5rem;
}
.chart-card .card-title[b-7hmcnhw9nr] {
font-weight: 600;
}
.chart-card .card-body[b-7hmcnhw9nr] {
padding: 2rem;
}
/* Recent Orders */
.recent-orders-card[b-7hmcnhw9nr] {
border: none;
border-radius: 15px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.recent-orders-card .card-header[b-7hmcnhw9nr] {
background: linear-gradient(135deg, #f8f9fa, #ffffff);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 1.5rem;
}
.recent-order-item[b-7hmcnhw9nr] {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.5rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.recent-order-item:last-child[b-7hmcnhw9nr] {
border-bottom: none;
}
.recent-order-item:hover[b-7hmcnhw9nr] {
background-color: #f8f9fa;
transform: translateX(5px);
}
.order-info[b-7hmcnhw9nr] {
display: flex;
align-items: center;
flex: 1;
}
.order-image[b-7hmcnhw9nr] {
width: 60px;
height: 60px;
border-radius: 10px;
overflow: hidden;
margin-right: 1rem;
flex-shrink: 0;
}
.order-image img[b-7hmcnhw9nr] {
width: 100%;
height: 100%;
object-fit: cover;
}
.order-details h6[b-7hmcnhw9nr] {
font-weight: 600;
color: var(--dark-color);
margin-bottom: 0.25rem;
}
.order-kiosk[b-7hmcnhw9nr],
.order-date[b-7hmcnhw9nr] {
font-size: 0.9rem;
margin-bottom: 0.25rem;
}
.order-status[b-7hmcnhw9nr] {
text-align: right;
}
.order-price[b-7hmcnhw9nr] {
font-weight: 600;
color: var(--primary-color);
font-size: 1.1rem;
margin-top: 0.5rem;
}
/* Favorites Card */
.favorites-card[b-7hmcnhw9nr] {
border: none;
border-radius: 15px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.favorites-card .card-header[b-7hmcnhw9nr] {
background: linear-gradient(135deg, #f8f9fa, #ffffff);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 1.5rem;
}
.favorite-item[b-7hmcnhw9nr] {
display: flex;
align-items: center;
padding: 1rem 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.favorite-item:last-child[b-7hmcnhw9nr] {
border-bottom: none;
}
.favorite-image[b-7hmcnhw9nr] {
width: 50px;
height: 50px;
border-radius: 8px;
overflow: hidden;
margin-right: 1rem;
flex-shrink: 0;
}
.favorite-image img[b-7hmcnhw9nr] {
width: 100%;
height: 100%;
object-fit: cover;
}
.favorite-details[b-7hmcnhw9nr] {
flex: 1;
}
.favorite-name[b-7hmcnhw9nr] {
font-weight: 600;
color: var(--dark-color);
margin-bottom: 0.25rem;
font-size: 0.95rem;
}
.favorite-orders[b-7hmcnhw9nr] {
font-size: 0.85rem;
}
.favorite-rating[b-7hmcnhw9nr] {
display: flex;
align-items: center;
font-weight: 600;
color: var(--dark-color);
}
.favorite-rating i[b-7hmcnhw9nr] {
margin-right: 0.25rem;
}
/* Animations */
@keyframes fadeInUp-b-7hmcnhw9nr {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideInRight-b-7hmcnhw9nr {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
/* Loading Animation */
@keyframes fadeIn-b-7hmcnhw9nr {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
#main-content[b-7hmcnhw9nr] {
animation: fadeIn-b-7hmcnhw9nr 0.5s ease-out;
}
/* Responsive Design */
@media (max-width: 991.98px) {
.dashboard-header[b-7hmcnhw9nr] {
text-align: center;
padding: 1.5rem;
}
.dashboard-title[b-7hmcnhw9nr] {
font-size: 1.5rem;
}
.quick-actions[b-7hmcnhw9nr] {
margin-top: 1rem;
}
.quick-actions .btn[b-7hmcnhw9nr] {
width: 100%;
margin-bottom: 0.5rem;
}
.stat-content[b-7hmcnhw9nr] {
padding: 1rem;
}
.stat-icon[b-7hmcnhw9nr] {
width: 50px;
height: 50px;
font-size: 1.25rem;
}
.stat-number[b-7hmcnhw9nr] {
font-size: 1.5rem;
}
.chart-card .card-body[b-7hmcnhw9nr] {
padding: 1rem;
}
.recent-order-item[b-7hmcnhw9nr],
.favorite-item[b-7hmcnhw9nr] {
padding: 1rem;
}
.order-image[b-7hmcnhw9nr] {
width: 50px;
height: 50px;
}
}
@media (max-width: 767.98px) {
.dashboard-header[b-7hmcnhw9nr] {
padding: 1rem;
}
.dashboard-title[b-7hmcnhw9nr] {
font-size: 1.25rem;
}
.recent-order-item[b-7hmcnhw9nr] {
flex-direction: column;
text-align: center;
padding: 1.5rem 1rem;
}
.order-info[b-7hmcnhw9nr] {
flex-direction: column;
margin-bottom: 1rem;
}
.order-image[b-7hmcnhw9nr] {
margin-right: 0;
margin-bottom: 1rem;
}
.order-status[b-7hmcnhw9nr] {
text-align: center;
}
.stat-content[b-7hmcnhw9nr] {
flex-direction: column;
text-align: center;
}
.stat-icon[b-7hmcnhw9nr] {
margin-right: 0;
margin-bottom: 1rem;
}
}
/* Card hover effects */
.card[b-7hmcnhw9nr] {
transition: all 0.3s ease;
}
.card:hover[b-7hmcnhw9nr] {
transform: translateY(-2px);
}
/* Custom scrollbar for lists */
.recent-orders-list[b-7hmcnhw9nr],
.favorites-list[b-7hmcnhw9nr] {
max-height: 400px;
overflow-y: auto;
}
.recent-orders-list[b-7hmcnhw9nr]::-webkit-scrollbar,
.favorites-list[b-7hmcnhw9nr]::-webkit-scrollbar {
width: 6px;
}
.recent-orders-list[b-7hmcnhw9nr]::-webkit-scrollbar-track,
.favorites-list[b-7hmcnhw9nr]::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3px;
}
.recent-orders-list[b-7hmcnhw9nr]::-webkit-scrollbar-thumb,
.favorites-list[b-7hmcnhw9nr]::-webkit-scrollbar-thumb {
background: var(--primary-color);
border-radius: 3px;
}
.recent-orders-list[b-7hmcnhw9nr]::-webkit-scrollbar-thumb:hover,
.favorites-list[b-7hmcnhw9nr]::-webkit-scrollbar-thumb:hover {
background: #a91d37;
}
/* ========================================
REVIEWS SECTION STYLES
======================================== */
.reviews-card[b-7hmcnhw9nr] {
border: none;
border-radius: 15px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
margin-bottom: 2rem;
}
.reviews-card:hover[b-7hmcnhw9nr] {
transform: translateY(-2px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}
.reviews-card .card-header[b-7hmcnhw9nr] {
background: linear-gradient(135deg, var(--primary-color), #e8244d);
color: white;
border: none;
border-radius: 15px 15px 0 0;
padding: 1.5rem;
}
.reviews-card .card-title[b-7hmcnhw9nr] {
font-weight: 600;
font-size: 1.1rem;
margin: 0;
}
.reviews-list[b-7hmcnhw9nr] {
max-height: 400px;
overflow-y: auto;
padding: 0.5rem 0;
}
.review-item[b-7hmcnhw9nr] {
padding: 1rem;
border-bottom: 1px solid #f0f0f0;
transition: background-color 0.3s ease;
}
.review-item:last-child[b-7hmcnhw9nr] {
border-bottom: none;
}
.review-item:hover[b-7hmcnhw9nr] {
background-color: #f8f9fa;
}
.review-header[b-7hmcnhw9nr] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.75rem;
}
.review-menu[b-7hmcnhw9nr],
.review-kiosk[b-7hmcnhw9nr] {
font-weight: 600;
color: var(--dark-color);
margin: 0;
font-size: 1rem;
}
.review-rating[b-7hmcnhw9nr] {
display: flex;
gap: 2px;
}
.review-rating i[b-7hmcnhw9nr] {
font-size: 0.9rem;
}
.review-comment[b-7hmcnhw9nr] {
color: #6c757d;
font-size: 0.95rem;
line-height: 1.5;
margin-bottom: 0.75rem;
padding: 0.75rem;
background-color: #f8f9fa;
border-radius: 8px;
border-left: 3px solid var(--primary-color);
}
.review-footer[b-7hmcnhw9nr] {
display: flex;
justify-content: space-between;
align-items: center;
}
.review-date[b-7hmcnhw9nr] {
color: #8e9297;
font-size: 0.85rem;
}
.review-footer .badge[b-7hmcnhw9nr] {
font-size: 0.75rem;
padding: 0.4em 0.8em;
border-radius: 20px;
}
/* Reviews list scrollbar */
.reviews-list[b-7hmcnhw9nr]::-webkit-scrollbar {
width: 6px;
}
.reviews-list[b-7hmcnhw9nr]::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3px;
}
.reviews-list[b-7hmcnhw9nr]::-webkit-scrollbar-thumb {
background: var(--primary-color);
border-radius: 3px;
}
.reviews-list[b-7hmcnhw9nr]::-webkit-scrollbar-thumb:hover {
background: #a91d37;
}
/* _content/dekatfood/Pages/Customer/CustomerProfile.cshtml.rz.scp.css */
/* Skeleton Loader Styles */
.skeleton-wrapper[b-x0t6qqyigu] {
padding: 2rem 0;
}
.skeleton-header[b-x0t6qqyigu] {
height: 200px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-x0t6qqyigu 1.5s infinite;
border-radius: 20px;
margin-bottom: 2rem;
}
.skeleton-stats[b-x0t6qqyigu] {
height: 120px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-x0t6qqyigu 1.5s infinite;
border-radius: 15px;
margin-bottom: 2rem;
}
.skeleton-details[b-x0t6qqyigu] {
height: 180px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-x0t6qqyigu 1.5s infinite;
border-radius: 15px;
margin-bottom: 1.5rem;
}
.skeleton-actions[b-x0t6qqyigu] {
height: 60px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-x0t6qqyigu 1.5s infinite;
border-radius: 10px;
}
@keyframes skeleton-loading-b-x0t6qqyigu {
0% {
background-position: -200% 0;
}
100% {
background-position: calc(200% + 100px) 0;
}
}
/* Profile Image Animation */
@keyframes fadeInScale-b-x0t6qqyigu {
0% {
opacity: 0;
transform: scale(0.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
/* Statistics Cards */
.stat-card[b-x0t6qqyigu] {
background: white;
border-radius: 15px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
border: 1px solid #f0f0f0;
}
.stat-card:hover[b-x0t6qqyigu] {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(199, 44, 72, 0.15);
}
.stat-icon i[b-x0t6qqyigu] {
font-size: 2.5rem;
}
.stat-number[b-x0t6qqyigu] {
font-size: 2rem;
font-weight: 700;
color: #333;
margin: 0;
}
.stat-label[b-x0t6qqyigu] {
color: #6c757d;
font-weight: 500;
margin: 0;
}
@keyframes countUp-b-x0t6qqyigu {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* Profile Sections */
.profile-section[b-x0t6qqyigu] {
background: white;
border-radius: 15px;
padding: 2rem;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
border: 1px solid #f0f0f0;
}
.section-title[b-x0t6qqyigu] {
color: #333;
font-weight: 600;
margin-bottom: 1.5rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid #f8f9fa;
}
.section-title i[b-x0t6qqyigu] {
color: #C72C48;
}
/* Information Items */
.info-item[b-x0t6qqyigu] {
margin-bottom: 1rem;
}
.info-label[b-x0t6qqyigu] {
font-size: 0.85rem;
font-weight: 600;
color: #6c757d;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 0.3rem;
display: block;
}
.info-value[b-x0t6qqyigu] {
font-size: 1rem;
font-weight: 500;
color: #333;
padding: 0.5rem 0;
border-bottom: 1px solid #f0f0f0;
}
/* Credit Cards */
.credit-card[b-x0t6qqyigu] {
background: white;
border-radius: 12px;
padding: 1.5rem;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
border: 1px solid #f0f0f0;
display: flex;
align-items: center;
gap: 1rem;
}
.credit-card:hover[b-x0t6qqyigu] {
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.credit-card.featured[b-x0t6qqyigu] {
background: linear-gradient(135deg, #fff9e6 0%, #fff3cd 100%);
border-color: #ffc107;
}
.credit-icon i[b-x0t6qqyigu] {
font-size: 2rem;
}
.credit-label[b-x0t6qqyigu] {
font-size: 0.8rem;
font-weight: 600;
color: #6c757d;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 0.2rem;
display: block;
}
.credit-amount[b-x0t6qqyigu] {
font-size: 1.2rem;
font-weight: 700;
margin: 0;
}
/* Buttons */
.btn-primary[b-x0t6qqyigu] {
background: linear-gradient(135deg, #C72C48 0%, #8B1538 100%);
border: none;
border-radius: 10px;
transition: all 0.3s ease;
font-weight: 600;
}
.btn-primary:hover[b-x0t6qqyigu] {
background: linear-gradient(135deg, #8B1538 0%, #C72C48 100%);
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(199, 44, 72, 0.3);
}
.btn-outline-primary[b-x0t6qqyigu] {
border-color: #C72C48;
color: #C72C48;
border-radius: 10px;
transition: all 0.3s ease;
font-weight: 600;
}
.btn-outline-primary:hover[b-x0t6qqyigu] {
background-color: #C72C48;
border-color: #C72C48;
transform: translateY(-2px);
}
.btn-outline-dark[b-x0t6qqyigu] {
border-radius: 10px;
transition: all 0.3s ease;
font-weight: 600;
}
.btn-outline-dark:hover[b-x0t6qqyigu] {
transform: translateY(-2px);
}
/* Profile Image */
.profile-image[b-x0t6qqyigu] {
transition: all 0.3s ease;
}
.profile-image:hover[b-x0t6qqyigu] {
transform: scale(1.05);
}
/* Badge Animations */
.badge[b-x0t6qqyigu] {
animation: pulse-b-x0t6qqyigu 2s ease-in-out infinite;
}
@keyframes pulse-b-x0t6qqyigu {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
}
/* Responsive Design */
@media (max-width: 768px) {
.profile-section[b-x0t6qqyigu] {
padding: 1.5rem;
margin-bottom: 1rem;
}
.stat-card[b-x0t6qqyigu] {
margin-bottom: 1rem;
}
.credit-card[b-x0t6qqyigu] {
flex-direction: column;
text-align: center;
gap: 0.5rem;
}
.section-title[b-x0t6qqyigu] {
font-size: 1.1rem;
margin-bottom: 1rem;
}
.btn-lg[b-x0t6qqyigu] {
width: 100%;
margin-bottom: 0.5rem !important;
}
}
@media (max-width: 576px) {
.stat-number[b-x0t6qqyigu] {
font-size: 1.5rem;
}
.stat-icon i[b-x0t6qqyigu] {
font-size: 2rem;
}
.credit-amount[b-x0t6qqyigu] {
font-size: 1rem;
}
.info-value[b-x0t6qqyigu] {
font-size: 0.9rem;
}
}
/* _content/dekatfood/Pages/Customer/CustomerProfileForm.cshtml.rz.scp.css */
/* Customer Profile Form Styles */
:root[b-pn8d0ma3sz] {
--primary-color: #C72C48;
}
/* Skeleton Loading Styles */
.skeleton-wrapper[b-pn8d0ma3sz] {
padding: 2rem 0;
}
.skeleton-header[b-pn8d0ma3sz] {
height: 120px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-pn8d0ma3sz 1.5s infinite;
border-radius: 8px;
}
.skeleton-form-section[b-pn8d0ma3sz] {
height: 200px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-pn8d0ma3sz 1.5s infinite;
border-radius: 8px;
}
.skeleton-actions[b-pn8d0ma3sz] {
height: 60px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-pn8d0ma3sz 1.5s infinite;
border-radius: 8px;
}
@keyframes skeleton-loading-b-pn8d0ma3sz {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
/* Profile Form Sections */
.profile-section[b-pn8d0ma3sz] {
background: white;
border-radius: 12px;
padding: 1.5rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
margin-bottom: 1.5rem;
}
.section-title[b-pn8d0ma3sz] {
color: var(--primary-color);
font-weight: 600;
margin-bottom: 1.5rem;
padding-bottom: 0.75rem;
border-bottom: 2px solid #f8f9fa;
}
/* Profile Image Upload */
.profile-avatar[b-pn8d0ma3sz] {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
border: 4px solid white;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
transition: transform 0.3s ease;
}
.profile-avatar:hover[b-pn8d0ma3sz] {
transform: scale(1.05);
}
.profile-upload-btn[b-pn8d0ma3sz] {
position: absolute;
bottom: 0;
right: 0;
background: var(--primary-color);
color: white;
border: 3px solid white;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.profile-upload-btn:hover[b-pn8d0ma3sz] {
background: #a81f39;
transform: scale(1.1);
}
.profile-upload-btn i[b-pn8d0ma3sz] {
font-size: 1rem;
}
/* Form Styling */
.form-floating > .form-control[b-pn8d0ma3sz],
.form-floating > .form-select[b-pn8d0ma3sz] {
border: 2px solid #e9ecef;
border-radius: 8px;
font-size: 1rem;
padding: 1rem 0.75rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-floating > .form-control:focus[b-pn8d0ma3sz],
.form-floating > .form-select:focus[b-pn8d0ma3sz] {
border-color: var(--primary-color);
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
}
.form-floating > label[b-pn8d0ma3sz] {
color: #6c757d;
font-weight: 500;
}
/* Validation */
.text-danger[b-pn8d0ma3sz] {
font-size: 0.875rem;
margin-top: 0.25rem;
display: block;
}
/* Alert Styles */
.alert[b-pn8d0ma3sz] {
border: none;
border-radius: 8px;
padding: 1rem 1.25rem;
margin-bottom: 1.5rem;
}
.alert-danger[b-pn8d0ma3sz] {
background-color: #f8d7da;
color: #721c24;
}
.alert-success[b-pn8d0ma3sz] {
background-color: #d1e7dd;
color: #0f5132;
}
/* Button Styling */
.btn[b-pn8d0ma3sz] {
border-radius: 8px;
font-weight: 500;
padding: 0.75rem 1.5rem;
transition: all 0.3s ease;
}
.btn-primary[b-pn8d0ma3sz] {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.btn-primary:hover[b-pn8d0ma3sz] {
background-color: #a81f39;
border-color: #a81f39;
transform: translateY(-1px);
}
.btn-outline-dark:hover[b-pn8d0ma3sz] {
transform: translateY(-1px);
}
/* Responsive Design */
@media (max-width: 768px) {
.profile-section[b-pn8d0ma3sz] {
padding: 1rem;
margin-bottom: 1rem;
}
.profile-avatar[b-pn8d0ma3sz] {
width: 100px;
height: 100px;
}
.profile-upload-btn[b-pn8d0ma3sz] {
width: 35px;
height: 35px;
}
.btn-lg[b-pn8d0ma3sz] {
padding: 0.5rem 1rem;
font-size: 1rem;
}
}
/* _content/dekatfood/Pages/Customer/DeliveryAddressForm.cshtml.rz.scp.css */
/* Delivery Address Form Styles */
.address-form-card[b-vkajny0s5z] {
border: none;
border-radius: 1rem;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.form-floating>.form-control:focus~label[b-vkajny0s5z] {
color: #C72C48;
}
.form-floating>.form-control:focus[b-vkajny0s5z] {
border-color: #C72C48;
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
}
.alert-info[b-vkajny0s5z] {
background-color: rgba(199, 44, 72, 0.1);
border-color: rgba(199, 44, 72, 0.2);
color: #C72C48;
}
.btn-outline-primary[b-vkajny0s5z] {
color: #C72C48;
border-color: #C72C48;
}
.btn-outline-primary:hover[b-vkajny0s5z] {
background-color: #C72C48;
border-color: #C72C48;
color: white;
}
/* Fill from profile button styling */
.fill-profile-btn[b-vkajny0s5z] {
transition: all 0.3s ease;
}
.fill-profile-btn:hover[b-vkajny0s5z] {
transform: translateX(5px);
}
/* Google Map Link field styling */
.google-map-help[b-vkajny0s5z] {
background: linear-gradient(90deg, rgba(199, 44, 72, 0.05) 0%, rgba(199, 44, 72, 0.02) 100%);
border-left: 3px solid #C72C48;
padding: 0.5rem 0.75rem;
border-radius: 0 6px 6px 0;
margin-top: 0.25rem;
font-size: 0.875rem;
}
.google-map-help .bi-info-circle[b-vkajny0s5z] {
color: #C72C48;
}
/* Form validation styling */
.text-danger[b-vkajny0s5z] {
font-size: 0.875rem;
margin-top: 0.25rem;
}
/* Responsive form adjustments */
@media (max-width: 768px) {
.form-floating>label[b-vkajny0s5z] {
font-size: 0.9rem;
}
.btn[b-vkajny0s5z] {
font-size: 0.9rem;
}
}
/* _content/dekatfood/Pages/Customer/DeliveryAddressList.cshtml.rz.scp.css */
/* Delivery Address List Styles */
.delivery-address-card[b-t2vswofeav] {
transition: all 0.3s ease;
border: 1px solid #e0e0e0;
}
.delivery-address-card:hover[b-t2vswofeav] {
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
transform: translateY(-2px);
}
.address-item[b-t2vswofeav] {
padding: 1rem;
border: 1px solid #e9ecef;
border-radius: 0.5rem;
background: #f8f9fa;
}
.address-item h6[b-t2vswofeav] {
color: #C72C48;
margin-bottom: 0.5rem;
}
.address-item small[b-t2vswofeav] {
color: #6c757d;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.card-title[b-t2vswofeav] {
font-size: 1.1rem;
}
.btn-sm[b-t2vswofeav] {
font-size: 0.8rem;
padding: 0.25rem 0.5rem;
}
}
/* _content/dekatfood/Pages/Customer/KioskReviewForm.cshtml.rz.scp.css */
/* Kiosk Review Form - Modern Design */
:root[b-ikdp5gk2h3] {
--primary-color: #C72C48;
--primary-dark: #a81f39;
--primary-light: #e94d6a;
--success-color: #198754;
--warning-color: #ffc107;
--danger-color: #dc3545;
--info-color: #0dcaf0;
--light-bg: #f8f9fa;
--white: #ffffff;
--dark: #212529;
--muted: #6c757d;
--border-color: #dee2e6;
--shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--shadow-md: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--border-radius: 1rem;
--border-radius-sm: 0.75rem;
--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
}
/* Page Layout */
body[b-ikdp5gk2h3] {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
min-height: 100vh;
}
/* Skeleton Loading */
.skeleton-container[b-ikdp5gk2h3] {
animation: pulse-b-ikdp5gk2h3 1.5s ease-in-out infinite alternate;
}
.skeleton-card[b-ikdp5gk2h3] {
background: var(--white);
border-radius: var(--border-radius);
box-shadow: var(--shadow-sm);
padding: 2rem;
margin-bottom: 1.5rem;
}
.skeleton-header[b-ikdp5gk2h3] {
height: 3rem;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: shimmer-b-ikdp5gk2h3 2s infinite;
border-radius: 0.5rem;
margin-bottom: 1rem;
}
.skeleton-content[b-ikdp5gk2h3] {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.skeleton-line[b-ikdp5gk2h3] {
height: 1rem;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: shimmer-b-ikdp5gk2h3 2s infinite;
border-radius: 0.25rem;
}
.skeleton-line.short[b-ikdp5gk2h3] {
width: 60%;
}
@keyframes shimmer-b-ikdp5gk2h3 {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}
@keyframes pulse-b-ikdp5gk2h3 {
0% {
opacity: 1;
}
100% {
opacity: 0.7;
}
}
/* Review Form Card */
.review-form-card[b-ikdp5gk2h3] {
background: var(--white);
border-radius: var(--border-radius);
box-shadow: var(--shadow-lg);
overflow: hidden;
backdrop-filter: blur(10px);
border: 1px solid rgba(199, 44, 72, 0.1);
}
/* Card Header */
.card-header-gradient[b-ikdp5gk2h3] {
background: var(--gradient-primary);
color: white;
padding: 2rem;
position: relative;
overflow: hidden;
}
.card-header-gradient[b-ikdp5gk2h3]::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,');
opacity: 0.3;
}
.header-content[b-ikdp5gk2h3] {
position: relative;
z-index: 1;
}
.header-title[b-ikdp5gk2h3] {
color: white !important;
font-weight: 700;
font-size: 2rem;
margin-bottom: 0.5rem;
display: flex;
align-items: center;
}
.header-subtitle[b-ikdp5gk2h3] {
color: rgba(255, 255, 255, 0.9) !important;
margin-bottom: 0;
font-size: 1.1rem;
}
/* Card Body */
.card-body-modern[b-ikdp5gk2h3] {
padding: 2.5rem;
}
/* Kiosk Info Section */
.kiosk-info-section[b-ikdp5gk2h3] {
background: var(--light-bg);
border-radius: var(--border-radius-sm);
padding: 1.5rem;
margin-bottom: 2rem;
border: 1px solid var(--border-color);
}
.kiosk-header[b-ikdp5gk2h3] {
display: flex;
align-items: center;
gap: 1.5rem;
}
.kiosk-logo[b-ikdp5gk2h3] {
width: 4rem;
height: 4rem;
border-radius: var(--border-radius-sm);
background: var(--white);
display: flex;
align-items: center;
justify-content: center;
border: 2px solid var(--border-color);
flex-shrink: 0;
overflow: hidden;
}
.logo-image[b-ikdp5gk2h3] {
width: 100%;
height: 100%;
object-fit: cover;
}
.logo-icon[b-ikdp5gk2h3] {
font-size: 2rem;
color: var(--primary-color);
}
.kiosk-details[b-ikdp5gk2h3] {
flex-grow: 1;
}
.kiosk-name[b-ikdp5gk2h3] {
color: var(--primary-color);
font-weight: 700;
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
.kiosk-address[b-ikdp5gk2h3],
.kiosk-code[b-ikdp5gk2h3] {
color: var(--muted);
font-size: 0.95rem;
margin-bottom: 0.25rem;
display: flex;
align-items: center;
}
/* Existing Review Styles */
.existing-review-section[b-ikdp5gk2h3] {
padding: 1.5rem 0;
}
.existing-review-card[b-ikdp5gk2h3] {
background: var(--light-bg);
border: 1px solid var(--border-color);
border-radius: var(--border-radius-sm);
padding: 1.5rem;
margin-bottom: 1rem;
}
.review-header[b-ikdp5gk2h3] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
flex-wrap: wrap;
gap: 0.5rem;
}
.review-header h6[b-ikdp5gk2h3] {
color: var(--primary-color);
font-weight: 600;
margin: 0;
}
.review-rating[b-ikdp5gk2h3] {
display: flex;
align-items: center;
gap: 0.25rem;
}
.star-display[b-ikdp5gk2h3] {
color: var(--warning-color);
font-size: 1.2rem;
}
.rating-value[b-ikdp5gk2h3] {
margin-left: 0.5rem;
color: var(--muted);
font-weight: 500;
font-size: 0.9rem;
}
.review-comment[b-ikdp5gk2h3] {
background: var(--white);
border: 1px solid var(--border-color);
border-radius: var(--border-radius-sm);
padding: 1rem;
margin-bottom: 1rem;
color: var(--dark);
line-height: 1.6;
}
.review-date[b-ikdp5gk2h3] {
border-top: 1px solid var(--border-color);
padding-top: 0.75rem;
margin-top: 1rem;
}
.review-status[b-ikdp5gk2h3] {
margin-top: 1rem;
}
/* Section Styling */
.rating-section[b-ikdp5gk2h3],
.comment-section[b-ikdp5gk2h3],
.submit-section[b-ikdp5gk2h3] {
margin-bottom: 2.5rem;
padding-bottom: 2rem;
border-bottom: 1px solid var(--border-color);
}
.submit-section[b-ikdp5gk2h3] {
border-bottom: none;
margin-bottom: 1rem;
}
.section-header[b-ikdp5gk2h3] {
margin-bottom: 1.5rem;
}
.section-title[b-ikdp5gk2h3] {
color: var(--primary-color);
font-weight: 700;
font-size: 1.3rem;
margin-bottom: 0.5rem;
display: flex;
align-items: center;
}
.section-subtitle[b-ikdp5gk2h3] {
color: var(--muted);
margin-bottom: 0;
font-size: 0.95rem;
}
/* Star Rating */
.star-rating-container[b-ikdp5gk2h3] {
text-align: center;
padding: 2rem;
background: var(--white);
border-radius: var(--border-radius-sm);
border: 2px solid var(--border-color);
margin-bottom: 1.5rem;
}
.star-rating[b-ikdp5gk2h3] {
display: flex;
justify-content: center;
gap: 0.5rem;
margin-bottom: 1rem;
}
.star-btn[b-ikdp5gk2h3] {
background: none;
border: none;
font-size: 2.5rem;
color: #ddd;
cursor: pointer;
transition: var(--transition);
padding: 0.25rem;
border-radius: 0.25rem;
}
.star-btn:hover[b-ikdp5gk2h3],
.star-btn.active[b-ikdp5gk2h3] {
color: var(--warning-color) !important;
transform: scale(1.1);
}
.star-btn:focus[b-ikdp5gk2h3] {
outline: 2px solid var(--primary-color);
outline-offset: 2px;
}
.star-btn .star-icon[b-ikdp5gk2h3] {
color: inherit;
}
.rating-text[b-ikdp5gk2h3] {
margin-bottom: 1rem;
}
#rating-label[b-ikdp5gk2h3] {
font-weight: 600;
color: var(--dark);
font-size: 1.1rem;
}
/* Rating Guide */
.rating-guide[b-ikdp5gk2h3] {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.5rem;
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid var(--border-color);
}
.guide-item[b-ikdp5gk2h3] {
text-align: center;
font-size: 0.8rem;
color: var(--muted);
flex: 1;
min-width: 80px;
}
.guide-stars[b-ikdp5gk2h3] {
display: block;
margin-bottom: 0.25rem;
color: var(--warning-color);
font-size: 0.9rem;
}
.guide-text[b-ikdp5gk2h3] {
display: block;
line-height: 1.2;
}
/* Comment Section */
.comment-input-container[b-ikdp5gk2h3] {
position: relative;
}
.comment-textarea[b-ikdp5gk2h3] {
border: 2px solid var(--border-color);
border-radius: var(--border-radius-sm);
padding: 1rem;
font-size: 1rem;
line-height: 1.6;
resize: vertical;
min-height: 120px;
transition: var(--transition);
}
.comment-textarea:focus[b-ikdp5gk2h3] {
border-color: var(--primary-color);
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
}
.character-count[b-ikdp5gk2h3] {
position: absolute;
bottom: 0.75rem;
right: 1rem;
font-size: 0.85rem;
color: var(--muted);
background: var(--white);
padding: 0.25rem 0.5rem;
border-radius: 0.25rem;
border: 1px solid var(--border-color);
}
.character-count.text-danger[b-ikdp5gk2h3] {
color: var(--danger-color) !important;
border-color: var(--danger-color);
}
/* Submit Section */
.submit-container[b-ikdp5gk2h3] {
display: flex;
gap: 1rem;
justify-content: center;
margin-bottom: 1rem;
flex-wrap: wrap;
}
.btn-submit[b-ikdp5gk2h3] {
background: var(--gradient-primary);
border: none;
color: white;
font-weight: 600;
padding: 0.75rem 2rem;
font-size: 1.1rem;
border-radius: var(--border-radius-sm);
transition: var(--transition);
min-width: 200px;
}
.btn-submit:hover[b-ikdp5gk2h3] {
background: var(--primary-dark);
transform: translateY(-2px);
box-shadow: var(--shadow-md);
}
.btn-submit:focus[b-ikdp5gk2h3] {
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
}
.submit-note[b-ikdp5gk2h3] {
text-align: center;
margin-top: 1rem;
}
/* Review Guidelines */
.review-guidelines[b-ikdp5gk2h3] {
background: var(--light-bg);
border-radius: var(--border-radius-sm);
padding: 1.5rem;
border-left: 4px solid var(--primary-color);
margin-top: 2rem;
}
.guidelines-title[b-ikdp5gk2h3] {
color: var(--primary-color);
font-weight: 700;
font-size: 1.1rem;
margin-bottom: 1rem;
display: flex;
align-items: center;
}
.guidelines-list[b-ikdp5gk2h3] {
margin: 0;
padding-left: 1.5rem;
}
.guidelines-list li[b-ikdp5gk2h3] {
color: var(--dark);
margin-bottom: 0.5rem;
line-height: 1.5;
}
.guidelines-list li:last-child[b-ikdp5gk2h3] {
margin-bottom: 0;
}
/* Validation Messages */
.validation-message[b-ikdp5gk2h3] {
display: block;
margin-top: 0.5rem;
font-size: 0.875rem;
font-weight: 500;
}
/* Responsive Design */
@media (max-width: 768px) {
.card-body-modern[b-ikdp5gk2h3] {
padding: 1.5rem;
}
.header-title[b-ikdp5gk2h3] {
font-size: 1.75rem;
}
.kiosk-header[b-ikdp5gk2h3] {
flex-direction: column;
text-align: center;
gap: 1rem;
}
.kiosk-details[b-ikdp5gk2h3] {
text-align: center;
}
.star-rating[b-ikdp5gk2h3] {
gap: 0.25rem;
}
.star-btn[b-ikdp5gk2h3] {
font-size: 2rem;
}
.rating-guide[b-ikdp5gk2h3] {
flex-direction: column;
gap: 0.75rem;
}
.guide-item[b-ikdp5gk2h3] {
display: flex;
align-items: center;
gap: 0.5rem;
text-align: left;
}
.guide-stars[b-ikdp5gk2h3],
.guide-text[b-ikdp5gk2h3] {
display: inline;
}
.submit-container[b-ikdp5gk2h3] {
flex-direction: column;
}
.btn-submit[b-ikdp5gk2h3],
.btn-outline-secondary[b-ikdp5gk2h3] {
min-width: 100%;
}
}
@media (max-width: 576px) {
.card-body-modern[b-ikdp5gk2h3] {
padding: 1rem;
}
.kiosk-info-section[b-ikdp5gk2h3] {
padding: 1rem;
}
.star-rating-container[b-ikdp5gk2h3] {
padding: 1.5rem 1rem;
}
.star-btn[b-ikdp5gk2h3] {
font-size: 1.75rem;
padding: 0.125rem;
}
.review-guidelines[b-ikdp5gk2h3] {
padding: 1rem;
}
}
/* Animation Utilities */
@keyframes fadeInUp-b-ikdp5gk2h3 {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.kiosk-info-section[b-ikdp5gk2h3] {
animation: fadeInUp-b-ikdp5gk2h3 0.6s ease-out;
}
.rating-section[b-ikdp5gk2h3] {
animation: fadeInUp-b-ikdp5gk2h3 0.6s ease-out 0.1s both;
}
.comment-section[b-ikdp5gk2h3] {
animation: fadeInUp-b-ikdp5gk2h3 0.6s ease-out 0.2s both;
}
.submit-section[b-ikdp5gk2h3] {
animation: fadeInUp-b-ikdp5gk2h3 0.6s ease-out 0.3s both;
}
.review-guidelines[b-ikdp5gk2h3] {
animation: fadeInUp-b-ikdp5gk2h3 0.6s ease-out 0.4s both;
}
/* _content/dekatfood/Pages/Customer/KioskReviewList.cshtml.rz.scp.css */
/* Kiosk Review List - Modern Design */
:root[b-8xv887odvf] {
--primary-color: #C72C48;
--primary-dark: #a81f39;
--primary-light: #e94d6a;
--success-color: #198754;
--warning-color: #ffc107;
--danger-color: #dc3545;
--info-color: #0dcaf0;
--light-bg: #f8f9fa;
--white: #ffffff;
--dark: #212529;
--muted: #6c757d;
--border-color: #dee2e6;
--shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--shadow-md: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--border-radius: 1rem;
--border-radius-sm: 0.75rem;
--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
}
/* Page Layout */
body[b-8xv887odvf] {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
min-height: 100vh;
}
/* Skeleton Loading */
.skeleton-container[b-8xv887odvf] {
animation: pulse-b-8xv887odvf 1.5s ease-in-out infinite alternate;
}
.skeleton-card[b-8xv887odvf],
.skeleton-review-card[b-8xv887odvf] {
background: var(--white);
border-radius: var(--border-radius);
box-shadow: var(--shadow-sm);
padding: 2rem;
margin-bottom: 1.5rem;
}
.skeleton-header[b-8xv887odvf] {
height: 3rem;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: shimmer-b-8xv887odvf 2s infinite;
border-radius: 0.5rem;
margin-bottom: 1rem;
}
.skeleton-content[b-8xv887odvf],
.skeleton-review-content[b-8xv887odvf] {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.skeleton-line[b-8xv887odvf] {
height: 1rem;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: shimmer-b-8xv887odvf 2s infinite;
border-radius: 0.25rem;
}
.skeleton-line.short[b-8xv887odvf] {
width: 60%;
}
.skeleton-line.tiny[b-8xv887odvf] {
width: 40%;
height: 0.75rem;
}
.skeleton-review-header[b-8xv887odvf] {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 1rem;
}
.skeleton-avatar[b-8xv887odvf] {
width: 3rem;
height: 3rem;
border-radius: 50%;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: shimmer-b-8xv887odvf 2s infinite;
flex-shrink: 0;
}
.skeleton-review-info[b-8xv887odvf] {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
@keyframes shimmer-b-8xv887odvf {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}
@keyframes pulse-b-8xv887odvf {
0% {
opacity: 1;
}
100% {
opacity: 0.7;
}
}
/* Kiosk Info Card */
.kiosk-info-card[b-8xv887odvf] {
background: var(--white);
border-radius: var(--border-radius);
box-shadow: var(--shadow-lg);
overflow: hidden;
border: 1px solid rgba(199, 44, 72, 0.1);
}
.kiosk-logo-container[b-8xv887odvf] {
height: 200px;
overflow: hidden;
background: var(--light-bg);
display: flex;
align-items: center;
justify-content: center;
}
.kiosk-logo-image[b-8xv887odvf] {
width: 100%;
height: 100%;
object-fit: cover;
transition: var(--transition);
}
.kiosk-logo-image:hover[b-8xv887odvf] {
transform: scale(1.05);
}
.kiosk-logo-placeholder[b-8xv887odvf] {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
color: var(--muted);
font-size: 4rem;
}
.kiosk-info-content[b-8xv887odvf] {
padding: 2rem;
}
.kiosk-header[b-8xv887odvf] {
margin-bottom: 1rem;
}
.kiosk-title[b-8xv887odvf] {
color: var(--primary-color);
font-weight: 700;
font-size: 1.75rem;
margin-bottom: 0.5rem;
}
.kiosk-code[b-8xv887odvf] {
color: var(--muted);
font-size: 0.9rem;
display: flex;
align-items: center;
font-family: 'Courier New', monospace;
font-weight: 600;
}
.kiosk-address[b-8xv887odvf],
.kiosk-city[b-8xv887odvf] {
color: var(--muted);
font-size: 0.95rem;
margin-bottom: 0.5rem;
display: flex;
align-items: center;
}
.rating-summary[b-8xv887odvf] {
margin-top: 1.5rem;
display: flex;
align-items: center;
gap: 1rem;
}
.average-rating[b-8xv887odvf] {
display: flex;
align-items: center;
gap: 0.5rem;
}
.rating-stars[b-8xv887odvf] {
display: flex;
gap: 0.125rem;
}
.star-icon[b-8xv887odvf] {
color: var(--warning-color);
font-size: 1.2rem;
}
.rating-number[b-8xv887odvf] {
font-weight: 700;
color: var(--dark);
font-size: 1.1rem;
}
.rating-count[b-8xv887odvf] {
color: var(--muted);
font-size: 0.9rem;
}
/* Reviews Section */
.reviews-section-card[b-8xv887odvf] {
background: var(--white);
border-radius: var(--border-radius);
box-shadow: var(--shadow-lg);
overflow: hidden;
border: 1px solid rgba(199, 44, 72, 0.1);
}
.reviews-header[b-8xv887odvf] {
background: var(--gradient-primary);
color: white;
padding: 2rem;
}
.reviews-title-section[b-8xv887odvf] {
margin-bottom: 1.5rem;
}
.reviews-title[b-8xv887odvf] {
color: white;
font-weight: 700;
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
.reviews-subtitle[b-8xv887odvf] {
color: rgba(255, 255, 255, 0.9);
margin-bottom: 0;
font-size: 0.95rem;
}
.reviews-controls[b-8xv887odvf] {
margin-bottom: 1.5rem;
}
.sort-container[b-8xv887odvf] {
display: flex;
align-items: center;
gap: 0.75rem;
flex-wrap: wrap;
}
.sort-label[b-8xv887odvf] {
color: white;
font-weight: 500;
margin: 0;
white-space: nowrap;
}
.sort-select[b-8xv887odvf] {
min-width: 200px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
color: white;
backdrop-filter: blur(10px);
}
.sort-select option[b-8xv887odvf] {
background: var(--white);
color: var(--dark);
}
.sort-select:focus[b-8xv887odvf] {
border-color: rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
}
/* Rating Distribution */
.rating-distribution[b-8xv887odvf] {
background: rgba(255, 255, 255, 0.1);
border-radius: var(--border-radius-sm);
padding: 1.5rem;
backdrop-filter: blur(10px);
}
.distribution-title[b-8xv887odvf] {
color: white;
font-weight: 600;
margin-bottom: 1rem;
font-size: 1rem;
}
.rating-bar-row[b-8xv887odvf] {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.75rem;
}
.rating-bar-row:last-child[b-8xv887odvf] {
margin-bottom: 0;
}
.rating-label[b-8xv887odvf] {
color: white;
font-weight: 500;
min-width: 1rem;
text-align: center;
}
.rating-star[b-8xv887odvf] {
color: var(--warning-color);
font-size: 0.9rem;
}
.rating-bar[b-8xv887odvf] {
flex-grow: 1;
height: 0.5rem;
background: rgba(255, 255, 255, 0.2);
border-radius: 0.25rem;
overflow: hidden;
}
.rating-progress[b-8xv887odvf] {
height: 100%;
background: var(--warning-color);
border-radius: 0.25rem;
transition: width 0.3s ease;
}
.rating-percentage[b-8xv887odvf] {
color: white;
font-size: 0.85rem;
font-weight: 500;
min-width: 2.5rem;
text-align: right;
}
/* Reviews Content */
.reviews-content[b-8xv887odvf] {
padding: 2rem;
}
.reviews-list[b-8xv887odvf] {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
/* Review Card */
.review-card[b-8xv887odvf] {
background: var(--white);
border: 1px solid var(--border-color);
border-radius: var(--border-radius-sm);
padding: 1.5rem;
transition: var(--transition);
opacity: 0;
transform: translateY(20px);
}
.review-card.animate-in[b-8xv887odvf] {
opacity: 1;
transform: translateY(0);
}
.review-card:hover[b-8xv887odvf] {
box-shadow: var(--shadow-md);
border-color: rgba(199, 44, 72, 0.2);
}
.review-header[b-8xv887odvf] {
margin-bottom: 1rem;
}
.reviewer-info[b-8xv887odvf] {
display: flex;
align-items: center;
gap: 1rem;
}
.reviewer-avatar[b-8xv887odvf] {
width: 3rem;
height: 3rem;
border-radius: 50%;
overflow: hidden;
background: var(--light-bg);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.avatar-image[b-8xv887odvf] {
width: 100%;
height: 100%;
object-fit: cover;
}
.avatar-icon[b-8xv887odvf] {
color: var(--muted);
font-size: 2rem;
}
.reviewer-details[b-8xv887odvf] {
flex-grow: 1;
}
.reviewer-name[b-8xv887odvf] {
color: var(--dark);
font-weight: 600;
margin-bottom: 0.25rem;
font-size: 1rem;
}
.review-meta[b-8xv887odvf] {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
}
.review-rating[b-8xv887odvf] {
display: flex;
gap: 0.125rem;
}
.review-star[b-8xv887odvf] {
color: var(--warning-color);
font-size: 1rem;
}
.review-date[b-8xv887odvf] {
color: var(--muted);
font-size: 0.85rem;
}
.review-comment[b-8xv887odvf] {
background: var(--light-bg);
border-radius: var(--border-radius-sm);
padding: 1rem;
border-left: 4px solid var(--primary-color);
}
.review-comment p[b-8xv887odvf] {
margin: 0;
line-height: 1.6;
color: var(--dark);
}
/* No Reviews State */
.no-reviews-state[b-8xv887odvf] {
text-align: center;
padding: 3rem 2rem;
color: var(--muted);
}
.no-reviews-icon[b-8xv887odvf] {
font-size: 4rem;
color: var(--border-color);
margin-bottom: 1.5rem;
}
.no-reviews-title[b-8xv887odvf] {
color: var(--dark);
margin-bottom: 1rem;
font-weight: 600;
}
.no-reviews-text[b-8xv887odvf] {
margin-bottom: 2rem;
max-width: 400px;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
}
/* Pagination */
.pagination-container[b-8xv887odvf] {
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px solid var(--border-color);
}
.pagination .page-link[b-8xv887odvf] {
color: var(--primary-color);
border-color: var(--border-color);
padding: 0.75rem 1rem;
}
.pagination .page-link:hover[b-8xv887odvf] {
color: var(--primary-dark);
background-color: var(--light-bg);
border-color: var(--primary-color);
}
.pagination .page-item.active .page-link[b-8xv887odvf] {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: white;
}
.pagination .page-item.active .page-link:hover[b-8xv887odvf] {
background-color: var(--primary-dark);
border-color: var(--primary-dark);
}
/* Action Buttons */
.action-buttons[b-8xv887odvf] {
margin-top: 2rem;
display: flex;
gap: 1rem;
flex-wrap: wrap;
justify-content: center;
}
.action-buttons .btn[b-8xv887odvf] {
min-width: 150px;
padding: 0.75rem 1.5rem;
font-weight: 500;
}
/* Responsive Design */
@media (max-width: 768px) {
.kiosk-info-content[b-8xv887odvf] {
padding: 1.5rem;
}
.kiosk-title[b-8xv887odvf] {
font-size: 1.5rem;
}
.reviews-header[b-8xv887odvf] {
padding: 1.5rem;
}
.reviews-content[b-8xv887odvf] {
padding: 1.5rem;
}
.review-card[b-8xv887odvf] {
padding: 1rem;
}
.reviewer-info[b-8xv887odvf] {
gap: 0.75rem;
}
.reviewer-avatar[b-8xv887odvf] {
width: 2.5rem;
height: 2.5rem;
}
.avatar-icon[b-8xv887odvf] {
font-size: 1.5rem;
}
.review-meta[b-8xv887odvf] {
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.sort-container[b-8xv887odvf] {
flex-direction: column;
align-items: flex-start;
}
.sort-select[b-8xv887odvf] {
min-width: 100%;
}
.rating-distribution[b-8xv887odvf] {
padding: 1rem;
}
.action-buttons[b-8xv887odvf] {
flex-direction: column;
}
.action-buttons .btn[b-8xv887odvf] {
min-width: 100%;
}
}
@media (max-width: 576px) {
.kiosk-logo-container[b-8xv887odvf] {
height: 150px;
}
.kiosk-info-content[b-8xv887odvf] {
padding: 1rem;
}
.reviews-header[b-8xv887odvf] {
padding: 1rem;
}
.reviews-content[b-8xv887odvf] {
padding: 1rem;
}
.review-comment[b-8xv887odvf] {
padding: 0.75rem;
}
.no-reviews-state[b-8xv887odvf] {
padding: 2rem 1rem;
}
.no-reviews-icon[b-8xv887odvf] {
font-size: 3rem;
}
.kiosk-logo-placeholder[b-8xv887odvf] {
font-size: 3rem;
}
}
/* Animation Utilities */
@keyframes fadeInUp-b-8xv887odvf {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.reviews-section-card[b-8xv887odvf] {
animation: fadeInUp-b-8xv887odvf 0.6s ease-out;
}
.kiosk-info-card[b-8xv887odvf] {
animation: fadeInUp-b-8xv887odvf 0.6s ease-out 0.1s both;
}
.action-buttons[b-8xv887odvf] {
animation: fadeInUp-b-8xv887odvf 0.6s ease-out 0.2s both;
}
/* _content/dekatfood/Pages/Customer/MenuReviewForm.cshtml.rz.scp.css */
/* Menu Review Form - Modern Design */
:root[b-i6898m871g] {
--primary-color: #C72C48;
--primary-dark: #a81f39;
--primary-light: #e94d6a;
--success-color: #198754;
--warning-color: #ffc107;
--danger-color: #dc3545;
--info-color: #0dcaf0;
--light-bg: #f8f9fa;
--white: #ffffff;
--dark: #212529;
--muted: #6c757d;
--border-color: #dee2e6;
--shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--shadow-md: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--border-radius: 1rem;
--border-radius-sm: 0.75rem;
--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
}
/* Page Layout */
body[b-i6898m871g] {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
min-height: 100vh;
}
/* Review Form Card */
.review-form-card[b-i6898m871g] {
background: var(--white);
border-radius: var(--border-radius);
box-shadow: var(--shadow-lg);
overflow: hidden;
backdrop-filter: blur(10px);
border: 1px solid rgba(199, 44, 72, 0.1);
}
/* Card Header */
.card-header-gradient[b-i6898m871g] {
background: var(--gradient-primary);
color: white;
padding: 2rem;
position: relative;
overflow: hidden;
}
.card-header-gradient[b-i6898m871g]::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,');
opacity: 0.3;
}
.header-content[b-i6898m871g] {
position: relative;
z-index: 1;
text-align: center;
}
/* Card Body */
.card-body-modern[b-i6898m871g] {
padding: 2.5rem;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(248, 249, 250, 0.5) 100%);
}
/* Menu Information Display */
.menu-info-display[b-i6898m871g] {
display: flex;
gap: 1.5rem;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: var(--border-radius-sm);
padding: 1.5rem;
margin-bottom: 2rem;
border: 1px solid var(--border-color);
transition: var(--transition);
}
.menu-info-display:hover[b-i6898m871g] {
transform: translateY(-2px);
box-shadow: var(--shadow-md);
}
.menu-image-container[b-i6898m871g] {
flex-shrink: 0;
width: 120px;
height: 120px;
border-radius: var(--border-radius-sm);
overflow: hidden;
box-shadow: var(--shadow-sm);
}
.menu-image[b-i6898m871g] {
width: 100%;
height: 100%;
object-fit: cover;
transition: var(--transition);
}
.menu-image:hover[b-i6898m871g] {
transform: scale(1.05);
}
.menu-placeholder[b-i6898m871g] {
width: 100%;
height: 100%;
background: linear-gradient(135deg, var(--light-bg) 0%, #e9ecef 100%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: var(--muted);
}
.menu-placeholder i[b-i6898m871g] {
font-size: 2rem;
margin-bottom: 0.5rem;
}
.menu-placeholder span[b-i6898m871g] {
font-size: 0.85rem;
font-weight: 600;
}
.menu-details[b-i6898m871g] {
flex: 1;
min-width: 0;
}
.menu-name[b-i6898m871g] {
font-size: 1.5rem;
font-weight: 700;
color: var(--dark);
margin: 0 0 0.5rem 0;
line-height: 1.3;
}
.menu-description[b-i6898m871g] {
color: var(--muted);
margin: 0 0 1rem 0;
line-height: 1.6;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.menu-meta[b-i6898m871g] {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 1rem;
}
.menu-price[b-i6898m871g] {
font-size: 1.25rem;
font-weight: 800;
color: var(--primary-color);
}
.menu-category[b-i6898m871g] {
background: rgba(199, 44, 72, 0.1);
color: var(--primary-color);
padding: 0.25rem 0.75rem;
border-radius: 50px;
font-size: 0.85rem;
font-weight: 600;
}
.menu-tags[b-i6898m871g] {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
.tag-badge[b-i6898m871g] {
background: linear-gradient(135deg, var(--info-color) 0%, #0aa2c0 100%);
color: white;
padding: 0.25rem 0.75rem;
border-radius: 50px;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* Form Sections */
.rating-section[b-i6898m871g],
.comment-section[b-i6898m871g] {
margin-bottom: 2rem;
padding: 1.5rem;
background: var(--white);
border-radius: var(--border-radius-sm);
border: 2px solid var(--border-color);
transition: var(--transition);
}
.rating-section:hover[b-i6898m871g],
.comment-section:hover[b-i6898m871g] {
border-color: rgba(199, 44, 72, 0.3);
box-shadow: var(--shadow-sm);
}
.rating-section.rating-error[b-i6898m871g] {
border-color: var(--danger-color);
background: rgba(220, 53, 69, 0.05);
animation: shake-b-i6898m871g 0.5s ease-in-out;
}
@keyframes shake-b-i6898m871g {
0%,
100% {
transform: translateX(0);
}
25% {
transform: translateX(-5px);
}
75% {
transform: translateX(5px);
}
}
.form-label-modern[b-i6898m871g] {
font-size: 1.1rem;
font-weight: 700;
color: var(--dark);
margin-bottom: 1rem;
display: flex;
align-items: center;
}
.form-label-modern i[b-i6898m871g] {
color: var(--primary-color);
font-size: 1.2rem;
}
/* Star Rating */
.star-rating[b-i6898m871g] {
display: flex;
gap: 0.5rem;
margin-bottom: 1rem;
justify-content: center;
}
.star-btn[b-i6898m871g] {
background: none;
border: none;
font-size: 2.5rem;
color: #ddd;
cursor: pointer;
transition: var(--transition);
padding: 0.25rem;
border-radius: 50%;
}
.star-btn:hover[b-i6898m871g] {
color: var(--warning-color);
transform: scale(1.2);
}
.star-btn.active[b-i6898m871g] {
color: var(--warning-color);
}
.star-btn.active i[b-i6898m871g] {
animation: starPulse-b-i6898m871g 0.3s ease-out;
}
@keyframes starPulse-b-i6898m871g {
0% {
transform: scale(1);
}
50% {
transform: scale(1.3);
}
100% {
transform: scale(1);
}
}
.rating-text[b-i6898m871g] {
text-align: center;
font-size: 1.1rem;
font-weight: 600;
color: var(--muted);
transition: var(--transition);
}
.rating-text.rating-selected[b-i6898m871g] {
color: var(--primary-color);
font-size: 1.2rem;
}
.rating-text.rating-error[b-i6898m871g] {
color: var(--danger-color);
animation: bounce-b-i6898m871g 0.5s ease-in-out;
}
@keyframes bounce-b-i6898m871g {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-10px);
}
}
/* Comment Section */
.comment-input-container[b-i6898m871g] {
position: relative;
}
.form-control-modern[b-i6898m871g] {
width: 100%;
border: 2px solid var(--border-color);
border-radius: var(--border-radius-sm);
padding: 1rem;
font-size: 1rem;
line-height: 1.6;
transition: var(--transition);
resize: vertical;
min-height: 120px;
background: var(--white);
}
.form-control-modern:focus[b-i6898m871g] {
outline: none;
border-color: var(--primary-color);
box-shadow: 0 0 0 0.25rem rgba(199, 44, 72, 0.15);
background: white;
}
.form-control-modern[b-i6898m871g]::placeholder {
color: var(--muted);
opacity: 0.8;
}
.char-counter[b-i6898m871g] {
position: absolute;
bottom: 0.75rem;
right: 0.75rem;
font-size: 0.85rem;
color: var(--muted);
background: rgba(255, 255, 255, 0.9);
padding: 0.25rem 0.5rem;
border-radius: 4px;
backdrop-filter: blur(5px);
transition: var(--transition);
}
.char-counter.char-warning[b-i6898m871g] {
color: var(--warning-color);
font-weight: 600;
}
/* Submit Section */
.submit-section[b-i6898m871g] {
text-align: center;
margin-bottom: 2rem;
}
.btn-submit-modern[b-i6898m871g] {
background: var(--gradient-primary);
color: white;
border: none;
padding: 1rem 3rem;
border-radius: 50px;
font-size: 1.1rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.5px;
cursor: pointer;
transition: var(--transition);
box-shadow: var(--shadow-md);
position: relative;
overflow: hidden;
min-width: 200px;
}
.btn-submit-modern[b-i6898m871g]::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
transition: var(--transition);
transform: translate(-50%, -50%);
}
.btn-submit-modern:hover[b-i6898m871g]::before {
width: 300px;
height: 300px;
}
.btn-submit-modern:hover[b-i6898m871g] {
transform: translateY(-3px);
box-shadow: var(--shadow-lg);
}
.btn-submit-modern:disabled[b-i6898m871g] {
opacity: 0.8;
cursor: not-allowed;
transform: none;
}
.btn-content[b-i6898m871g],
.btn-loading[b-i6898m871g] {
position: relative;
z-index: 1;
}
/* Review Guidelines */
.review-guidelines[b-i6898m871g] {
background: linear-gradient(135deg, rgba(13, 202, 240, 0.1) 0%, rgba(13, 202, 240, 0.05) 100%);
border: 1px solid rgba(13, 202, 240, 0.2);
border-radius: var(--border-radius-sm);
padding: 1.5rem;
margin-top: 2rem;
}
.guidelines-title[b-i6898m871g] {
font-size: 1.1rem;
font-weight: 700;
color: var(--info-color);
margin-bottom: 1rem;
display: flex;
align-items: center;
}
.guidelines-title i[b-i6898m871g] {
font-size: 1.3rem;
margin-right: 0.5rem;
}
.guidelines-list[b-i6898m871g] {
margin: 0;
padding-left: 1.5rem;
color: var(--dark);
}
.guidelines-list li[b-i6898m871g] {
margin-bottom: 0.5rem;
line-height: 1.6;
position: relative;
}
.guidelines-list li[b-i6898m871g]::marker {
color: var(--info-color);
}
/* Alert Styles */
.alert-modern[b-i6898m871g] {
border: none;
border-radius: var(--border-radius-sm);
padding: 1rem 1.5rem;
margin-bottom: 2rem;
box-shadow: var(--shadow-sm);
display: flex;
align-items: center;
}
.alert-modern.alert-danger[b-i6898m871g] {
background: rgba(220, 53, 69, 0.1);
border-left: 4px solid var(--danger-color);
color: var(--danger-color);
}
.alert-modern.alert-success[b-i6898m871g] {
background: rgba(25, 135, 84, 0.1);
border-left: 4px solid var(--success-color);
color: var(--success-color);
}
/* Validation Messages */
.validation-message[b-i6898m871g] {
display: block;
margin-top: 0.5rem;
font-size: 0.9rem;
font-weight: 600;
}
/* Loading Animation */
.spinner-border-sm[b-i6898m871g] {
width: 1rem;
height: 1rem;
border-width: 0.125rem;
}
/* Responsive Design */
@media (max-width: 768px) {
.card-header-gradient[b-i6898m871g] {
padding: 1.5rem;
}
.header-title[b-i6898m871g] {
font-size: 1.5rem;
}
.header-subtitle[b-i6898m871g] {
font-size: 1rem;
}
.card-body-modern[b-i6898m871g] {
padding: 1.5rem;
}
.menu-info-display[b-i6898m871g] {
flex-direction: column;
text-align: center;
}
.menu-image-container[b-i6898m871g] {
width: 150px;
height: 150px;
margin: 0 auto 1rem auto;
}
.star-rating[b-i6898m871g] {
justify-content: center;
}
.star-btn[b-i6898m871g] {
font-size: 2rem;
}
.btn-submit-modern[b-i6898m871g] {
width: 100%;
padding: 1rem 2rem;
}
.rating-section[b-i6898m871g],
.comment-section[b-i6898m871g] {
padding: 1rem;
}
}
@media (max-width: 576px) {
.menu-meta[b-i6898m871g] {
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.star-btn[b-i6898m871g] {
font-size: 1.8rem;
}
.char-counter[b-i6898m871g] {
position: static;
margin-top: 0.5rem;
text-align: right;
background: transparent;
}
}
/* Animations */
@keyframes fadeInUp-b-i6898m871g {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.review-form-card[b-i6898m871g] {
animation: fadeInUp-b-i6898m871g 0.6s ease-out;
}
.rating-section[b-i6898m871g] {
animation: fadeInUp-b-i6898m871g 0.6s ease-out 0.1s both;
}
.comment-section[b-i6898m871g] {
animation: fadeInUp-b-i6898m871g 0.6s ease-out 0.2s both;
}
.submit-section[b-i6898m871g] {
animation: fadeInUp-b-i6898m871g 0.6s ease-out 0.3s both;
}
.review-guidelines[b-i6898m871g] {
animation: fadeInUp-b-i6898m871g 0.6s ease-out 0.4s both;
}
/* Existing Review Display Styles */
.existing-review-section[b-i6898m871g] {
padding: 1.5rem 0;
}
.existing-review-card[b-i6898m871g] {
background: var(--light-bg);
border: 1px solid var(--border-color);
border-radius: var(--border-radius-sm);
padding: 1.5rem;
margin-bottom: 1rem;
transition: var(--transition);
}
.existing-review-card:hover[b-i6898m871g] {
box-shadow: var(--shadow-sm);
}
.review-header[b-i6898m871g] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
flex-wrap: wrap;
gap: 0.5rem;
}
.review-header h6[b-i6898m871g] {
color: var(--primary-color);
font-weight: 600;
margin: 0;
}
.review-rating[b-i6898m871g] {
display: flex;
align-items: center;
gap: 0.25rem;
}
.star-display[b-i6898m871g] {
color: var(--warning-color);
font-size: 1.2rem;
}
.rating-value[b-i6898m871g] {
margin-left: 0.5rem;
color: var(--muted);
font-weight: 500;
font-size: 0.9rem;
}
.review-comment[b-i6898m871g] {
background: var(--white);
border: 1px solid var(--border-color);
border-radius: var(--border-radius-sm);
padding: 1rem;
margin-bottom: 1rem;
color: var(--dark);
line-height: 1.6;
}
.review-date[b-i6898m871g] {
border-top: 1px solid var(--border-color);
padding-top: 0.75rem;
margin-top: 1rem;
}
.review-date small[b-i6898m871g] {
color: var(--muted);
font-size: 0.875rem;
}
/* Responsive Design */
@media (max-width: 576px) {
.review-header[b-i6898m871g] {
flex-direction: column;
align-items: flex-start;
}
.existing-review-card[b-i6898m871g] {
padding: 1rem;
}
.star-display[b-i6898m871g] {
font-size: 1rem;
}
}
/* _content/dekatfood/Pages/Customer/MenuReviewList.cshtml.rz.scp.css */
/* Menu Review List - Modern Design */
:root[b-8amlubtb5v] {
--primary-color: #C72C48;
--primary-dark: #a81f39;
--primary-light: #e94d6a;
--success-color: #198754;
--warning-color: #ffc107;
--danger-color: #dc3545;
--info-color: #0dcaf0;
--light-bg: #f8f9fa;
--white: #ffffff;
--dark: #212529;
--muted: #6c757d;
--border-color: #dee2e6;
--shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--shadow-md: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--border-radius: 1rem;
--border-radius-sm: 0.75rem;
--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
}
/* Page Layout */
body[b-8amlubtb5v] {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
min-height: 100vh;
}
/* Skeleton Loading */
.skeleton-container[b-8amlubtb5v] {
animation: pulse-b-8amlubtb5v 1.5s ease-in-out infinite alternate;
}
.skeleton-card[b-8amlubtb5v],
.skeleton-review-card[b-8amlubtb5v] {
background: var(--white);
border-radius: var(--border-radius);
box-shadow: var(--shadow-sm);
padding: 2rem;
margin-bottom: 1.5rem;
}
.skeleton-header[b-8amlubtb5v] {
height: 3rem;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: shimmer-b-8amlubtb5v 2s infinite;
border-radius: 0.5rem;
margin-bottom: 1rem;
}
.skeleton-content[b-8amlubtb5v],
.skeleton-review-content[b-8amlubtb5v] {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.skeleton-line[b-8amlubtb5v] {
height: 1rem;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: shimmer-b-8amlubtb5v 2s infinite;
border-radius: 0.25rem;
}
.skeleton-line.short[b-8amlubtb5v] {
width: 60%;
}
.skeleton-line.tiny[b-8amlubtb5v] {
width: 40%;
height: 0.75rem;
}
.skeleton-review-header[b-8amlubtb5v] {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 1rem;
}
.skeleton-avatar[b-8amlubtb5v] {
width: 3rem;
height: 3rem;
border-radius: 50%;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: shimmer-b-8amlubtb5v 2s infinite;
flex-shrink: 0;
}
.skeleton-review-info[b-8amlubtb5v] {
flex-grow: 1;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
@keyframes shimmer-b-8amlubtb5v {
0% {
background-position: -200% 0;
}
100% {
background-position: 200% 0;
}
}
@keyframes pulse-b-8amlubtb5v {
0% {
opacity: 1;
}
100% {
opacity: 0.7;
}
}
/* Menu Info Card */
.menu-info-card[b-8amlubtb5v] {
background: var(--white);
border-radius: var(--border-radius);
box-shadow: var(--shadow-lg);
overflow: hidden;
border: 1px solid rgba(199, 44, 72, 0.1);
}
.menu-image-container[b-8amlubtb5v] {
height: 250px;
overflow: hidden;
background: var(--light-bg);
display: flex;
align-items: center;
justify-content: center;
}
.menu-image[b-8amlubtb5v] {
width: 100%;
height: 100%;
object-fit: cover;
transition: var(--transition);
}
.menu-image:hover[b-8amlubtb5v] {
transform: scale(1.05);
}
.menu-image-placeholder[b-8amlubtb5v] {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
color: var(--muted);
font-size: 3rem;
}
.menu-info-content[b-8amlubtb5v] {
padding: 2rem;
}
.menu-header[b-8amlubtb5v] {
margin-bottom: 1rem;
}
.menu-title[b-8amlubtb5v] {
color: var(--primary-color);
font-weight: 700;
font-size: 1.75rem;
margin-bottom: 0.5rem;
}
.menu-category[b-8amlubtb5v] {
color: var(--muted);
font-size: 0.9rem;
display: flex;
align-items: center;
}
.menu-description[b-8amlubtb5v] {
margin-bottom: 1.5rem;
color: var(--dark);
line-height: 1.6;
}
.menu-price[b-8amlubtb5v] {
margin-bottom: 1.5rem;
}
.price-label[b-8amlubtb5v] {
color: var(--muted);
font-weight: 500;
}
.price-value[b-8amlubtb5v] {
color: var(--primary-color);
font-weight: 700;
font-size: 1.25rem;
margin-left: 0.5rem;
}
.rating-summary[b-8amlubtb5v] {
display: flex;
align-items: center;
gap: 1rem;
}
.average-rating[b-8amlubtb5v] {
display: flex;
align-items: center;
gap: 0.5rem;
}
.rating-stars[b-8amlubtb5v] {
display: flex;
gap: 0.125rem;
}
.star-icon[b-8amlubtb5v] {
color: var(--warning-color);
font-size: 1.2rem;
}
.rating-number[b-8amlubtb5v] {
font-weight: 700;
color: var(--dark);
font-size: 1.1rem;
}
.rating-count[b-8amlubtb5v] {
color: var(--muted);
font-size: 0.9rem;
}
/* Reviews Section */
.reviews-section-card[b-8amlubtb5v] {
background: var(--white);
border-radius: var(--border-radius);
box-shadow: var(--shadow-lg);
overflow: hidden;
border: 1px solid rgba(199, 44, 72, 0.1);
}
.reviews-header[b-8amlubtb5v] {
background: var(--gradient-primary);
color: white;
padding: 2rem;
}
.reviews-title-section[b-8amlubtb5v] {
margin-bottom: 1.5rem;
}
.reviews-title[b-8amlubtb5v] {
color: white;
font-weight: 700;
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
.reviews-subtitle[b-8amlubtb5v] {
color: rgba(255, 255, 255, 0.9);
margin-bottom: 0;
font-size: 0.95rem;
}
.reviews-controls[b-8amlubtb5v] {
margin-bottom: 1.5rem;
}
.sort-container[b-8amlubtb5v] {
display: flex;
align-items: center;
gap: 0.75rem;
flex-wrap: wrap;
}
.sort-label[b-8amlubtb5v] {
color: white;
font-weight: 500;
margin: 0;
white-space: nowrap;
}
.sort-select[b-8amlubtb5v] {
min-width: 200px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
color: white;
backdrop-filter: blur(10px);
}
.sort-select option[b-8amlubtb5v] {
background: var(--white);
color: var(--dark);
}
.sort-select:focus[b-8amlubtb5v] {
border-color: rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
}
/* Rating Distribution */
.rating-distribution[b-8amlubtb5v] {
background: rgba(255, 255, 255, 0.1);
border-radius: var(--border-radius-sm);
padding: 1.5rem;
backdrop-filter: blur(10px);
}
.distribution-title[b-8amlubtb5v] {
color: white;
font-weight: 600;
margin-bottom: 1rem;
font-size: 1rem;
}
.rating-bar-row[b-8amlubtb5v] {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.75rem;
}
.rating-bar-row:last-child[b-8amlubtb5v] {
margin-bottom: 0;
}
.rating-label[b-8amlubtb5v] {
color: white;
font-weight: 500;
min-width: 1rem;
text-align: center;
}
.rating-star[b-8amlubtb5v] {
color: var(--warning-color);
font-size: 0.9rem;
}
.rating-bar[b-8amlubtb5v] {
flex-grow: 1;
height: 0.5rem;
background: rgba(255, 255, 255, 0.2);
border-radius: 0.25rem;
overflow: hidden;
}
.rating-progress[b-8amlubtb5v] {
height: 100%;
background: var(--warning-color);
border-radius: 0.25rem;
transition: width 0.3s ease;
}
.rating-percentage[b-8amlubtb5v] {
color: white;
font-size: 0.85rem;
font-weight: 500;
min-width: 2.5rem;
text-align: right;
}
/* Reviews Content */
.reviews-content[b-8amlubtb5v] {
padding: 2rem;
}
.reviews-list[b-8amlubtb5v] {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
/* Review Card */
.review-card[b-8amlubtb5v] {
background: var(--white);
border: 1px solid var(--border-color);
border-radius: var(--border-radius-sm);
padding: 1.5rem;
transition: var(--transition);
opacity: 0;
transform: translateY(20px);
}
.review-card.animate-in[b-8amlubtb5v] {
opacity: 1;
transform: translateY(0);
}
.review-card:hover[b-8amlubtb5v] {
box-shadow: var(--shadow-md);
border-color: rgba(199, 44, 72, 0.2);
}
.review-header[b-8amlubtb5v] {
margin-bottom: 1rem;
}
.reviewer-info[b-8amlubtb5v] {
display: flex;
align-items: center;
gap: 1rem;
}
.reviewer-avatar[b-8amlubtb5v] {
width: 3rem;
height: 3rem;
border-radius: 50%;
overflow: hidden;
background: var(--light-bg);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.avatar-image[b-8amlubtb5v] {
width: 100%;
height: 100%;
object-fit: cover;
}
.avatar-icon[b-8amlubtb5v] {
color: var(--muted);
font-size: 2rem;
}
.reviewer-details[b-8amlubtb5v] {
flex-grow: 1;
}
.reviewer-name[b-8amlubtb5v] {
color: var(--dark);
font-weight: 600;
margin-bottom: 0.25rem;
font-size: 1rem;
}
.review-meta[b-8amlubtb5v] {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
}
.review-rating[b-8amlubtb5v] {
display: flex;
gap: 0.125rem;
}
.review-star[b-8amlubtb5v] {
color: var(--warning-color);
font-size: 1rem;
}
.review-date[b-8amlubtb5v] {
color: var(--muted);
font-size: 0.85rem;
}
.review-comment[b-8amlubtb5v] {
background: var(--light-bg);
border-radius: var(--border-radius-sm);
padding: 1rem;
border-left: 4px solid var(--primary-color);
}
.review-comment p[b-8amlubtb5v] {
margin: 0;
line-height: 1.6;
color: var(--dark);
}
/* No Reviews State */
.no-reviews-state[b-8amlubtb5v] {
text-align: center;
padding: 3rem 2rem;
color: var(--muted);
}
.no-reviews-icon[b-8amlubtb5v] {
font-size: 4rem;
color: var(--border-color);
margin-bottom: 1.5rem;
}
.no-reviews-title[b-8amlubtb5v] {
color: var(--dark);
margin-bottom: 1rem;
font-weight: 600;
}
.no-reviews-text[b-8amlubtb5v] {
margin-bottom: 2rem;
max-width: 400px;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
}
/* Pagination */
.pagination-container[b-8amlubtb5v] {
margin-top: 2rem;
padding-top: 2rem;
border-top: 1px solid var(--border-color);
}
.pagination .page-link[b-8amlubtb5v] {
color: var(--primary-color);
border-color: var(--border-color);
padding: 0.75rem 1rem;
}
.pagination .page-link:hover[b-8amlubtb5v] {
color: var(--primary-dark);
background-color: var(--light-bg);
border-color: var(--primary-color);
}
.pagination .page-item.active .page-link[b-8amlubtb5v] {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: white;
}
.pagination .page-item.active .page-link:hover[b-8amlubtb5v] {
background-color: var(--primary-dark);
border-color: var(--primary-dark);
}
/* Action Buttons */
.action-buttons[b-8amlubtb5v] {
margin-top: 2rem;
display: flex;
gap: 1rem;
flex-wrap: wrap;
justify-content: center;
}
.action-buttons .btn[b-8amlubtb5v] {
min-width: 150px;
padding: 0.75rem 1.5rem;
font-weight: 500;
}
/* Responsive Design */
@media (max-width: 768px) {
.menu-info-content[b-8amlubtb5v] {
padding: 1.5rem;
}
.menu-title[b-8amlubtb5v] {
font-size: 1.5rem;
}
.reviews-header[b-8amlubtb5v] {
padding: 1.5rem;
}
.reviews-content[b-8amlubtb5v] {
padding: 1.5rem;
}
.review-card[b-8amlubtb5v] {
padding: 1rem;
}
.reviewer-info[b-8amlubtb5v] {
gap: 0.75rem;
}
.reviewer-avatar[b-8amlubtb5v] {
width: 2.5rem;
height: 2.5rem;
}
.avatar-icon[b-8amlubtb5v] {
font-size: 1.5rem;
}
.review-meta[b-8amlubtb5v] {
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.sort-container[b-8amlubtb5v] {
flex-direction: column;
align-items: flex-start;
}
.sort-select[b-8amlubtb5v] {
min-width: 100%;
}
.rating-distribution[b-8amlubtb5v] {
padding: 1rem;
}
.action-buttons[b-8amlubtb5v] {
flex-direction: column;
}
.action-buttons .btn[b-8amlubtb5v] {
min-width: 100%;
}
}
@media (max-width: 576px) {
.menu-image-container[b-8amlubtb5v] {
height: 200px;
}
.menu-info-content[b-8amlubtb5v] {
padding: 1rem;
}
.reviews-header[b-8amlubtb5v] {
padding: 1rem;
}
.reviews-content[b-8amlubtb5v] {
padding: 1rem;
}
.review-comment[b-8amlubtb5v] {
padding: 0.75rem;
}
.no-reviews-state[b-8amlubtb5v] {
padding: 2rem 1rem;
}
.no-reviews-icon[b-8amlubtb5v] {
font-size: 3rem;
}
}
/* Animation Utilities */
@keyframes fadeInUp-b-8amlubtb5v {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.reviews-section-card[b-8amlubtb5v] {
animation: fadeInUp-b-8amlubtb5v 0.6s ease-out;
}
.menu-info-card[b-8amlubtb5v] {
animation: fadeInUp-b-8amlubtb5v 0.6s ease-out 0.1s both;
}
.action-buttons[b-8amlubtb5v] {
animation: fadeInUp-b-8amlubtb5v 0.6s ease-out 0.2s both;
}
/* _content/dekatfood/Pages/Customer/MyOrder.cshtml.rz.scp.css */
/* ========================================
MY ORDERS PAGE STYLES
======================================== */
/* Page Container */
.container[b-rsts05xpio] {
max-width: 1200px;
}
/* Header Section */
.page-header[b-rsts05xpio] {
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
border-radius: 15px;
padding: 2rem;
margin-bottom: 2rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.page-title[b-rsts05xpio] {
color: var(--primary-color);
font-weight: 700;
font-size: 2rem;
margin: 0;
}
/* Filter Card */
.filter-card[b-rsts05xpio] {
border: none;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
border-radius: 15px;
margin-bottom: 2rem;
}
.filter-card .card-body[b-rsts05xpio] {
padding: 1.5rem;
}
/* Main Content Card */
.orders-card[b-rsts05xpio] {
border: none;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
border-radius: 15px;
overflow: hidden;
}
/* Table Enhancements */
.table[b-rsts05xpio] {
margin: 0;
}
.table thead th[b-rsts05xpio] {
background: linear-gradient(135deg, var(--primary-color) 0%, #a91d37 100%);
color: white;
border: none;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
font-size: 0.85rem;
padding: 1rem;
}
.table tbody td[b-rsts05xpio] {
padding: 1rem;
vertical-align: middle;
border-bottom: 1px solid #e9ecef;
}
.table tbody tr:hover[b-rsts05xpio] {
background-color: #f8f9fa;
}
.table tbody tr:last-child td[b-rsts05xpio] {
border-bottom: none;
}
/* Order Details */
.order-id[b-rsts05xpio] {
font-weight: 600;
color: var(--primary-color);
font-size: 0.9rem;
}
.order-date[b-rsts05xpio] {
color: #6c757d;
font-size: 0.85rem;
margin-top: 0.25rem;
}
.kiosk-info[b-rsts05xpio] {
color: #495057;
font-weight: 500;
}
.kiosk-service[b-rsts05xpio] {
color: #6c757d;
font-size: 0.85rem;
margin-top: 0.25rem;
}
/* Item Details */
.item-summary[b-rsts05xpio] {
color: #495057;
}
.item-name[b-rsts05xpio] {
font-weight: 500;
color: var(--primary-color);
margin-bottom: 0.25rem;
}
.item-details[b-rsts05xpio] {
font-size: 0.85rem;
color: #6c757d;
}
.item-price[b-rsts05xpio] {
font-weight: 600;
color: #495057;
margin-top: 0.25rem;
}
/* Status Badges */
.status-badge[b-rsts05xpio] {
font-size: 0.75rem;
padding: 0.4rem 0.8rem;
border-radius: 20px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.status-pending[b-rsts05xpio] {
background-color: #fff3cd;
color: #856404;
border: 1px solid #ffeaa7;
}
.status-confirmed[b-rsts05xpio] {
background-color: #d1ecf1;
color: #0c5460;
border: 1px solid #bee5eb;
}
.status-preparing[b-rsts05xpio] {
background-color: #cff4fc;
color: #055160;
border: 1px solid #b6effb;
}
.status-ready[b-rsts05xpio] {
background-color: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.status-completed[b-rsts05xpio] {
background-color: #d1ecf1;
color: #0c5460;
border: 1px solid #bee5eb;
}
.status-cancelled[b-rsts05xpio] {
background-color: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
/* Payment Status */
.payment-status[b-rsts05xpio] {
font-size: 0.75rem;
padding: 0.3rem 0.6rem;
border-radius: 15px;
font-weight: 500;
}
.payment-paid[b-rsts05xpio] {
background-color: #d4edda;
color: #155724;
}
.payment-pending[b-rsts05xpio] {
background-color: #fff3cd;
color: #856404;
}
.payment-failed[b-rsts05xpio] {
background-color: #f8d7da;
color: #721c24;
}
/* Action Buttons */
.action-buttons[b-rsts05xpio] {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
.btn-sm[b-rsts05xpio] {
font-size: 0.75rem;
padding: 0.4rem 0.8rem;
border-radius: 8px;
font-weight: 500;
display: inline-flex;
align-items: center;
text-decoration: none;
transition: all 0.3s ease;
}
.btn-outline-primary[b-rsts05xpio] {
border-color: var(--primary-color);
color: var(--primary-color);
}
.btn-outline-primary:hover[b-rsts05xpio] {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: white;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(199, 44, 72, 0.3);
}
.btn-outline-danger[b-rsts05xpio] {
border-color: #dc3545;
color: #dc3545;
}
.btn-outline-danger:hover[b-rsts05xpio] {
background-color: #dc3545;
border-color: #dc3545;
color: white;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
}
.btn-outline-warning[b-rsts05xpio] {
border-color: #ffc107;
color: #856404;
}
.btn-outline-warning:hover[b-rsts05xpio] {
background-color: #ffc107;
border-color: #ffc107;
color: #212529;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
}
/* Price Display */
.price-display[b-rsts05xpio] {
text-align: right;
}
.total-amount[b-rsts05xpio] {
font-size: 1.1rem;
font-weight: 700;
color: var(--primary-color);
}
.currency[b-rsts05xpio] {
font-size: 0.9rem;
color: #6c757d;
}
/* Empty State */
.empty-state[b-rsts05xpio] {
text-align: center;
padding: 3rem 2rem;
color: #6c757d;
}
.empty-state i[b-rsts05xpio] {
font-size: 4rem;
color: #dee2e6;
margin-bottom: 1rem;
}
.empty-state h5[b-rsts05xpio] {
color: #495057;
margin-bottom: 0.5rem;
}
/* Pagination */
.pagination[b-rsts05xpio] {
justify-content: center;
margin-top: 2rem;
}
.page-link[b-rsts05xpio] {
color: var(--primary-color);
border-color: #dee2e6;
padding: 0.5rem 0.75rem;
}
.page-link:hover[b-rsts05xpio] {
color: white;
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.page-item.active .page-link[b-rsts05xpio] {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
/* Skeleton Loading */
.skeleton-loading[b-rsts05xpio] {
animation: skeleton-pulse-b-rsts05xpio 1.5s ease-in-out infinite;
}
@keyframes skeleton-pulse-b-rsts05xpio {
0% {
background-color: #e9ecef;
}
50% {
background-color: #f8f9fa;
}
100% {
background-color: #e9ecef;
}
}
/* Mobile Responsive */
@media (max-width: 991.98px) {
.page-header[b-rsts05xpio] {
padding: 1.5rem;
}
.page-title[b-rsts05xpio] {
font-size: 1.5rem;
}
.table-responsive[b-rsts05xpio] {
border-radius: 0;
}
.table thead th[b-rsts05xpio],
.table tbody td[b-rsts05xpio] {
padding: 0.75rem 0.5rem;
font-size: 0.85rem;
}
.action-buttons[b-rsts05xpio] {
flex-direction: column;
align-items: stretch;
}
.btn-sm[b-rsts05xpio] {
justify-content: center;
}
}
@media (max-width: 767.98px) {
.container[b-rsts05xpio] {
padding: 0 1rem;
}
.page-header[b-rsts05xpio] {
padding: 1rem;
margin-bottom: 1rem;
}
.filter-card .card-body[b-rsts05xpio],
.orders-card .card-body[b-rsts05xpio] {
padding: 1rem;
}
.table thead th[b-rsts05xpio],
.table tbody td[b-rsts05xpio] {
padding: 0.5rem 0.25rem;
font-size: 0.8rem;
}
.status-badge[b-rsts05xpio],
.payment-status[b-rsts05xpio] {
font-size: 0.65rem;
padding: 0.25rem 0.5rem;
}
}
/* Loading Animation */
@keyframes fadeIn-b-rsts05xpio {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
#main-content[b-rsts05xpio] {
animation: fadeIn-b-rsts05xpio 0.5s ease-out;
}
/* Modal for Cancel Item (keeping only the necessary modal styles) */
.modal-content[b-rsts05xpio] {
border: none;
border-radius: 15px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.modal-header[b-rsts05xpio] {
background: linear-gradient(135deg, var(--primary-color) 0%, #a91d37 100%);
color: white;
border-radius: 15px 15px 0 0;
border-bottom: none;
}
.modal-header .btn-close[b-rsts05xpio] {
filter: brightness(0) invert(1);
}
.modal-body[b-rsts05xpio] {
padding: 2rem;
}
/* Ensure the kiosk review button sits to the right of kiosk header */
.order-summary-card .d-flex > .d-flex[b-rsts05xpio] {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: space-between;
}
/* Star rating: make labels fully clickable and visually style */
.star-label[b-rsts05xpio] {
display: inline-block;
cursor: pointer;
padding: 0.25rem 0.35rem;
font-size: 1.25rem;
user-select: none;
}
/* Visually hide radios but keep them accessible and targetable by labels */
input[type="radio"][b-rsts05xpio] {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
}
/* Ensure hovered/active stars look interactive */
.star-label i[b-rsts05xpio] {
transition: color 0.15s ease, transform 0.12s ease;
}
.star-label:hover i[b-rsts05xpio] {
transform: translateY(-2px);
}
/* When radio is checked, show filled star via adjacent label selector if needed */
/* Fallback: JS will toggle classes on labels */
.star-label input[type="radio"]:checked~i[b-rsts05xpio] {
color: var(--primary-color);
transform: scale(1.2);
}
.item-name-highlight[b-rsts05xpio] {
color: var(--primary-color);
font-weight: 600;
}
/* _content/dekatfood/Pages/Customer/MyOrderDetails.cshtml.rz.scp.css */
/* MyOrderDetails.cshtml.css - Dekat Food Theme */
/* Dekat Food Brand Colors */
:root[b-7hwi9no189] {
--primary-color: #C72C48;
--primary-dark: #a02238;
--secondary-color: #64748b;
--success-color: #10b981;
--warning-color: #fbbf24;
--danger-color: #ef4444;
--info-color: #3b82f6;
--light-bg: #f8fafc;
--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
--card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
--border-radius: 12px;
--border-radius-sm: 8px;
--transition: all 0.3s ease;
}
/* Page Layout */
.container[b-7hwi9no189] {
max-width: 1200px;
}
/* Enhanced skeleton loading */
#skeleton-loading .placeholder[b-7hwi9no189] {
background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
background-size: 200% 100%;
animation: loading-b-7hwi9no189 1.5s infinite;
border-radius: var(--border-radius-sm);
}
@keyframes loading-b-7hwi9no189 {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
/* Card styling */
.card[b-7hwi9no189] {
border: none;
border-radius: var(--border-radius);
box-shadow: var(--card-shadow);
transition: var(--transition);
}
.card:hover[b-7hwi9no189] {
box-shadow: var(--card-shadow-hover);
}
.card-header[b-7hwi9no189] {
border: none;
border-radius: var(--border-radius) var(--border-radius) 0 0;
padding: 1rem 1.25rem;
}
/* Breadcrumb styling */
.breadcrumb[b-7hwi9no189] {
background: transparent;
padding: 0;
margin: 0;
}
.breadcrumb-item a[b-7hwi9no189] {
text-decoration: none;
transition: var(--transition);
}
.breadcrumb-item a:hover[b-7hwi9no189] {
text-decoration: underline;
}
/* Order status badges */
.badge[b-7hwi9no189] {
padding: 0.5rem 1rem;
border-radius: 20px;
font-weight: 600;
font-size: 0.875rem;
display: inline-flex;
align-items: center;
gap: 0.375rem;
}
/* Timeline styling */
.timeline[b-7hwi9no189] {
position: relative;
padding-left: 3rem;
}
.timeline[b-7hwi9no189]::before {
content: '';
position: absolute;
left: 1.25rem;
top: 0;
bottom: 0;
width: 3px;
background: linear-gradient(to bottom, var(--primary-color) 0%, var(--success-color) 50%, #e2e8f0 100%);
border-radius: 2px;
}
.timeline-item[b-7hwi9no189] {
position: relative;
margin-bottom: 2rem;
padding-left: 2rem;
}
.timeline-item:last-child[b-7hwi9no189] {
margin-bottom: 0;
}
.timeline-icon[b-7hwi9no189] {
position: absolute;
left: -2.5rem;
top: 0;
width: 2.5rem;
height: 2.5rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.25rem;
color: #cbd5e1;
background: white;
border: 3px solid #e2e8f0;
border-radius: 50%;
transition: var(--transition);
}
.timeline-item.completed .timeline-icon[b-7hwi9no189] {
color: var(--primary-color);
border-color: var(--primary-color);
background: white;
}
.timeline-item.active .timeline-icon[b-7hwi9no189] {
color: var(--warning-color);
border-color: var(--warning-color);
background: white;
animation: pulse-b-7hwi9no189 2s infinite;
}
@keyframes pulse-b-7hwi9no189 {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
}
.timeline-content[b-7hwi9no189] {
background: white;
padding: 1rem;
border-radius: var(--border-radius-sm);
border: 1px solid #e2e8f0;
transition: var(--transition);
}
.timeline-item.completed .timeline-content[b-7hwi9no189] {
border-left: 4px solid var(--primary-color);
}
.timeline-item.active .timeline-content[b-7hwi9no189] {
border-left: 4px solid var(--warning-color);
background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
}
.rating[b-7hwi9no189] {
display: flex;
gap: 0.125rem;
justify-content: center;
}
.rating i[b-7hwi9no189] {
font-size: 1.1rem;
transition: var(--transition);
}
/* Emoji rating - 3-point system (👎 👍 ❤️) */
.emoji-rating[b-7hwi9no189] {
display: flex;
justify-content: center;
gap: 0.8rem;
align-items: center;
padding: 0.5rem;
max-width: 100%;
background: rgba(0, 0, 0, 0.02);
border-radius: var(--border-radius-sm);
}
.emoji-option[b-7hwi9no189] {
appearance: none;
border: 2px solid transparent;
background: transparent;
border-radius: 12px;
padding: 0.6rem;
font-size: 2rem;
line-height: 1;
cursor: pointer;
transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease, filter .12s ease;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 3.5rem;
text-align: center;
filter: grayscale(100%);
}
.emoji-option:hover[b-7hwi9no189] {
transform: translateY(-2px) scale(1.1);
filter: grayscale(0%);
}
.emoji-option.selected[b-7hwi9no189] {
border-color: var(--primary-color);
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.15);
background: rgba(199, 44, 72, 0.05);
filter: grayscale(0%);
}
/* Global emoji display styles */
.emoji-display[b-7hwi9no189] {
display: inline-flex;
align-items: center;
gap: 0.25rem;
}
.rating-emoji[b-7hwi9no189] {
font-size: 1.2rem;
display: inline-flex;
align-items: center;
}
.rating-summary .emoji-display[b-7hwi9no189] {
flex-direction: column;
text-align: center;
}
.rating-summary .emoji-display span[b-7hwi9no189] {
font-size: 2rem;
}
.kiosk-rating .emoji-display[b-7hwi9no189],
.menu-rating .emoji-display[b-7hwi9no189] {
align-items: center;
flex-direction: row;
}
.modal-body[b-7hwi9no189] {
padding: 2rem;
}
.modal-footer[b-7hwi9no189] {
border: none;
padding: 1.25rem;
border-radius: 0 0 var(--border-radius) var(--border-radius);
}
/* Form controls */
.form-control[b-7hwi9no189] {
border-radius: var(--border-radius-sm);
border: 2px solid #e2e8f0;
transition: var(--transition);
}
.form-control:focus[b-7hwi9no189] {
border-color: var(--primary-color);
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.1);
}
/* Button styling */
.btn[b-7hwi9no189] {
border-radius: var(--border-radius-sm);
font-weight: 600;
padding: 0.625rem 1.25rem;
transition: var(--transition);
}
.btn-primary[b-7hwi9no189] {
background-color: var(--primary-color);
border-color: var(--primary-color);
}
.btn-primary:hover[b-7hwi9no189],
.btn-primary:focus[b-7hwi9no189] {
background-color: var(--primary-dark);
border-color: var(--primary-dark);
}
.btn-warning[b-7hwi9no189] {
background-color: var(--warning-color);
border-color: var(--warning-color);
color: #1f2937;
}
.btn-warning:hover[b-7hwi9no189],
.btn-warning:focus[b-7hwi9no189] {
background-color: #f59e0b;
border-color: #f59e0b;
color: #1f2937;
}
/* Alert styling */
.alert[b-7hwi9no189] {
border: none;
border-radius: var(--border-radius-sm);
border-left: 4px solid;
box-shadow: var(--card-shadow);
}
.alert-danger[b-7hwi9no189] {
background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
border-left-color: var(--danger-color);
color: #991b1b;
}
.alert-success[b-7hwi9no189] {
background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
border-left-color: var(--success-color);
color: #166534;
}
.alert-warning[b-7hwi9no189] {
background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
border-left-color: var(--warning-color);
color: #92400e;
}
/* Responsive design */
@media (max-width: 768px) {
.timeline[b-7hwi9no189] {
padding-left: 2.5rem;
}
.timeline[b-7hwi9no189]::before {
left: 1rem;
}
.timeline-icon[b-7hwi9no189] {
left: -2rem;
width: 2rem;
height: 2rem;
font-size: 1rem;
}
.card-body[b-7hwi9no189] {
padding: 1rem;
}
.modal-body[b-7hwi9no189] {
padding: 1.5rem;
}
/* Mobile emoji rating fixes */
.emoji-rating[b-7hwi9no189] {
gap: 0.4rem;
}
.emoji-option[b-7hwi9no189] {
font-size: 1.5rem;
padding: 0.4rem;
min-width: 2.8rem;
}
}
/* Focus states for accessibility */
.btn:focus[b-7hwi9no189],
.form-control:focus[b-7hwi9no189] {
outline: 2px solid var(--primary-color);
outline-offset: 2px;
}
/* Ensure good contrast */
.text-dark[b-7hwi9no189] {
color: #1f2937 !important;
}
.text-muted[b-7hwi9no189] {
color: #6b7280 !important;
}
/* Prevent white text on white background */
.bg-light .text-white[b-7hwi9no189],
.card-body .text-white[b-7hwi9no189] {
color: #1f2937 !important;
}
/* Ensure icons are visible */
.bi[b-7hwi9no189] {
color: inherit;
}
/* Additional utility classes */
.fw-bold[b-7hwi9no189] {
font-weight: 700 !important;
}
.fw-medium[b-7hwi9no189] {
font-weight: 500 !important;
}
.delivery-time[b-7hwi9no189] {
color: var(--warning-color);
}
.left-card[b-7hwi9no189] {
background-color: var(--light-bg);
}
/* _content/dekatfood/Pages/FAQ.cshtml.rz.scp.css */
/* FAQ Page Styles */
body[b-3qz3t31ldd] {
}
.faq-hero-section[b-3qz3t31ldd] {
background: var(--primary-color);
color: white;
padding: 6rem 0 4rem;
position: relative;
overflow: hidden;
}
.faq-hero-section[b-3qz3t31ldd]::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(199, 44, 72, 0.9), rgba(166, 30, 60, 0.9));
}
.faq-hero-section .container[b-3qz3t31ldd] {
position: relative;
z-index: 1;
}
.faq-title[b-3qz3t31ldd] {
font-size: 3.5rem;
font-weight: 800;
margin-bottom: 1.5rem;
}
.faq-subtitle[b-3qz3t31ldd] {
font-size: 1.3rem;
margin-bottom: 3rem;
opacity: 0.9;
}
.faq-search-box[b-3qz3t31ldd] {
max-width: 600px;
margin: 0 auto;
}
.faq-search-box .form-control[b-3qz3t31ldd] {
border-radius: 50px;
padding: 1rem 1.5rem;
border: none;
font-size: 1.1rem;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.faq-tabs[b-3qz3t31ldd] {
margin: 4rem 0;
}
.nav-pills .nav-link[b-3qz3t31ldd] {
background: none;
border: 2px solid #e9ecef;
color: #6c757d;
padding: 1rem 2rem;
border-radius: 50px;
margin: 0 0.5rem 1rem 0;
font-weight: 600;
transition: all 0.3s ease;
}
.nav-pills .nav-link.active[b-3qz3t31ldd] {
background: var(--primary-color);
border-color: var(--primary-color);
color: white;
}
.nav-pills .nav-link:hover:not(.active)[b-3qz3t31ldd] {
border-color: var(--primary-color);
color: var(--primary-color);
}
.faq-section[b-3qz3t31ldd] {
padding: 4rem 0;
background: #f8f9fa;
}
.faq-category[b-3qz3t31ldd] {
background: white;
border-radius: 1rem;
padding: 2rem;
margin-bottom: 2rem;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}
.faq-category-title[b-3qz3t31ldd] {
color: var(--primary-color);
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 1.5rem;
display: flex;
align-items: center;
}
.faq-category-title i[b-3qz3t31ldd] {
margin-right: 0.75rem;
font-size: 1.8rem;
}
.accordion-button[b-3qz3t31ldd] {
font-weight: 600;
color: #212529;
background: #f8f9fa;
border: none;
padding: 1.25rem 1.5rem;
}
.accordion-button:not(.collapsed)[b-3qz3t31ldd] {
background: var(--primary-color);
color: white;
box-shadow: none;
}
.accordion-button:focus[b-3qz3t31ldd] {
box-shadow: none;
border-color: var(--primary-color);
}
.accordion-button[b-3qz3t31ldd]::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)[b-3qz3t31ldd]::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-body[b-3qz3t31ldd] {
padding: 1.5rem;
background: white;
line-height: 1.7;
color: #6c757d;
}
.faq-highlight[b-3qz3t31ldd] {
background: linear-gradient(135deg, #fff3cd, #ffeaa7);
border-left: 4px solid #ffc107;
padding: 1rem 1.5rem;
margin: 1rem 0;
border-radius: 0.5rem;
}
.faq-contact-section[b-3qz3t31ldd] {
background: var(--primary-color);
color: white;
padding: 4rem 0;
text-align: center;
}
.faq-contact-title[b-3qz3t31ldd] {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 1.5rem;
}
.faq-contact-description[b-3qz3t31ldd] {
font-size: 1.2rem;
margin-bottom: 3rem;
opacity: 0.9;
}
.contact-buttons .btn[b-3qz3t31ldd] {
margin: 0.5rem;
padding: 1rem 2rem;
font-weight: 600;
border-radius: 50px;
transition: all 0.3s ease;
}
.btn-outline-light:hover[b-3qz3t31ldd] {
background: white;
color: var(--primary-color);
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);
}
/* Skeleton Loader */
.faq-skeleton[b-3qz3t31ldd] {
padding: 4rem 0;
}
.skeleton-item[b-3qz3t31ldd] {
background: #d0d0d0;
border-radius: 0.5rem;
margin-bottom: 1rem;
animation: skeleton-loading-b-3qz3t31ldd 1.5s infinite;
}
@keyframes skeleton-loading-b-3qz3t31ldd {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}
/* Mobile Responsiveness */
@media (max-width: 768px) {
.faq-title[b-3qz3t31ldd] {
font-size: 2.5rem;
}
.faq-subtitle[b-3qz3t31ldd] {
font-size: 1.1rem;
}
.nav-pills .nav-link[b-3qz3t31ldd] {
display: block;
width: 100%;
margin: 0 0 1rem 0;
text-align: center;
}
.faq-category[b-3qz3t31ldd] {
padding: 1.5rem;
}
.faq-contact-title[b-3qz3t31ldd] {
font-size: 2rem;
}
.contact-buttons .btn[b-3qz3t31ldd] {
display: block;
width: 100%;
margin: 0.5rem 0;
}
}
/* _content/dekatfood/Pages/Home/CartList.cshtml.rz.scp.css */
/* Cart Page Styles */
.cart-kiosk-card[b-dsi774bdni] {
border: none;
box-shadow: 0 2px 12px rgba(0,0,0,0.08);
border-radius: 12px;
overflow: hidden;
}
.cart-kiosk-card .card-header[b-dsi774bdni] {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-bottom: 1px solid #dee2e6;
padding: 1rem 1.25rem;
}
.cart-item-row[b-dsi774bdni] {
transition: all 0.3s ease;
padding: 0.5rem 0;
}
.cart-item-row:hover[b-dsi774bdni] {
background-color: #f8f9fa;
border-radius: 8px;
margin: 0 -1rem;
padding: 0.5rem 1rem;
}
.cart-item-image img[b-dsi774bdni],
.cart-item-image .bg-light[b-dsi774bdni] {
border: 2px solid #e9ecef;
transition: border-color 0.3s ease;
}
.cart-item-row:hover .cart-item-image img[b-dsi774bdni],
.cart-item-row:hover .cart-item-image .bg-light[b-dsi774bdni] {
border-color: #C72C48;
}
.quantity-controls .input-group[b-dsi774bdni] {
border-radius: 8px;
overflow: hidden;
}
.quantity-controls .btn[b-dsi774bdni] {
border-color: #dee2e6;
color: #6c757d;
padding: 0.25rem 0.5rem;
}
.quantity-controls .btn:hover[b-dsi774bdni] {
background-color: #C72C48;
border-color: #C72C48;
color: white;
}
.quantity-controls .form-control[b-dsi774bdni] {
border-left: none;
border-right: none;
background-color: #f8f9fa;
font-weight: 600;
}
.quantity-controls .form-control:focus[b-dsi774bdni] {
border-color: #C72C48;
box-shadow: none;
}
/* Summary Card */
.summary-card[b-dsi774bdni] {
border: none;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
border-radius: 15px;
}
.summary-card .card-header[b-dsi774bdni] {
background: linear-gradient(135deg, #C72C48 0%, #a91d37 100%);
color: white;
border-radius: 15px 15px 0 0 !important;
border-bottom: none;
}
.summary-details[b-dsi774bdni] {
background: #f8f9fa;
padding: 1rem;
border-radius: 8px;
margin-bottom: 1rem;
}
.checkout-actions .btn[b-dsi774bdni] {
border-radius: 10px;
padding: 12px 20px;
font-weight: 600;
transition: all 0.3s ease;
}
.checkout-actions .btn-primary:hover[b-dsi774bdni] {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(199, 44, 72, 0.3);
}
/* Empty Cart */
.empty-cart-state[b-dsi774bdni] {
padding: 3rem 1rem;
}
.empty-cart-state i[b-dsi774bdni] {
color: #dee2e6;
}
/* Price and Currency */
.price-info .fw-bold[b-dsi774bdni] {
font-size: 1.1rem;
color: #C72C48;
}
.subtotal-info .fw-bold[b-dsi774bdni] {
font-size: 1rem;
color: #C72C48;
}
.total-amount[b-dsi774bdni] {
font-size: 1.2rem;
color: #C72C48 !important;
}
/* Remove Button */
.cart-item-controls .btn-outline-danger[b-dsi774bdni] {
border-color: #dc3545;
color: #dc3545;
padding: 0.375rem 0.5rem;
border-radius: 6px;
}
.cart-item-controls .btn-outline-danger:hover[b-dsi774bdni] {
background-color: #dc3545;
border-color: #dc3545;
color: white;
transform: scale(1.05);
}
/* Responsive Design */
@media (max-width: 992px) {
.cart-item-row[b-dsi774bdni] {
flex-direction: column;
align-items: flex-start !important;
}
.cart-item-image[b-dsi774bdni] {
margin-bottom: 1rem;
}
.cart-item-controls[b-dsi774bdni] {
width: 100%;
justify-content: space-between;
margin-top: 1rem;
}
.summary-card[b-dsi774bdni] {
position: relative !important;
top: auto !important;
margin-top: 2rem;
}
}
@media (max-width: 768px) {
.cart-item-controls[b-dsi774bdni] {
flex-direction: column;
gap: 1rem;
}
.quantity-controls[b-dsi774bdni] {
margin: 0 !important;
}
}
/* Skeleton Loading */
.skeleton[b-dsi774bdni] {
position: relative;
overflow: hidden;
}
.skeleton[b-dsi774bdni]::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);
animation: skeleton-loading-b-dsi774bdni 1.5s infinite;
}
@keyframes skeleton-loading-b-dsi774bdni {
0% { left: -100%; }
100% { left: 100%; }
}
/* _content/dekatfood/Pages/Home/HomeKioskList.cshtml.rz.scp.css */
/* Modern Home Kiosk List Styles */
/* Hero Section */
.hero-section[b-90a7l8auaj] {
background: linear-gradient(135deg, #C72C48 0%, #a91e36 100%);
color: white;
padding: 4rem 0 3rem;
/* Removed large negative margin which caused overlap on mobile */
margin-top: 0;
padding-top: 3.5rem;
position: relative;
z-index: 0;
/* ensure stacking context so navbar overlay is obvious */
}
.hero-content h1[b-90a7l8auaj] {
font-size: 3.5rem;
font-weight: 700;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.hero-content p[b-90a7l8auaj] {
font-size: 1.25rem;
opacity: 0.9;
}
/* Search & Filter Section */
.search-section[b-90a7l8auaj] {
background: white;
padding: 2rem 0;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
position: relative;
z-index: 10;
}
.search-container[b-90a7l8auaj] {
max-width: 900px;
margin: 0 auto;
}
.search-input-group[b-90a7l8auaj] {
position: relative;
margin-bottom: 1.5rem;
}
.search-input[b-90a7l8auaj] {
border: 2px solid #e9ecef;
border-radius: 50px;
padding: 1rem 3rem 1rem 1.5rem;
font-size: 1.1rem;
transition: all 0.3s ease;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.search-input:focus[b-90a7l8auaj] {
border-color: #C72C48;
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25), 0 4px 20px rgba(199, 44, 72, 0.1);
outline: none;
}
.search-icon[b-90a7l8auaj] {
position: absolute;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
color: #6c757d;
font-size: 1.2rem;
}
/* Filter Pills */
.filter-pills[b-90a7l8auaj] {
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 1rem;
}
.filter-pill[b-90a7l8auaj] {
background: #f8f9fa;
border: 2px solid #e9ecef;
border-radius: 25px;
padding: 0.6rem 1.5rem;
font-weight: 600;
text-decoration: none;
color: #6c757d;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
cursor: pointer;
font-size: 0.9rem;
position: relative;
overflow: hidden;
}
.filter-pill[b-90a7l8auaj]:before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #C72C48 0%, #a91e36 100%);
transition: left 0.3s ease;
z-index: 0;
}
.filter-pill:hover[b-90a7l8auaj],
.filter-pill.active[b-90a7l8auaj] {
background: #C72C48;
border-color: #C72C48;
color: white;
/* Simplified: only change background + color on hover/active (no movement/shadow) */
transform: none !important;
box-shadow: none !important;
}
.filter-pill:hover[b-90a7l8auaj]:before,
.filter-pill.active[b-90a7l8auaj]:before {
/* disable animated overlay */
display: none !important;
}
.filter-pill i[b-90a7l8auaj],
.filter-pill span[b-90a7l8auaj] {
position: relative;
z-index: 1;
}
/* Ensure pill label and icon are white and bold on hover/active */
.filter-pill .pill-label[b-90a7l8auaj],
.filter-pill i[b-90a7l8auaj] {
transition: color 0.18s ease, transform 0.18s ease;
}
.filter-pill:hover .pill-label[b-90a7l8auaj],
.filter-pill:hover i[b-90a7l8auaj],
.filter-pill.active .pill-label[b-90a7l8auaj],
.filter-pill.active i[b-90a7l8auaj] {
color: #ffffff !important;
font-weight: 700 !important;
transform: translateY(-1px);
}
/* Stronger rule: ensure active filter pill text and icon are bold and white */
.filter-pill.active[b-90a7l8auaj],
.filter-pill.active i[b-90a7l8auaj],
.filter-pill.active span[b-90a7l8auaj] {
color: #ffffff !important;
font-weight: 700 !important;
}
/* Results Section */
.results-section[b-90a7l8auaj] {
padding: 2rem 0;
}
.results-header[b-90a7l8auaj] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
padding: 1rem 1.5rem;
background: white;
border-radius: 15px;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(0, 0, 0, 0.05);
gap: 1rem;
flex-wrap: nowrap;
/* keep sort and count on same line when possible */
}
.results-info[b-90a7l8auaj] {
display: flex;
align-items: center;
gap: 1rem;
}
/* Ensure sort dropdown sits left and results count right
but on smaller screens stack with sort above count */
.sort-dropdown[b-90a7l8auaj] {
order: 1;
/* keep left visually when using flex-row */
}
.results-info[b-90a7l8auaj] {
order: 2;
}
.results-count[b-90a7l8auaj] {
font-size: 1.3rem;
font-weight: 700;
color: #C72C48;
background: linear-gradient(135deg, #C72C48 0%, #a91e36 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
white-space: nowrap;
/* keep "1 kiosk" on a single line */
display: inline-block;
}
.sort-dropdown[b-90a7l8auaj] {
min-width: 180px;
border: 2px solid #e9ecef;
border-radius: 10px;
padding: 0.5rem 1rem;
}
/* Kiosk Cards */
.kiosk-grid[b-90a7l8auaj] {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 2rem;
margin-bottom: 3rem;
}
.kiosk-card[b-90a7l8auaj] {
background: white;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
border: 1px solid rgba(0, 0, 0, 0.05);
position: relative;
}
.kiosk-card:hover[b-90a7l8auaj] {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(199, 44, 72, 0.15);
border-color: rgba(199, 44, 72, 0.1);
}
.kiosk-image-container[b-90a7l8auaj] {
position: relative;
height: 220px;
overflow: hidden;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}
.kiosk-image[b-90a7l8auaj] {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.kiosk-card:hover .kiosk-image[b-90a7l8auaj] {
transform: scale(1.1);
}
.kiosk-image-placeholder[b-90a7l8auaj] {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #6c757d;
font-size: 3rem;
}
/* Status Badges */
.status-badges[b-90a7l8auaj] {
position: absolute;
top: 1rem;
left: 1rem;
right: 1rem;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.status-badge[b-90a7l8auaj] {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 0.4rem 0.8rem;
font-size: 0.8rem;
font-weight: 600;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.status-open[b-90a7l8auaj] {
color: #198754;
}
.status-closed[b-90a7l8auaj] {
color: #dc3545;
}
.service-badges[b-90a7l8auaj] {
display: flex;
gap: 0.4rem;
flex-wrap: wrap;
}
.service-badge[b-90a7l8auaj] {
background: rgba(199, 44, 72, 0.9);
color: white;
border-radius: 15px;
padding: 0.3rem 0.6rem;
font-size: 0.7rem;
font-weight: 600;
}
/* Card Content */
.kiosk-content[b-90a7l8auaj] {
padding: 1.5rem;
}
.kiosk-title[b-90a7l8auaj] {
font-size: 1.3rem;
font-weight: 700;
color: #212529;
margin-bottom: 0.5rem;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.kiosk-location[b-90a7l8auaj] {
color: #6c757d;
font-size: 0.9rem;
margin-bottom: 1rem;
display: flex;
align-items: flex-start;
gap: 0.5rem;
}
.kiosk-location i[b-90a7l8auaj] {
margin-top: 0.2rem;
flex-shrink: 0;
}
.kiosk-rating[b-90a7l8auaj] {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 1rem;
}
.rating-stars[b-90a7l8auaj] {
display: flex;
gap: 0.1rem;
}
.rating-stars i[b-90a7l8auaj] {
font-size: 0.9rem;
}
.rating-score[b-90a7l8auaj] {
font-weight: 600;
color: #ffc107;
}
.rating-count[b-90a7l8auaj] {
color: #6c757d;
font-size: 0.85rem;
}
.kiosk-meta[b-90a7l8auaj] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.5rem;
padding: 0.75rem;
background: #f8f9fa;
border-radius: 12px;
}
.meta-item[b-90a7l8auaj] {
text-align: center;
flex: 1;
}
.meta-value[b-90a7l8auaj] {
display: block;
font-weight: 600;
color: #C72C48;
font-size: 0.9rem;
}
.meta-label[b-90a7l8auaj] {
font-size: 0.75rem;
color: #6c757d;
margin-top: 0.2rem;
}
.kiosk-actions[b-90a7l8auaj] {
display: flex;
gap: 0.75rem;
}
.btn-view[b-90a7l8auaj] {
background: linear-gradient(135deg, #C72C48 0%, #a91e36 100%);
border: none;
border-radius: 12px;
padding: 0.75rem 1.5rem;
font-weight: 600;
color: white;
text-decoration: none;
transition: all 0.3s ease;
flex: 1;
text-align: center;
position: relative;
overflow: hidden;
}
.btn-view[b-90a7l8auaj]:before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #a91e36 0%, #8b1a2e 100%);
transition: left 0.3s ease;
z-index: 0;
}
.btn-view:hover[b-90a7l8auaj]:before {
left: 0;
}
.btn-view:hover[b-90a7l8auaj] {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(199, 44, 72, 0.4);
color: white;
}
.btn-view i[b-90a7l8auaj],
.btn-view span[b-90a7l8auaj] {
position: relative;
z-index: 1;
}
.btn-seller[b-90a7l8auaj] {
background: linear-gradient(135deg, #28a745 0%, #20903c 100%);
border: none;
border-radius: 12px;
padding: 0.5rem 1rem;
font-weight: 600;
color: white;
text-decoration: none;
transition: all 0.3s ease;
font-size: 0.85rem;
position: relative;
overflow: hidden;
}
.btn-seller[b-90a7l8auaj]:before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #20903c 0%, #1e7e34 100%);
transition: left 0.3s ease;
z-index: 0;
}
.btn-seller:hover[b-90a7l8auaj]:before {
left: 0;
}
.btn-seller:hover[b-90a7l8auaj] {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(40, 167, 69, 0.4);
color: white;
}
.btn-seller i[b-90a7l8auaj],
.btn-seller span[b-90a7l8auaj] {
position: relative;
z-index: 1;
}
.btn-view .action-label[b-90a7l8auaj],
.btn-seller .action-label[b-90a7l8auaj],
.btn-view i[b-90a7l8auaj],
.btn-seller i[b-90a7l8auaj] {
transition: color 0.18s ease, transform 0.18s ease, font-weight 0.18s ease;
}
.btn-view:hover .action-label[b-90a7l8auaj],
.btn-view:focus .action-label[b-90a7l8auaj],
.btn-view:active .action-label[b-90a7l8auaj],
.btn-view:hover i[b-90a7l8auaj],
.btn-view:focus i[b-90a7l8auaj],
.btn-view:active i[b-90a7l8auaj],
.btn-seller:hover .action-label[b-90a7l8auaj],
.btn-seller:focus .action-label[b-90a7l8auaj],
.btn-seller:active .action-label[b-90a7l8auaj],
.btn-seller:hover i[b-90a7l8auaj],
.btn-seller:focus i[b-90a7l8auaj],
.btn-seller:active i[b-90a7l8auaj] {
color: #ffffff !important;
font-weight: 700 !important;
transform: translateY(-1px);
}
/* Loading States */
.loading-spinner[b-90a7l8auaj] {
display: flex;
justify-content: center;
align-items: center;
padding: 3rem;
}
.spinner[b-90a7l8auaj] {
width: 40px;
height: 40px;
border: 4px solid #f1f1f1;
border-top: 4px solid #C72C48;
border-radius: 50%;
animation: spin-b-90a7l8auaj 1s linear infinite;
}
@keyframes spin-b-90a7l8auaj {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* No Results */
.no-results[b-90a7l8auaj] {
text-align: center;
padding: 4rem 2rem;
color: #6c757d;
}
.no-results-icon[b-90a7l8auaj] {
font-size: 4rem;
margin-bottom: 1rem;
opacity: 0.5;
}
.no-results h3[b-90a7l8auaj] {
margin-bottom: 0.5rem;
color: #495057;
}
/* Skeleton Loading */
.skeleton-card[b-90a7l8auaj] {
background: white;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.skeleton-image[b-90a7l8auaj] {
width: 100%;
height: 220px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-90a7l8auaj 1.5s infinite;
}
.skeleton-content[b-90a7l8auaj] {
padding: 1.5rem;
}
.skeleton-line[b-90a7l8auaj] {
height: 1rem;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-90a7l8auaj 1.5s infinite;
border-radius: 4px;
margin-bottom: 0.75rem;
}
.skeleton-line.short[b-90a7l8auaj] {
width: 60%;
}
.skeleton-line.medium[b-90a7l8auaj] {
width: 80%;
}
@keyframes skeleton-loading-b-90a7l8auaj {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
/* Responsive Design */
@media (max-width: 992px) {
.hero-content h1[b-90a7l8auaj] {
font-size: 2.5rem;
}
.kiosk-grid[b-90a7l8auaj] {
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.5rem;
}
.results-header[b-90a7l8auaj] {
flex-direction: column;
gap: 1rem;
align-items: stretch;
padding: 1rem;
}
.sort-dropdown[b-90a7l8auaj] {
order: 1;
width: 100%;
}
.results-info[b-90a7l8auaj] {
order: 2;
justify-content: center;
}
.results-count[b-90a7l8auaj] {
font-size: 1.1rem;
}
}
@media (max-width: 768px) {
.hero-section[b-90a7l8auaj] {
padding: 3rem 0 2rem;
padding-top: 4rem;
}
.hero-content h1[b-90a7l8auaj] {
font-size: 2rem;
}
.hero-content p[b-90a7l8auaj] {
font-size: 1rem;
}
.filter-pills[b-90a7l8auaj] {
justify-content: flex-start;
overflow-x: auto;
padding-bottom: 0.5rem;
}
.filter-pill[b-90a7l8auaj] {
flex-shrink: 0;
}
/* Give some horizontal padding so the first/last pills are not clipped
and enable smooth scrolling on touch devices */
.filter-pills[b-90a7l8auaj] {
padding-left: 0.75rem;
padding-right: 0.75rem;
-webkit-overflow-scrolling: touch;
}
.kiosk-grid[b-90a7l8auaj] {
grid-template-columns: 1fr;
gap: 1.25rem;
}
.kiosk-actions[b-90a7l8auaj] {
flex-direction: row;
gap: 0.5rem;
}
/* Add vertical gap between the two select inputs on mobile */
.search-section .row .col-md-6[b-90a7l8auaj] {
margin-bottom: 0.75rem;
}
/* Ensure hero title is visible below a fixed navbar on mobile by increasing top padding */
.hero-section[b-90a7l8auaj] {
padding-top: 5.5rem;
}
.kiosk-actions>div[b-90a7l8auaj] {
flex: 1;
}
.btn-favorite[b-90a7l8auaj] {
width: 45px !important;
flex-shrink: 0;
}
}
@media (max-width: 576px) {
.search-section[b-90a7l8auaj] {
padding: 1.5rem 0;
}
.kiosk-content[b-90a7l8auaj] {
padding: 1.25rem;
}
.kiosk-meta[b-90a7l8auaj] {
flex-direction: column;
gap: 0.75rem;
}
.meta-item[b-90a7l8auaj] {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
text-align: left;
}
}
/* _content/dekatfood/Pages/Home/KioskMenu.cshtml.rz.scp.css */
/* Kiosk Header Section */
.kiosk-header-section[b-nct13n9u1j] {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-bottom: 1px solid #dee2e6;
}
.kiosk-logo img[b-nct13n9u1j],
.logo-placeholder[b-nct13n9u1j] {
border: 4px solid #fff;
transition: transform 0.3s ease;
}
.kiosk-logo:hover img[b-nct13n9u1j],
.kiosk-logo:hover .logo-placeholder[b-nct13n9u1j] {
transform: scale(1.05);
}
.kiosk-name[b-nct13n9u1j] {
color: #C72C48;
margin-bottom: 0.5rem;
}
.kiosk-code[b-nct13n9u1j] {
font-size: 1.1rem;
}
.kiosk-address[b-nct13n9u1j] {
font-size: 1rem;
color: #6c757d;
}
.kiosk-services .badge[b-nct13n9u1j] {
font-size: 0.875rem;
padding: 8px 12px;
border-radius: 20px;
}
.stat-card[b-nct13n9u1j] {
background: linear-gradient(135deg, #C72C48 0%, #a91d37 100%);
color: white;
padding: 1.5rem;
border-radius: 15px;
text-align: center;
box-shadow: 0 4px 15px rgba(199, 44, 72, 0.3);
}
.stat-number[b-nct13n9u1j] {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 0.5rem;
}
.stat-label[b-nct13n9u1j] {
font-size: 0.9rem;
opacity: 0.9;
margin-bottom: 0;
}
/* Operating Hours */
.operating-hours[b-nct13n9u1j] {
background: white;
padding: 1.5rem;
border-radius: 15px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.day-schedule[b-nct13n9u1j] {
padding: 8px 12px;
border-radius: 10px;
text-align: center;
min-width: 100px;
}
.day-schedule .fw-bold[b-nct13n9u1j] {
font-size: 0.8rem;
margin-bottom: 2px;
}
.day-schedule small[b-nct13n9u1j] {
font-size: 0.7rem;
opacity: 0.8;
}
/* Breadcrumb */
.breadcrumb-section[b-nct13n9u1j] {
background-color: #fff;
}
.breadcrumb-item a[b-nct13n9u1j] {
color: #C72C48;
}
.breadcrumb-item a:hover[b-nct13n9u1j] {
color: #a91d37;
}
.breadcrumb-item.active[b-nct13n9u1j] {
color: #6c757d;
}
/* Search Card */
.search-card[b-nct13n9u1j] {
border: none;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
border-radius: 15px;
}
.search-input-container .form-control[b-nct13n9u1j] {
border-radius: 10px;
border: 2px solid #e9ecef;
padding: 12px 45px 12px 45px;
transition: all 0.3s ease;
}
.search-input-container .form-control:focus[b-nct13n9u1j] {
border-color: #C72C48;
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
}
/* Menu Cards */
.menu-card[b-nct13n9u1j] {
border: none;
border-radius: 15px;
transition: all 0.3s ease;
overflow: hidden;
}
.menu-card:hover[b-nct13n9u1j] {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
}
.menu-image[b-nct13n9u1j] {
overflow: hidden;
border-radius: 15px 15px 0 0;
}
.menu-image img[b-nct13n9u1j] {
transition: transform 0.3s ease;
}
.menu-card:hover .menu-image img[b-nct13n9u1j] {
transform: scale(1.05);
}
.placeholder-image[b-nct13n9u1j] {
background: linear-gradient(45deg, #f8f9fa 25%, #e9ecef 25%, #e9ecef 50%, #f8f9fa 50%, #f8f9fa 75%, #e9ecef 75%);
background-size: 20px 20px;
}
.price-badge .badge[b-nct13n9u1j] {
font-size: 0.875rem;
padding: 8px 12px;
border-radius: 20px;
font-weight: 600;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.menu-meta .badge[b-nct13n9u1j] {
font-size: 0.75rem;
padding: 4px 8px;
border-radius: 15px;
border: 1px solid #dee2e6;
}
/* Menu Options */
.menu-options[b-nct13n9u1j] {
background: #f8f9fa;
padding: 0.75rem;
border-radius: 10px;
margin-top: 1rem;
}
.option-group[b-nct13n9u1j] {
line-height: 1.4;
}
.option-group strong[b-nct13n9u1j] {
color: #495057;
}
/* Menu Rating Styles */
.menu-rating .stars i[b-nct13n9u1j] {
font-size: 0.9rem;
margin-right: 2px;
}
.menu-rating .rating-info[b-nct13n9u1j] {
font-size: 0.85rem;
}
.menu-rating .fw-bold[b-nct13n9u1j] {
color: #C72C48;
}
.bi-star-fill.text-warning[b-nct13n9u1j],
.bi-star-half.text-warning[b-nct13n9u1j] {
color: #ffc107 !important;
}
.bi-star.text-muted[b-nct13n9u1j] {
color: #dee2e6 !important;
}
/* Opening Time Badge */
.opening-time-badge .badge[b-nct13n9u1j] {
font-size: 0.75rem;
font-weight: 500;
border-radius: 8px;
border: 1px solid #ffc107;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Order Button */
.order-action .btn[b-nct13n9u1j] {
border-radius: 10px;
padding: 10px 20px;
font-weight: 600;
transition: all 0.3s ease;
}
.order-action .btn:hover[b-nct13n9u1j] {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(199, 44, 72, 0.3);
}
/* Results Info */
.results-info[b-nct13n9u1j] {
font-size: 1rem;
color: #6c757d;
}
/* Expanded description override */
.menu-desc.expanded[b-nct13n9u1j] {
height: auto !important;
overflow: visible !important;
}
.result-count[b-nct13n9u1j] {
color: #C72C48;
font-size: 1.2rem;
}
/* Empty State */
.empty-state i[b-nct13n9u1j] {
color: #dee2e6;
}
/* Pagination */
.pagination .page-link[b-nct13n9u1j] {
border-radius: 8px;
margin: 0 2px;
border: 1px solid #dee2e6;
color: #6c757d;
}
.pagination .page-item.active .page-link[b-nct13n9u1j] {
background-color: #C72C48;
border-color: #C72C48;
}
.pagination .page-link:hover[b-nct13n9u1j] {
background-color: #f8f9fa;
border-color: #C72C48;
color: #C72C48;
}
/* Skeleton Loading */
.skeleton[b-nct13n9u1j] {
position: relative;
overflow: hidden;
}
.skeleton[b-nct13n9u1j]::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
animation: skeleton-loading-b-nct13n9u1j 1.5s infinite;
}
@keyframes skeleton-loading-b-nct13n9u1j {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
/* Responsive Design */
@media (max-width: 768px) {
.kiosk-name[b-nct13n9u1j] {
font-size: 2rem;
}
.kiosk-logo img[b-nct13n9u1j],
.logo-placeholder[b-nct13n9u1j] {
width: 80px !important;
height: 80px !important;
}
.stat-card[b-nct13n9u1j] {
padding: 1rem;
margin-top: 2rem;
}
.stat-number[b-nct13n9u1j] {
font-size: 2rem;
}
.operating-hours[b-nct13n9u1j] {
margin-top: 1rem;
padding: 1rem;
}
.day-schedule[b-nct13n9u1j] {
min-width: 80px;
margin-bottom: 0.5rem;
}
.menu-card[b-nct13n9u1j] {
margin-bottom: 1rem;
}
.menu-rating .stars i[b-nct13n9u1j] {
font-size: 0.8rem;
margin-right: 1px;
}
.menu-rating .rating-info[b-nct13n9u1j] {
font-size: 0.8rem;
}
.opening-time-badge .badge[b-nct13n9u1j] {
font-size: 0.7rem;
padding: 0.5rem;
}
}
@media (max-width: 576px) {
.kiosk-header-section[b-nct13n9u1j] {
text-align: center;
}
.kiosk-info[b-nct13n9u1j] {
margin-top: 1rem;
}
.day-schedule[b-nct13n9u1j] {
flex: 1;
margin: 0.25rem;
}
.menu-rating .stars i[b-nct13n9u1j] {
font-size: 0.75rem;
}
.menu-rating .rating-info[b-nct13n9u1j] {
font-size: 0.75rem;
}
.opening-time-badge .badge[b-nct13n9u1j] {
font-size: 0.65rem;
padding: 0.375rem 0.5rem;
}
}
/* Form Controls */
.form-select[b-nct13n9u1j] {
border-radius: 10px;
border: 2px solid #e9ecef;
padding: 12px 16px;
transition: all 0.3s ease;
}
.form-select:focus[b-nct13n9u1j] {
border-color: #C72C48;
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
}
/* Additional Enhancements */
.card-title[b-nct13n9u1j] {
color: #2c3e50;
line-height: 1.3;
}
.card-text[b-nct13n9u1j] {
line-height: 1.5;
font-size: 0.9rem;
}
.menu-card .card-body[b-nct13n9u1j] {
padding: 1.25rem;
}
/* Service badges styling */
.kiosk-services .badge.bg-primary[b-nct13n9u1j] {
background: linear-gradient(135deg, #C72C48 0%, #a91d37 100%) !important;
}
.kiosk-services .badge.bg-success[b-nct13n9u1j] {
background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
}
#kioskMenuDetailsButton[b-nct13n9u1j] {
margin-top: 20px;
background-color: #C72C48;
color: white;
border: none;
padding: 10px 15px;
border-radius: 5px;
font-size: 16px;
}
#kioskMenuDetailsButton:hover[b-nct13n9u1j] {
background-color: #A61E30;
}
/* _content/dekatfood/Pages/Home/KioskMenuDetails.cshtml.rz.scp.css */
/* Kiosk Menu Details Styles */
.kiosk-header[b-ph2ol7c76f] {
border: none;
background: linear-gradient(135deg, rgba(199, 44, 72, 0.05) 0%, rgba(255, 255, 255, 1) 100%);
}
.kiosk-name[b-ph2ol7c76f] {
font-size: 2rem;
font-weight: 700;
color: #C72C48 !important;
margin-bottom: 1rem;
}
.kiosk-details i[b-ph2ol7c76f] {
color: #C72C48;
width: 20px;
}
.kiosk-rating .stars i[b-ph2ol7c76f] {
font-size: 1.1rem;
margin-right: 2px;
}
.rating-value[b-ph2ol7c76f] {
font-size: 1.2rem;
color: #C72C48;
}
.operating-status .badge[b-ph2ol7c76f] {
padding: 8px 16px;
font-size: 0.9rem;
font-weight: 500;
}
.operating-hours[b-ph2ol7c76f] {
background: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(199, 44, 72, 0.1);
border-radius: 8px;
padding: 1rem;
}
.operating-hours h6[b-ph2ol7c76f] {
color: #C72C48 !important;
font-weight: 600;
margin-bottom: 0.75rem;
}
.operating-hours .d-flex[b-ph2ol7c76f] {
padding: 4px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.operating-hours .d-flex:last-child[b-ph2ol7c76f] {
border-bottom: none;
}
.category-nav button[b-ph2ol7c76f] {
border-color: #C72C48;
color: #C72C48;
transition: all 0.3s ease;
}
.category-nav button:hover[b-ph2ol7c76f],
.category-nav button.active[b-ph2ol7c76f] {
background-color: #C72C48;
border-color: #C72C48;
color: white;
}
.menu-card[b-ph2ol7c76f] {
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid rgba(0, 0, 0, 0.08);
}
.menu-card:hover[b-ph2ol7c76f] {
transform: translateY(-4px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
}
.menu-image-container[b-ph2ol7c76f] {
overflow: hidden;
border-radius: 8px 8px 0 0;
}
.menu-image[b-ph2ol7c76f] {
transition: transform 0.3s ease;
}
.menu-image:hover[b-ph2ol7c76f] {
transform: scale(1.05);
}
.menu-image-placeholder[b-ph2ol7c76f] {
border-radius: 8px 8px 0 0;
}
.card-title[b-ph2ol7c76f] {
color: #C72C48 !important;
font-size: 1rem;
line-height: 1.3;
height: 2.6rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.menu-rating .stars i[b-ph2ol7c76f] {
font-size: 0.9rem;
margin-right: 1px;
}
.price[b-ph2ol7c76f] {
font-size: 1.1rem;
}
.btn-primary[b-ph2ol7c76f] {
background-color: #C72C48;
border-color: #C72C48;
font-weight: 500;
transition: all 0.3s ease;
}
.btn-primary:hover[b-ph2ol7c76f] {
background-color: #a91e3a;
border-color: #a91e3a;
transform: translateY(-1px);
}
.btn-outline-primary[b-ph2ol7c76f] {
color: #C72C48;
border-color: #C72C48;
}
.btn-outline-primary:hover[b-ph2ol7c76f] {
background-color: #C72C48;
border-color: #C72C48;
color: white;
}
.floating-cart-btn[b-ph2ol7c76f] {
background-color: #C72C48 !important;
border-color: #C72C48 !important;
}
.floating-cart-btn:hover[b-ph2ol7c76f] {
background-color: #a91e3a !important;
border-color: #a91e3a !important;
}
.empty-state i[b-ph2ol7c76f] {
opacity: 0.3;
}
.empty-state h4[b-ph2ol7c76f] {
font-weight: 500;
margin-bottom: 0.5rem;
}
/* Skeleton animations */
.skeleton[b-ph2ol7c76f] {
animation: pulse-b-ph2ol7c76f 1.5s ease-in-out infinite;
}
@keyframes pulse-b-ph2ol7c76f {
0% {
opacity: 1;
}
50% {
opacity: 0.4;
}
100% {
opacity: 1;
}
}
.placeholder[b-ph2ol7c76f] {
background-color: #e9ecef;
border-radius: 4px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.kiosk-name[b-ph2ol7c76f] {
font-size: 1.5rem;
}
.operating-hours[b-ph2ol7c76f] {
margin-top: 1rem;
}
.category-nav button[b-ph2ol7c76f] {
font-size: 0.875rem;
padding: 6px 12px;
}
}
@media (max-width: 576px) {
.kiosk-header .card-body[b-ph2ol7c76f] {
padding: 1rem;
}
.kiosk-name[b-ph2ol7c76f] {
font-size: 1.25rem;
}
.menu-card .card-body[b-ph2ol7c76f] {
padding: 1rem;
}
}
/* _content/dekatfood/Pages/Home/SellerKioks.cshtml.rz.scp.css */
/* Hero Section Styles */
.hero-section[b-2q44zc8x50] {
background: linear-gradient(135deg, #c72c48 0%, #a81f39 100%);
position: relative;
overflow: hidden;
}
.hero-section[b-2q44zc8x50]::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M20 20c0 11.046-8.954 20-20 20v20c22.091 0 40-17.909 40-40H20zm0 0V0C8.954 0 0 8.954 0 20h20z'/%3E%3C/g%3E%3C/svg%3E") repeat;
opacity: 0.1;
pointer-events: none; /* <<< fixes unclickable links beneath the overlay */
}
.hero-content[b-2q44zc8x50] {
position: relative;
z-index: 2;
}
/* ensure action buttons are above any background elements */
.hero-actions[b-2q44zc8x50] { position: relative; z-index: 3; }
.stat-item[b-2q44zc8x50] {
padding: 1rem;
background: rgba(255, 255, 255, 0.1);
border-radius: 0.5rem;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.stat-number[b-2q44zc8x50] {
font-size: 2rem;
margin-bottom: 0.25rem;
}
.stat-label[b-2q44zc8x50] {
font-size: 0.875rem;
margin-bottom: 0;
}
/* Search and Filter Card */
.search-filter-card[b-2q44zc8x50] {
border: none;
border-radius: 1rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
}
.search-input-container[b-2q44zc8x50] {
position: relative;
}
.search-input-container .form-control[b-2q44zc8x50] {
border-radius: 0.75rem;
border: 2px solid #e9ecef;
padding: 0.75rem 1rem 0.75rem 3rem;
transition: all 0.3s ease;
}
.search-input-container .form-control:focus[b-2q44zc8x50] {
border-color: #c72c48;
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.15);
}
/* Kiosk Card Styles - Updated for 2 per row */
.kiosk-card[b-2q44zc8x50] {
border: none;
border-radius: 1rem;
transition: all 0.3s ease;
background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%);
min-height: 600px; /* Ensure consistent height */
}
.hover-card:hover[b-2q44zc8x50] {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}
.kiosk-card .card-header[b-2q44zc8x50] {
border-radius: 1rem 1rem 0 0 !important;
padding: 1.5rem;
background: linear-gradient(145deg, #f8f9fa 0%, #e9ecef 100%) !important;
}
.kiosk-card .card-body[b-2q44zc8x50] {
padding: 1.5rem;
flex: 1;
}
.kiosk-card .card-footer[b-2q44zc8x50] {
border-radius: 0 0 1rem 1rem !important;
padding: 1.5rem;
}
/* Logo Placeholder - Larger for 2-column layout */
.logo-placeholder[b-2q44zc8x50] {
transition: all 0.3s ease;
}
.kiosk-card:hover .logo-placeholder[b-2q44zc8x50] {
transform: scale(1.1);
box-shadow: 0 4px 15px rgba(199, 44, 72, 0.3);
}
/* Address Info */
.address-info[b-2q44zc8x50] {
background: rgba(248, 249, 250, 0.9) !important;
border: 1px solid rgba(199, 44, 72, 0.1);
transition: all 0.3s ease;
}
.address-info:hover[b-2q44zc8x50] {
background: rgba(199, 44, 72, 0.05) !important;
border-color: rgba(199, 44, 72, 0.2);
}
/* Service Badges */
.kiosk-services .badge[b-2q44zc8x50] {
font-size: 0.75rem;
padding: 0.375rem 0.75rem;
border-radius: 0.5rem;
font-weight: 500;
transition: all 0.3s ease;
}
.kiosk-services .badge:hover[b-2q44zc8x50] {
transform: scale(1.05);
}
/* Operating Hours */
.operating-hours .badge[b-2q44zc8x50] {
font-size: 0.75rem;
padding: 0.25rem 0.5rem;
border-radius: 0.375rem;
}
.today-hours[b-2q44zc8x50] {
background: rgba(248, 249, 250, 0.9) !important;
border: 1px solid rgba(199, 44, 72, 0.1);
}
.all-hours[b-2q44zc8x50] {
background: rgba(248, 249, 250, 0.9) !important;
border: 1px solid rgba(199, 44, 72, 0.1);
max-height: 200px;
overflow-y: auto;
}
.operation-day[b-2q44zc8x50] {
transition: all 0.2s ease;
padding: 0.25rem 0.5rem;
border-radius: 0.25rem;
}
.operation-day.current-day[b-2q44zc8x50] {
background: rgba(199, 44, 72, 0.1);
border: 1px solid rgba(199, 44, 72, 0.2);
}
.operation-day:hover[b-2q44zc8x50] {
background: rgba(199, 44, 72, 0.05);
}
.day-name[b-2q44zc8x50] {
flex: 1;
display: flex;
align-items: center;
gap: 0.5rem;
}
.time-badge[b-2q44zc8x50] {
font-family: 'Courier New', monospace;
font-weight: 600;
letter-spacing: 0.5px;
}
/* Pulse animation for open status */
.pulse[b-2q44zc8x50] {
animation: pulse-b-2q44zc8x50 2s infinite;
}
@keyframes pulse-b-2q44zc8x50 {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
/* Statistics */
.kiosk-stats .stat-item[b-2q44zc8x50] {
background: rgba(199, 44, 72, 0.05);
border: 1px solid rgba(199, 44, 72, 0.1);
border-radius: 0.5rem;
padding: 0.75rem 0.5rem;
transition: all 0.3s ease;
}
.kiosk-stats .stat-item:hover[b-2q44zc8x50] {
background: rgba(199, 44, 72, 0.1);
transform: scale(1.05);
}
.kiosk-stats .stat-number[b-2q44zc8x50] {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0;
}
/* Button Styles */
.btn-primary[b-2q44zc8x50] {
background: linear-gradient(135deg, #c72c48 0%, #a81f39 100%);
border: none;
border-radius: 0.75rem;
padding: 0.75rem 1.5rem;
font-weight: 600;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(199, 44, 72, 0.3);
}
.btn-primary:hover[b-2q44zc8x50] {
background: linear-gradient(135deg, #a81f39 0%, #8b1a30 100%);
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(199, 44, 72, 0.4);
}
.btn-outline-light[b-2q44zc8x50] {
border: 2px solid rgba(255, 255, 255, 0.5);
color: white;
border-radius: 0.75rem;
padding: 0.75rem 1.5rem;
font-weight: 600;
transition: all 0.3s ease;
}
.btn-outline-light:hover[b-2q44zc8x50] {
background: rgba(255, 255, 255, 0.2);
border-color: white;
color: white;
transform: translateY(-2px);
}
.btn-outline-secondary[b-2q44zc8x50] {
border: 2px solid #6c757d;
border-radius: 0.5rem;
transition: all 0.3s ease;
}
.btn-outline-secondary:hover[b-2q44zc8x50] {
transform: translateY(-1px);
box-shadow: 0 4px 10px rgba(108, 117, 125, 0.3);
}
.btn-outline-primary[b-2q44zc8x50] {
border: 2px solid #c72c48;
color: #c72c48;
border-radius: 0.5rem;
transition: all 0.3s ease;
}
.btn-outline-primary:hover[b-2q44zc8x50] {
background: #c72c48;
border-color: #c72c48;
color: white;
transform: translateY(-1px);
}
.btn-outline-primary:disabled[b-2q44zc8x50] {
opacity: 0.5;
transform: none;
}
/* Results Info & Pagination */
.results-info[b-2q44zc8x50] {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
padding: 1rem 1.5rem;
border-radius: 0.75rem;
border: 1px solid rgba(199, 44, 72, 0.1);
}
.result-count[b-2q44zc8x50] {
color: #c72c48;
font-size: 1.25rem;
}
.pagination-controls[b-2q44zc8x50] {
display: flex;
gap: 0.5rem;
}
.page-info[b-2q44zc8x50] {
font-size: 0.9rem;
}
/* View Controls */
.view-controls[b-2q44zc8x50] {
align-items: center;
}
/* Empty State */
.empty-state[b-2q44zc8x50] {
padding: 3rem 2rem;
background: linear-gradient(145deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: 1rem;
border: 2px dashed #dee2e6;
}
.empty-state i[b-2q44zc8x50] {
opacity: 0.5;
}
/* Skeleton Loading - Updated for 2-column */
.skeleton[b-2q44zc8x50] {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading-b-2q44zc8x50 1.5s infinite;
min-height: 300px;
}
@keyframes loading-b-2q44zc8x50 {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
/* Status Indicators */
.badge.bg-success[b-2q44zc8x50] {
background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
}
.badge.bg-danger[b-2q44zc8x50] {
background: linear-gradient(135deg, #dc3545 0%, #c72c48 100%) !important;
}
.badge.bg-warning[b-2q44zc8x50] {
background: linear-gradient(135deg, #ffc107 0%, #fd7e14 100%) !important;
}
.badge.bg-info[b-2q44zc8x50] {
background: linear-gradient(135deg, #17a2b8 0%, #6f42c1 100%) !important;
}
/* Responsive Design */
@media (max-width: 992px) {
/* Stack to single column on tablets and mobile */
.col-lg-6[b-2q44zc8x50] {
flex: 0 0 100%;
max-width: 100%;
}
.kiosk-card[b-2q44zc8x50] {
min-height: auto;
}
}
@media (max-width: 768px) {
.hero-section[b-2q44zc8x50] {
padding: 3rem 0;
}
.hero-title[b-2q44zc8x50] {
font-size: 2rem;
}
.hero-subtitle[b-2q44zc8x50] {
font-size: 1rem;
}
.stat-item[b-2q44zc8x50] {
margin-bottom: 1rem;
}
.kiosk-card[b-2q44zc8x50] {
margin-bottom: 1.5rem;
}
.search-filter-card .card-body[b-2q44zc8x50] {
padding: 1rem;
}
.kiosk-card .card-header[b-2q44zc8x50],
.kiosk-card .card-body[b-2q44zc8x50],
.kiosk-card .card-footer[b-2q44zc8x50] {
padding: 1rem;
}
.address-info[b-2q44zc8x50] {
padding: 0.75rem !important;
}
.today-hours[b-2q44zc8x50],
.all-hours[b-2q44zc8x50] {
padding: 0.75rem !important;
}
.view-controls[b-2q44zc8x50] {
flex-direction: column;
gap: 0.5rem;
align-items: stretch;
}
.pagination-controls[b-2q44zc8x50] {
justify-content: center;
}
}
@media (max-width: 576px) {
.hero-stats .col-4[b-2q44zc8x50] {
margin-bottom: 1rem;
}
.kiosk-stats .row > [class*="col-"][b-2q44zc8x50] {
margin-bottom: 0.5rem;
}
.kiosk-services .badge[b-2q44zc8x50] {
font-size: 0.65rem;
margin-bottom: 0.25rem;
}
.operation-day[b-2q44zc8x50] {
flex-direction: column;
align-items: flex-start;
gap: 0.25rem;
}
.day-name[b-2q44zc8x50] {
justify-content: space-between;
width: 100%;
}
.kiosk-header-info .d-flex[b-2q44zc8x50] {
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.results-info[b-2q44zc8x50] {
padding: 0.75rem 1rem;
}
.page-info[b-2q44zc8x50] {
display: block;
margin-top: 0.25rem;
}
}
/* Animation for cards */
@keyframes fadeInUp-b-2q44zc8x50 {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.kiosk-item[b-2q44zc8x50] {
animation: fadeInUp-b-2q44zc8x50 0.6s ease forwards;
}
.kiosk-item:nth-child(1)[b-2q44zc8x50] { animation-delay: 0.1s; }
.kiosk-item:nth-child(2)[b-2q44zc8x50] { animation-delay: 0.2s; }
.kiosk-item:nth-child(3)[b-2q44zc8x50] { animation-delay: 0.3s; }
.kiosk-item:nth-child(4)[b-2q44zc8x50] { animation-delay: 0.4s; }
.kiosk-item:nth-child(5)[b-2q44zc8x50] { animation-delay: 0.5s; }
.kiosk-item:nth-child(6)[b-2q44zc8x50] { animation-delay: 0.6s; }
.kiosk-item:nth-child(7)[b-2q44zc8x50] { animation-delay: 0.7s; }
.kiosk-item:nth-child(8)[b-2q44zc8x50] { animation-delay: 0.8s; }
.kiosk-item:nth-child(9)[b-2q44zc8x50] { animation-delay: 0.9s; }
.kiosk-item:nth-child(10)[b-2q44zc8x50] { animation-delay: 1.0s; }
/* _content/dekatfood/Pages/Index.cshtml.rz.scp.css */
/* Hero Section */
.hero-section[b-gh9sedwlt3] {
background: linear-gradient(135deg, #C72C48 0%, #a91d37 100%);
position: relative;
overflow: hidden;
}
.hero-section[b-gh9sedwlt3]::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,');
opacity: 0.3;
}
.hero-content[b-gh9sedwlt3] {
position: relative;
z-index: 2;
}
.hero-title[b-gh9sedwlt3] {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.hero-subtitle[b-gh9sedwlt3] {
opacity: 0.9;
}
.stat-item[b-gh9sedwlt3] {
padding: 1rem;
border-radius: 10px;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
margin: 0.5rem;
}
.stat-number[b-gh9sedwlt3] {
font-size: 2rem;
margin-bottom: 0;
}
.stat-label[b-gh9sedwlt3] {
margin-bottom: 0;
opacity: 0.8;
}
/* Search Card */
.search-card[b-gh9sedwlt3] {
border: none;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
border-radius: 15px;
}
.search-input-container .form-control[b-gh9sedwlt3] {
border-radius: 10px;
border: 2px solid #e9ecef;
padding: 12px 45px 12px 45px;
transition: all 0.3s ease;
}
.search-input-container .form-control:focus[b-gh9sedwlt3] {
border-color: #C72C48;
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
}
/* Menu Cards */
.menu-card[b-gh9sedwlt3] {
border: none;
border-radius: 15px;
transition: all 0.3s ease;
overflow: hidden;
}
.menu-card:hover[b-gh9sedwlt3] {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}
.menu-image[b-gh9sedwlt3] {
overflow: hidden;
border-radius: 15px 15px 0 0;
}
.menu-image img[b-gh9sedwlt3] {
transition: transform 0.3s ease;
}
.menu-card:hover .menu-image img[b-gh9sedwlt3] {
transform: scale(1.05);
}
.placeholder-image[b-gh9sedwlt3] {
background: linear-gradient(45deg, #f8f9fa 25%, #e9ecef 25%, #e9ecef 50%, #f8f9fa 50%, #f8f9fa 75%, #e9ecef 75%);
background-size: 20px 20px;
}
.price-badge .badge[b-gh9sedwlt3] {
font-size: 0.875rem;
padding: 8px 12px;
border-radius: 20px;
font-weight: 600;
}
.kiosk-badge .badge[b-gh9sedwlt3] {
backdrop-filter: blur(10px);
border-radius: 20px;
padding: 6px 10px;
}
.menu-meta .badge[b-gh9sedwlt3] {
font-size: 0.75rem;
padding: 4px 8px;
border-radius: 15px;
border: 1px solid #dee2e6;
}
.kiosk-info[b-gh9sedwlt3] {
border-top: 1px solid #f8f9fa;
padding-top: 1rem;
}
.kiosk-details .fw-bold[b-gh9sedwlt3] {
font-size: 0.875rem;
}
.action-btn .btn[b-gh9sedwlt3] {
border-radius: 50%;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
.action-btn .btn:hover[b-gh9sedwlt3] {
transform: scale(1.1);
}
/* Action Buttons Row */
.action-buttons-row[b-gh9sedwlt3] {
gap: 0.5rem;
}
.cart-action[b-gh9sedwlt3] {
min-width: 0;
}
.cart-action .btn[b-gh9sedwlt3] {
border-radius: 8px;
font-weight: 500;
transition: all 0.3s ease;
white-space: nowrap;
}
.cart-action .btn:hover[b-gh9sedwlt3] {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(199, 44, 72, 0.3);
}
.opening-time-badge .badge[b-gh9sedwlt3] {
font-size: 0.75rem;
font-weight: 500;
border-radius: 8px;
border: 1px solid #ffc107;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.quick-actions .btn[b-gh9sedwlt3] {
border-radius: 8px;
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
transition: all 0.3s ease;
}
.quick-actions .btn:hover[b-gh9sedwlt3] {
transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.quick-actions .btn-outline-secondary:hover[b-gh9sedwlt3] {
background-color: #6c757d;
border-color: #6c757d;
color: white;
}
.quick-actions .btn-outline-primary:hover[b-gh9sedwlt3] {
background-color: #C72C48;
border-color: #C72C48;
color: white;
}
/* Results Info */
.results-info[b-gh9sedwlt3] {
font-size: 1rem;
color: #6c757d;
}
.result-count[b-gh9sedwlt3] {
color: #C72C48;
font-size: 1.2rem;
}
/* Kiosk status filter button group */
.kiosk-status-group[b-gh9sedwlt3] {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.kiosk-status-group .btn[b-gh9sedwlt3] {
border-radius: 25px;
font-weight: 600;
}
/* Theme color overrides for status buttons: use primary #C72C48 instead of Bootstrap blue */
.kiosk-status-group .btn-outline-primary[b-gh9sedwlt3] {
color: #C72C48;
border-color: #C72C48;
}
.kiosk-status-group .btn-outline-primary:hover[b-gh9sedwlt3],
.kiosk-status-group .btn-outline-primary:focus[b-gh9sedwlt3] {
background-color: #C72C48;
color: #ffffff;
border-color: #C72C48;
}
.kiosk-status-group .btn-check:checked+.btn[b-gh9sedwlt3],
.kiosk-status-group .btn.active[b-gh9sedwlt3],
.kiosk-status-group .btn:active[b-gh9sedwlt3] {
background-color: #C72C48 !important;
color: #ffffff !important;
border-color: #C72C48 !important;
box-shadow: none !important;
}
/* Empty State */
.empty-state i[b-gh9sedwlt3] {
color: #dee2e6;
}
/* Pagination */
.pagination .page-link[b-gh9sedwlt3] {
border-radius: 8px;
margin: 0 2px;
border: 1px solid #dee2e6;
color: #6c757d;
}
.pagination .page-item.active .page-link[b-gh9sedwlt3] {
background-color: #C72C48;
border-color: #C72C48;
}
.pagination .page-link:hover[b-gh9sedwlt3] {
background-color: #f8f9fa;
border-color: #C72C48;
color: #C72C48;
}
/* Skeleton Loading */
.skeleton[b-gh9sedwlt3] {
position: relative;
overflow: hidden;
}
.skeleton[b-gh9sedwlt3]::after {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
animation: skeleton-loading-b-gh9sedwlt3 1.5s infinite;
}
@keyframes skeleton-loading-b-gh9sedwlt3 {
0% {
left: -100%;
}
100% {
left: 100%;
}
}
/* Responsive Design */
@media (max-width: 768px) {
.hero-title[b-gh9sedwlt3] {
font-size: 2rem;
}
.stat-item[b-gh9sedwlt3] {
margin: 0.25rem;
padding: 0.75rem;
}
.stat-number[b-gh9sedwlt3] {
font-size: 1.5rem;
}
.menu-card[b-gh9sedwlt3] {
margin-bottom: 1rem;
}
.action-buttons-row[b-gh9sedwlt3] {
flex-direction: column;
gap: 0.5rem;
}
.cart-action[b-gh9sedwlt3] {
width: 100%;
}
.quick-actions[b-gh9sedwlt3] {
justify-content: center;
gap: 0.75rem;
}
.opening-time-badge .badge[b-gh9sedwlt3] {
font-size: 0.7rem;
padding: 0.5rem;
}
}
@media (max-width: 576px) {
.action-buttons-row[b-gh9sedwlt3] {
gap: 0.375rem;
}
.quick-actions .btn[b-gh9sedwlt3] {
width: 32px;
height: 32px;
font-size: 0.875rem;
}
.cart-action .btn[b-gh9sedwlt3] {
font-size: 0.875rem;
padding: 0.5rem;
}
.opening-time-badge .badge[b-gh9sedwlt3] {
font-size: 0.65rem;
padding: 0.375rem 0.5rem;
}
}
/* Form Controls */
.form-select[b-gh9sedwlt3] {
border-radius: 10px;
border: 2px solid #e9ecef;
padding: 12px 16px;
transition: all 0.3s ease;
}
.form-select:focus[b-gh9sedwlt3] {
border-color: #C72C48;
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
}
/* Expanded description override */
.menu-desc.expanded[b-gh9sedwlt3] {
height: auto !important;
overflow: visible !important;
}
.kiosk-logo-circle[b-gh9sedwlt3] {
width: 25px;
height: 25px;
border-radius: 50%;
object-fit: cover;
border: 2px solid #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
background: #f8f9fa;
}
/* Menu Rating Styles */
.menu-rating .stars i[b-gh9sedwlt3] {
font-size: 0.9rem;
margin-right: 2px;
}
.menu-rating .rating-info[b-gh9sedwlt3] {
font-size: 0.85rem;
}
.menu-rating .fw-bold[b-gh9sedwlt3] {
color: #C72C48;
}
.bi-star-fill.text-warning[b-gh9sedwlt3],
.bi-star-half.text-warning[b-gh9sedwlt3] {
color: #ffc107 !important;
}
.bi-star.text-muted[b-gh9sedwlt3] {
color: #dee2e6 !important;
}
/* _content/dekatfood/Pages/Privacy.cshtml.rz.scp.css */
/* Privacy Page Styles */
.privacy-hero-section[b-on1vbaz7nr] {
background: linear-gradient(135deg, var(--primary-color), #a61e3c);
color: white;
padding: 6rem 0 4rem;
position: relative;
overflow: hidden;
}
.privacy-hero-section[b-on1vbaz7nr]::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,') repeat-x bottom;
}
.privacy-hero-section .container[b-on1vbaz7nr] {
position: relative;
z-index: 1;
}
.privacy-title[b-on1vbaz7nr] {
font-size: 3.5rem;
font-weight: 800;
margin-bottom: 1.5rem;
}
.privacy-subtitle[b-on1vbaz7nr] {
font-size: 1.3rem;
margin-bottom: 2rem;
opacity: 0.9;
}
.privacy-update[b-on1vbaz7nr] {
margin-top: 1rem;
}
.privacy-main-section[b-on1vbaz7nr] {
padding: 4rem 0;
background: #f8f9fa;
}
.privacy-nav[b-on1vbaz7nr] {
background: white;
border-radius: 1rem;
padding: 2rem;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
border: 1px solid #e9ecef;
top: 120px;
}
.privacy-nav-title[b-on1vbaz7nr] {
color: var(--primary-color);
font-weight: 700;
margin-bottom: 1.5rem;
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* make the 'Kandungan' title visually stronger and change color on hover */
.privacy-nav-title[b-on1vbaz7nr] {
font-family: 'Poppins', Arial, sans-serif;
font-weight: 800; /* stronger weight */
transition: color 0.18s ease, transform 0.18s ease;
}
.privacy-nav-title:hover[b-on1vbaz7nr] {
color: #ff8c00; /* orange on hover */
transform: translateX(4px);
}
.privacy-nav .nav-link[b-on1vbaz7nr] {
color: #6c757d;
padding: 0.75rem 0;
border-bottom: 1px solid #f1f3f4;
text-decoration: none;
transition: all 0.3s ease;
font-weight: 500;
}
.privacy-nav .nav-link:hover[b-on1vbaz7nr],
.privacy-nav .nav-link.active[b-on1vbaz7nr] {
color: #C72C48 !important;
padding-left: 1rem;
/* change highlight from yellow to orange */
border-left: 3px solid #a61e3c; /* orange */
background-color: rgba(166,30,60,0.06);
}
.privacy-nav .nav-link:last-child[b-on1vbaz7nr] {
border-bottom: none;
}
.privacy-content-main[b-on1vbaz7nr] {
background: white;
border-radius: 1rem;
padding: 3rem;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
border: 1px solid #e9ecef;
}
.privacy-section[b-on1vbaz7nr] {
margin-bottom: 4rem;
padding-bottom: 2rem;
border-bottom: 1px solid #f1f3f4;
}
.privacy-section:last-child[b-on1vbaz7nr] {
border-bottom: none;
margin-bottom: 0;
}
.section-title[b-on1vbaz7nr] {
color: var(--primary-color);
font-weight: 700;
margin-bottom: 2rem;
font-size: 1.8rem;
display: flex;
align-items: center;
}
.section-title i[b-on1vbaz7nr] {
margin-right: 1rem;
font-size: 2rem;
}
.section-content[b-on1vbaz7nr] {
color: #495057;
line-height: 1.7;
}
.section-content p[b-on1vbaz7nr] {
margin-bottom: 1.5rem;
}
.privacy-highlight[b-on1vbaz7nr] {
background: linear-gradient(135deg, rgba(199, 44, 72, 0.1), rgba(199, 44, 72, 0.05));
border: 1px solid rgba(199, 44, 72, 0.2);
border-radius: 0.75rem;
padding: 1.5rem;
margin: 2rem 0;
}
.privacy-highlight h5[b-on1vbaz7nr] {
color: var(--primary-color);
font-weight: 700;
margin-bottom: 1rem;
display: flex;
align-items: center;
}
.privacy-highlight p[b-on1vbaz7nr] {
margin-bottom: 0;
color: #495057;
}
.info-category[b-on1vbaz7nr],
.sharing-category[b-on1vbaz7nr],
.cookie-type[b-on1vbaz7nr],
.update-process[b-on1vbaz7nr] {
background: #f8f9fa;
border-radius: 0.75rem;
padding: 1.5rem;
margin: 1.5rem 0;
border: 1px solid #e9ecef;
}
.info-category h4[b-on1vbaz7nr],
.sharing-category h4[b-on1vbaz7nr],
.cookie-type h4[b-on1vbaz7nr],
.update-process h4[b-on1vbaz7nr] {
color: #212529;
font-weight: 700;
margin-bottom: 1rem;
display: flex;
align-items: center;
}
.info-category h4 i[b-on1vbaz7nr],
.sharing-category h4 i[b-on1vbaz7nr],
.cookie-type h4 i[b-on1vbaz7nr],
.update-process h4 i[b-on1vbaz7nr] {
margin-right: 0.75rem;
color: var(--primary-color);
}
.info-category ul[b-on1vbaz7nr],
.sharing-category ul[b-on1vbaz7nr],
.update-process ul[b-on1vbaz7nr] {
margin-bottom: 0;
padding-left: 1.5rem;
}
.info-category li[b-on1vbaz7nr],
.sharing-category li[b-on1vbaz7nr],
.update-process li[b-on1vbaz7nr] {
margin-bottom: 0.5rem;
color: #495057;
}
.usage-grid[b-on1vbaz7nr],
.security-grid[b-on1vbaz7nr],
.rights-grid[b-on1vbaz7nr],
.contact-grid[b-on1vbaz7nr] {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
}
.usage-item[b-on1vbaz7nr],
.security-item[b-on1vbaz7nr],
.right-item[b-on1vbaz7nr],
.contact-item[b-on1vbaz7nr] {
background: #f8f9fa;
border-radius: 0.75rem;
padding: 1.5rem;
text-align: center;
border: 1px solid #e9ecef;
transition: all 0.3s ease;
}
.usage-item:hover[b-on1vbaz7nr],
.security-item:hover[b-on1vbaz7nr],
.right-item:hover[b-on1vbaz7nr],
.contact-item:hover[b-on1vbaz7nr] {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(199, 44, 72, 0.1);
border-color: var(--primary-color);
}
.usage-item i[b-on1vbaz7nr],
.security-item i[b-on1vbaz7nr],
.right-item i[b-on1vbaz7nr],
.contact-item i[b-on1vbaz7nr] {
font-size: 2.5rem;
color: var(--primary-color);
margin-bottom: 1rem;
}
.usage-item h5[b-on1vbaz7nr],
.security-item h5[b-on1vbaz7nr],
.right-item h5[b-on1vbaz7nr],
.contact-item h5[b-on1vbaz7nr] {
color: #212529;
font-weight: 700;
margin-bottom: 1rem;
}
.usage-item p[b-on1vbaz7nr],
.security-item p[b-on1vbaz7nr],
.right-item p[b-on1vbaz7nr],
.contact-item p[b-on1vbaz7nr] {
color: #6c757d;
margin-bottom: 0;
line-height: 1.6;
}
.cookie-types[b-on1vbaz7nr] {
display: grid;
gap: 1.5rem;
margin: 2rem 0;
}
.cookie-type[b-on1vbaz7nr] {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 1rem;
}
.cookie-type .badge[b-on1vbaz7nr] {
font-size: 0.8rem;
padding: 0.5rem 1rem;
}
.privacy-cta-section[b-on1vbaz7nr] {
background: var(--primary-color);
color: white;
padding: 4rem 0;
text-align: center;
}
.cta-title[b-on1vbaz7nr] {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 1.5rem;
}
.cta-description[b-on1vbaz7nr] {
font-size: 1.2rem;
margin-bottom: 3rem;
opacity: 0.9;
}
.cta-buttons .btn[b-on1vbaz7nr] {
margin: 0.5rem;
padding: 1rem 2rem;
font-weight: 600;
border-radius: 50px;
transition: all 0.3s ease;
}
.cta-buttons .btn:hover[b-on1vbaz7nr] {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}
/* Skeleton Loader */
.privacy-skeleton[b-on1vbaz7nr] {
padding: 4rem 0;
}
.skeleton-item[b-on1vbaz7nr] {
background: #d0d0d0;
border-radius: 0.5rem;
margin-bottom: 1rem;
animation: skeleton-loading-b-on1vbaz7nr 1.5s infinite;
}
@keyframes skeleton-loading-b-on1vbaz7nr {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}
/* Mobile Responsiveness */
@media (max-width: 768px) {
.privacy-title[b-on1vbaz7nr] {
font-size: 2.5rem;
}
.privacy-subtitle[b-on1vbaz7nr] {
font-size: 1.1rem;
}
.privacy-main-section[b-on1vbaz7nr] {
padding: 2rem 0;
}
.privacy-nav[b-on1vbaz7nr] {
margin-bottom: 2rem;
position: relative !important;
top: auto !important;
}
.privacy-content-main[b-on1vbaz7nr] {
padding: 2rem 1.5rem;
}
.section-title[b-on1vbaz7nr] {
font-size: 1.5rem;
flex-direction: column;
text-align: center;
gap: 0.5rem;
}
.section-title i[b-on1vbaz7nr] {
margin-right: 0;
}
.usage-grid[b-on1vbaz7nr],
.security-grid[b-on1vbaz7nr],
.rights-grid[b-on1vbaz7nr],
.contact-grid[b-on1vbaz7nr] {
grid-template-columns: 1fr;
gap: 1rem;
}
.cookie-type[b-on1vbaz7nr] {
flex-direction: column;
text-align: center;
}
.cta-title[b-on1vbaz7nr] {
font-size: 2rem;
}
.cta-buttons .btn[b-on1vbaz7nr] {
display: block;
width: 100%;
margin: 0.5rem 0;
}
}
@media (max-width: 576px) {
.privacy-title[b-on1vbaz7nr] {
font-size: 2rem;
}
.privacy-content-main[b-on1vbaz7nr] {
padding: 1.5rem 1rem;
}
.usage-item[b-on1vbaz7nr],
.security-item[b-on1vbaz7nr],
.right-item[b-on1vbaz7nr],
.contact-item[b-on1vbaz7nr] {
padding: 1rem;
}
.privacy-highlight[b-on1vbaz7nr] {
padding: 1rem;
}
}
/* _content/dekatfood/Pages/SellerInfo.cshtml.rz.scp.css */
/* General Styling */
:root[b-0ql46btuaz] {
--primary-color: #C72C48;
--secondary-color: #fdf6f7; /* Lighter pinkish gray */
--text-dark: #343a40;
--text-light: #6c757d;
--gradient: linear-gradient(45deg, var(--primary-color), #ff6b6b);
--success-color: #198754;
}
body[b-0ql46btuaz] {
font-family: 'Poppins', sans-serif;
background-color: #fff;
color: var(--text-dark);
}
h1[b-0ql46btuaz], h2[b-0ql46btuaz], h3[b-0ql46btuaz], h4[b-0ql46btuaz], h5[b-0ql46btuaz], h6[b-0ql46btuaz] {
font-weight: 700;
color: var(--primary-color);
}
.section-padding[b-0ql46btuaz] {
padding: 100px 0;
}
.section-header[b-0ql46btuaz] {
margin-bottom: 60px;
}
.section-header .section-title[b-0ql46btuaz] {
font-size: 2.8rem;
font-weight: 800;
}
.section-header .section-subtitle[b-0ql46btuaz] {
font-size: 1.1rem;
color: var(--text-light);
max-width: 700px;
margin: 15px auto 0;
}
/* Override Bootstrap's .text-light inside our page to avoid white-on-white issues */
.seller-hero .text-light[b-0ql46btuaz],
.why-choose-section .text-light[b-0ql46btuaz],
.credits-section .text-light[b-0ql46btuaz],
.process-section .text-light[b-0ql46btuaz],
.training-section .text-light[b-0ql46btuaz],
.final-cta .text-light[b-0ql46btuaz] {
color: #6c757d !important; /* readable gray */
}
/* Animation */
.animate-on-scroll[b-0ql46btuaz] {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.animate-on-scroll.is-visible[b-0ql46btuaz] {
opacity: 1;
transform: translateY(0);
}
/* Hero Section */
.seller-hero[b-0ql46btuaz] {
background-color: #ffffff;
color: var(--text-dark);
padding: 100px 0;
}
.seller-hero .hero-title[b-0ql46btuaz] {
font-size: 3.2rem;
font-weight: 800;
line-height: 1.2;
color: var(--text-dark) !important;
}
.gradient-text[b-0ql46btuaz] {
background: var(--gradient);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.hero-subtitle[b-0ql46btuaz] {
font-size: 1.2rem;
color: var(--text-light);
margin: 20px 0 30px;
}
.bonus-note[b-0ql46btuaz] {
font-size: 1rem;
color: var(--text-dark);
background: #fff6f7;
border: 1px solid rgba(199,44,72,0.06);
padding: 12px 16px;
border-radius: 10px;
display: inline-block;
}
.btn-hero[b-0ql46btuaz] {
background-color: var(--primary-color);
border: none;
padding: 14px 30px;
font-weight: 600;
border-radius: 50px;
transition: all 0.3s ease;
box-shadow: 0 4px 20px rgba(199, 44, 72, 0.25);
}
.btn-hero:hover[b-0ql46btuaz] {
transform: translateY(-5px);
box-shadow: 0 8px 30px rgba(199, 44, 72, 0.4);
}
.credit-card-wrapper[b-0ql46btuaz] {
position: relative;
}
.credit-card[b-0ql46btuaz] {
background: #fff;
border-radius: 20px;
padding: 30px;
text-align: center;
box-shadow: 0 15px 45px rgba(0,0,0,0.1);
position: relative;
z-index: 2;
border: 1px solid #eee;
}
.credit-amount[b-0ql46btuaz] {
font-size: 5rem;
font-weight: 800;
color: var(--primary-color);
line-height: 1;
}
.credit-label[b-0ql46btuaz] { font-weight: 600; color: var(--text-light); }
.credit-value[b-0ql46btuaz] {
margin-top: 10px;
padding: 8px 15px;
background-color: var(--success-color);
color: #fff;
border-radius: 50px;
display: inline-block;
font-weight: 500;
}
.credit-tip[b-0ql46btuaz] { color: var(--text-light); }
/* Why Choose Section */
.why-choose-section[b-0ql46btuaz] {
background-color: #ffffff;
color: var(--text-dark);
}
.feature-card[b-0ql46btuaz] {
background: #fff;
border: 1px solid #eee;
padding: 30px;
border-radius: 15px;
text-align: center;
transition: all 0.3s ease;
height: 100%;
}
.feature-card:hover[b-0ql46btuaz] {
transform: translateY(-10px);
box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}
.feature-icon[b-0ql46btuaz] {
font-size: 4rem;
margin-bottom: 20px;
display: block;
}
.feature-card h4[b-0ql46btuaz] {
color: var(--text-dark);
font-weight: 600;
margin-bottom: 15px;
}
.feature-card p[b-0ql46btuaz] {
color: var(--text-light);
margin-bottom: 0;
}
/* Credits Section */
.credits-section[b-0ql46btuaz] {
background-color: var(--secondary-color);
color: var(--text-dark);
}
.credit-explanation-card[b-0ql46btuaz] {
background: #fff;
padding: 25px;
border-radius: 15px;
text-align: center;
border: 1px solid #eee;
transition: all 0.3s ease;
height: 100%;
}
.credit-explanation-card:hover[b-0ql46btuaz] {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.card-icon[b-0ql46btuaz] {
font-size: 3rem;
margin-bottom: 15px;
display: block;
}
.credit-explanation-card h5[b-0ql46btuaz] {
color: var(--text-dark);
font-weight: 600;
margin-bottom: 10px;
}
.credit-explanation-card p[b-0ql46btuaz] {
color: var(--text-light);
margin-bottom: 0;
}
/* Process Section */
.process-section[b-0ql46btuaz] {
background-color: #ffffff;
color: var(--text-dark);
}
.process-step[b-0ql46btuaz] {
background: #fff;
padding: 30px;
border-radius: 15px;
text-align: center;
position: relative;
border: 1px solid #eee;
transition: all 0.3s ease;
height: 100%;
}
.process-step:hover[b-0ql46btuaz] {
transform: translateY(-8px);
box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}
.step-number[b-0ql46btuaz] {
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
width: 50px;
height: 50px;
background: var(--gradient);
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
font-weight: 700;
border: 4px solid #fff;
}
.step-icon[b-0ql46btuaz] {
font-size: 3rem;
margin: 30px 0 20px;
display: block;
}
.process-step h5[b-0ql46btuaz] {
font-weight: 600;
color: var(--text-dark);
margin-bottom: 15px;
}
.process-step p[b-0ql46btuaz] {
color: var(--text-light);
margin-bottom: 0;
}
/* Training Section */
.training-section[b-0ql46btuaz] {
background-color: var(--secondary-color);
color: var(--text-dark);
}
.training-card[b-0ql46btuaz] {
background: #fff;
border-radius: 20px;
padding: 40px;
border: 1px solid #eee;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.training-item[b-0ql46btuaz] {
padding: 10px 0;
font-size: 1.1rem;
color: var(--text-dark);
}
/* Final CTA Section */
.final-cta[b-0ql46btuaz] {
background: linear-gradient(135deg, var(--primary-color) 0%, #a02138 100%);
color: #ffffff;
}
.final-cta h2[b-0ql46btuaz] {
color: #ffffff;
font-size: 2.8rem;
}
.final-cta p[b-0ql46btuaz] {
font-size: 1.2rem;
opacity: 0.95;
color: rgba(255,255,255,0.95);
}
.final-cta .text-white-50[b-0ql46btuaz], .final-cta .text-muted[b-0ql46btuaz] {
color: rgba(255,255,255,0.85) !important;
}
.btn-cta[b-0ql46btuaz] {
background: #fff;
color: var(--primary-color);
padding: 15px 40px;
font-size: 1.2rem;
font-weight: 700;
border-radius: 50px;
transition: all 0.3s ease;
}
.btn-cta:hover[b-0ql46btuaz] {
background: var(--secondary-color);
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.cta-buttons .btn-outline-light[b-0ql46btuaz] {
border: 2px solid #fff;
color: #fff;
padding: 15px 40px;
font-size: 1.2rem;
font-weight: 700;
border-radius: 50px;
transition: all 0.3s ease;
}
.cta-buttons .btn-outline-light:hover[b-0ql46btuaz] {
background: #fff;
color: var(--primary-color);
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
/* Floating WhatsApp Button */
.whatsapp-float-btn[b-0ql46btuaz] {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #25D366;
color: #fff;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
z-index: 1000;
transition: all 0.3s ease;
text-decoration: none;
}
.whatsapp-float-btn:hover[b-0ql46btuaz] {
transform: scale(1.1);
color: #fff;
}
@media (max-width: 767.98px) {
.hero-title[b-0ql46btuaz] { font-size: 2.5rem; }
.section-header .section-title[b-0ql46btuaz] { font-size: 2.2rem; }
.credit-card-wrapper[b-0ql46btuaz] { margin-top: 40px; }
.feature-card[b-0ql46btuaz], .credit-explanation-card[b-0ql46btuaz], .process-step[b-0ql46btuaz] { margin-bottom: 20px; }
.cta-buttons[b-0ql46btuaz] { flex-direction: column; align-items: center; }
.cta-buttons .btn[b-0ql46btuaz] { width: 100%; max-width: 300px; }
}
/* _content/dekatfood/Pages/Seller/Dashboard.cshtml.rz.scp.css */
/* Modern Dashboard Styles */
/* Header Styles */
.modern-header[b-tlol340zcu] {
background: linear-gradient(135deg, #C72C48 0%, #8b1a3a 100%);
color: white;
padding: 2rem 0;
margin-bottom: 2rem;
position: relative;
overflow: hidden;
}
.modern-header[b-tlol340zcu]::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='7' cy='7' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
pointer-events: none;
}
.header-content[b-tlol340zcu] {
position: relative;
z-index: 1;
}
.header-title[b-tlol340zcu] {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 0.5rem;
text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.header-subtitle[b-tlol340zcu] {
font-size: 1.1rem;
opacity: 0.9;
margin-bottom: 0;
}
.modern-btn[b-tlol340zcu] {
border-radius: 50px;
padding: 0.75rem 2rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
.modern-btn:hover[b-tlol340zcu] {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}
/* Alert Styles */
.modern-alert[b-tlol340zcu] {
border: none;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(220, 53, 69, 0.15);
border-left: 4px solid #dc3545;
}
/* Card Styles */
.modern-card[b-tlol340zcu] {
border: none;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(0,0,0,0.08);
transition: all 0.3s ease;
overflow: hidden;
}
.modern-card:hover[b-tlol340zcu] {
transform: translateY(-2px);
box-shadow: 0 8px 30px rgba(0,0,0,0.12);
}
.modern-card .card-header[b-tlol340zcu] {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-bottom: 1px solid rgba(0,0,0,0.08);
padding: 1.5rem;
}
.modern-card .card-title[b-tlol340zcu] {
font-weight: 600;
color: #495057;
margin-bottom: 0;
}
/* Skeleton Loading */
.skeleton-card[b-tlol340zcu] {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-tlol340zcu 1.5s infinite;
}
.skeleton-circle[b-tlol340zcu] {
width: 60px;
height: 60px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-tlol340zcu 1.5s infinite;
border-radius: 50%;
}
.skeleton-line[b-tlol340zcu] {
height: 20px;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-tlol340zcu 1.5s infinite;
border-radius: 4px;
margin-bottom: 10px;
}
.skeleton-line-sm[b-tlol340zcu] {
height: 16px;
width: 70%;
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: skeleton-loading-b-tlol340zcu 1.5s infinite;
border-radius: 4px;
}
@keyframes skeleton-loading-b-tlol340zcu {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
/* Metric Cards */
.sales-card[b-tlol340zcu] {
position: relative;
overflow: hidden;
}
.sales-card[b-tlol340zcu]::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
pointer-events: none;
}
.sales-card .card-body[b-tlol340zcu] {
position: relative;
z-index: 1;
padding: 2rem 1.5rem;
}
.metric-icon[b-tlol340zcu] {
font-size: 2.5rem;
opacity: 0.8;
}
.card-title[b-tlol340zcu] {
font-size: 1.8rem;
font-weight: 700;
margin-bottom: 0.25rem;
}
.card-subtitle[b-tlol340zcu] {
font-size: 1rem;
opacity: 0.9;
margin-bottom: 0;
}
/* Gradient Backgrounds */
.bg-gradient-primary[b-tlol340zcu] {
background: linear-gradient(135deg, #C72C48 0%, #8b1a3a 100%);
}
.bg-gradient-success[b-tlol340zcu] {
background: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
}
.bg-gradient-info[b-tlol340zcu] {
background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
}
.bg-gradient-warning[b-tlol340zcu] {
background: linear-gradient(135deg, #ffc107 0%, #e0a800 100%);
}
/* Chart Cards */
.chart-card[b-tlol340zcu] {
position: relative;
}
.chart-card .card-body[b-tlol340zcu] {
padding: 2rem;
}
#dailySalesChart[b-tlol340zcu],
#topMenusChart[b-tlol340zcu] {
max-height: 400px;
}
/* Table Styles */
.table[b-tlol340zcu] {
margin-bottom: 0;
}
.table th[b-tlol340zcu] {
font-weight: 600;
color: #495057;
border-top: none;
font-size: 0.9rem;
padding: 1rem;
background: #f8f9fa;
}
.table td[b-tlol340zcu] {
vertical-align: middle;
border-color: #f0f0f0;
padding: 1rem;
}
.table-hover tbody tr:hover[b-tlol340zcu] {
background-color: rgba(199, 44, 72, 0.05);
}
/* Badge Styles */
.badge[b-tlol340zcu] {
font-size: 0.8rem;
padding: 0.5em 0.8em;
border-radius: 20px;
font-weight: 600;
}
/* Progress Bars */
.progress[b-tlol340zcu] {
height: 8px;
border-radius: 10px;
background-color: #f0f0f0;
}
.progress-bar[b-tlol340zcu] {
border-radius: 10px;
background: linear-gradient(90deg, #C72C48 0%, #8b1a3a 100%);
}
/* Form Controls */
/* Intentionally do not override base .form-select/.form-control styles per project rules */
/* Button Styles */
/* Intentionally do not override base .btn styles per project rules */
/* Empty States */
.text-center.py-4 .display-1[b-tlol340zcu] {
opacity: 0.3;
color: #dee2e6;
}
/* Loading Animation */
.modern-filters[b-tlol340zcu],
.metrics-grid[b-tlol340zcu],
.charts-section[b-tlol340zcu],
.tables-section[b-tlol340zcu] {
opacity: 0;
animation: fadeInUp-b-tlol340zcu 0.6s ease-out forwards;
}
.modern-filters[b-tlol340zcu] { animation-delay: 0.1s; }
.metrics-grid[b-tlol340zcu] { animation-delay: 0.2s; }
.charts-section[b-tlol340zcu] { animation-delay: 0.3s; }
.tables-section[b-tlol340zcu] { animation-delay: 0.4s; }
@keyframes fadeInUp-b-tlol340zcu {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Responsive Design */
@media (max-width: 768px) {
.header-title[b-tlol340zcu] {
font-size: 2rem;
}
.metric-icon[b-tlol340zcu] {
font-size: 2rem;
}
.card-title[b-tlol340zcu] {
font-size: 1.5rem;
}
.modern-card .card-body[b-tlol340zcu] {
padding: 1.5rem;
}
.modern-card .card-header[b-tlol340zcu] {
padding: 1rem;
}
.sales-card .card-body[b-tlol340zcu] {
padding: 1.5rem 1rem;
}
}
@media (max-width: 576px) {
.header-title[b-tlol340zcu] {
font-size: 1.75rem;
}
.metric-icon[b-tlol340zcu] {
font-size: 1.8rem;
}
.card-title[b-tlol340zcu] {
font-size: 1.25rem;
}
.modern-card .card-body[b-tlol340zcu] {
padding: 1rem;
}
.sales-card .card-body[b-tlol340zcu] {
padding: 1rem 0.75rem;
}
}
/* _content/dekatfood/Pages/Seller/DeliveryPage/DeliveryAreaForm.cshtml.rz.scp.css */
/* Delivery Area Form Styles */
/* Dashboard Header */
.dashboard-header[b-sxx70wk9jq] {
position: relative;
overflow: hidden;
}
.dashboard-header[b-sxx70wk9jq]::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml,') repeat;
opacity: 0.3;
pointer-events: none;
}
/* Chart Cards */
.chart-card[b-sxx70wk9jq] {
background: white;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
overflow: hidden;
border: 1px solid rgba(0,0,0,0.05);
}
.chart-card:hover[b-sxx70wk9jq] {
transform: translateY(-2px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}
.chart-header[b-sxx70wk9jq] {
padding: 1.5rem;
border-bottom: 1px solid #f8f9fa;
background: linear-gradient(135deg, #C72C48 0%, #a81f39 100%);
color: white;
}
.chart-body[b-sxx70wk9jq] {
padding: 2rem;
}
/* Enhanced form styles */
.form-floating > .form-control[b-sxx70wk9jq],
.form-floating > .form-select[b-sxx70wk9jq] {
border: 2px solid #e9ecef;
border-radius: 12px;
transition: all 0.3s ease;
}
.form-floating > .form-control:focus[b-sxx70wk9jq],
.form-floating > .form-select:focus[b-sxx70wk9jq] {
border-color: #C72C48;
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
}
.form-floating > label[b-sxx70wk9jq] {
padding: 1rem 0.75rem;
}
.status-toggle-card[b-sxx70wk9jq] {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border: 2px solid #e9ecef;
border-radius: 12px;
padding: 1.25rem;
height: 100%;
transition: all 0.3s ease;
}
.status-toggle-card:hover[b-sxx70wk9jq] {
border-color: #C72C48;
background: linear-gradient(135deg, #fff5f5 0%, #f8f9fa 100%);
}
.form-switch-lg .form-check-input[b-sxx70wk9jq] {
width: 3em;
height: 1.5em;
}
.action-buttons[b-sxx70wk9jq] {
border-top: 2px solid #f8f9fa;
padding-top: 2rem;
}
.help-item[b-sxx70wk9jq] {
padding: 0.75rem;
background: #f8f9fa;
border-radius: 8px;
margin-bottom: 0.5rem;
}
.breadcrumb-dark .breadcrumb-item + .breadcrumb-item[b-sxx70wk9jq]::before {
color: rgba(255, 255, 255, 0.5);
}
.alert-modern[b-sxx70wk9jq] {
border: none;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
/* Animation classes */
.analytics-section[b-sxx70wk9jq] {
animation: fadeInUp-b-sxx70wk9jq 0.6s ease-out;
}
@keyframes fadeInUp-b-sxx70wk9jq {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Button Enhancements */
.btn[b-sxx70wk9jq] {
border-radius: 12px;
font-weight: 500;
transition: all 0.2s ease;
}
.btn:hover[b-sxx70wk9jq] {
transform: translateY(-1px);
}
/* Input validation enhancements */
.form-control:invalid[b-sxx70wk9jq] {
border-color: #dc3545;
}
.form-control:valid:not(:placeholder-shown)[b-sxx70wk9jq] {
border-color: #28a745;
}
/* Custom input styles for number inputs */
input[type="number"][b-sxx70wk9jq]::-webkit-outer-spin-button,
input[type="number"][b-sxx70wk9jq]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"][b-sxx70wk9jq] {
-moz-appearance: textfield;
}
/* Form help text styling */
.form-text[b-sxx70wk9jq] {
font-size: 0.8rem;
margin-top: 0.25rem;
}
.form-text .text-muted[b-sxx70wk9jq] {
color: #6c757d !important;
}
/* Responsive Styles */
@media (max-width: 768px) {
.chart-header[b-sxx70wk9jq],
.chart-body[b-sxx70wk9jq] {
padding: 1rem;
}
.dashboard-header[b-sxx70wk9jq] {
text-align: center;
}
.status-toggle-card[b-sxx70wk9jq] {
padding: 1rem;
}
.help-item[b-sxx70wk9jq] {
padding: 0.5rem;
font-size: 0.9rem;
}
}
/* Focus states for better accessibility */
.form-control:focus[b-sxx70wk9jq],
.form-select:focus[b-sxx70wk9jq] {
border-color: #C72C48;
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
outline: none;
}
/* Custom checkbox and radio styling */
.form-check-input:checked[b-sxx70wk9jq] {
background-color: #C72C48;
border-color: #C72C48;
}
.form-check-input:focus[b-sxx70wk9jq] {
border-color: #C72C48;
box-shadow: 0 0 0 0.25rem rgba(199, 44, 72, 0.25);
}
/* Loading states */
.btn.loading[b-sxx70wk9jq] {
position: relative;
color: transparent;
}
.btn.loading[b-sxx70wk9jq]::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 1rem;
height: 1rem;
margin: -0.5rem 0 0 -0.5rem;
border: 2px solid currentColor;
border-radius: 50%;
border-right-color: transparent;
animation: spin-b-sxx70wk9jq 0.75s linear infinite;
}
@keyframes spin-b-sxx70wk9jq {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* _content/dekatfood/Pages/Seller/DeliveryPage/DeliveryAreaList.cshtml.rz.scp.css */
/* Enhanced Delivery Area Styles */
/* Dashboard Header */
.dashboard-header[b-k7znyy2j60] {
position: relative;
overflow: hidden;
}
.dashboard-header[b-k7znyy2j60]::before {
content: '';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml,') repeat;
opacity: 0.3;
pointer-events: none;
}
/* Analytics Cards */
.analytics-card[b-k7znyy2j60] {
background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
border: 1px solid rgba(0,0,0,0.1);
border-radius: 16px;
padding: 2rem;
text-align: center;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: relative;
overflow: hidden;
height: 100%;
}
.analytics-card[b-k7znyy2j60]::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #C72C48, #a81f39);
transform: scaleX(0);
transition: transform 0.3s ease;
}
.analytics-card:hover[b-k7znyy2j60]::before {
transform: scaleX(1);
}
.analytics-card:hover[b-k7znyy2j60] {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.analytics-icon[b-k7znyy2j60] {
width: 64px;
height: 64px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1rem;
font-size: 1.5rem;
}
.analytics-icon.text-primary[b-k7znyy2j60] {
background: rgba(0, 123, 255, 0.1);
color: #007bff;
}
.analytics-icon.text-success[b-k7znyy2j60] {
background: rgba(40, 167, 69, 0.1);
color: #28a745;
}
.analytics-icon.text-info[b-k7znyy2j60] {
background: rgba(23, 162, 184, 0.1);
color: #17a2b8;
}
.analytics-icon.text-warning[b-k7znyy2j60] {
background: rgba(255, 193, 7, 0.1);
color: #ffc107;
}
.analytics-value[b-k7znyy2j60] {
font-size: 2.5rem;
font-weight: 700;
color: #212529;
margin-bottom: 0.5rem;
}
.analytics-label[b-k7znyy2j60] {
font-size: 0.875rem;
font-weight: 600;
color: #6c757d;
margin-bottom: 0.25rem;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.analytics-sub[b-k7znyy2j60] {
font-size: 0.75rem;
color: #6c757d;
}
/* Delivery Area Cards */
.delivery-area-card[b-k7znyy2j60] {
background: white;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
border: 2px solid transparent;
}
.delivery-area-card:hover[b-k7znyy2j60] {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.delivery-area-card.border-success[b-k7znyy2j60] {
border-color: #28a745;
}
.delivery-area-card.border-secondary[b-k7znyy2j60] {
border-color: #6c757d;
}
.delivery-area-card-header[b-k7znyy2j60] {
padding: 1.5rem;
position: relative;
}
.delivery-area-card-body[b-k7znyy2j60] {
padding: 1.5rem;
}
.delivery-area-card-footer[b-k7znyy2j60] {
padding: 1rem 1.5rem;
background: #f8f9fa;
border-top: 1px solid #dee2e6;
}
/* Delivery Cost Highlight */
.delivery-cost-highlight[b-k7znyy2j60] {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border: 2px solid #e9ecef;
border-radius: 12px;
padding: 1rem;
text-align: center;
}
.cost-display[b-k7znyy2j60] {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.5rem;
}
.cost-label[b-k7znyy2j60] {
font-size: 0.875rem;
font-weight: 600;
color: #6c757d;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.cost-value[b-k7znyy2j60] {
font-size: 1.5rem;
font-weight: 700;
color: #C72C48;
}
.free-delivery-info[b-k7znyy2j60] {
font-size: 0.75rem;
color: #28a745;
font-weight: 500;
}
/* Info Items */
.info-item[b-k7znyy2j60] {
display: flex;
align-items: center;
margin-bottom: 0.75rem;
padding: 0.5rem 0;
}
.info-label[b-k7znyy2j60] {
font-weight: 600;
color: #495057;
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.info-value[b-k7znyy2j60] {
color: #6c757d;
}
/* Status Badges */
.status-badge[b-k7znyy2j60] {
padding: 0.375rem 0.75rem;
border-radius: 20px;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.status-active[b-k7znyy2j60] {
background-color: rgba(40, 167, 69, 0.9);
color: white;
}
.status-inactive[b-k7znyy2j60] {
background-color: rgba(108, 117, 125, 0.9);
color: white;
}
/* Delivery Area Actions */
.delivery-area-actions .btn[b-k7znyy2j60] {
border-radius: 8px;
font-weight: 500;
transition: all 0.2s ease;
}
.delivery-area-note[b-k7znyy2j60] {
background: #f8f9fa;
padding: 0.75rem;
border-radius: 8px;
border-left: 4px solid #dee2e6;
margin-bottom: 1rem;
}
/* Empty State */
.empty-state[b-k7znyy2j60] {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: 20px;
border: 2px dashed #dee2e6;
padding: 4rem 2rem;
text-align: center;
margin: 2rem 0;
}
.empty-state-icon[b-k7znyy2j60] {
font-size: 4rem;
color: #6c757d;
margin-bottom: 1.5rem;
}
.empty-state-title[b-k7znyy2j60] {
color: #495057;
font-weight: 600;
margin-bottom: 1rem;
}
.empty-state-message[b-k7znyy2j60] {
color: #6c757d;
margin-bottom: 2rem;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
/* Button Enhancements */
.btn[b-k7znyy2j60] {
border-radius: 12px;
font-weight: 500;
transition: all 0.2s ease;
}
.btn:hover[b-k7znyy2j60] {
transform: translateY(-1px);
}
.btn-outline-primary[b-k7znyy2j60] {
border-color: #C72C48;
color: #C72C48;
}
.btn-outline-primary:hover[b-k7znyy2j60] {
background-color: #C72C48;
border-color: #C72C48;
color: white;
}
/* Alert Enhancements */
.alert-modern[b-k7znyy2j60] {
border: none;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border-left: 4px solid;
}
.alert-danger.alert-modern[b-k7znyy2j60] {
border-left-color: #dc3545;
}
.alert-success.alert-modern[b-k7znyy2j60] {
border-left-color: #28a745;
}
/* Skeleton Styles */
.skeleton[b-k7znyy2j60] {
position: relative;
overflow: hidden;
}
.skeleton[b-k7znyy2j60]::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(90deg,
transparent 0%,
rgba(255,255,255,0.4) 50%,
transparent 100%);
animation: shimmer-b-k7znyy2j60 1.5s infinite;
}
@keyframes shimmer-b-k7znyy2j60 {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(100%);
}
}
/* Animation for content reveal */
.analytics-section[b-k7znyy2j60] {
animation: fadeInUp-b-k7znyy2j60 0.6s ease-out;
}
@keyframes fadeInUp-b-k7znyy2j60 {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Responsive Adjustments */
@media (max-width: 768px) {
.analytics-card[b-k7znyy2j60] {
padding: 1.5rem;
}
.analytics-value[b-k7znyy2j60] {
font-size: 2rem;
}
.delivery-area-card-header[b-k7znyy2j60],
.delivery-area-card-body[b-k7znyy2j60] {
padding: 1rem;
}
.delivery-cost-highlight[b-k7znyy2j60] {
padding: 0.75rem;
}
.cost-display[b-k7znyy2j60] {
flex-direction: column;
gap: 0.25rem;
}
.empty-state[b-k7znyy2j60] {
padding: 2rem 1rem;
}
.dashboard-header[b-k7znyy2j60] {
text-align: center;
}
.delivery-area-actions .btn[b-k7znyy2j60] {
font-size: 0.875rem;
padding: 0.375rem 0.75rem;
}
}
@media (max-width: 576px) {
.analytics-value[b-k7znyy2j60] {
font-size: 1.75rem;
}
.delivery-area-actions[b-k7znyy2j60] {
flex-direction: column;
gap: 0.5rem;
}
.delivery-area-actions .btn[b-k7znyy2j60] {
width: 100%;
}
}
/* _content/dekatfood/Pages/Seller/DineInPage/DineInDashboard.cshtml.rz.scp.css */
/* ===== DINE-IN DASHBOARD STYLES ===== */
/* Header */
.dashboard-header[b-1c58yi5ozo] {
background: linear-gradient(135deg, #C72C48 0%, #a81f39 100%);
}
.kiosk-logo-dashboard[b-1c58yi5ozo] {
width: 60px;
height: 60px;
object-fit: cover;
border-radius: 12px;
border: 2px solid rgba(255, 255, 255, 0.3);
}
.kiosk-logo-placeholder[b-1c58yi5ozo] {
width: 60px;
height: 60px;
background: rgba(255, 255, 255, 0.2);
border-radius: 12px;
border: 2px solid rgba(255, 255, 255, 0.3);
}
/* Dashboard Card Base */
.dashboard-card[b-1c58yi5ozo] {
background: white;
border-radius: 16px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
border: 1px solid rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
overflow: hidden;
}
.dashboard-card:hover[b-1c58yi5ozo] {
transform: translateY(-2px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
/* Statistics Cards */
.stat-card[b-1c58yi5ozo] {
position: relative;
transition: all 0.3s ease;
}
.stat-card:hover[b-1c58yi5ozo] {
transform: translateY(-3px);
}
.stat-icon[b-1c58yi5ozo] {
font-size: 2rem;
opacity: 0.8;
}
.stat-number[b-1c58yi5ozo] {
font-size: 1.5rem;
font-weight: 700;
color: #2c3e50;
margin: 0.5rem 0;
}
.stat-label[b-1c58yi5ozo] {
font-size: 0.85rem;
color: #6c757d;
font-weight: 500;
}
/* Table Cards */
.table-card[b-1c58yi5ozo] {
position: relative;
min-height: 300px;
transition: all 0.3s ease;
border-left: 4px solid transparent;
}
.table-card.table-excellent[b-1c58yi5ozo] {
border-left-color: #28a745;
background: linear-gradient(135deg, #f8fff9 0%, #ffffff 100%);
}
.table-card.table-good[b-1c58yi5ozo] {
border-left-color: #17a2b8;
background: linear-gradient(135deg, #f0fbff 0%, #ffffff 100%);
}
.table-card.table-warning[b-1c58yi5ozo] {
border-left-color: #ffc107;
background: linear-gradient(135deg, #fffdf0 0%, #ffffff 100%);
}
.table-card.table-critical[b-1c58yi5ozo] {
border-left-color: #dc3545;
background: linear-gradient(135deg, #fff5f5 0%, #ffffff 100%);
animation: pulse-critical-b-1c58yi5ozo 2s infinite;
}
.table-card.table-offline[b-1c58yi5ozo] {
border-left-color: #6c757d;
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
opacity: 0.7;
}
@keyframes pulse-critical-b-1c58yi5ozo {
0%,
100% {
box-shadow: 0 4px 20px rgba(220, 53, 69, 0.1);
}
50% {
box-shadow: 0 8px 30px rgba(220, 53, 69, 0.2);
}
}
/* Table Header */
.table-header[b-1c58yi5ozo] {
padding: 1rem 1.25rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
background: rgba(255, 255, 255, 0.5);
}
.table-name[b-1c58yi5ozo] {
color: #2c3e50;
font-size: 1.1rem;
}
.table-action-btn[b-1c58yi5ozo] {
border: 1px solid #C72C48 !important;
color: #C72C48 !important;
background: transparent !important;
padding: 0.25rem 0.5rem;
border-radius: 6px;
transition: all 0.3s ease;
font-size: 0.85rem;
}
.table-action-btn:hover[b-1c58yi5ozo] {
background: #C72C48 !important;
color: white !important;
transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(199, 44, 72, 0.3);
}
.table-health-indicator[b-1c58yi5ozo] {
font-size: 0.75rem;
font-weight: 600;
padding: 0.25rem 0.5rem;
border-radius: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.table-health-indicator i[b-1c58yi5ozo] {
font-size: 0.8rem;
margin-right: 0.25rem;
}
/* Capacity Display */
.table-capacity[b-1c58yi5ozo] {
margin-top: 0.75rem;
}
.capacity-text[b-1c58yi5ozo] {
font-weight: 600;
color: #495057;
}
.capacity-percentage[b-1c58yi5ozo] {
font-weight: 700;
color: #C72C48;
}
/* Table Body */
.table-body[b-1c58yi5ozo] {
padding: 1rem 1.25rem;
}
.table-body[b-1c58yi5ozo]::-webkit-scrollbar {
width: 4px;
}
.table-body[b-1c58yi5ozo]::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 2px;
}
.table-body[b-1c58yi5ozo]::-webkit-scrollbar-thumb {
background: #C72C48;
border-radius: 2px;
}
/* Customer Sessions */
.customer-session[b-1c58yi5ozo] {
background: rgba(199, 44, 72, 0.02);
border: 1px solid rgba(199, 44, 72, 0.1) !important;
transition: all 0.3s ease;
}
.customer-session:hover[b-1c58yi5ozo] {
background: rgba(199, 44, 72, 0.05);
transform: translateX(3px);
}
.customer-info strong[b-1c58yi5ozo] {
color: #2c3e50;
font-size: 0.9rem;
}
.customer-meta[b-1c58yi5ozo] {
font-size: 0.75rem;
margin-top: 0.25rem;
}
.customer-status .badge[b-1c58yi5ozo] {
font-size: 0.7rem;
padding: 0.3rem 0.6rem;
}
/* Orders List */
.orders-list[b-1c58yi5ozo] {
margin-top: 0.75rem;
padding-top: 0.75rem;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.order-item[b-1c58yi5ozo] {
padding: 0.25rem 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.order-item:last-child[b-1c58yi5ozo] {
border-bottom: none;
}
.order-number[b-1c58yi5ozo] {
font-weight: 600;
color: #6c757d;
}
.order-wait-time[b-1c58yi5ozo] {
font-family: 'Courier New', monospace;
font-weight: 600;
font-size: 0.8rem;
}
/* Enhanced Order Items Display */
.order-items-enhanced[b-1c58yi5ozo] {
margin-top: 0.75rem;
}
.item-card[b-1c58yi5ozo] {
transition: all 0.3s ease;
border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.item-card:hover[b-1c58yi5ozo] {
transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.item-thumb-wrap[b-1c58yi5ozo] {
position: relative;
width: 50px;
height: 50px;
}
.item-thumb[b-1c58yi5ozo] {
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.08);
background: #fff;
}
.item-thumb.placeholder[b-1c58yi5ozo] {
background: #f8f9fa;
}
.item-qty[b-1c58yi5ozo] {
position: absolute;
top: -8px;
right: -8px;
font-size: 0.7rem;
min-width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.item-name[b-1c58yi5ozo] {
color: #2c3e50;
font-size: 0.9rem;
line-height: 1.3;
}
.item-price[b-1c58yi5ozo] {
font-weight: 600;
color: #C72C48;
}
.item-status .badge[b-1c58yi5ozo] {
font-size: 0.75rem;
padding: 0.4rem 0.7rem;
font-weight: 500;
}
/* Table Orders Button */
.table-orders-btn[b-1c58yi5ozo] {
background: linear-gradient(135deg, #C72C48 0%, #a81f39 100%) !important;
color: white !important;
border: none !important;
font-weight: 500;
letter-spacing: 0.3px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 8px;
}
.table-orders-btn:hover[b-1c58yi5ozo] {
background: linear-gradient(135deg, #a81f39 0%, #8f1730 100%) !important;
color: white !important;
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(199, 44, 72, 0.4);
}
.table-orders-btn:active[b-1c58yi5ozo] {
transform: translateY(0px);
box-shadow: 0 2px 8px rgba(199, 44, 72, 0.3);
}
/* Smooth transitions for all interactive elements */
.table-card[b-1c58yi5ozo],
.customer-session[b-1c58yi5ozo],
.item-card[b-1c58yi5ozo],
.order-item[b-1c58yi5ozo] {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Touch-friendly improvements */
@media (hover: none) and (pointer: coarse) {
.item-card:active[b-1c58yi5ozo],
.customer-session:active[b-1c58yi5ozo] {
transform: scale(0.98);
transition: transform 0.1s ease;
}
.table-orders-btn:active[b-1c58yi5ozo],
.table-action-btn:active[b-1c58yi5ozo] {
transform: scale(0.95);
transition: transform 0.1s ease;
}
}
/* Better card shadows for depth */
.table-card[b-1c58yi5ozo] {
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.table-card:hover[b-1c58yi5ozo] {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}
.item-card[b-1c58yi5ozo] {
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
}
.item-card:hover[b-1c58yi5ozo] {
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
}
/* Compact Order Items (per order) */
.order-items-mini[b-1c58yi5ozo] {
border-left: 2px solid rgba(199, 44, 72, 0.15);
margin-left: 0.25rem;
padding-left: 0.5rem;
}
.mini-item[b-1c58yi5ozo] {
padding: 0.25rem 0;
}
.mini-thumb-wrap[b-1c58yi5ozo] {
position: relative;
width: 36px;
height: 36px;
}
.mini-thumb[b-1c58yi5ozo] {
width: 36px;
height: 36px;
object-fit: cover;
border-radius: 8px;
border: 1px solid rgba(0, 0, 0, 0.08);
background: #fff;
}
.mini-thumb.placeholder[b-1c58yi5ozo] {
background: #f8f9fa;
}
.mini-qty[b-1c58yi5ozo] {
position: absolute;
top: -6px;
right: -8px;
font-size: 0.65rem;
background-color: var(--bs-warning) !important;
color: var(--bs-dark) !important;
}
.mini-name[b-1c58yi5ozo] {
color: #2c3e50;
max-width: 180px;
}
.mini-price[b-1c58yi5ozo] {
font-weight: 700;
color: #C72C48;
}
/* Table Footer */
.table-footer[b-1c58yi5ozo] {
padding: 1rem 1.25rem;
background: rgba(0, 0, 0, 0.02);
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.table-footer .col-4[b-1c58yi5ozo] {
padding: 0.5rem 0.25rem;
}
.table-footer small[b-1c58yi5ozo] {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.table-footer .fw-bold[b-1c58yi5ozo] {
font-size: 0.9rem;
margin-top: 0.25rem;
}
/* Empty Table State */
.empty-table[b-1c58yi5ozo] {
color: #6c757d;
opacity: 0.8;
}
.empty-table i[b-1c58yi5ozo] {
opacity: 0.5;
}
/* Health Indicators */
.health-item[b-1c58yi5ozo] {
padding: 0.75rem 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.health-item:last-child[b-1c58yi5ozo] {
border-bottom: none;
}
.health-item span[b-1c58yi5ozo] {
font-size: 0.9rem;
}
/* Chart Container */
.chart-container[b-1c58yi5ozo] {
position: relative;
height: 300px;
width: 100%;
}
.chart-skeleton[b-1c58yi5ozo] {
height: 300px;
background: #f8f9fa;
border-radius: 8px;
}
/* Animations */
@keyframes blink-b-1c58yi5ozo {
0%,
50% {
opacity: 1;
}
51%,
100% {
opacity: 0.3;
}
}
.blink[b-1c58yi5ozo] {
animation: blink-b-1c58yi5ozo 1s infinite;
}
@keyframes glow-b-1c58yi5ozo {
0%,
100% {
box-shadow: 0 0 5px rgba(220, 53, 69, 0.5);
}
50% {
box-shadow: 0 0 20px rgba(220, 53, 69, 0.8);
}
}
.glow-critical[b-1c58yi5ozo] {
animation: glow-b-1c58yi5ozo 2s infinite;
}
/* Progress Bars */
.progress[b-1c58yi5ozo] {
background-color: rgba(0, 0, 0, 0.1);
border-radius: 4px;
overflow: hidden;
}
.progress-bar[b-1c58yi5ozo] {
transition: width 0.6s ease;
border-radius: 4px;
}
.progress-thin[b-1c58yi5ozo] {
height: 6px !important;
}
/* Responsive Design */
@media (max-width: 768px) {
.stat-number[b-1c58yi5ozo] {
font-size: 1.25rem;
}
.stat-label[b-1c58yi5ozo] {
font-size: 0.75rem;
}
.table-card[b-1c58yi5ozo] {
min-height: auto;
margin-bottom: 1rem;
}
.table-body[b-1c58yi5ozo] {
padding: 0.75rem;
}
.customer-session[b-1c58yi5ozo] {
padding: 0.75rem !important;
border-radius: 12px !important;
margin-bottom: 1rem;
}
.chart-container[b-1c58yi5ozo] {
height: 250px;
}
/* Mobile-specific order items */
.item-card[b-1c58yi5ozo] {
padding: 0.75rem !important;
margin-bottom: 0.75rem;
border-radius: 10px !important;
}
.item-thumb-wrap[b-1c58yi5ozo] {
width: 40px;
height: 40px;
}
.item-thumb[b-1c58yi5ozo] {
width: 40px;
height: 40px;
border-radius: 6px;
}
.item-name[b-1c58yi5ozo] {
font-size: 0.85rem;
line-height: 1.2;
}
.item-status .badge[b-1c58yi5ozo] {
font-size: 0.7rem;
padding: 0.3rem 0.5rem;
}
/* Mobile table header adjustments */
.table-header[b-1c58yi5ozo] {
padding: 0.75rem;
}
.table-orders-btn[b-1c58yi5ozo] {
font-size: 0.8rem;
padding: 0.4rem 0.8rem;
}
.table-action-btn[b-1c58yi5ozo] {
font-size: 0.8rem;
padding: 0.3rem 0.6rem;
}
.customer-info strong[b-1c58yi5ozo] {
font-size: 0.9rem;
}
.customer-meta[b-1c58yi5ozo] {
font-size: 0.75rem;
}
/* Responsive grid adjustments */
.col-lg-6[b-1c58yi5ozo] {
margin-bottom: 1rem;
}
/* Order item responsive improvements */
.order-item[b-1c58yi5ozo] {
border-radius: 10px !important;
padding: 1rem !important;
margin-bottom: 1rem;
}
}
@media (max-width: 576px) {
.dashboard-card[b-1c58yi5ozo] {
border-radius: 12px;
}
.table-header[b-1c58yi5ozo] {
padding: 0.75rem 1rem;
}
.table-body[b-1c58yi5ozo] {
padding: 0.75rem 1rem;
}
.table-footer[b-1c58yi5ozo] {
padding: 0.75rem 1rem;
}
.stat-card[b-1c58yi5ozo] {
padding: 1rem !important;
}
}
/* System Health Specific Styles */
#systemHealthContainer .health-item[b-1c58yi5ozo] {
position: relative;
}
#systemHealthContainer .progress[b-1c58yi5ozo] {
height: 8px;
background: rgba(0, 0, 0, 0.08);
}
/* Badge Enhancements */
.badge[b-1c58yi5ozo] {
font-weight: 500;
letter-spacing: 0.3px;
}
.badge i[b-1c58yi5ozo] {
font-size: 0.85em;
}
/* Loading States */
.placeholder-chart[b-1c58yi5ozo] {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading-b-1c58yi5ozo 1.5s infinite;
}
@keyframes loading-b-1c58yi5ozo {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
/* Skeleton Placeholders */
.placeholder-glow .placeholder[b-1c58yi5ozo] {
background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: loading-b-1c58yi5ozo 1.5s infinite;
}
/* Accessibility Improvements */
.table-card:focus-within[b-1c58yi5ozo] {
outline: 2px solid #C72C48;
outline-offset: 2px;
}
.customer-session:focus-within[b-1c58yi5ozo] {
background: rgba(199, 44, 72, 0.08);
}
/* Performance Optimizations */
.table-card[b-1c58yi5ozo],
.customer-session[b-1c58yi5ozo],
.dashboard-card[b-1c58yi5ozo] {
will-change: transform;
backface-visibility: hidden;
perspective: 1000px;
}
/* High Contrast Mode Support */
@media (prefers-contrast: high) {
.table-card[b-1c58yi5ozo] {
border-width: 2px;
}
.customer-session[b-1c58yi5ozo] {
border-width: 2px !important;
}
.badge[b-1c58yi5ozo] {
border: 1px solid currentColor;
}
}
/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
.blink[b-1c58yi5ozo],
.pulse-critical[b-1c58yi5ozo],
.glow-critical[b-1c58yi5ozo],
.loading[b-1c58yi5ozo] {
animation: none;
}
.table-card[b-1c58yi5ozo],
.customer-session[b-1c58yi5ozo],
.dashboard-card[b-1c58yi5ozo] {
transition: none;
}
}
/* Print Styles */
@media print {
.dashboard-card[b-1c58yi5ozo] {
box-shadow: none;
border: 1px solid #ccc;
break-inside: avoid;
}
.blink[b-1c58yi5ozo] {
animation: none;
font-weight: bold;
text-decoration: underline;
}
.chart-container[b-1c58yi5ozo] {
height: 200px;
}
}
/* Utilities */
.text-theme[b-1c58yi5ozo] {
color: #C72C48 !important;
}
.icon-3xl[b-1c58yi5ozo] {
font-size: 3rem;
}
.icon-4xl[b-1c58yi5ozo] {
font-size: 4rem;
}
/* Dashboard Info Modal Styles */
#dashboardInfoModal .modal-content[b-1c58yi5ozo] {
border: none;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
border-radius: 16px;
overflow: hidden;
}
#dashboardInfoModal .modal-header[b-1c58yi5ozo] {
background: linear-gradient(135deg, #C72C48 0%, #a81f39 100%);
padding: 1.5rem;
}
#dashboardInfoModal .modal-title[b-1c58yi5ozo] {
font-size: 1.2rem;
margin: 0;
}
#dashboardInfoModal .modal-body[b-1c58yi5ozo] {
max-height: 70vh;
overflow-y: auto;
padding: 2rem;
}
#dashboardInfoModal .modal-body[b-1c58yi5ozo]::-webkit-scrollbar {
width: 6px;
}
#dashboardInfoModal .modal-body[b-1c58yi5ozo]::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3px;
}
#dashboardInfoModal .modal-body[b-1c58yi5ozo]::-webkit-scrollbar-thumb {
background: #C72C48;
border-radius: 3px;
}
#dashboardInfoModal h6[b-1c58yi5ozo] {
font-size: 1rem;
margin-bottom: 0.75rem;
}
#dashboardInfoModal .border[b-1c58yi5ozo] {
border-color: rgba(199, 44, 72, 0.1) !important;
transition: all 0.3s ease;
}
#dashboardInfoModal .border:hover[b-1c58yi5ozo] {
border-color: rgba(199, 44, 72, 0.2) !important;
box-shadow: 0 2px 8px rgba(199, 44, 72, 0.08);
}
#dashboardInfoModal .bg-light[b-1c58yi5ozo] {
background-color: #f8f9fa !important;
border-radius: 8px;
}
#dashboardInfoModal .badge[b-1c58yi5ozo] {
font-size: 0.9rem;
padding: 0.5rem;
border-radius: 50%;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
#dashboardInfoModal .modal-footer[b-1c58yi5ozo] {
padding: 1.5rem;
}
/* Info Button Enhancement */
#dashboardInfoBtn[b-1c58yi5ozo] {
border: 2px solid rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(10px);
transition: all 0.3s ease;
}
#dashboardInfoBtn:hover[b-1c58yi5ozo] {
background: rgba(255, 255, 255, 0.2);
border-color: white;
transform: translateY(-1px);
box-shadow: 0 4px 15px rgba(255, 255, 255, 0.2);
}
#dashboardInfoBtn i[b-1c58yi5ozo] {
font-size: 1.1rem;
}
/* Status Examples in Modal */
.status-example[b-1c58yi5ozo] {
transition: all 0.3s ease;
cursor: pointer;
}
.status-example:hover[b-1c58yi5ozo] {
transform: translateX(3px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
/* Responsive Modal */
@media (max-width: 768px) {
#dashboardInfoModal .modal-dialog[b-1c58yi5ozo] {
margin: 0.5rem;
max-width: calc(100% - 1rem);
}
#dashboardInfoModal .modal-body[b-1c58yi5ozo] {
padding: 1.5rem;
max-height: 60vh;
}
#dashboardInfoModal .modal-header[b-1c58yi5ozo],
#dashboardInfoModal .modal-footer[b-1c58yi5ozo] {
padding: 1rem;
}
#dashboardInfoModal .modal-title[b-1c58yi5ozo] {
font-size: 1.1rem;
}
#dashboardInfoModal .row.g-3[b-1c58yi5ozo] {
--bs-gutter-x: 0.75rem;
--bs-gutter-y: 0.75rem;
}
}
@media (max-width: 576px) {
#dashboardInfoBtn .d-none[b-1c58yi5ozo] {
display: inline !important;
}
#dashboardInfoBtn[b-1c58yi5ozo] {
font-size: 0.875rem;
padding: 0.5rem 0.75rem;
}
}
/* Enhanced Filter Controls */
.filter-controls-card[b-1c58yi5ozo] {
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
border: 1px solid rgba(199, 44, 72, 0.1);
transition: all 0.3s ease;
}
.filter-controls-card:hover[b-1c58yi5ozo] {
border-color: rgba(199, 44, 72, 0.2);
box-shadow: 0 4px 20px rgba(199, 44, 72, 0.08);
}
.form-label.small.fw-bold[b-1c58yi5ozo] {
color: #6c757d;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 0.25rem;
}
.form-select-sm[b-1c58yi5ozo] {
border-color: #dee2e6;
transition: all 0.3s ease;
font-size: 0.875rem;
}
.form-select-sm:focus[b-1c58yi5ozo] {
border-color: #C72C48;
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
}
.table-sort-select[b-1c58yi5ozo] {
width: auto;
display: inline-block;
vertical-align: middle;
}
/* Filter Results Count */
.filter-count[b-1c58yi5ozo] {
color: #2c3e50;
font-weight: 700;
font-size: 0.9rem;
}
.filter-count span[b-1c58yi5ozo] {
color: #C72C48;
}
/* Reset Button */
.btn-outline-secondary.btn-sm[b-1c58yi5ozo] {
border-color: #6c757d;
color: #6c757d;
transition: all 0.3s ease;
font-size: 0.8rem;
padding: 0.25rem 0.6rem;
}
.btn-outline-secondary.btn-sm:hover[b-1c58yi5ozo] {
background-color: #6c757d;
border-color: #6c757d;
transform: translateY(-1px);
}
/* Animation for filtered items */
.table-card[b-1c58yi5ozo] {
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.table-card.filtering[b-1c58yi5ozo] {
opacity: 0.5;
transform: scale(0.95);
}
/* Empty filter state */
.no-results-message[b-1c58yi5ozo] {
background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
border: 2px dashed #dee2e6;
border-radius: 16px;
padding: 3rem;
text-align: center;
color: #6c757d;
}
.no-results-message i[b-1c58yi5ozo] {
font-size: 4rem;
opacity: 0.5;
margin-bottom: 1rem;
}
/* Responsive adjustments for filters */
@media (max-width: 768px) {
.filter-controls-card .row>.col-md-3[b-1c58yi5ozo] {
margin-bottom: 1rem;
}
.filter-controls-card .row>.col-md-3:last-child[b-1c58yi5ozo] {
margin-bottom: 0;
}
}
/* Legend */
.legend-color[b-1c58yi5ozo] {
display: inline-block;
}
/* Health Analysis Styles */
.alert-sm[b-1c58yi5ozo] {
font-size: 0.875rem;
padding: 0.375rem 0.75rem;
}
.table-advice[b-1c58yi5ozo] {
border-left: 4px solid #ffc107;
background-color: #fff3cd;
border-radius: 0.375rem;
}
.health-breakdown-btn[b-1c58yi5ozo] {
border-radius: 50%;
width: 32px;
height: 32px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.penalty-item[b-1c58yi5ozo] {
background-color: #f8f9fa;
padding: 0.75rem;
border-radius: 0.375rem;
margin-bottom: 1rem;
}
.table-health-indicator[b-1c58yi5ozo] {
font-size: 0.75rem;
font-weight: 600;
white-space: nowrap;
}
/* Auto-refresh countdown timer */
.auto-refresh-timer[b-1c58yi5ozo] {
font-size: 0.875rem;
font-weight: 500;
background: rgba(255, 255, 255, 0.1);
border-radius: 20px;
padding: 0.375rem 0.75rem;
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.2);
}
.auto-refresh-timer i[b-1c58yi5ozo] {
animation: rotate-b-1c58yi5ozo 2s linear infinite;
}
@keyframes rotate-b-1c58yi5ozo {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* _content/dekatfood/Pages/Seller/DineInPage/DineInDetails.cshtml.rz.scp.css */
/* DineInDetails specific styles */
/* Hero Section */
.hero-section[b-q2m0fhayo0] {
background: linear-gradient(135deg, var(--primary-color) 0%, #a81f39 100%);
color: white;
}
.kiosk-logo[b-q2m0fhayo0] {
width: 60px;
height: 60px;
object-fit: cover;
border: 3px solid rgba(255, 255, 255, 0.3);
}
.hero-title[b-q2m0fhayo0] {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 0.25rem;
}
.hero-subtitle[b-q2m0fhayo0] {
font-size: 1.1rem;
opacity: 0.9;
}
.hero-location[b-q2m0fhayo0] {
font-size: 0.95rem;
opacity: 0.8;
}
.hero-actions .btn[b-q2m0fhayo0] {
border-radius: 25px;
font-weight: 500;
padding: 0.5rem 1.5rem;
transition: all 0.3s ease;
}
.hero-actions .btn:hover[b-q2m0fhayo0] {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}
/* Cards */
.card[b-q2m0fhayo0] {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border: none;
border-radius: 12px;
transition: all 0.3s ease;
}
.card:hover[b-q2m0fhayo0] {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.card-header[b-q2m0fhayo0] {
border-radius: 12px 12px 0 0 !important;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-bottom: 2px solid #f0f0f0;
}
/* Info Items */
.info-item[b-q2m0fhayo0] {
margin-bottom: 1.5rem;
}
.info-label[b-q2m0fhayo0] {
font-weight: 600;
color: #6c757d;
font-size: 0.9rem;
margin-bottom: 0.25rem;
display: block;
letter-spacing: 0.3px;
}
.info-value[b-q2m0fhayo0] {
font-size: 1rem;
color: #2c3e50;
font-weight: 500;
line-height: 1.4;
}
/* QR Code Section */
.qr-code-container[b-q2m0fhayo0] {
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
background: #f8f9fa;
border-radius: 8px;
padding: 1rem;
}
.qr-card .card-body[b-q2m0fhayo0] {
padding: 1.5rem;
}
/* Print Styles for QR Grid */
.qr-grid[b-q2m0fhayo0] {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(4, 1fr);
gap: 15px;
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.qr-cell[b-q2m0fhayo0] {
border: 2px solid #000;
padding: 10px;
text-align: center;
background: white;
border-radius: 8px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 180px;
}
.qr-canvas[b-q2m0fhayo0] {
max-width: 100%;
height: auto;
margin: 0 auto 8px;
}
.qr-info[b-q2m0fhayo0] {
font-size: 10px;
line-height: 1.2;
}
.qr-info .kiosk-name[b-q2m0fhayo0] {
font-weight: bold;
font-size: 11px;
margin-bottom: 2px;
color: #333;
}
.qr-info .table-name[b-q2m0fhayo0] {
font-weight: bold;
color: #c72c48;
margin-bottom: 2px;
font-size: 12px;
}
.qr-info .scan-text[b-q2m0fhayo0] {
color: #666;
font-size: 9px;
}
/* Buttons */
.btn[b-q2m0fhayo0] {
border-radius: 8px;
font-weight: 500;
transition: all 0.3s ease;
}
.btn:hover[b-q2m0fhayo0] {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.btn-primary[b-q2m0fhayo0] {
background: linear-gradient(135deg, var(--primary-color) 0%, #a81f39 100%);
border: none;
}
.btn-primary:hover[b-q2m0fhayo0] {
background: linear-gradient(135deg, #a81f39 0%, var(--primary-color) 100%);
}
/* Skeleton Loading */
.skeleton-section[b-q2m0fhayo0] {
background-color: #f8f9fa;
}
.placeholder[b-q2m0fhayo0] {
background-color: #e9ecef;
border-radius: 4px;
animation: placeholder-glow-b-q2m0fhayo0 2s ease-in-out infinite alternate;
}
@keyframes placeholder-glow-b-q2m0fhayo0 {
to {
opacity: 0.5;
}
}
/* Badge Styles */
.badge[b-q2m0fhayo0] {
font-size: 0.875rem !important;
padding: 0.5rem 0.75rem;
border-radius: 20px;
}
/* Quick Actions */
.quick-actions-card .btn[b-q2m0fhayo0] {
margin-bottom: 0.5rem;
}
.quick-actions-card .btn:last-child[b-q2m0fhayo0] {
margin-bottom: 0;
}
/* Responsive Design */
@media (max-width: 768px) {
.hero-title[b-q2m0fhayo0] {
font-size: 2rem;
}
.kiosk-logo[b-q2m0fhayo0] {
width: 50px;
height: 50px;
}
.hero-actions[b-q2m0fhayo0] {
justify-content: center !important;
}
.hero-actions .btn[b-q2m0fhayo0] {
font-size: 0.9rem;
padding: 0.4rem 1rem;
}
.card-body[b-q2m0fhayo0] {
padding: 1rem;
}
.info-item[b-q2m0fhayo0] {
margin-bottom: 1rem;
}
.qr-grid[b-q2m0fhayo0] {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(8, 1fr);
gap: 10px;
}
.qr-cell[b-q2m0fhayo0] {
min-height: 150px;
padding: 8px;
}
}
@media (max-width: 576px) {
.hero-content[b-q2m0fhayo0] {
text-align: center;
}
.hero-title[b-q2m0fhayo0] {
font-size: 1.75rem;
}
.hero-subtitle[b-q2m0fhayo0] {
font-size: 1rem;
}
.info-value[b-q2m0fhayo0] {
font-size: 0.95rem;
}
.qr-code-container[b-q2m0fhayo0] {
min-height: 150px;
padding: 0.5rem;
}
.qr-grid[b-q2m0fhayo0] {
grid-template-columns: 1fr;
grid-template-rows: repeat(16, 1fr);
}
.qr-cell[b-q2m0fhayo0] {
min-height: 120px;
padding: 6px;
}
}
/* Print Styles */
@media print {
body[b-q2m0fhayo0] {
margin: 0;
padding: 0;
}
.qr-grid[b-q2m0fhayo0] {
page-break-inside: avoid;
width: 100%;
height: calc(297mm - 40mm); /* A4 height minus margins */
}
.qr-cell[b-q2m0fhayo0] {
page-break-inside: avoid;
border: 2px solid #000 !important;
background: white !important;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.qr-info .table-name[b-q2m0fhayo0] {
color: #c72c48 !important;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
}
/* Animation for content reveal */
.content-section[b-q2m0fhayo0] {
animation: fadeInUp-b-q2m0fhayo0 0.6s ease-out;
}
@keyframes fadeInUp-b-q2m0fhayo0 {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Focus styles for accessibility */
.btn:focus[b-q2m0fhayo0],
button:focus[b-q2m0fhayo0] {
outline: none;
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
}
/* Card stagger animation */
.card:nth-child(1)[b-q2m0fhayo0] { animation-delay: 0.1s; }
.card:nth-child(2)[b-q2m0fhayo0] { animation-delay: 0.2s; }
.card:nth-child(3)[b-q2m0fhayo0] { animation-delay: 0.3s; }
.card:nth-child(4)[b-q2m0fhayo0] { animation-delay: 0.4s; }
/* _content/dekatfood/Pages/Seller/DineInPage/DineInForm.cshtml.rz.scp.css */
body[b-7wqmt5wv9a] {
}
/* _content/dekatfood/Pages/Seller/DineInPage/DineInList.cshtml.rz.scp.css */
/* DineInList specific styles */
/* Table Indicator */
.table-indicator[b-5pb1tjdmk7] {
width: 4px;
height: 20px;
background: linear-gradient(135deg, var(--primary-color) 0%, #a81f39 100%);
border-radius: 2px;
}
/* Table Cards */
.table-card[b-5pb1tjdmk7] {
transition: all 0.3s ease;
border-left: 4px solid var(--primary-color) !important;
}
.table-card:hover[b-5pb1tjdmk7] {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(199, 44, 72, 0.15) !important;
}
/* Capacity Display for Mobile */
.capacity-card[b-5pb1tjdmk7] {
padding: 0.75rem;
border-radius: 8px;
text-align: center;
transition: all 0.3s ease;
}
.capacity-card:hover[b-5pb1tjdmk7] {
transform: translateY(-2px);
}
/* Enhanced capacity icon */
.capacity-icon[b-5pb1tjdmk7] {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.capacity-icon i[b-5pb1tjdmk7] {
font-size: 1.1rem;
}
/* Statistics Cards */
.stat-card[b-5pb1tjdmk7] {
background: white;
border: 2px solid #e9ecef;
border-radius: 12px;
padding: 1.5rem;
transition: all 0.3s ease;
height: 100%;
animation: scaleIn-b-5pb1tjdmk7 0.6s ease-out;
}
.stat-card:hover[b-5pb1tjdmk7] {
border-color: var(--primary-color);
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(199, 44, 72, 0.15);
}
.stat-icon[b-5pb1tjdmk7] {
margin-bottom: 0.75rem;
}
.stat-icon i[b-5pb1tjdmk7] {
font-size: 2rem;
}
.stat-number[b-5pb1tjdmk7] {
font-size: 2rem;
font-weight: 700;
color: #2c3e50;
line-height: 1;
margin-bottom: 0.25rem;
}
.stat-label[b-5pb1tjdmk7] {
font-size: 0.9rem;
color: #6c757d;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* Filter Card Enhancement */
.card[b-5pb1tjdmk7] {
animation: fadeInUp-b-5pb1tjdmk7 0.5s ease-out;
}
/* Table Enhancements */
.table-hover tbody tr:hover[b-5pb1tjdmk7] {
background-color: rgba(199, 44, 72, 0.05);
transform: translateX(3px);
transition: all 0.3s ease;
}
.table thead th[b-5pb1tjdmk7] {
font-weight: 600;
color: var(--primary-color);
border-bottom: 2px solid #f8d7dd;
letter-spacing: 0.3px;
}
/* Sortable table headers */
.table thead th a[b-5pb1tjdmk7] {
color: var(--primary-color) !important;
text-decoration: none !important;
font-weight: 600;
transition: all 0.3s ease;
}
.table thead th a:hover[b-5pb1tjdmk7] {
color: #a81f39 !important;
transform: translateY(-1px);
}
.table thead th a i[b-5pb1tjdmk7] {
font-size: 0.8rem;
transition: all 0.3s ease;
}
.table thead th a:hover i[b-5pb1tjdmk7] {
transform: scale(1.1);
}
/* Button Colors */
.btn-outline-warning[b-5pb1tjdmk7] {
color: #ffc107;
border-color: #ffc107;
}
.btn-outline-warning:hover[b-5pb1tjdmk7] {
background-color: #ffc107;
border-color: #ffc107;
color: #000;
}
.btn-outline-danger[b-5pb1tjdmk7] {
color: #dc3545;
border-color: #dc3545;
}
.btn-outline-danger:hover[b-5pb1tjdmk7] {
background-color: #dc3545;
border-color: #dc3545;
color: white;
}
.btn-outline-secondary[b-5pb1tjdmk7] {
color: #6c757d;
border-color: #6c757d;
}
.btn-outline-secondary:hover[b-5pb1tjdmk7] {
background-color: #6c757d;
border-color: #6c757d;
color: white;
}
.btn-outline-success[b-5pb1tjdmk7] {
color: #28a745;
border-color: #28a745;
}
.btn-outline-success:hover[b-5pb1tjdmk7] {
background-color: #28a745;
border-color: #28a745;
color: white;
}
/* Button Group Enhancements */
.btn-group .btn[b-5pb1tjdmk7] {
border-radius: 0.375rem !important;
transition: all 0.3s ease;
font-weight: 500;
min-width: 36px;
min-height: 32px;
display: flex;
align-items: center;
justify-content: center;
}
.btn-group .btn:hover[b-5pb1tjdmk7] {
transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
/* Ensure btn-group-sm padding is tight */
.btn-group.btn-group-sm .btn[b-5pb1tjdmk7] {
padding: 0.25rem 0.5rem;
font-size: 0.85rem;
min-width: 32px;
min-height: 28px;
}
/* Uniform action buttons (table / card action groups) */
/* Enforce a consistent square-ish size for icon-only buttons in action groups */
.table .btn-group .btn[b-5pb1tjdmk7],
.table-card .btn-group .btn[b-5pb1tjdmk7],
.quick-actions-card .btn-group .btn[b-5pb1tjdmk7],
.card .btn-group .btn[b-5pb1tjdmk7] {
min-width: 44px;
height: 36px;
padding: 0 0.6rem;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
}
/* Ensure icons are centered and consistent */
.table .btn-group .btn i[b-5pb1tjdmk7],
.table-card .btn-group .btn i[b-5pb1tjdmk7],
.quick-actions-card .btn-group .btn i[b-5pb1tjdmk7] {
font-size: 1.05rem;
line-height: 1;
}
/* Preserve full-width behavior for mobile stacked button groups */
@media (max-width: 768px) {
.btn-group.w-100 .btn[b-5pb1tjdmk7] {
flex: 1 1 0;
margin-right: 0.25rem;
min-height: 32px;
width: auto !important;
}
.btn-group.w-100 .btn:last-child[b-5pb1tjdmk7] {
margin-right: 0;
}
}
/* Desktop table button enhancements */
.table .btn-group-sm .btn[b-5pb1tjdmk7] {
padding: 0.25rem 0.4rem;
min-width: 32px;
min-height: 28px;
}
/* Mobile action button styling */
@media (max-width: 768px) {
.btn-group.w-100 .btn[b-5pb1tjdmk7] {
flex: 1 1 0;
margin-right: 0.25rem;
min-height: 32px;
}
.btn-group.w-100 .btn:last-child[b-5pb1tjdmk7] {
margin-right: 0;
}
}
/* Empty State */
.empty-state[b-5pb1tjdmk7] {
padding: 3rem 1rem;
max-width: 400px;
margin: 0 auto;
}
.empty-state h4[b-5pb1tjdmk7] {
color: var(--primary-color);
font-weight: 600;
}
.empty-state p[b-5pb1tjdmk7] {
font-size: 1.1rem;
line-height: 1.6;
}
/* Filter Form Enhancement */
.form-label[b-5pb1tjdmk7] {
color: var(--primary-color);
font-weight: 600;
margin-bottom: 0.5rem;
}
.form-select[b-5pb1tjdmk7],
.form-control[b-5pb1tjdmk7] {
border-radius: 10px;
border: 2px solid #e9ecef;
transition: all 0.3s ease;
}
.form-select:focus[b-5pb1tjdmk7],
.form-control:focus[b-5pb1tjdmk7] {
border-color: var(--primary-color);
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
}
/* Card Header Enhancement */
.card-header[b-5pb1tjdmk7] {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-bottom: 2px solid #f8d7dd;
}
/* Header Button Styles */
.btn-light[b-5pb1tjdmk7] {
background: white;
color: var(--primary-color);
border: 2px solid white;
font-weight: 600;
}
.btn-light:hover[b-5pb1tjdmk7] {
background: var(--primary-color);
color: white;
border-color: var(--primary-color);
transform: translateY(-2px);
}
.btn-outline-light[b-5pb1tjdmk7] {
border: 2px solid white;
color: white;
font-weight: 600;
}
.btn-outline-light:hover[b-5pb1tjdmk7] {
background: white;
color: var(--primary-color);
border-color: white;
transform: translateY(-2px);
}
/* Modal Enhancements */
.modal-content[b-5pb1tjdmk7] {
border: none;
border-radius: 15px;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.modal-header[b-5pb1tjdmk7] {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: 15px 15px 0 0;
}
.modal-title[b-5pb1tjdmk7] {
font-weight: 600;
}
.modal-footer[b-5pb1tjdmk7] {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: 0 0 15px 15px;
}
/* Animations */
@keyframes fadeInUp-b-5pb1tjdmk7 {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes scaleIn-b-5pb1tjdmk7 {
from {
opacity: 0;
transform: scale(0.8);
}
to {
opacity: 1;
transform: scale(1);
}
}
.table-card[b-5pb1tjdmk7] {
animation: slideInUp-b-5pb1tjdmk7 0.6s ease-out;
}
@keyframes slideInUp-b-5pb1tjdmk7 {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Stagger animation for cards */
.table-card:nth-child(1)[b-5pb1tjdmk7] {
animation-delay: 0.1s;
}
.table-card:nth-child(2)[b-5pb1tjdmk7] {
animation-delay: 0.2s;
}
.table-card:nth-child(3)[b-5pb1tjdmk7] {
animation-delay: 0.3s;
}
.table-card:nth-child(4)[b-5pb1tjdmk7] {
animation-delay: 0.4s;
}
.table-card:nth-child(5)[b-5pb1tjdmk7] {
animation-delay: 0.5s;
}
.table-card:nth-child(6)[b-5pb1tjdmk7] {
animation-delay: 0.6s;
}
.table-card:nth-child(7)[b-5pb1tjdmk7] {
animation-delay: 0.7s;
}
.table-card:nth-child(8)[b-5pb1tjdmk7] {
animation-delay: 0.8s;
}
/* Stagger animation for stat cards */
.stat-card:nth-child(1)[b-5pb1tjdmk7] {
animation-delay: 0.1s;
}
.stat-card:nth-child(2)[b-5pb1tjdmk7] {
animation-delay: 0.2s;
}
.stat-card:nth-child(3)[b-5pb1tjdmk7] {
animation-delay: 0.3s;
}
.stat-card:nth-child(4)[b-5pb1tjdmk7] {
animation-delay: 0.4s;
}
/* Table row animations */
.table tbody tr[b-5pb1tjdmk7] {
animation: fadeInRow-b-5pb1tjdmk7 0.4s ease-out;
}
.table tbody tr:nth-child(1)[b-5pb1tjdmk7] {
animation-delay: 0.1s;
}
.table tbody tr:nth-child(2)[b-5pb1tjdmk7] {
animation-delay: 0.15s;
}
.table tbody tr:nth-child(3)[b-5pb1tjdmk7] {
animation-delay: 0.2s;
}
.table tbody tr:nth-child(4)[b-5pb1tjdmk7] {
animation-delay: 0.25s;
}
.table tbody tr:nth-child(5)[b-5pb1tjdmk7] {
animation-delay: 0.3s;
}
.table tbody tr:nth-child(6)[b-5pb1tjdmk7] {
animation-delay: 0.35s;
}
.table tbody tr:nth-child(7)[b-5pb1tjdmk7] {
animation-delay: 0.4s;
}
.table tbody tr:nth-child(8)[b-5pb1tjdmk7] {
animation-delay: 0.45s;
}
@keyframes fadeInRow-b-5pb1tjdmk7 {
from {
opacity: 0;
transform: translateX(-20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
/* Responsive Design */
@media (max-width: 768px) {
.empty-state[b-5pb1tjdmk7] {
padding: 2rem 0.5rem;
}
.empty-state i[b-5pb1tjdmk7] {
font-size: 3rem !important;
}
.capacity-card[b-5pb1tjdmk7] {
padding: 0.5rem;
}
.d-flex.gap-2 .btn[b-5pb1tjdmk7] {
flex: 1;
margin-bottom: 0.5rem;
}
.stat-card[b-5pb1tjdmk7] {
padding: 1rem;
margin-bottom: 1rem;
}
.stat-number[b-5pb1tjdmk7] {
font-size: 1.5rem;
}
.stat-icon i[b-5pb1tjdmk7] {
font-size: 1.5rem;
}
/* Hide sorting arrows on mobile table headers */
.table thead th a i[b-5pb1tjdmk7] {
display: none;
}
/* Mobile table card improvements */
.table-card .card-body[b-5pb1tjdmk7] {
padding: 1.25rem;
}
.table-indicator[b-5pb1tjdmk7] {
width: 4px;
height: 24px;
}
}
/* Strong overrides to prevent duplicate table/list rendering in edge cases */
@media (max-width: 767.98px) {
/* Ensure desktop table is hidden on small screens */
#desktopTableContainer[b-5pb1tjdmk7] {
display: none !important;
}
/* Ensure mobile list is visible on small screens */
#mobileListContainer[b-5pb1tjdmk7] {
display: block !important;
}
}
@media (min-width: 768px) {
/* Ensure mobile list is hidden on md+ screens */
#mobileListContainer[b-5pb1tjdmk7] {
display: none !important;
}
#desktopTableContainer[b-5pb1tjdmk7] {
display: block !important;
}
}
@media (max-width: 576px) {
.card-body[b-5pb1tjdmk7] {
padding: 1rem;
}
.capacity-card[b-5pb1tjdmk7] {
padding: 0.4rem;
font-size: 0.875rem;
}
.table-card .card-body[b-5pb1tjdmk7] {
padding: 0.75rem;
}
}
/* Text utilities */
.fw-500[b-5pb1tjdmk7] {
font-weight: 500;
}
.text-primary[b-5pb1tjdmk7] {
color: var(--primary-color) !important;
}
/* Loading states */
.btn:disabled[b-5pb1tjdmk7] {
opacity: 0.6;
cursor: not-allowed;
}
/* Focus states for accessibility */
.btn:focus[b-5pb1tjdmk7],
.form-select:focus[b-5pb1tjdmk7],
.form-control:focus[b-5pb1tjdmk7] {
outline: none;
box-shadow: 0 0 0 0.2rem rgba(199, 44, 72, 0.25);
}
/* Header responsive adjustments */
@media (max-width: 768px) {
.d-flex.justify-content-between[b-5pb1tjdmk7] {
flex-direction: column;
align-items: flex-start !important;
}
.d-flex.gap-2[b-5pb1tjdmk7] {
width: 100%;
justify-content: center;
margin-top: 1rem;
}
}
/* Enhanced mobile styles */
@media (max-width: 576px) {
/* Mobile filter section */
.card-body .row.g-3[b-5pb1tjdmk7] {
row-gap: 1rem !important;
}
.card-body .row.g-3>.col-md-3[b-5pb1tjdmk7],
.card-body .row.g-3>.col-md-2[b-5pb1tjdmk7] {
min-width: 100%;
flex: 0 0 100%;
}
/* Mobile search input */
.form-control[b-5pb1tjdmk7],
.form-select[b-5pb1tjdmk7] {
font-size: 16px;
/* Prevent zoom on iOS */
}
/* Statistics cards mobile optimization */
.stat-card[b-5pb1tjdmk7] {
padding: 1rem;
margin-bottom: 0.75rem;
}
.stat-number[b-5pb1tjdmk7] {
font-size: 1.25rem;
}
.stat-icon i[b-5pb1tjdmk7] {
font-size: 1.25rem;
}
/* Table cards mobile */
.table-card[b-5pb1tjdmk7] {
margin-bottom: 1rem;
}
.table-card .card-body[b-5pb1tjdmk7] {
padding: 1rem;
}
/* Mobile table view */
.table-responsive[b-5pb1tjdmk7] {
font-size: 0.875rem;
}
}
/* Pagination enhancements */
.pagination[b-5pb1tjdmk7] {
margin-bottom: 0;
}
.pagination .page-link[b-5pb1tjdmk7] {
border-radius: 8px;
margin: 0 2px;
border: 2px solid #e9ecef;
color: var(--primary-color);
font-weight: 500;
transition: all 0.3s ease;
}
.pagination .page-link:hover[b-5pb1tjdmk7] {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: white;
transform: translateY(-2px);
}
.pagination .page-item.active .page-link[b-5pb1tjdmk7] {
background-color: var(--primary-color);
border-color: var(--primary-color);
color: white;
}
.pagination .page-item.disabled .page-link[b-5pb1tjdmk7] {
color: #6c757d;
border-color: #e9ecef;
}
/* Search results info */
.alert-info[b-5pb1tjdmk7] {
border-left: 4px solid #0dcaf0;
background-color: rgba(13, 202, 240, 0.05);
}
/* Filter form enhancements */
.form-label[b-5pb1tjdmk7] {
font-size: 0.9rem;
margin-bottom: 0.375rem;
}
/* Loading state for filter */
.btn:disabled[b-5pb1tjdmk7] {
opacity: 0.65;
cursor: not-allowed;
}
/* Enhanced hover effects */
.table-card:hover[b-5pb1tjdmk7] {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(199, 44, 72, 0.2) !important;
}
/* Mobile pagination */
@media (max-width: 576px) {
.pagination[b-5pb1tjdmk7] {
justify-content: center !important;
flex-wrap: wrap;
}
.pagination .page-item[b-5pb1tjdmk7] {
margin: 0.125rem;
}
.pagination .page-link[b-5pb1tjdmk7] {
padding: 0.5rem 0.75rem;
font-size: 0.875rem;
margin: 0;
}
}
/* Additional mobile optimizations */
@media (max-width: 480px) {
.stat-card[b-5pb1tjdmk7] {
padding: 0.75rem;
}
.stat-number[b-5pb1tjdmk7] {
font-size: 1.1rem;
}
.stat-label[b-5pb1tjdmk7] {
font-size: 0.8rem;
}
.capacity-card[b-5pb1tjdmk7] {
padding: 0.5rem;
font-size: 0.8rem;
}
}
/* Add styles for hidden original submit button if removed later */
.filter-auto-hidden[b-5pb1tjdmk7] {
display: none !important;
}
/* Moved styles from DineInList.cshtml (inline