/* ============================================================
   Cochran & Chhabra — current-client payment entry points
   /assets/css/cc-paybar-20261018.css  ·  Oct 18 2026
   1. Client bar above the main nav (every page, site + blog)
   2. "Make a Payment" in the Resources menu
   3. Pause switch on /pay-invoice/
   4. Footer: readable "Current Clients" label; stray line under the legal links
   /assets/* is cached immutable — any edit ships under a NEW filename.
   ============================================================ */

/* ---------- 1. client bar ---------- */
.cc-paybar{background:#102217;padding:0 40px;font-family:'Inter',system-ui,sans-serif;}
.cc-paybar-in{max-width:1100px;margin:0 auto;height:40px;display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.cc-paybar-tag{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:15.5px;line-height:1;color:rgba(255,255,255,.74);white-space:nowrap;}
.cc-paybar-link{display:inline-flex;align-items:center;gap:.55rem;font-size:11.5px;line-height:1;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:rgba(255,255,255,.8);text-decoration:none;white-space:nowrap;}
.cc-paybar-link b{font-weight:600;color:#A9BAC0;transition:color .2s;}
.cc-paybar-link .sep{opacity:.5;margin:0 .1rem;}
.cc-paybar-link .ic{display:inline-flex;width:13px;height:13px;color:#A9BAC0;}
.cc-paybar-link .ic svg{width:100%;height:100%;display:block;}
.cc-paybar-link .ar{color:#A9BAC0;transition:transform .2s;}
.cc-paybar-link:hover b,.cc-paybar-link:focus-visible b{color:#fff;}
.cc-paybar-link:hover .ar,.cc-paybar-link:focus-visible .ar{transform:translateX(3px);}
.cc-paybar-link:focus-visible{outline:2px solid #A9BAC0;outline-offset:4px;border-radius:2px;}
@media (max-width:640px){
  .cc-paybar{padding:0 20px;}
  .cc-paybar-in{justify-content:center;}
  .cc-paybar-tag{display:none;}
  .cc-paybar-link{font-size:11px;letter-spacing:.12em;}
}
@media print{.cc-paybar{display:none;}}

/* ---------- 2. Resources menu item ---------- */
#sub-resources .sub-pay{border-top:1px solid #e6e2d9;margin-top:.35rem;padding-top:.35rem;}
#sub-resources .sub-pay a{display:flex;align-items:center;gap:.5rem;}
#sub-resources .sub-pay .pay-ic{display:inline-flex;width:13px;height:13px;flex:none;color:#6F8088;}
#sub-resources .sub-pay .pay-ic svg{width:100%;height:100%;display:block;}
@media (max-width:1024px){
  #sub-resources .sub-pay{border-top-color:rgba(255,255,255,.14);}
  #sub-resources .sub-pay .pay-ic{color:#A9BAC0;}
}

/* ---------- 3. pause switch (/pay-invoice/) ----------
   <div class="cc-pay-switch" data-payments="live">  → button shows
   <div class="cc-pay-switch" data-payments="paused"> → "please call" note shows */
.cc-pay-switch .cc-pay-paused{display:none;}
.cc-pay-switch[data-payments="paused"] .cc-pay-live{display:none;}
.cc-pay-switch[data-payments="paused"] .cc-pay-paused{display:block;}
.cc-payment-link .pay-ic{display:inline-flex;width:13px;height:13px;margin-right:.5rem;flex:none;}
.cc-payment-link .pay-ic svg{width:100%;height:100%;display:block;}
.cc-pay-paused{border:1px solid #dcd5c7;border-left:3px solid #102217;padding:1.1rem 1.25rem;margin:.4rem 0 0;max-width:560px;background:#fff;font-family:'Inter',system-ui,sans-serif;}
.cc-pay-paused .k{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:#5f6b76;margin:0 0 .45rem;}
.cc-pay-paused p{margin:0;font-size:.98rem;line-height:1.6;color:#2b2b2b;}
.cc-pay-paused a{color:#102217;text-decoration:underline;}

/* ---------- 4. footer fixes ---------- */
body #x-ftr .cc-pay-ftr .lk{color:rgba(255,255,255,.66);}
body #x-ftr .disc .legal{position:static;z-index:auto;border-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none;}