Canal View - Caffe & Restaurant

• ( 0 Reviews )

.nr-content{font-family:’Inter’,-apple-system,BlinkMacSystemFont,’Segoe UI’,Roboto,sans-serif;line-height:1.6;color:#374151;max-width:100%}
.nr-content *{box-sizing:border-box}
.nr-about{background:#fff;border-radius:1rem;border:1px solid #f3f4f6;box-shadow:0 1px 3px rgba(0,0,0,0.05);margin-bottom:2rem}
.nr-about-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem}
.nr-about-icon{background:#e0e7ff;padding:0.625rem;border-radius:0.75rem;color:#4f46e5;display:flex;align-items:center;justify-content:center}
.nr-about-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}
.nr-about-text{font-size:1rem;color:#4b5563;line-height:1.75;margin:0}
.nr-section-header{font-size:1.25rem;font-weight:700;color:#111827;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem}
.nr-section-bar{width:4px;height:1.5rem;border-radius:2px}
.nr-section-bar.indigo{background:#4f46e5}
.nr-section-bar.orange{background:#f97316}
.nr-section-bar.purple{background:#9333ea}
.nr-exp-list{background:#fff;border-radius:1rem;border:1px solid #f3f4f6;box-shadow:0 1px 3px rgba(0,0,0,0.05);overflow:hidden;margin-bottom:2rem}
.nr-exp-item{padding:1.5rem;display:flex;align-items:flex-start;border-bottom:1px solid #f9fafb;transition:background 0.2s}
.nr-exp-item:last-child{border-bottom:none}
.nr-exp-item:hover{background:#fafafa}
.nr-exp-item:hover .nr-exp-icon{background:#e0e7ff;color:#4f46e5}
.nr-exp-item:hover .nr-exp-check{opacity:1;transform:translateX(0)}
.nr-exp-icon{background:#f3f4f6;padding:0.5rem;border-radius:0.5rem;color:#9ca3af;margin-right:1.25rem;transition:all 0.2s;display:flex;align-items:center;justify-content:center}
.nr-exp-content{flex:1}
.nr-exp-title{font-weight:700;color:#111827;font-size:1.125rem;margin:0 0 0.25rem 0}
.nr-exp-subtitle{color:#6b7280;font-size:0.875rem;margin:0}
.nr-exp-check{color:#4f46e5;opacity:0;transform:translateX(0.5rem);transition:all 0.2s;margin-left:1rem}
.nr-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:2rem}
.nr-menu-card{background:#fff;padding:1.25rem;border-radius:0.75rem;border:1px solid #e5e7eb;display:flex;align-items:flex-start;gap:1rem;transition:all 0.2s}
.nr-menu-card:hover{border-color:#fed7aa;box-shadow:0 4px 6px rgba(0,0,0,0.05)}
.nr-menu-icon{background:#fff7ed;color:#ea580c;padding:0.625rem;border-radius:0.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.nr-menu-name{font-weight:700;color:#111827;font-size:1.125rem;display:block;margin-bottom:0.25rem}
.nr-menu-desc{color:#6b7280;font-size:0.875rem;margin:0}
.nr-two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}
.nr-dietary{background:#fff;border-radius:1rem;padding:2rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.nr-dietary-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem}
.nr-dietary-icon{background:#dcfce7;color:#16a34a;padding:0.625rem;border-radius:0.75rem;display:flex;align-items:center;justify-content:center}
.nr-dietary-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}
.nr-dietary-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.75rem}
.nr-dietary-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;border-radius:0.5rem;transition:background 0.2s;font-weight:500;color:#374151}
.nr-dietary-item:hover{background:#f0fdf4}
.nr-dietary-check{width:1.25rem;height:1.25rem;background:#dcfce7;color:#16a34a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nr-dietary-check svg{width:12px;height:12px}
.nr-payment{background:#fff;border-radius:1rem;padding:2rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.nr-payment-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem}
.nr-payment-icon{background:#dbeafe;color:#2563eb;padding:0.625rem;border-radius:0.75rem;display:flex;align-items:center;justify-content:center}
.nr-payment-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}
.nr-payment-label{font-size:0.75rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.75rem}
.nr-cards{display:flex;flex-wrap:wrap;gap:0.75rem}
.nr-card-badge{display:flex;align-items:center;gap:0.5rem;padding:0.625rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:0.5rem;font-size:0.875rem;font-weight:500;color:#374151}
.nr-card-badge svg{color:#9ca3af}
.nr-hours{background:#fff;border-radius:1rem;padding:2rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,0.05);margin-bottom:2rem}
.nr-hours-header{display:flex;align-items:center;gap:0.75rem;margin-bottom:1.5rem}
.nr-hours-icon{background:#f3e8ff;color:#9333ea;padding:0.625rem;border-radius:0.75rem;display:flex;align-items:center;justify-content:center}
.nr-hours-info h4{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 0.25rem 0}
.nr-hours-info p{font-size:0.875rem;color:#6b7280;margin:0}
.nr-hours-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.75rem}
.nr-hours-row{display:flex;justify-content:space-between;align-items:center;padding:0.75rem;border-radius:0.5rem;font-size:0.875rem;color:#6b7280;transition:background 0.2s}
.nr-hours-row:hover{background:#faf5ff}
.nr-hours-today{background:#faf5ff;border:1px solid #e9d5ff;font-weight:700;color:#111827}
.nr-hours-day{font-weight:500;display:flex;align-items:center;gap:0.5rem}
.nr-hours-time{font-weight:600;color:#374151;font-variant-numeric:tabular-nums}
.nr-hours-closed{font-style:italic;font-size:0.75rem;color:#9ca3af;background:#f3f4f6;padding:0.25rem 0.75rem;border-radius:9999px}
.nr-today-dot{width:8px;height:8px;background:#9333ea;border-radius:50%;display:inline-block;animation:nr-pulse 2s infinite}
@keyframes nr-pulse{0%,100%{opacity:1}50%{opacity:0.5}}