/* Book4Ad blog — booking CTAs (inline box, end box, sidebar, mobile sticky banner). */

/* Button pair: "Check rates" (outline) + "Book now" (orange). */
.b4cta-actions{display:flex;gap:8px;flex-wrap:wrap}
.b4cta-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:10px;font:700 14px/1 'Inter',system-ui,sans-serif;text-decoration:none!important;border:none!important;white-space:nowrap;transition:background .15s,box-shadow .15s,color .15s}
.b4cta-rates{background:#fff;color:var(--b4-navy,#0B1F33)!important;box-shadow:inset 0 0 0 1.5px rgba(11,31,51,.22)}
.b4cta-rates:hover{box-shadow:inset 0 0 0 1.5px var(--b4-orange,#F58220);color:var(--b4-orange-dark,#d96f10)!important}
.b4cta-book{background:var(--b4-orange,#F58220);color:#fff!important;box-shadow:0 4px 12px rgba(245,130,32,.32)}
.b4cta-book:hover{background:var(--b4-orange-dark,#d96f10)}

/* Inline box inside the article (after the 2nd/3rd paragraph). */
article.post .b4cta-inline{display:flex;align-items:center;justify-content:space-between;gap:14px 18px;flex-wrap:wrap;margin:28px 0;padding:16px 18px;background:#FFF7EF;border:1px solid rgba(245,130,32,.28);border-left:4px solid var(--b4-orange,#F58220);border-radius:12px}
.b4cta-inline-txt{flex:1 1 260px;min-width:0}
.b4cta-inline-txt b{display:block;font:700 16px/1.35 'Inter',system-ui,sans-serif;color:var(--b4-navy,#0B1F33)}
.b4cta-inline-txt span{display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:var(--b4-muted,#5b6470)}

/* End-of-article box: keep its orange design, white buttons. */
.post-cta .b4cta-actions--end .b4cta-rates{background:rgba(255,255,255,.16);color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.post-cta .b4cta-actions--end .b4cta-book{background:#fff;color:var(--b4-orange-dark,#d96f10)!important;box-shadow:0 4px 12px rgba(0,0,0,.12)}

/* Keep the end box's white text: article typography (content.css) must not recolour it. */
article.post .post-cta h3{color:#fff;margin:0}
article.post .post-cta p{color:rgba(255,255,255,.92)}

/* Sidebar secondary link. */
.side-rates{display:block;margin-top:10px;text-align:center;font-size:13.5px;font-weight:600;color:#ffc899!important;text-decoration:none}
.side-rates:hover{color:#fff!important}

/* Article booking bar (phones): one fixed layer replacing the 5-tab bar on article pages. */
.b4bb{display:none}
@media (max-width:991px){
  .b4bb{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:flex;align-items:center;gap:6px;height:calc(var(--b4bn-h,64px) + var(--b4bn-safe,0px));padding:6px 8px calc(6px + var(--b4bn-safe,0px));background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(11,31,51,.08);box-shadow:0 -6px 24px rgba(11,31,51,.1)}
  .b4bb-side{flex:0 0 48px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;padding:0;color:#5b6470;font:600 10.5px/1 'Inter',system-ui,sans-serif;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .b4bb-side svg{position:static!important}
  .b4bb-wa{color:#1f9e50}
  .b4bb-wa svg{color:#25D366}
  .b4bb-call{color:var(--b4-navy,#0B1F33)}
  .b4bb-call svg{color:#2E7D32}
  .b4bb-btn{flex:1 1 0;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:12px;text-decoration:none;-webkit-tap-highlight-color:transparent;padding:0 6px}
  .b4bb-btn small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 10.5px/1.15 'Inter',system-ui,sans-serif;opacity:.85}
  .b4bb-btn b{font:800 14.5px/1.1 'Inter',system-ui,sans-serif;white-space:nowrap}
  .b4bb-rates{background:#fff;color:var(--b4-navy,#0B1F33);box-shadow:inset 0 0 0 1.5px rgba(11,31,51,.2)}
  .b4bb-book{background:linear-gradient(135deg,#F58220,#d96f10);color:#fff;box-shadow:0 6px 16px rgba(245,130,32,.35)}
  .b4bb-btn:active{transform:scale(.97)}
  .b4bb-btn:focus-visible,.b4bb-side:focus-visible{outline:2.5px solid var(--b4-orange,#F58220);outline-offset:2px}
}
@media (max-width:640px){
  article.post .post-cta{padding:16px;gap:12px;margin-top:24px;border-radius:12px}
  article.post .post-cta h3{font-size:16.5px;line-height:1.3}
  article.post .post-cta p{font-size:13px;line-height:1.45;margin-top:4px}
  .post-cta .b4cta-actions--end{width:100%;flex-wrap:nowrap}
  .post-cta .b4cta-actions--end a{flex:1;min-height:40px;padding:0 10px;font-size:13.5px}
  article.post .b4cta-inline{margin:22px 0;padding:14px}
  .b4cta-inline .b4cta-actions{width:100%}
  .b4cta-inline .b4cta-actions a{flex:1}
}

/* Live "Rates from ₹X" line (filled by ui.js from /rate-summary; hidden until a real rate arrives). */
.b4a-price{display:block;font-style:normal;font-weight:700}
.b4a-price[hidden]{display:none}
.b4cta-inline .b4a-price{margin-top:5px;font-size:14px;color:var(--b4-orange-dark,#d96f10)}
article.post .post-cta .b4a-price{margin-top:6px;font-size:14px;color:#fff}
.side-book .b4a-price{margin-top:8px;font-size:14px;color:#ffc899}