/* =========================================================
   B2B Right Win — shared components
   Palette: the four logo petals = the four post types.
   ========================================================= */
:root{
  --brp-ink:#1A1446; --brp-ink-2:#4A4578; --brp-line:#E4E2F0; --brp-mist:#F5F4FB; --brp-paper:#fff;
  --brp-pink:#E5197E; --brp-blue:#2F5BEA; --brp-green:#11A36A; --brp-gold:#FFB21A;
  --brp-font: "Hind Madurai", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --brp-display: "Bricolage Grotesque", "Hind Madurai", system-ui, sans-serif;
  --brp-r:12px;
}
.brp-type-ask        {--t:#E5197E; --tt:#C0136A; --ts:#FDE7F2;}
.brp-type-requirement{--t:#2F5BEA; --tt:#2449C7; --ts:#E8EEFE;}
.brp-type-give       {--t:#11A36A; --tt:#0B7D51; --ts:#E3F6EE;}
.brp-type-lead       {--t:#FFB21A; --tt:#8F5A00; --ts:#FFF4D9;}
.brp-type-response   {--t:#6B5CE7; --tt:#5446C9; --ts:#EEEBFD;}

.brp-portal,.brp-submit,.brp-dash,.brp-account-wrap,.brp-pricing-page-wrap{font-family:var(--brp-font);color:var(--brp-ink);font-size:1rem;line-height:1.6}
.brp-portal,.brp-submit,.brp-dash{background:var(--brp-paper);border:1px solid var(--brp-line);border-radius:16px;padding:clamp(16px,3vw,28px);margin-bottom:24px}
.brp-portal h3,.brp-portal h4,.brp-dash h3{font-family:var(--brp-display);color:var(--brp-ink)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* Buttons */
.brp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.7rem 1.15rem;border-radius:var(--brp-r);border:2px solid var(--brp-ink);
  background:var(--brp-ink);color:#fff!important;font:600 1rem/1.2 var(--brp-font);text-decoration:none!important;cursor:pointer;transition:background .15s,color .15s}
.brp-btn:hover{background:#2C2470;border-color:#2C2470}
.brp-btn-ghost{background:transparent;color:var(--brp-ink)!important}
.brp-btn-ghost:hover{background:var(--brp-mist);border-color:var(--brp-ink)}
.brp-btn-wa{background:#1FAF5A;border-color:#1FAF5A}
.brp-btn-wa:hover{background:#178A47;border-color:#178A47}
.brp-btn-tg{background:#229ED9;border-color:#229ED9}
.brp-btn[disabled]{opacity:.6;cursor:wait}
:where(.brp-portal,.brp-submit,.brp-dash,.rw-home) :focus-visible{outline:3px solid var(--brp-blue);outline-offset:2px}

/* Notices & messages */
.brp-notice{background:#ECF8F2;border:1px solid #B7E6CF;color:#0B5D3C;padding:12px 14px;border-radius:10px;margin:0 0 16px}
.brp-notice-error{background:#FDEDF4;border-color:#F6BED7;color:#9B0F55}
.brp-notice-warn{background:#FFF6E0;border-color:#FFDD8F;color:#6E4700}
#brp-register-msg:not(:empty),#brp-submit-msg:not(:empty),#brp-account-msg:not(:empty),#brp-payment-msg:not(:empty){padding:12px 14px;margin-top:12px;border-radius:10px;font-weight:500;background:var(--brp-mist)}
.brp-msg-success{background:#ECF8F2!important;color:#0B5D3C}
.brp-msg-error{background:#FDEDF4!important;color:#9B0F55}

/* Form fields */
.brp-portal input[type=text],.brp-portal input[type=email],.brp-portal input[type=password],.brp-portal input[type=tel],
.brp-submit input[type=text],.brp-submit input[type=email],.brp-submit input[type=tel],.brp-submit input[type=url],.brp-submit input[type=number],
.brp-submit input[type=datetime-local],.brp-submit select,.brp-submit textarea,.brp-account-wrap input,.brp-filter-form input,.brp-filter-form select,.brp-dash-controls select,
.brp-portal #loginform input[type=text],.brp-portal #loginform input[type=password]{
  width:100%;box-sizing:border-box;padding:.7rem .85rem;border:1.5px solid #CFCBE3;border-radius:10px;background:#fff;color:var(--brp-ink);font:1rem/1.4 var(--brp-font)}
.brp-submit textarea{min-height:140px}
.brp-portal input:focus,.brp-submit input:focus,.brp-submit textarea:focus,.brp-submit select:focus,.brp-account-wrap input:focus{border-color:var(--brp-blue);outline:none;box-shadow:0 0 0 3px rgba(47,91,234,.18)}
.brp-submit fieldset{border:0;border-top:1px solid var(--brp-line);margin:20px 0 0;padding:16px 0 0}
.brp-submit legend,.brp-typepick legend{font:700 1.05rem/1.3 var(--brp-display);color:var(--brp-ink);padding:0 0 6px}
.brp-submit label,.brp-portal label{font-weight:600}
.brp-check{display:flex;gap:10px;align-items:flex-start;font-weight:500!important}
.brp-check input{margin-top:5px;flex:none}
.brp-plan-line{background:var(--brp-mist);padding:10px 12px;border-radius:10px}
.brp-phone-field{display:flex;align-items:stretch;width:100%}
.brp-phone-prefix{display:flex;align-items:center;padding:0 12px;background:var(--brp-mist);border:1.5px solid #CFCBE3;border-right:0;border-radius:10px 0 0 10px;font-weight:600}
.brp-phone-field input{border-radius:0 10px 10px 0!important}
.brp-portal #loginform p{margin:0 0 12px}
.brp-portal #loginform .login-submit input{background:var(--brp-ink);color:#fff;border:0;border-radius:var(--brp-r);padding:.75rem 1.4rem;font:600 1rem var(--brp-font);cursor:pointer}

/* Post type picker */
.brp-typepick{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.brp-typepick legend{grid-column:1/-1}
.brp-typeopt{position:relative;display:block;cursor:pointer}
.brp-typeopt input{position:absolute;opacity:0;inset:0}
.brp-typeopt span{display:block;height:100%;box-sizing:border-box;padding:12px;border:2px solid var(--brp-line);border-left:6px solid var(--t);border-radius:12px;background:#fff}
.brp-typeopt strong{display:block;color:var(--tt);font:700 1.05rem var(--brp-display)}
.brp-typeopt small{display:block;color:var(--brp-ink-2);font-weight:500;line-height:1.35}
.brp-typeopt input:checked + span{background:var(--ts);border-color:var(--t)}
.brp-typeopt input:focus-visible + span{outline:3px solid var(--brp-blue);outline-offset:2px}

/* Tabs */
.brp-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px;border-bottom:2px solid var(--brp-line)}
.brp-tab{border:0;background:transparent;color:var(--brp-ink-2);padding:10px 14px;cursor:pointer;font:600 1rem var(--brp-font);border-bottom:3px solid transparent;margin-bottom:-2px}
.brp-tab.is-active,.brp-tab[aria-selected=true]{color:var(--brp-ink);border-bottom-color:var(--brp-pink)}
.brp-panel{padding:4px 0}
.brp-panel-note{color:var(--brp-ink-2);margin-top:0}
.brp-actions{display:flex;flex-wrap:wrap;gap:8px}
.brp-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.brp-col h4{margin:0 0 6px;color:var(--tt);border-bottom:3px solid var(--t);padding-bottom:4px}

/* Single post */
.brp-single-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px;font-family:var(--brp-font)}
.brp-type-pill{display:inline-block;background:var(--ts);color:var(--tt);font:700 .85rem/1 var(--brp-font);padding:6px 10px;border-radius:8px}
.brp-single-city,.brp-single-end{color:var(--brp-ink-2);font-size:.95rem}
.brp-featured-media{margin:0 0 20px}
.brp-featured-media img,.brp-featured-media video{max-width:100%;height:auto;border-radius:14px;display:block}
.brp-meta{margin:14px 0;font-size:.95rem;color:var(--brp-ink-2)}
.brp-meta a{color:var(--brp-blue)}
.brp-sep{color:#B9B5D3;margin:0 4px}
.brp-cta,.brp-share{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0}
.brp-like-btn,.brp-enq-btn{display:inline-flex;align-items:center;gap:8px;padding:.6rem 1rem;border:2px solid var(--brp-ink);border-radius:var(--brp-r);background:#fff;color:var(--brp-ink);
  font:600 .95rem var(--brp-font);text-decoration:none;cursor:pointer}
.brp-enq-wa{background:#1FAF5A;border-color:#1FAF5A;color:#fff}
.brp-like-btn.brp-disabled,.brp-like-btn[disabled]{background:#ECF8F2;border-color:#11A36A;color:#0B5D3C;cursor:default}
.brp-like-count,.brp-enq-count{background:rgba(26,20,70,.1);padding:1px 8px;border-radius:6px;font-size:.8rem}
.brp-enq-wa .brp-enq-count{background:rgba(255,255,255,.25)}
.brp-share>span{font-weight:700;margin-right:4px}
.brp-sh,.brp-copy{padding:.4rem .8rem;border:1.5px solid var(--brp-line);border-radius:8px;background:#fff;color:var(--brp-ink);font:500 .9rem var(--brp-font);text-decoration:none;cursor:pointer}
.brp-sh-wa{border-color:#1FAF5A;color:#127A3E}
.brp-sh:hover,.brp-copy:hover{background:var(--brp-mist)}
.brp-disclaimer{margin-top:24px;font-size:.9rem;color:var(--brp-ink-2);background:var(--brp-mist);padding:12px 14px;border-radius:10px}

/* Cards (feed) */
.brpt-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.brpt-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--brp-line);border-top:6px solid var(--t,#1A1446);border-radius:14px;overflow:hidden;font-family:var(--brp-font);color:var(--brp-ink)}
.brpt-card:hover{border-color:var(--t);border-top-color:var(--t)}
.brpt-card-featured{box-shadow:0 0 0 3px var(--brp-gold)}
.brpt-card-image-link{display:block;aspect-ratio:16/9;background:var(--brp-mist);overflow:hidden}
.brpt-card-image-link img{width:100%;height:100%;object-fit:cover;display:block}
.brpt-card-content{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}
.brpt-card-header{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px;font-size:.85rem}
.brpt-card-type{background:var(--ts);color:var(--tt);font-weight:700;padding:3px 8px;border-radius:6px}
.brpt-card-badge{background:var(--brp-gold);color:var(--brp-ink);font-weight:700;padding:3px 8px;border-radius:6px}
.brpt-card-city{color:var(--brp-ink-2);margin-left:auto}
.brpt-card-title{margin:0;font:700 1.12rem/1.3 var(--brp-display)}
.brpt-card-title a{color:var(--brp-ink);text-decoration:none}
.brpt-card-title a:hover{text-decoration:underline;text-decoration-color:var(--t);text-underline-offset:3px}
.brpt-card-excerpt{margin:8px 0 0;color:var(--brp-ink-2);font-size:.95rem;line-height:1.5;flex:1}
.brpt-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--brp-line);font-size:.85rem;color:var(--brp-ink-2)}
.brpt-card-link{font-weight:700;color:var(--tt);text-decoration:none}
.brpt-no-results{grid-column:1/-1;text-align:center;padding:32px 16px;font-family:var(--brp-font)}
.brpt-load-more-wrap{text-align:center;margin-top:20px}
.brpt-loader{text-align:center;padding:32px}
.brpt-spinner{display:inline-block;width:36px;height:36px;border:4px solid var(--brp-line);border-top-color:var(--brp-pink);border-radius:50%;animation:brp-spin .8s linear infinite}
@keyframes brp-spin{to{transform:rotate(360deg)}}

/* Ticker */
.brp-ticker-wrap{overflow:hidden;background:var(--brp-ink);color:#fff;border-radius:12px;padding:10px 0;margin-bottom:24px;font-family:var(--brp-font)}
.brp-ticker{display:flex;width:max-content;list-style:none;margin:0;padding:0;animation:brp-ticker 70s linear infinite}
.brp-ticker-wrap:hover .brp-ticker,.brp-ticker-wrap:focus-within .brp-ticker{animation-play-state:paused}
.brp-ticker-item{flex:none;margin-right:36px;white-space:nowrap}
.brp-ticker-item a{color:#fff;text-decoration:none}
.brp-ticker-type{font-weight:700;margin-right:6px}
.brp-ticker .brp-type-ask .brp-ticker-type{color:#FF7AB8}
.brp-ticker .brp-type-requirement .brp-ticker-type{color:#9DB3FF}
.brp-ticker .brp-type-give .brp-ticker-type{color:#5EDDA6}
.brp-ticker .brp-type-lead .brp-ticker-type{color:#FFC94D}
@keyframes brp-ticker{to{transform:translateX(-50%)}}

/* Dashboard */
.brp-sub-status-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border-radius:14px;margin-bottom:20px;background:var(--brp-mist);border:1px solid var(--brp-line)}
.brp-sub-status-box p{margin:4px 0 0}
.brp-dash-actions{display:flex;gap:8px;flex-wrap:wrap}
.brp-status-badge{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:capitalize;background:#E4E2F0;color:var(--brp-ink)}
.brp-status-active{background:#D7F3E5;color:#0B5D3C}
.brp-status-paused{background:#FFF0C7;color:#6E4700}
.brp-status-stopped{background:#FBD9E9;color:#9B0F55}
.brp-filter-form,.brp-dash-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;align-items:center}
.brp-filter-form input,.brp-filter-form select,.brp-dash-controls select{width:auto;flex:1 1 160px}
.brp-table-scroll{overflow-x:auto}
.brp-dash-table{width:100%;border-collapse:collapse;min-width:620px}
.brp-dash-table th,.brp-dash-table td{border-bottom:1px solid var(--brp-line);padding:10px;text-align:left;font-size:.95rem;vertical-align:top}
.brp-dash-table th{background:var(--brp-mist);font-weight:700}
.brp-pagination{margin-top:16px}
.brp-pagination .page-numbers{display:inline-block;padding:6px 12px;border:1px solid var(--brp-line);border-radius:8px;margin:0 2px;color:var(--brp-ink);text-decoration:none}
.brp-pagination .page-numbers.current{background:var(--brp-ink);color:#fff}

/* Account page */
.brp-account-wrap{max-width:600px;margin:20px auto;padding:24px;background:#fff;border:1px solid var(--brp-line);border-radius:16px}
.brp-account-wrap h3,.brp-account-wrap h4{font-family:var(--brp-display);margin:20px 0 10px}
.brp-account-wrap label{display:block;font-weight:600;margin-bottom:6px}
.brp-account-wrap input:disabled{background:var(--brp-mist);cursor:not-allowed}
.brp-account-wrap small{display:block;margin-top:4px;color:var(--brp-ink-2)}
.brp-field{margin-bottom:16px}

/* Pricing */
.brp-pricing-page-wrap{max-width:720px;margin:20px auto}
.brp-payment-option-box{padding:22px;border:1px solid var(--brp-line);border-radius:16px;background:#fff;margin-bottom:20px}
.brp-payment-option-box h3{margin-top:0;font-family:var(--brp-display)}
.brp-price-display strong{font:800 1.6rem var(--brp-display)}
.brp-offline-details{background:var(--brp-mist);padding:14px;border-radius:10px;margin-bottom:14px}
.brp-offline-details h4{margin:0 0 6px}

/* Community */
.brp-community-links{display:flex;flex-wrap:wrap;gap:10px}

@media (prefers-reduced-motion:reduce){
  .brp-ticker{animation:none;flex-wrap:wrap;width:auto}
  .brp-ticker [aria-hidden=true]{display:none}
}