/* ============================================= CHAIN PAGE STYLES - Matching site theme Primary:#1a365d (dark navy) Accent:#d4a574 (warm tan) ============================================= *//* Hero Section */.chain-hero{ background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%); color:var(--white); padding:3.5rem 0; text-align:center; position:relative;}.chain-hero::before{ content:''; position:absolute; bottom:0; left:0; right:0; height:4px; background:linear-gradient(90deg, var(--accent), var(--accent-light));}.chain-hero-content{ max-width:650px; margin:0 auto;}.chain-logo-box{ width:100px; height:70px; background:var(--white); border-radius:10px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:1.25rem; padding:12px; box-shadow:0 4px 15px rgba(0,0,0,0.15);}.chain-logo-box img{ max-width:100%; max-height:100%; object-fit:contain;}.chain-logo-placeholder{ width:70px; height:70px; background:var(--accent); color:var(--white); border-radius:50%; display:inline-flex; align-items:center; justify-content:center; margin-bottom:1.25rem; font-size:1.75rem; font-weight:700;}.chain-hero h1{ font-size:clamp(1.5rem, 4vw, 2rem); font-weight:700; margin-bottom:0.75rem; color:var(--white);text-shadow:0 2px 10px rgba(0,0,0,.5),0 4px 18px rgba(0,0,0,.3);}.chain-intro{ font-size:1rem; opacity:0.95; margin-bottom:1.5rem; line-height:1.6;text-shadow:0 2px 6px rgba(0,0,0,.4);}.chain-stats{ display:flex; justify-content:center;}.stat-box{ background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2); padding:1rem 2rem; border-radius:var(--radius); display:flex; flex-direction:column; align-items:center; gap:0.25rem;}.stat-number{ font-size:2rem; font-weight:700; color:var(--accent-light);}.stat-label{ font-size:0.85rem; opacity:0.9;}/* Hotels Section */.hotels-section{ padding:3rem 0; background:var(--gray-50);}.hotels-list{ display:flex; flex-direction:column; gap:1.25rem;}/* Horizontal Hotel Card */.hotel-card-horizontal{ display:grid; grid-template-columns:240px 1fr 200px; background:var(--white); border-radius:var(--radius-lg); box-shadow:0 2px 8px rgba(0,0,0,0.06); overflow:hidden; transition:all 0.2s ease; border:1px solid var(--gray-100);}.hotel-card-horizontal:hover{ box-shadow:0 8px 25px rgba(0,0,0,0.1); border-color:var(--gray-200);}.hotel-card-image{ position:relative; background:var(--gray-100); min-height:180px;}.hotel-card-image a{ display:block; width:100%; height:100%;}.hotel-card-image img{ display:block; width:100%; height:100%; object-fit:cover;}.hotel-card-image .hotel-image-placeholder{ width:100%; height:100%; min-height:180px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg, var(--primary, #1a365d) 0%, var(--primary-light, #2c5282) 100%);}.hotel-card-image .hotel-image-placeholder span{ font-family:'Playfair Display', Georgia, serif; font-size:2.5rem; font-weight:700; color:rgba(255, 255, 255, 0.85); line-height:1; text-transform:uppercase;}.hotel-stars-badge{ position:absolute; top:10px; left:10px; background:var(--primary); color:var(--accent-light); padding:4px 10px; border-radius:4px; font-size:0.75rem; letter-spacing:1px;}.hotel-card-body{ padding:1.25rem 1.5rem; display:flex; flex-direction:column; justify-content:center;}.hotel-card-header{ display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:0.5rem;}.hotel-card-header h3{ font-size:1.15rem; font-weight:600; margin:0; line-height:1.3;}.hotel-card-header h3 a{ color:var(--primary); text-decoration:none;}.hotel-card-header h3 a:hover{ color:var(--accent-dark);}.hotel-rating-badge{ background:var(--success); color:var(--white); padding:4px 8px; border-radius:4px; font-weight:700; font-size:0.85rem; flex-shrink:0;}.hotel-location{ display:flex; align-items:center; gap:5px; font-size:0.9rem; color:var(--gray-500); margin-bottom:0.5rem;}.hotel-location svg{ color:var(--accent); flex-shrink:0;}.hotel-excerpt{ font-size:0.9rem; color:var(--gray-600); line-height:1.5; margin-bottom:0.75rem;}.hotel-amenities-row{ display:flex; flex-wrap:wrap; gap:0.5rem;}.amenity-tag{ background:var(--gray-100); color:var(--gray-600); padding:4px 10px; border-radius:20px; font-size:0.75rem; display:inline-flex; align-items:center; gap:4px;}/* Unique Feature */.hotel-unique-feature{ display:flex; align-items:center; gap:6px; font-size:0.82rem; font-weight:500; color:var(--accent-dark, #b8915e); background:linear-gradient(135deg, rgba(212, 165, 116, 0.08), rgba(212, 165, 116, 0.04)); border:1px solid rgba(212, 165, 116, 0.2); padding:5px 10px; border-radius:6px; margin-bottom:0.5rem;}.hotel-unique-feature svg{ color:var(--accent, #d4a574); flex-shrink:0;}/* Pros & Cons */.hotel-pros-cons{ display:flex; flex-wrap:wrap; gap:0.75rem; margin-top:0.25rem;}.hotel-pro,.hotel-con{ display:inline-flex; align-items:center; gap:5px; font-size:0.78rem; line-height:1.3;}.hotel-pro{ color:var(--success, #16a34a);}.hotel-pro svg{ color:var(--success, #16a34a); flex-shrink:0;}.hotel-con{ color:var(--gray-500, #737373);}.hotel-con svg{ color:var(--gray-400, #a3a3a3); flex-shrink:0;}.hotel-card-sidebar{ padding:1.25rem; background:var(--gray-50); display:flex; flex-direction:column; justify-content:center; align-items:center; border-left:1px solid var(--gray-100);}.hotel-price{ text-align:center; margin-bottom:1rem;}.price-label{ display:block; font-size:0.8rem; color:var(--gray-500);}.price-value{ display:block; font-size:1.5rem; font-weight:700; color:var(--primary);}.price-period{ display:block; font-size:0.8rem; color:var(--gray-500);}.hotel-actions{ display:flex; flex-direction:column; gap:0.5rem; width:100%;}.hotel-actions .btn{ width:100%; text-align:center; padding:0.6rem 1rem; font-size:0.9rem;}/* About Chain Section */.about-chain-section{ padding:3rem 0; background:var(--white);}.about-chain-grid{ display:grid; grid-template-columns:1.5fr 1fr; gap:3rem; align-items:start;}.about-chain-content h2{ font-size:1.5rem; color:var(--primary); margin-bottom:1rem;}.about-chain-content p{ color:var(--gray-600); line-height:1.7; margin-bottom:1rem;}.about-chain-features h3{ font-size:1.1rem; color:var(--primary); margin-bottom:1rem;}.features-list{ list-style:none; padding:0; margin:0;}.features-list li{ display:flex; align-items:center; gap:0.75rem; padding:0.75rem 1rem; background:var(--gray-50); border-radius:var(--radius); margin-bottom:0.5rem; font-size:0.95rem; color:var(--gray-700);}.features-list li::before{ content:'✓'; color:var(--success); font-weight:700; flex-shrink:0;}/* Other Chains Section */.other-chains-section{ padding:3rem 0; background:var(--gray-50);}.section-title{ font-size:1.5rem; color:var(--primary); text-align:center; margin-bottom:2rem;}.chains-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:1rem;}.chain-card-mini{ display:flex; align-items:center; gap:1rem; padding:1rem; background:var(--white); border-radius:var(--radius); border:1px solid var(--gray-200); text-decoration:none; transition:all 0.2s;}.chain-card-mini:hover{ border-color:var(--accent); box-shadow:0 4px 12px rgba(0,0,0,0.08);}.chain-card-logo{ width:50px; height:50px; background:var(--gray-100); border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}.chain-card-logo img{ max-width:80%; max-height:80%; object-fit:contain;}.chain-initial{ font-size:1.25rem; font-weight:700; color:var(--primary);}.chain-card-info h4{ font-size:0.95rem; font-weight:600; color:var(--primary); margin:0 0 0.25rem;}.chain-card-info span{ font-size:0.8rem; color:var(--gray-500);}/* Empty State */.empty-state{ text-align:center; padding:4rem 2rem; color:var(--gray-500);}.empty-state svg{ color:var(--gray-300); margin-bottom:1rem;}.empty-state h2{ color:var(--primary); margin-bottom:0.5rem;}.empty-state p{ margin-bottom:1.5rem;}/* Responsive */@media (max-width:900px){ .hotel-card-horizontal{ grid-template-columns:180px 1fr; grid-template-rows:auto auto;} .hotel-card-sidebar{ grid-column:1 / -1; flex-direction:row; justify-content:space-between; border-left:none; border-top:1px solid var(--gray-100);} .hotel-price{ text-align:left; margin-bottom:0;} .hotel-actions{ flex-direction:row; width:auto;} .about-chain-grid{ grid-template-columns:1fr; gap:2rem;}}@media (max-width:640px){ .hotel-card-horizontal{ grid-template-columns:1fr;} .hotel-card-image{ aspect-ratio:16/9;} .hotel-card-sidebar{ flex-direction:column; gap:1rem;} .hotel-price{ text-align:center;} .hotel-actions{ flex-direction:column; width:100%;} .chains-grid{ grid-template-columns:1fr;}}