/* RentHub360 Pro: plan page (/pro), the perk box on a listing page, and the Pro badge / link in the account menu. */
.prox,.progate,.acct-menu{--pg:#17804a;--pg2:#0f6b3c;--pgs:#e6f3eb;--pgold:#c98a0a}
html[data-theme="dark"] .prox,html[data-theme="dark"] .progate,html[data-theme="dark"] .acct-menu{--pgs:#123a2b}

/* ---- plan page ---- */
.prox{padding:44px 0 64px}
.prox-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,420px);gap:40px;align-items:start;max-width:1080px;margin:0 auto}
.prox-eb{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:99px;background:#fff6dd;color:#8a5a00;font:700 13px/1 'Inter',sans-serif;letter-spacing:.02em}
html[data-theme="dark"] .prox-eb{background:#3a2c08;color:#ffd277}
.prox-eb i{font-size:17px}
.prox h1{margin:18px 0 0;font:800 44px/1.1 'Poppins',sans-serif;letter-spacing:-.03em;color:var(--ink)}
.prox h1 em{font-style:normal;color:var(--pg)}
.prox-sub{margin:14px 0 0;max-width:520px;font:500 17px/1.5 'Inter',sans-serif;color:var(--muted)}
.prox-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.prox-list li{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--card,#fff)}
html[data-theme="dark"] .prox-list li{background:#111c2e}
.prox-list li>i{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--pgs);color:var(--pg);font-size:22px}
.prox-list b{display:block;font:700 15.5px/1.3 'Inter',sans-serif;color:var(--ink)}
.prox-list span{display:block;margin-top:3px;font:500 14px/1.45 'Inter',sans-serif;color:var(--muted)}

.prox-card{position:sticky;top:150px;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--card,#fff);box-shadow:0 26px 50px -34px rgba(15,23,42,.45)}
html[data-theme="dark"] .prox-card{background:#111c2e}
.prox-on{display:flex;gap:10px;align-items:center;margin-bottom:16px;padding:12px 14px;border-radius:14px;background:var(--pgs);color:var(--pg)}
.prox-on i{font-size:24px}.prox-on b{display:block;font:700 14.5px 'Inter',sans-serif}.prox-on span{font:500 13px 'Inter',sans-serif}
.prox-price{display:flex;align-items:baseline;gap:8px}
.prox-price b{font:800 42px/1 'Poppins',sans-serif;letter-spacing:-.03em;color:var(--ink)}
.prox-price span{font:600 15px 'Inter',sans-serif;color:var(--muted)}
.prox-break{margin:18px 0 0;padding:0;border-top:1px solid var(--line)}
.prox-break>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font:500 14.5px 'Inter',sans-serif;color:var(--muted)}
.prox-break dt,.prox-break dd{margin:0}
.prox-break .tot{font-weight:700;color:var(--ink);border-bottom:0}
.prox-pay{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;margin-top:10px;border:0;border-radius:14px;background:var(--pg);color:#fff!important;font:700 16.5px/1 'Inter',sans-serif;cursor:pointer;text-decoration:none;box-shadow:0 14px 24px -16px rgba(23,128,74,.9);transition:background .15s,transform .15s}
.prox-pay:hover:not(:disabled){background:var(--pg2);transform:translateY(-1px)}
.prox-pay:disabled{background:#cbd5e1;color:#475569!important;box-shadow:none;cursor:not-allowed}
html[data-theme="dark"] .prox-pay:disabled{background:#26344b;color:#94a3b8!important}
.prox-pay i{font-size:20px}
.prox-note{margin:12px 0 0;text-align:center;font:500 13px/1.45 'Inter',sans-serif;color:var(--muted)}
.prox-note.bad{color:#b91c1c}
html[data-theme="dark"] .prox-note.bad{color:#fca5a5}
@media(max-width:860px){
  .prox{padding:26px 0 44px}
  .prox-grid{grid-template-columns:1fr;gap:22px}
  .prox h1{font-size:32px}.prox-sub{font-size:15.5px}
  .prox-card{position:static;order:-1}
  .prox-price b{font-size:36px}
}

/* ---- listing page: description preview + unlock box ---- */
.progate>p{position:relative;margin-bottom:0}
.progate>p:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.2em;background:linear-gradient(180deg,rgba(255,255,255,0),var(--card,#fff));pointer-events:none}
html[data-theme="dark"] .progate>p:after{background:linear-gradient(180deg,rgba(17,27,43,0),#111b2b)}
.progate-cta{display:flex;align-items:center;gap:14px;margin-top:14px;padding:14px 16px;border:1px dashed #e3c370;border-radius:14px;background:#fffaf0}
html[data-theme="dark"] .progate-cta{background:#2a2110;border-color:#6b5420}
.progate-cta>i{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#ffe9b0;color:#8a5a00;font-size:22px}
.progate-cta>div{flex:1;min-width:0}
.progate-cta b{display:block;font:700 15px/1.3 'Inter',sans-serif;color:var(--ink)}
.progate-cta span{display:block;margin-top:2px;font:500 13px/1.4 'Inter',sans-serif;color:var(--muted)}
.progate-cta .cta{flex:none;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:var(--pg);border-color:var(--pg);white-space:nowrap}
.progate-cta .cta:hover{background:var(--pg2)}
@media(max-width:560px){.progate-cta{flex-wrap:wrap}.progate-cta .cta{width:100%;justify-content:center}}

/* ---- plan page: UPI QR + reference form ---- */
.prox-step{display:flex;align-items:center;gap:9px;margin:18px 0 10px;font:700 15px 'Inter',sans-serif;color:var(--ink)}
.prox-step span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--pg);color:#fff;font-size:13px}
.prox-qr{text-align:center}
.prox-qr .prox-step{justify-content:flex-start}
.prox-qr img{display:block;width:220px;height:220px;margin:4px auto 10px;padding:8px;border:1px solid var(--line);border-radius:16px;background:#fff;image-rendering:pixelated}
.prox-upi{font:500 14px 'Inter',sans-serif;color:var(--muted)}
.prox-upi b{color:var(--ink);font-family:ui-monospace,Consolas,monospace;font-size:14.5px}
.prox-copy{margin-left:6px;padding:4px 10px;border:1px solid var(--line);border-radius:8px;background:none;color:var(--ink);font:600 12px 'Inter',sans-serif;cursor:pointer}
.prox-copy:hover{border-color:var(--pg);color:var(--pg)}
.prox-apps{margin-top:6px;font:500 12px 'Inter',sans-serif;color:var(--muted)}
.prox-upiapp{display:none;align-items:center;justify-content:center;gap:8px;margin:12px 0 0;min-height:46px;border:1.5px solid var(--pg);border-radius:12px;color:var(--pg)!important;font:700 15px 'Inter',sans-serif;text-decoration:none}
@media(hover:none) and (pointer:coarse){.prox-upiapp{display:flex}}
.prox-claim{margin-top:6px;padding-top:4px;border-top:1px solid var(--line)}
.prox-claim label{display:grid;gap:6px;font:600 13px 'Inter',sans-serif;color:var(--muted)}
.prox-claim input{height:50px;padding:0 14px;border:1.5px solid var(--line);border-radius:12px;background:transparent;color:var(--ink);font:600 17px ui-monospace,Consolas,monospace;letter-spacing:.06em}
.prox-claim input:focus{outline:0;border-color:var(--pg)}
.prox-wait{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:14px;border-radius:14px;background:#fff7e6;color:#7a4f00}
html[data-theme="dark"] .prox-wait{background:#2a2110;color:#ffd277}
.prox-wait i{font-size:24px}.prox-wait b{display:block;font:700 14.5px 'Inter',sans-serif}.prox-wait span{display:block;margin-top:3px;font:500 13px/1.45 'Inter',sans-serif}

/* ---- listing page: locked Pro features ---- */
.prolock{display:flex;align-items:center;gap:12px;margin-top:10px;padding:13px 14px;border:1px dashed #e3c370;border-radius:14px;background:#fffaf0;color:var(--ink)!important;text-decoration:none;transition:border-color .15s,background .15s}
html[data-theme="dark"] .prolock{background:#2a2110;border-color:#6b5420}
.prolock:hover{border-color:var(--pgold);background:#fff4dc}
html[data-theme="dark"] .prolock:hover{background:#3a2c08}
.prolock>i:first-child{flex:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#ffe9b0;color:#8a5a00;font-size:20px}
.prolock>div{flex:1;min-width:0}
.prolock b{display:block;font:700 14px/1.3 'Inter',sans-serif}
.prolock span{display:block;margin-top:2px;font:500 12.5px/1.35 'Inter',sans-serif;color:var(--muted)}
.prolock>i:last-child{flex:none;color:var(--pgold);font-size:20px}
.prolock-map{min-height:96px;margin-top:0;background:linear-gradient(135deg,#fffaf0,#f3f7f2)}
html[data-theme="dark"] .prolock-map{background:#2a2110}

/* ---- header "Pro" button (next to Post Property) and phone-menu item ---- */
.rhx-pro{flex:none;display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 14px;border-radius:12px;border:1.5px solid #e9c46a;background:#fff8e6;color:#8a5a00!important;font:800 14px/1 'Poppins','Inter',sans-serif;text-decoration:none;transition:background .15s,border-color .15s,transform .15s}
.rhx-pro i{font-size:18px;color:#c98a0a}
.rhx-pro:hover{background:#ffefc2;border-color:#c98a0a;transform:translateY(-1px)}
html[data-theme="dark"] .rhx-pro{background:#2a2110;border-color:#6b5420;color:#ffd277!important}
html[data-theme="dark"] .rhx-pro i{color:#ffcf66}
/* only where the top row has room; phones/tablets reach Pro from the ☰ menu, the profile menu and the locked boxes on ads */
@media(max-width:1180px){.rhx-pro{display:none!important}}
.rhx-mob-pro i{color:#c98a0a!important}

/* ---- account menu ---- */
.probadge{display:inline-flex;align-items:center;gap:3px;margin-left:4px;padding:2px 7px;border-radius:99px;background:#ffe9b0;color:#7a4f00;font:800 10.5px/1.4 'Inter',sans-serif;letter-spacing:.03em;vertical-align:middle}
.probadge i{font-size:12px!important;color:inherit!important}
.acct-menu a.am-pro{background:#fffaf0;color:#7a4f00;margin:0 0 4px}
.acct-menu a.am-pro i{color:var(--pgold)}
.acct-menu a.am-pro:hover{background:#fff1cf}
html[data-theme="dark"] .acct-menu a.am-pro{background:#2a2110;color:#ffd277}
html[data-theme="dark"] .acct-menu a.am-pro:hover{background:#3a2c08}