/* =====================================================================
   360 HOTEL SOLUTIONS — reputation-management.css
   Page-specific styles for the Reputation Management solution page.
   Reuses the global theme (tokens, header, footer, .flow-step, .why,
   .results, .final-cta). Responsive rules at the bottom.
   ===================================================================== */

/* ===== GENERIC SUB-PAGE SECTION ===== */
.rm-section{padding:90px 0;background:var(--white);}
.rm-section.tint-cyan{background:var(--tint-cyan);}
.rm-section.tint-purple{background:var(--tint-purple);}

/* ===== HERO — reputation overview card ===== */
.rm-hero .hero-sub{max-width:510px;}
.rm-hero .hero-pills{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:460px;}

.rm-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:500px;padding:0 30px;}
.rm-rep{width:100%;max-width:382px;background:#fff;border-radius:20px;border:1px solid var(--gray);box-shadow:0 44px 90px -32px rgba(2,15,77,0.45);overflow:hidden;position:relative;z-index:2;}
.rm-rep-top{background:var(--navy);color:#fff;padding:20px 22px;}
.rm-rep-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-light);margin-bottom:12px;}
.rm-rep-overall{display:flex;align-items:center;gap:14px;}
.rm-rep-score{font-size:36px;font-weight:800;line-height:1;}
.rm-rep-stars{color:#fbbc04;font-size:15px;letter-spacing:2px;}
.rm-rep-sub{font-size:11px;color:var(--muted-light);margin-top:4px;}
.rm-rep-body{padding:8px 18px 18px;}
.rm-prow{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--gray);}
.rm-prow-ico{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg);}
.rm-prow-ico svg{width:16px;height:16px;}
.rm-prow-name{font-size:12.5px;font-weight:600;color:var(--navy);flex:1;}
.rm-prow-rating{font-size:12px;font-weight:800;color:var(--navy);}
.rm-prow-rating .st{color:#fbbc04;font-size:9px;font-weight:400;display:block;letter-spacing:1px;text-align:right;}
.rm-review{margin-top:12px;background:var(--bg);border-radius:12px;padding:12px 13px;}
.rm-review-head{display:flex;align-items:center;gap:8px;}
.rm-review-av{width:24px;height:24px;border-radius:50%;background:var(--grad);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rm-review-name{font-size:11.5px;font-weight:700;color:var(--navy);}
.rm-review-stars{font-size:9px;color:#fbbc04;letter-spacing:1px;}
.rm-review-text{font-size:11px;color:var(--muted);margin:7px 0 8px;line-height:1.45;}
.rm-review-reply{display:flex;align-items:center;gap:6px;font-size:10px;color:#16a34a;font-weight:700;}
.rm-review-reply svg{width:12px;height:12px;}

/* floating stat badges over the card */
.rm-badge{position:absolute;z-index:3;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 16px 36px -12px rgba(2,15,77,0.26);display:flex;align-items:center;gap:9px;white-space:nowrap;opacity:0;animation:float-in .6s ease forwards;}
.rm-badge .i{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rm-badge .i svg{width:15px;height:15px;}
.rm-badge .num{font-size:15px;font-weight:800;line-height:1;}
.rm-badge .lbl{font-size:10px;color:var(--muted);font-weight:600;margin-top:2px;}
.rm-badge.b1{top:10%;left:-8px;animation-delay:.5s;} .rm-badge.b1 .i{background:rgba(245,166,35,0.15);color:#F5A623;}
.rm-badge.b2{bottom:9%;right:-8px;animation-delay:.9s;} .rm-badge.b2 .i{background:rgba(37,211,102,0.12);color:#16a34a;}

/* ===== PLATFORMS — logo tiles ===== */
.rm-platforms{padding:60px 0;background:var(--bg);}
.rm-logos{display:flex;justify-content:center;align-items:flex-start;gap:clamp(18px,4.5vw,52px);flex-wrap:wrap;}
.rm-logo{display:flex;flex-direction:column;align-items:center;gap:12px;}
.rm-logo-mark{width:80px;height:80px;border-radius:20px;background:#fff;border:1px solid var(--gray);box-shadow:0 16px 36px -18px rgba(2,15,77,0.2);display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;}
.rm-logo:hover .rm-logo-mark{transform:translateY(-5px);box-shadow:0 22px 44px -18px rgba(2,15,77,0.26);}
.rm-logo-mark svg{width:42px;height:42px;display:block;}
.rm-logo-name{font-size:13.5px;font-weight:700;color:var(--navy);}
/* OTA logo chips below the brand tiles */
.rm-ota-sub{text-align:center;font-size:12px;color:var(--muted-light);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin:42px 0 18px;}
.rm-ota-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;}
/* OTA logos inside the reputation overview card row */
.rm-prow-otalogos{display:flex;align-items:center;gap:11px;margin-right:auto;}
.rm-prow-otalogos img{height:14px;width:auto;object-fit:contain;display:block;}

/* ===== NAVY BAND — daily activity feed (reuses .why) ===== */
.rm-feed{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:18px 20px;}
.rm-feed-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.rm-feed-title{color:#fff;font-size:13px;font-weight:700;}
.rm-feed-sub{font-size:10px;color:#34d27a;font-weight:700;display:flex;align-items:center;gap:5px;}
.rm-feed-sub::before{content:'';width:7px;height:7px;border-radius:50%;background:#34d27a;}
.rm-feed-item{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,0.08);}
.rm-feed-item:last-child{border-bottom:none;}
.rm-feed-check{width:26px;height:26px;border-radius:8px;background:rgba(37,211,102,0.15);color:#34d27a;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rm-feed-check svg{width:14px;height:14px;}
.rm-feed-text{flex:1;font-size:12.5px;color:#fff;font-weight:500;line-height:1.3;}
.rm-feed-time{font-size:10px;color:var(--muted-light);white-space:nowrap;}

/* ===== FEATURE GRID (reuses .flow-step card styling) ===== */
.rm-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

/* ===== REVIEW SHOWCASE ===== */
.rm-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,60px);align-items:center;}
.rm-rv-text h3{font-size:clamp(22px,2.6vw,28px);line-height:1.25;margin-bottom:14px;}
.rm-rv-text p{color:var(--muted);font-size:15.5px;line-height:1.7;}
.rm-rv-text .fr-list{display:flex;flex-direction:column;gap:11px;margin-top:20px;}
.rm-rv-text .fr-list li{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;color:var(--navy);font-weight:500;}
.rm-rv-text .fr-list .ck{width:22px;height:22px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.rm-rv-text .fr-list .ck svg{width:12px;height:12px;color:#fff;}

.rm-rcard{background:#fff;border:1px solid var(--gray);border-radius:16px;padding:18px;box-shadow:0 24px 50px -28px rgba(2,15,77,0.28);}
.rm-rcard + .rm-rcard{margin-top:16px;}
.rm-rc-head{display:flex;align-items:center;gap:10px;}
.rm-rc-av{width:34px;height:34px;border-radius:50%;background:var(--grad);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.rm-rc-name{font-size:13px;font-weight:700;color:var(--navy);}
.rm-rc-plat{font-size:10.5px;color:var(--muted);}
.rm-rc-plat .st{color:#fbbc04;letter-spacing:1px;}
.rm-rc-logo{margin-left:auto;display:flex;align-items:center;}
.rm-rc-logo svg{width:20px;height:20px;}
.rm-rc-text{font-size:12.5px;color:var(--navy);line-height:1.5;margin:11px 0;}
.rm-rc-reply{background:var(--bg);border-radius:10px;padding:11px 12px;border-left:3px solid var(--blue);}
.rm-rc-reply-head{font-size:10.5px;font-weight:800;color:var(--blue);margin-bottom:3px;}
.rm-rc-reply-text{font-size:11px;color:var(--muted);line-height:1.5;}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media(max-width:920px){
  .rm-section{padding:56px 0;}
  .rm-visual{min-height:auto;padding:8px 0 0;}
  .rm-feature-grid{grid-template-columns:1fr 1fr;}
  .rm-review-grid{grid-template-columns:1fr;gap:26px;}
  .rm-badge.b1{left:-2px;} .rm-badge.b2{right:-2px;}
}

@media(max-width:640px){
  .rm-feature-grid{grid-template-columns:1fr;}
  .rm-badge{display:none;}
  .rm-platforms{padding:46px 0;}
  .rm-logo-mark{width:68px;height:68px;border-radius:17px;}
  .rm-logo-mark svg{width:36px;height:36px;}
}