/* ============================================================ SNEHA RESIDENCY — ALTERNATING SECTION BACKGROUND PATTERNS Only alternate sections get a pattern. Odd sections stay as solid dark backgrounds. No stars, no orbs — just clean professional line patterns using your existing gold colour. HOW TO USE: Save as assets/css/background-override.css Add this line AFTER your existing CSS links in : ============================================================ */ /* ── SECTION ORDER & PATTERN ASSIGNMENT ───────────────────── 1. #hero → solid (keep dramatic, no pattern) 2. #gallery → PATTERN — fine diagonal pinstripe 3. #about → solid 4. #features → PATTERN — vertical column rules 5. #dining → solid 6. #rates → PATTERN — wide diagonal stripes 7. #events → solid 8. #offerings → PATTERN — horizontal ruled lines 9. #testimonials → solid 10. #location → PATTERN — cross-grid graph paper 11. #cta → solid 12. #contact → PATTERN — herringbone chevron weave ──────────────────────────────────────────────────────────── */ /* ── 1. GALLERY — FINE DIAGONAL PINSTRIPE ─────────────────── Thin 45° hairlines at 11px pitch. Like premium letterpress or business-card stock. ──────────────────────────────────────────────────────────── */ #gallery { background: repeating-linear-gradient( -45deg, transparent 0px, transparent 10px, rgba(201,147,58,0.06) 10px, rgba(201,147,58,0.06) 11px ), var(--bg2); } /* ── 2. FEATURES — VERTICAL COLUMN RULES ──────────────────── Evenly spaced vertical hairlines at 60px. Classic ledger / data-table grid — suits a features section. ──────────────────────────────────────────────────────────── */ #features { background: repeating-linear-gradient( 90deg, transparent 0px, transparent 59px, rgba(201,147,58,0.065) 59px, rgba(201,147,58,0.065) 60px ), var(--bg); } /* ── 3. RATES — WIDE DUAL DIAGONAL STRIPES ────────────────── 30px bands in two weights alternate — a bold, confident premium fabric stripe. The "thick-thin" rhythm adds sophistication over a plain uniform stripe. ──────────────────────────────────────────────────────────── */ #rates { background: repeating-linear-gradient( 135deg, transparent 0px, transparent 22px, rgba(201,147,58,0.055) 22px, rgba(201,147,58,0.055) 24px, transparent 24px, transparent 46px, rgba(201,147,58,0.03) 46px, rgba(201,147,58,0.03) 48px ), var(--bg); } /* ── 4. OFFERINGS — HORIZONTAL RULED LINES ────────────────── Horizontal lines at 40px — like a quality ruled notepad or a luxury hotel menu. Clean and editorial. ──────────────────────────────────────────────────────────── */ #offerings { background: repeating-linear-gradient( 180deg, transparent 0px, transparent 39px, rgba(201,147,58,0.065) 39px, rgba(201,147,58,0.065) 40px ), var(--bg); position: relative; } /* Ensure content sits above pattern */ #offerings .section-wrap { position: relative; z-index: 1; } /* ── 5. LOCATION — CROSS-GRID (GRAPH PAPER) ───────────────── Horizontal + vertical lines crossing at 48px. Architectural graph paper feel — perfect for a map section. ──────────────────────────────────────────────────────────── */ #location { background: repeating-linear-gradient( 0deg, transparent 0px, transparent 47px, rgba(201,147,58,0.055) 47px, rgba(201,147,58,0.055) 48px ), repeating-linear-gradient( 90deg, transparent 0px, transparent 47px, rgba(201,147,58,0.055) 47px, rgba(201,147,58,0.055) 48px ), var(--bg3); position: relative; } #location .section-wrap, #location .attractions-section, #location .location-map-full { position: relative; z-index: 1; } /* ── 6. CONTACT — HERRINGBONE CHEVRON WEAVE ───────────────── Two stripe directions crossing at ±60° create the herringbone pattern used in luxury textiles and wallpapers. Most intricate pattern — saved for the final CTA section. ──────────────────────────────────────────────────────────── */ #contact { background: repeating-linear-gradient( 60deg, transparent 0px, transparent 18px, rgba(201,147,58,0.05) 18px, rgba(201,147,58,0.05) 19px ), repeating-linear-gradient( -60deg, transparent 0px, transparent 18px, rgba(201,147,58,0.04) 18px, rgba(201,147,58,0.04) 19px ), var(--bg); } #contact .section-wrap { position: relative; z-index: 1; }