/* ============================================================ AAIS — Amma & Appa Idli Stall "Cart temporarily disabled" notice Include this file site-wide (e.g. linked from your master page ) ============================================================ */ :root { --aais-orange: #D65A1E; --aais-gold: #f29b22; --aais-teal: #005c66; --aais-cream: #FFF8EF; --aais-ink: #2E211A; --aais-line: #EADFD1; } .aais-overlay { position: fixed; inset: 0; background: rgba(46,33,26,.55); backdrop-filter: blur(2px); display: none; align-items: center; justify-content: center; z-index: 9999; padding: 20px; opacity: 0; transition: opacity .2s ease; } .aais-overlay.aais-show { display: flex; } .aais-overlay.aais-visible { opacity: 1; } .aais-modal { position: relative; width: 100%; max-width: 420px; background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 25px 60px -12px rgba(46,33,26,.45); transform: translateY(14px) scale(.97); transition: transform .25s cubic-bezier(.2,.8,.3,1); font-family: 'Quicksand-Regular', 'Quicksand', sans-serif; } .aais-overlay.aais-visible .aais-modal { transform: translateY(0) scale(1); } .aais-awning { height: 14px; background: repeating-linear-gradient( 110deg, var(--aais-teal) 0 18px, #ffffff 18px 22px, var(--aais-gold) 22px 40px, #ffffff 40px 44px ); } .aais-scallops { height: 12px; display: flex; } .aais-scallops span { flex: 1; height: 12px; border-radius: 0 0 50% 50%/0 0 100% 100%; background: var(--aais-cream); } .aais-scallops span:nth-child(odd) { background: #FBEFDD; } .aais-body { padding: 28px 26px 26px; } .aais-top { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; } .aais-logo { width: 52px; height: 52px; flex-shrink: 0; } .aais-eyebrow { font-family: 'Quicksand-SemiBold', 'Quicksand', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--aais-gold); margin: 0 0 3px; } .aais-title { font-family: 'Quicksand-SemiBold', 'Quicksand', sans-serif; font-size: 19px; font-weight: 700; color: var(--aais-orange); margin: 0; line-height: 1.25; } .aais-msg { font-size: 14.5px; line-height: 1.65; color: #4a3c31; margin: 0 0 20px; } .aais-msg strong { color: var(--aais-teal); } .aais-contact { background: var(--aais-cream); border: 1px solid var(--aais-line); border-radius: 14px; padding: 15px 16px; margin-bottom: 22px; } .aais-contact-row { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; line-height: 1.5; color: var(--aais-ink); padding: 6px 0; } .aais-contact-row + .aais-contact-row { border-top: 1px dashed var(--aais-line); } .aais-contact-row .aais-ico { width: 20px; flex-shrink: 0; text-align: center; color: var(--aais-teal); font-size: 15px; margin-top: 1px; } .aais-contact-row a { color: var(--aais-ink); text-decoration: none; font-weight: 700; } .aais-contact-row a:hover { color: var(--aais-orange); text-decoration: underline; } .aais-actions { display: flex; gap: 10px; } .aais-btn { flex: 1; border: none; border-radius: 12px; padding: 12px 14px; font-family: 'Quicksand-SemiBold', 'Quicksand', sans-serif; font-weight: 700; font-size: 14px; cursor: pointer; text-align: center; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; transition: filter .15s ease, transform .15s ease; } .aais-btn:hover { filter: brightness(1.06); transform: translateY(-1px); } .aais-btn-primary { background: var(--aais-orange); color: #fff; } .aais-btn-ghost { background: #fff; color: var(--aais-ink); border: 1.5px solid var(--aais-line); } .aais-close { position: absolute; top: 14px; right: 14px; width: 30px; height: 30px; border-radius: 50%; border: none; background: rgba(255,255,255,.85); color: var(--aais-ink); font-size: 16px; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; } .aais-close:hover { background: #fff; } @media (prefers-reduced-motion: reduce) { .aais-overlay, .aais-modal { transition: none; } }