/* India Laparoscopy Surgery Site blog: header, right column, enquiry form, popup and calls to action.
   Header/sidebar/popup follow the joint + cancer blog layout (Nov 5). Colours are ONLY those already used by the original theme / page CSS:
   #1c5a67 deep teal, #085750 dark teal text, #00a1e0 sky, #0088d0 sky dark, #079dd0 border blue,
   #cb2129 red, #a5241a dark red, #25d366 WhatsApp (inline in the old buttons),
   #444 ink, #757575 grey, #ccc / #ededed lines, #f1f1f1 / #efefef paper, #fff. */
:root {
  --lp-teal: #1c5a67;
  --lp-bg: #6bbbd6;      /* lapro background blue (logo / original header) */
  --lp-teal-text: #085750;
  --lp-sky: #00a1e0;
  --lp-sky-dark: #0088d0;
  --lp-red: #cb2129;
  --lp-red-dark: #a5241a;
  --lp-wa: #25d366;
  --lp-ink: #444444;
  --lp-grey: #757575;
  --lp-line: #cccccc;
  --lp-hair: #ededed;
  --lp-paper: #f1f1f1;
  --lp-font: "Ubuntu", Helvetica, Arial, sans-serif;
}
html, body { overflow-x: hidden; }
.lp-head, .lp-head *, #secondary.lp-side, #secondary.lp-side *, .lp-modal, .lp-modal * { box-sizing: border-box; }
.lp-head, #secondary.lp-side, .lp-modal { font-family: var(--lp-font); color: var(--lp-ink); }
.lp-head a, #secondary.lp-side a, .lp-modal a { text-decoration: none; }

/* ================= HEADER (joint / cancer blog layout, lapro colours) ================= */
/* top strip */
.lp-top { background: #fff; border-bottom: 1px solid var(--lp-bg); font-family: var(--lp-font); clear: both; }
.lp-top__in { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 6px 18px; }
.lp-top a { color: var(--lp-sky-dark); text-decoration: none; }
.lp-top a:hover { text-decoration: underline; }
.lp-top__mail { display: inline-flex; align-items: center; gap: 6px; font-size: 14.5px; font-weight: 700; }
.lp-top__mail svg { width: 15px; height: 15px; fill: var(--lp-bg); }
.lp-top__links { display: flex; align-items: center; gap: 7px; margin-left: auto; }
.lp-ico { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: var(--lp-bg); }
.lp-ico svg { width: 14px; height: 14px; fill: #fff; }
.lp-ico:hover { background: var(--lp-sky-dark); }
.lp-top__num { margin-left: 3px; font-weight: 700; font-size: 16px; letter-spacing: .3px; }
/* logo band: same blue as the logo's own background, so the logo sits seamlessly */
.lp-head { clear: both; font-family: var(--lp-font); }
.lp-band { background: var(--lp-bg); text-align: center; padding: 24px 20px 18px; }
.lp-brand { display: inline-block; line-height: 0; }
.lp-brand img { display: block; width: 240px; max-width: 70vw; height: auto; }
.lp-tagline { display: flex; align-items: center; gap: 10px; max-width: 380px; margin: 10px auto 0 !important; color: #fff; font: 700 13px/1.3 var(--lp-font); letter-spacing: .6px; }
.lp-tagline::before, .lp-tagline::after { content: ""; flex: 1; height: 1px; background: #fff; opacity: .85; }
.lp-tagline span { white-space: nowrap; }
/* nav bar */
.lp-nav { position: relative; z-index: 50; background: var(--lp-bg); border-top: 1px solid rgba(255, 255, 255, .7); }
.lp-nav__list { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0; padding: 0; list-style: none; }
.lp-nav__list > li { position: relative; margin: 0; }
.lp-nav__list > li + li::before { content: ""; position: absolute; left: 0; top: 50%; height: 12px; margin-top: -6px; border-left: 1px solid rgba(255, 255, 255, .55); }
.lp-nav__list > li > a, .lp-sub-toggle { display: block; margin: 0; padding: 14px 20px; border: 0; background: none; color: #fff; font: 700 11.5px/1 var(--lp-font); letter-spacing: .6px; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.lp-sub-toggle { display: flex; align-items: center; gap: 6px; }
.lp-sub-toggle i { display: block; width: 0; height: 0; border: 4px solid transparent; border-top-color: currentColor; border-bottom: 0; }
.lp-nav__list > li > a:hover, .lp-sub-toggle:hover, .lp-has-sub.is-open > .lp-sub-toggle { background: var(--lp-sky-dark); color: #fff; }
.lp-nav__list > li > a.is-current { box-shadow: inset 0 -3px 0 #fff; }
.lp-sub { display: none; position: absolute; z-index: 60; left: 50%; top: 100%; transform: translateX(-50%); min-width: 220px; padding: 4px 0; background: #fff; border: 1px solid var(--lp-hair); border-top: 3px solid var(--lp-bg); box-shadow: 0 8px 22px rgba(0, 0, 0, .16); text-align: left; }
.lp-has-sub.is-open .lp-sub { display: block; }
@media (hover: hover) and (min-width: 901px) { .lp-has-sub:hover .lp-sub { display: block; } }
.lp-sub a { display: block; padding: 7px 16px; border-bottom: 1px solid var(--lp-hair); background: none; color: var(--lp-sky-dark); font: 400 13.5px/1.3 var(--lp-font); letter-spacing: 0; text-transform: none; text-decoration: none; }
.lp-sub a:last-child { border-bottom: 0; }
.lp-sub a:hover { background: var(--lp-paper); color: var(--lp-sky-dark); }
.lp-burger { display: none; }

/* page titles (every page) and listing titles: bold */
.entry-header .entry-title, .entry-header .entry-title a, h1.entry-title, h2.entry-title a { font-weight: 700 !important; }

/* year ranges (<bdi>2026-2027</bdi>) never break at the hyphen: Arabic titles showed "– -2026 / 2027" */
.entry-title bdi, .lp-recent bdi, h1 bdi, h2 bdi { white-space: nowrap; }
.lp-card h4 bdi { white-space: normal; unicode-bidi: isolate; }
.lp-yr { white-space: nowrap; }
/* right-to-left headers: mirror the theme's grey "By admin | date" bar (it sticks out on the left otherwise) */
.entry-header[dir="rtl"] .below-title-meta { margin-left: 0; margin-right: -3.1%; }
@media screen and (max-width: 440px) { .entry-header[dir="rtl"] .below-title-meta { margin-left: 0; margin-right: -4.1%; } }

/* ================= RIGHT COLUMN: cards ================= */
@media screen and (min-width: 768px) {
  #primary.site-content, #secondary.widget-area { box-sizing: border-box; }
}
#secondary.lp-side { background: none; }
.lp-side .lp-box { margin: 0 0 22px; overflow: hidden; background: #fff; border: 1px solid var(--lp-hair); border-radius: 4px; box-shadow: 0 2px 8px rgba(107, 187, 214, .25); }
.lp-box__title { position: relative; margin: 0 !important; padding: 11px 14px 11px 26px !important; background: var(--lp-bg); color: #fff !important; font: 700 13px/1.2 var(--lp-font) !important; letter-spacing: .6px; text-transform: uppercase; }
.lp-box__title::before { content: ""; position: absolute; left: 14px; top: 10px; bottom: 10px; width: 3px; border-radius: 1px; background: #fff; }
.lp-box--search { padding: 12px; border-top: 3px solid var(--lp-bg) !important; }
.lp-search { display: flex; margin: 0; }
.lp-search input[type="search"] { flex: 1; min-width: 0; height: 36px; margin: 0; padding: 6px 10px; border: 1px solid var(--lp-line); border-right: 0; border-radius: 3px 0 0 3px; background: #fff; color: var(--lp-ink); font: 13px var(--lp-font); box-shadow: none; }
.lp-search input[type="search"]:focus { outline: 0; border-color: var(--lp-sky); }
.lp-search button { height: 36px; margin: 0; padding: 0 16px; border: 0; border-radius: 0 3px 3px 0; background: var(--lp-bg); color: #fff; font: 700 12.5px var(--lp-font); cursor: pointer; }
.lp-search button:hover { background: var(--lp-sky-dark); }

/* forms (sidebar card + popup) */
.lp-form { margin: 0; }
.lp-consult .lp-form { padding: 14px 14px 12px; }
.lp-form .lp-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.lp-field { margin: 0 0 12px; }
.lp-field label { display: block; margin: 0 0 5px; color: var(--lp-sky-dark); font: 700 12px/1.2 var(--lp-font); letter-spacing: 0; text-transform: none; }
.lp-req { color: var(--lp-sky-dark); }
/* sidebar form: the placeholders carry the labels (labels kept for screen readers only) */
.lp-consult .lp-field label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.lp-consult .lp-field { margin-bottom: 10px; }
.lp-consult .lp-field select:invalid { color: #9a9a9a; }
.lp-consult .lp-field select option { color: var(--lp-ink); }
.lp-field input, .lp-field select, .lp-field textarea { display: block; width: 100%; margin: 0; padding: 8px 10px; border: 1px solid var(--lp-line); border-radius: 4px; background: #fff; color: var(--lp-ink); font: 13px var(--lp-font); box-shadow: none; box-sizing: border-box; }
.lp-field input, .lp-field select { height: 38px; }
.lp-field textarea { min-height: 92px; resize: vertical; }
.lp-field input::placeholder, .lp-field textarea::placeholder { color: #9a9a9a; }
.lp-field input:focus, .lp-field select:focus, .lp-field textarea:focus { outline: 0; border-color: var(--lp-sky); box-shadow: 0 0 0 3px rgba(0, 161, 224, .15); }
.lp-field.is-invalid input, .lp-field.is-invalid select, .lp-field.is-invalid textarea { border-color: var(--lp-red); }
.lp-err { display: block; margin-top: 3px; padding: 0; background: none; color: var(--lp-red); font: 400 11.5px/1.3 var(--lp-font); }
.lp-err:empty { display: none; }
.lp-btn { display: block; width: 100% !important; max-width: 100%; margin: 2px 0 0; padding: 11px 14px; border: 0; border-radius: 4px; background: var(--lp-bg); color: #fff !important; font: 700 13px var(--lp-font); letter-spacing: .6px; text-transform: uppercase; cursor: pointer; box-shadow: 0 2px 6px rgba(107, 187, 214, .4); transition: background .15s; }
.lp-btn:hover, .lp-btn:focus { background: var(--lp-sky-dark); }
.lp-btn[disabled] { opacity: .7; cursor: wait; }
.lp-form-msg { margin: 8px 0 0; font: 400 12.5px/1.4 var(--lp-font); }
.lp-form-msg:empty { display: none; }
.lp-form-msg.is-error { padding: 0; background: none; color: var(--lp-sky-dark); }
/* reCAPTCHA v3: badge hidden, Google's required notice shown under each form instead */
.grecaptcha-badge { visibility: hidden !important; }
.lp-rc { margin: 4px 0 0; color: var(--lp-grey); font: 400 10.5px/1.4 var(--lp-font); text-align: center; }
.lp-rc a { color: var(--lp-sky-dark) !important; text-decoration: underline; }
.lp-note { margin: 10px 0 0; color: var(--lp-grey); font: 400 11px/1.5 var(--lp-font); text-align: center; }
.lp-sent { padding: 22px 16px; color: var(--lp-sky-dark); font: 400 13px/1.6 var(--lp-font); text-align: center; outline: 0; }
.lp-sent strong { display: block; margin-bottom: 6px; color: var(--lp-sky-dark); font: 700 16px/1.3 var(--lp-font); }
.lp-sent a { color: var(--lp-sky-dark); text-decoration: underline; }

/* recent posts, categories, contact */
.lp-recent, .lp-cats, .lp-contact { margin: 0; padding: 6px 14px; list-style: none; }
.lp-recent li { margin: 0; padding: 9px 0; border-bottom: 1px solid var(--lp-hair); }
.lp-recent li:last-child, .lp-cats li:last-child, .lp-contact li:last-child { border-bottom: 0; }
.lp-recent a { display: flex; align-items: flex-start; gap: 10px; text-decoration: none; }
.lp-recent img, .lp-noimg { flex: 0 0 64px; width: 64px; height: 45px; margin: 0 !important; object-fit: cover; border: 1px solid var(--lp-hair); border-radius: 3px; background: var(--lp-paper); }
.lp-recent span { color: var(--lp-sky-dark); font: 700 12.5px/1.45 var(--lp-font); }
.lp-recent span[dir="rtl"] { flex: 1; text-align: right; }
.lp-recent a:hover span { color: var(--lp-sky-dark); }
.lp-cats li { margin: 0; border-bottom: 1px solid var(--lp-hair); }
.lp-cats a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 0; color: var(--lp-sky-dark); font: 700 12.5px/1.35 var(--lp-font); text-decoration: none; }
.lp-cats a:hover { color: var(--lp-sky-dark); }
.lp-cats span[dir="rtl"] { flex: 1; text-align: right; }
.lp-cats b { flex: 0 0 auto; min-width: 22px; padding: 2px 6px; border-radius: 10px; background: var(--lp-bg); color: #fff; font-size: 10.5px; text-align: center; }
.lp-contact li { margin: 0; border-bottom: 1px solid var(--lp-hair); }
.lp-contact a { display: flex; align-items: center; gap: 9px; padding: 8px 0; color: var(--lp-sky-dark); font: 400 13px/1.3 var(--lp-font); text-decoration: none; min-width: 0; }
.lp-contact a span { min-width: 0; overflow-wrap: anywhere; }
.lp-contact a:hover { color: var(--lp-sky-dark); }
.lp-contact svg { flex: 0 0 16px; width: 16px; height: 16px; fill: var(--lp-bg); }
.lp-social { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 14px 14px; }
.lp-social a { padding: 5px 11px; border-radius: 14px; background: var(--lp-bg); color: #fff; font: 700 11.5px/1.2 var(--lp-font); text-decoration: none; }
.lp-social a:hover { background: var(--lp-bg); }

/* ================= CALLS TO ACTION ON THE PAGES ================= */
.entry-content p.lp-cardbtns { display: flex !important; flex-wrap: wrap !important; justify-content: flex-start !important; gap: 8px !important; margin: 14px 0 6px !important; }
.entry-content a.btn.lp-consultbtn, .entry-content a.btn.lp-wabtn { margin: 0 !important; display: inline-block; flex: 1 1 130px; min-width: 120px; padding: 11px 16px !important; border: 0 !important; border-radius: 0 !important; color: #fff !important; font: 700 13px/1.25 var(--lp-font) !important; letter-spacing: 1px; text-align: center; text-transform: uppercase; box-shadow: none !important; white-space: normal; }
.entry-content a.btn.lp-consultbtn { background: var(--lp-red) !important; }
.entry-content a.btn.lp-consultbtn:hover { background: var(--lp-red-dark) !important; }
.entry-content a.btn.lp-wabtn { background: var(--lp-wa) !important; }
.entry-content a.btn.lp-wabtn:hover { background: var(--lp-teal) !important; }


/* ================= POPUP (same look as the sidebar card: teal head bar, white body, red button) ================= */
body.lp-lock { overflow: hidden; }
.lp-modal { position: fixed; z-index: 100000; inset: 0; display: none; align-items: center; justify-content: center; padding: 16px; font-family: var(--lp-font); }
.lp-modal.is-open { display: flex; }
.lp-modal__bg { position: absolute; inset: 0; background: rgba(0, 0, 0, .5); }
.lp-modal__box { position: relative; width: 100%; max-width: 440px; max-height: calc(100vh - 32px); overflow-y: auto; background: #fff; border-radius: 8px; box-shadow: 0 18px 50px rgba(0, 0, 0, .35); scrollbar-width: none; -ms-overflow-style: none; }
.lp-modal__box::-webkit-scrollbar { display: none; width: 0; height: 0; }
.lp-modal__head { padding: 18px 50px 16px 22px; border-radius: 8px 8px 0 0; background: var(--lp-bg); color: #fff; }
.lp-modal__head .lp-modal__title { position: relative; margin: 0 0 4px; padding-left: 12px; color: #fff; font: 700 19px/1.2 var(--lp-font); letter-spacing: .3px; text-transform: uppercase; }
.lp-modal__head .lp-modal__title::before { content: ""; position: absolute; left: 0; top: 2px; bottom: 2px; width: 3px; border-radius: 1px; background: #fff; }
.lp-modal__head .lp-modal__sub { margin: 0; color: #fff; font: 400 13px/1.5 var(--lp-font); opacity: .95; }
.lp-modal__doc { display: inline-block; margin: 10px 0 0 !important; padding: 3px 12px; border-radius: 14px; background: #fff; color: var(--lp-sky-dark) !important; font: 700 12.5px/1.4 var(--lp-font) !important; }
.lp-modal__doc[hidden] { display: none; }
.lp-modal__x { position: absolute; top: 12px; right: 12px; z-index: 2; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .2); color: #fff; font: 400 22px/32px Arial, sans-serif; cursor: pointer; }
.lp-modal__x:hover { background: #fff; color: var(--lp-sky-dark); }
.lp-modal .lp-form { padding: 16px 22px 16px; }
.lp-modal .lp-field { margin: 0 0 9px; }
.lp-modal .lp-field label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }   /* placeholders carry the labels */
.lp-modal .lp-field textarea { min-height: 62px; }
.lp-modal .lp-note { margin-top: 8px; }
.lp-modal .lp-sent { padding: 24px 22px; }
@media (max-height: 700px) and (min-width: 601px) {
  .lp-modal__box { max-width: 560px; }
  .lp-modal .lp-form { display: grid; grid-template-columns: 1fr 1fr; column-gap: 12px; }
  .lp-modal .lp-form > :not(.lp-field), .lp-modal .lp-form > .lp-field:has(textarea) { grid-column: 1 / -1; }
}

/* ================= PHONES / TABLETS ================= */
@media (max-width: 900px) {
  .lp-top__in { padding: 6px 12px; }
  .lp-top__mail span { display: none; }
  .lp-band { padding: 18px 16px 14px; }
  .lp-brand img { width: 210px; }
  .lp-tagline { font-size: 11px; }
  .lp-burger { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 12px; border: 0; background: none; color: #fff; font: 700 12px var(--lp-font); letter-spacing: .6px; text-transform: uppercase; cursor: pointer; }
  .lp-bars, .lp-bars::before, .lp-bars::after { display: block; position: relative; width: 18px; height: 2px; background: currentColor; }
  .lp-bars::before, .lp-bars::after { content: ""; position: absolute; left: 0; }
  .lp-bars::before { top: -6px; } .lp-bars::after { top: 6px; }
  .lp-nav__list { display: none; flex-direction: column; align-items: stretch; border-top: 1px solid rgba(255, 255, 255, .4); }
  .lp-nav.is-open .lp-nav__list { display: flex; }
  .lp-nav__list > li + li::before { display: none; }
  .lp-nav__list > li { border-bottom: 1px solid rgba(255, 255, 255, .25); }
  .lp-nav__list > li > a, .lp-sub-toggle { width: 100%; justify-content: center; padding: 13px 16px; text-align: center; }
  .lp-nav__list > li > a.is-current { box-shadow: none; background: var(--lp-sky-dark); }
  .lp-sub { position: static; transform: none; min-width: 0; padding: 0; border: 0; box-shadow: none; }
  .lp-sub a { text-align: center; }
  #secondary.lp-side { float: none !important; width: 100% !important; padding: 0 14px; }
}
@media (max-width: 767px) {
  .lp-modal { align-items: flex-end; padding: 0; }
  .lp-modal__box { max-width: none; max-height: 92vh; border-radius: 14px 14px 0 0; }
  .lp-modal__head { border-radius: 14px 14px 0 0; }
  #copyright .row, .site-wordpress .row { margin-left: 0; margin-right: 0; }
  .table-bordered { display: block; overflow-x: auto; }
}

/* ================= 2026-2027 UPDATE NOTICE ================= */
.entry-content p.lp-update { margin: 6px 0 24px !important; padding: 0 !important; border: 0 !important; background: none !important; color: #0e3a5c !important; font: italic 700 18px/1.85 var(--lp-font) !important; text-align: left !important; }
.entry-content p.lp-update[dir="rtl"] { text-align: right !important; }
@media (max-width: 600px) { .entry-content p.lp-update { font-size: 16px !important; line-height: 1.7 !important; } }

/* ================= CITY PAGES ================= */
.lp-city { font-family: var(--lp-font); color: var(--lp-ink); }
.lp-city p { font-size: 16px; line-height: 1.7; color: var(--lp-teal-text); text-align: left; }
.lp-city h2 { margin: 30px 0 12px; padding: 0 0 8px; border-bottom: 3px solid var(--lp-sky); color: var(--lp-teal); font: 700 21px/1.3 var(--lp-font); }
.lp-toc { margin: 18px 0 26px; padding: 16px 20px; border: 1px solid var(--lp-line); background: #fff; }
.lp-toc__title { margin: 0 0 8px !important; color: var(--lp-teal) !important; font: 700 13px/1.2 var(--lp-font) !important; letter-spacing: 1.2px; text-transform: uppercase; }
.lp-toc ol { margin: 0; padding: 0 0 0 22px; columns: 2; column-gap: 28px; }
.lp-toc li { margin: 0 0 4px; break-inside: avoid; color: var(--lp-grey); font-size: 14.5px; line-height: 1.45; }
.lp-toc a { color: var(--lp-teal); }
.lp-toc a:hover { color: var(--lp-red); }

.lp-doc { display: grid; grid-template-columns: 200px 1fr; gap: 0; margin: 0 0 22px; border: 1px solid var(--lp-line); background: #fff; scroll-margin-top: 20px; }
.lp-doc--nophoto { grid-template-columns: 1fr; }
.lp-doc__photo { background: var(--lp-paper); border-right: 1px solid var(--lp-line); }
.lp-doc__photo img { display: block; width: 100%; height: auto; margin: 0 !important; }
.lp-doc__body { padding: 18px 22px 18px; border-top: 5px solid var(--lp-teal); }
.lp-doc__rank { display: block; margin: 0 0 2px; color: var(--lp-red); font: 700 13px/1.2 var(--lp-font); letter-spacing: 1.5px; text-transform: uppercase; }
.entry-content .lp-doc h3 { margin: 0 0 10px; padding: 0; color: var(--lp-teal); font: 700 21px/1.25 var(--lp-font); text-align: left; }
.lp-doc dl { margin: 0 0 14px; }
.lp-doc dt { margin: 8px 0 0; color: var(--lp-grey); font: 700 11px/1.3 var(--lp-font); letter-spacing: 1.1px; text-transform: uppercase; }
.lp-doc dd { margin: 1px 0 0; color: var(--lp-ink); font: 400 14.5px/1.5 var(--lp-font); }
.lp-doc__btns { display: flex; flex-wrap: wrap; gap: 8px; }
.lp-doc__btns a { flex: 1 1 140px; display: block; padding: 11px 14px; color: #fff !important; font: 700 13px/1.2 var(--lp-font); letter-spacing: 1px; text-align: center; text-transform: uppercase; text-decoration: none !important; }
.lp-doc__btns .lp-consultbtn { background: var(--lp-red); }
.lp-doc__btns .lp-consultbtn:hover { background: var(--lp-red-dark); }
.lp-doc__btns .lp-wabtn { background: var(--lp-wa); }
.lp-doc__btns .lp-wabtn:hover { background: var(--lp-teal); }


.lp-faq { margin: 0; }
.lp-faq dt { margin: 16px 0 4px; color: var(--lp-teal); font: 700 16px/1.4 var(--lp-font); }
.lp-faq dd { margin: 0; color: var(--lp-teal-text); font: 400 15.5px/1.65 var(--lp-font); }
.lp-links { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.lp-links li { margin: 0; padding: 0; }
.lp-links a { display: block; padding: 8px 12px; border: 1px solid var(--lp-line); background: #fff; color: var(--lp-teal); font: 400 14px/1.2 var(--lp-font); text-decoration: none; }
.lp-links a:hover { background: var(--lp-sky); border-color: var(--lp-sky); color: #fff; }
.lp-links a.is-india { border-color: var(--lp-teal); font-weight: 700; }


@media (max-width: 767px) {
  .lp-toc ol { columns: 1; }
  .lp-doc { grid-template-columns: 1fr; }
  .lp-doc__photo { border-right: 0; border-bottom: 1px solid var(--lp-line); }
  .lp-doc__photo img { max-width: 260px; margin: 0 auto !important; }
}

/* Top Surgeons menu: compact — one row per speciality: title, then India + cities inline */
.lp-sub--wide { min-width: 0; width: 430px; padding: 6px 0; }
.lp-has-sub.is-open .lp-sub--wide { display: block; }
.lp-sub__group { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 0; padding: 7px 14px; border-bottom: 1px solid var(--lp-hair); }
.lp-sub__group:last-child { border-bottom: 0; }
.lp-sub__title { flex: 0 0 100%; margin: 0 0 3px !important; padding: 0 !important; color: var(--lp-sky-dark) !important; font: 700 11px/1.3 var(--lp-font) !important; letter-spacing: .8px; text-transform: uppercase; }
.lp-sub--wide a { display: inline-block; padding: 2px 8px 2px 0; margin-right: 8px; border: 0; border-right: 1px solid var(--lp-hair); font-size: 13px; }
.lp-sub--wide a:last-child { border-right: 0; }
.lp-sub--wide a:hover { background: none; text-decoration: underline; }
@media (hover: hover) and (min-width: 901px) { .lp-has-sub:hover .lp-sub--wide { display: block; } }
@media (max-width: 900px) {
  .lp-sub--wide { width: auto; }
  .lp-sub__group { justify-content: center; }
  .lp-sub__title { text-align: center; }
}
/* theme adds square markers to every content list: none on our link chips and quick list */
.entry-content ul.lp-links { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.entry-content ul.lp-links li { list-style: none !important; margin: 0 !important; }
.entry-content ul.lp-links li::before, .entry-content ul.lp-links li::after { content: none !important; display: none !important; }

/* ================= CALL-TO-ACTION BOX (city pages + the old grey boxes on India pages) =================
   Original lapro colours only: #1c5a67 teal, #cb2129 / #a5241a red, #25d366 WhatsApp, white. */
.entry-content .lp-cta { position: relative; overflow: hidden; clear: both; margin: 30px 0 !important; padding: 34px 32px 36px !important; border: 0 !important; border-radius: 16px !important; background: #6bbbd6 !important;  /* the logo background colour */ box-shadow: 0 10px 26px rgba(0, 0, 0, .16) !important; color: #fff !important; text-align: center !important; }
.entry-content .lp-cta::before { content: none; }
.entry-content .lp-cta > * { position: relative; }
.entry-content .lp-cta > br:first-child { display: none; }
.entry-content .lp-cta p, .entry-content .lp-cta .testi { max-width: 680px; margin: 0 auto 12px !important; color: #fff !important; font: 400 17px/1.6 var(--lp-font) !important; text-align: center !important; text-transform: none !important; }
.entry-content .lp-cta p strong { color: #fff !important; font-weight: 700; }
.entry-content .lp-cta > p:first-of-type, .entry-content .lp-cta > .testi:first-of-type, .entry-content .lp-cta .lp-cta__h { margin-bottom: 14px !important; color: #fff !important; font: 700 26px/1.35 var(--lp-font) !important; }
.entry-content .lp-cta h1, .entry-content .lp-cta h2, .entry-content .lp-cta h3, .entry-content .lp-cta h4 { color: #fff !important; text-align: center !important; }
.entry-content .lp-cta .lp-cta__pills { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 14px; margin: 22px auto 26px !important; }
.entry-content .lp-cta a[href^="mailto:"], .entry-content .lp-cta a.lp-cta__tel, .entry-content .lp-cta a.lp-pill { display: inline-block; margin: 4px; padding: 15px 26px; border-radius: 40px; background: rgba(255, 255, 255, .25); color: #fff !important; font: 700 17px/1.2 var(--lp-font) !important; text-decoration: none !important; word-break: break-word; }
.entry-content .lp-cta .lp-cta__pills a { margin: 0; }
.entry-content .lp-cta a.lp-cta__tel, .entry-content .lp-cta a.lp-pill--wa { background: #25d366; }
.entry-content .lp-cta a[href^="mailto:"]:hover, .entry-content .lp-cta a.lp-pill:hover { background: rgba(255, 255, 255, .28); }
.entry-content .lp-cta a.lp-cta__tel:hover, .entry-content .lp-cta a.lp-pill--wa:hover { background: #1c5a67; }
.entry-content .lp-cta .aligncenter { text-align: center !important; padding: 10px 0 0 !important; margin: 0 !important; }
.entry-content .lp-cta a.btn.btn-primary, .entry-content .lp-cta a.lp-cta__btn { display: inline-block; margin: 4px auto 0 !important; padding: 20px 42px !important; border: 0 !important; border-radius: 40px !important; background: #fff !important; color: #a5241a !important; font: 700 19px/1.3 var(--lp-font) !important; letter-spacing: .4px; text-transform: none !important; text-decoration: none !important; box-shadow: none !important; white-space: normal; max-width: 100%; }
.entry-content .lp-cta a.btn.btn-primary:hover, .entry-content .lp-cta a.lp-cta__btn:hover { background: #cb2129 !important; color: #fff !important; }
.entry-content .lp-cta img { display: block; margin: 6px auto 12px; border: 3px solid #fff; border-radius: 8px; }

/* ================= AUTHOR CARD ================= */
.lp-author { clear: both; margin: 32px 0 14px; padding: 26px 30px 26px 34px; border: 1px solid #ededed; border-left: 6px solid #00a1e0; border-radius: 16px; background: linear-gradient(135deg, #ffffff 0%, #f1f1f1 100%); box-shadow: 0 8px 22px rgba(0, 0, 0, .06); font-family: var(--lp-font); }
.lp-author__in { display: flex; gap: 30px; align-items: flex-start; }
.lp-author__pic { flex: none; width: 144px; height: 144px; padding: 4px; border: 3px solid #cb2129; border-radius: 14px; background: #fff; }
.lp-author__pic img { display: block; width: 100%; height: 100%; margin: 0 !important; border-radius: 9px; object-fit: cover; }
.lp-author__body { min-width: 0; }
.lp-author .lp-author__name { margin: 2px 0 10px !important; padding: 0 !important; border: 0 !important; color: #a5241a !important; font: 700 26px/1.25 var(--lp-font) !important; text-align: left; }
.lp-author p { margin: 0 0 12px !important; color: #444 !important; font: 400 18px/1.75 var(--lp-font) !important; text-align: left !important; }
.lp-author a.lp-author__more { color: #1c5a67 !important; font: 700 18px/1.4 var(--lp-font); text-decoration: none !important; }
.lp-author a.lp-author__more:hover { color: #cb2129 !important; }
.lp-author[dir="rtl"] { padding: 26px 34px 26px 30px; border-left: 1px solid #ededed; border-right: 6px solid #00a1e0; }
.lp-author[dir="rtl"] .lp-author__name, .lp-author[dir="rtl"] p { text-align: right !important; }
.lp-author--profile { margin: 0 0 30px; }

@media (max-width: 767px) {
  .entry-content .lp-cta { padding: 26px 16px 28px !important; }
  .entry-content .lp-cta > p:first-of-type, .entry-content .lp-cta > .testi:first-of-type, .entry-content .lp-cta .lp-cta__h { font-size: 21px !important; }
  .entry-content .lp-cta p, .entry-content .lp-cta .testi { font-size: 15.5px !important; }
  .entry-content .lp-cta a[href^="mailto:"], .entry-content .lp-cta a.lp-cta__tel, .entry-content .lp-cta a.lp-pill { padding: 12px 18px; font-size: 15px !important; }
  .entry-content .lp-cta a.btn.btn-primary, .entry-content .lp-cta a.lp-cta__btn { padding: 16px 28px !important; font-size: 17px !important; }
  .lp-author { padding: 20px 18px; }
  .lp-author__in { flex-direction: column; gap: 16px; }
  .lp-author__pic { width: 110px; height: 110px; }
  .lp-author .lp-author__name { font-size: 22px !important; }
  .lp-author p, .lp-author a.lp-author__more { font-size: 16px !important; }
}

/* city pages: doctor photos framed like the photos on the India pages (square, thin blue frame) */
.entry-content img.lp-cityphoto { width: 297px; max-width: 100%; height: auto; border: 2px solid #00a1e0; background: #f1f1f1; }

/* ================= CITY PAGES, standard design (tools/build_city_page.py): language switcher, hero banner, doctor cards ================= */
.lp-langwrap { margin: 0 0 8px; }
.lp-lang { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; margin: 4px 0 14px; }
.lp-lang a { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px 5px 6px; border: 1px solid var(--lp-line); border-radius: 30px; background: #fff; color: var(--lp-ink); font: 700 13px/1.2 var(--lp-font); text-decoration: none; }
.lp-lang a:hover { border-color: var(--lp-sky); color: var(--lp-teal); }
.lp-lang a.is-current { background: var(--lp-red); border-color: var(--lp-red); color: #fff; }
.lp-lang img { width: 24px; height: 16px; object-fit: cover; border-radius: 3px; display: block; }
@media (max-width: 600px) { .lp-lang { justify-content: center; } .lp-lang a { padding: 4px 8px 4px 5px; font-size: 12px; } }

.entry-content .lp-hero { margin: 0 0 18px; }
.entry-content .lp-hero img { display: block; margin: 0; border-radius: 6px; }

.entry-content .lp-card { background: #fff; border: 1px solid var(--lp-line); border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, .10); padding: 38px 20px 34px !important; margin: 0 0 24px; float: none; width: 100%; display: flow-root; }
.entry-content .lp-card .lp-card__img { width: 220px !important; height: 250px !important; object-fit: cover; object-position: center top; border: 3px solid var(--lp-sky); border-radius: 6px; display: block; margin: 0 auto 10px; float: none; }
.entry-content .lp-card h3 { margin: 0 0 10px; line-height: 1.35; }
.entry-content .lp-card h3 a { color: var(--lp-red) !important; font-size: 19px; text-decoration: none; }
.entry-content .lp-card h4 { margin: 0 0 7px; font-size: 14.5px; line-height: 1.45; font-weight: 400; }
.entry-content .lp-card h4 strong { color: var(--lp-teal); }
.entry-content .lp-card > div { float: left; }
.lp-card__btns { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; margin: 14px 0 0 !important; }
.entry-content .lp-card__btns .btn { flex: 0 0 auto; margin: 0 !important; padding: 10px 22px !important; border: 0 !important; border-radius: 30px !important; color: #fff !important; font-weight: 700; background: var(--lp-red) !important; }
.entry-content .lp-card__btns .btn:hover { background: var(--lp-red-dark) !important; }
.entry-content .lp-card__btns .lp-wabtn { background: var(--lp-wa) !important; }
.entry-content .lp-card__btns .lp-wabtn:hover { background: var(--lp-teal) !important; }
@media (max-width: 767px) {
  .entry-content .lp-card { padding: 30px 14px 28px !important; text-align: center !important; }
  .entry-content .lp-card > div, .entry-content .lp-card .col-md-6 { float: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
  .entry-content .lp-card img { display: block !important; float: none !important; margin: 0 auto 14px !important; }
  .entry-content .lp-card h3, .entry-content .lp-card h4 { text-align: center !important; }
  .entry-content .lp-card .headTagmargin { margin-top: 0 !important; }
}

/* ================= LISTING CARDS (blog home and author archive; tools/listings.py) =================
   desktop = photo on the left (about 42% wide); EVERY listing image uses the same 1200:630 box (city banners shown whole, other photos fill it), title left, text justified; phones = photo full width above the text, title centred */
.entry-summary .excerpt-thumb { float: left !important; width: 42% !important; margin: 4px 26px 14px 0 !important; }
.entry-summary .excerpt-thumb a { display: block; }
.entry-summary .excerpt-thumb img.wp-post-image { float: none !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 1200 / 630 !important; object-fit: cover; object-position: center; margin: 0 !important; border-radius: 4px; }
.entry-summary p { text-align: justify; font-size: 15px; line-height: 1.7; }
.blog .entry-header .entry-title, .archive .entry-header .entry-title { text-align: left; }
.blog .entry-meta, .archive .entry-meta { clear: both; }
/* city page banners show whole (the title strip stays readable); same box size as every other card */
.entry-summary .excerpt-thumb img.wp-post-image[src*="/assets/images/city/"]:not([src*="/dr-"]) { object-fit: contain !important; background: #fff; }
@media (max-width: 767px) {
  .entry-summary .excerpt-thumb { float: none !important; width: 100% !important; margin: 0 0 12px !important; }
  .blog .entry-header .entry-title, .archive .entry-header .entry-title { text-align: center; }
  .entry-summary p { text-align: left; }
  .blog .entry-meta, .archive .entry-meta { text-align: left; }
}

/* story-modal:start - patient-story popup on the India pages (tools/story_popup.py; this file is shared, site colours come from --st-* set per site) */
.story-modal { --st-font: var(--lp-font); --st-head: var(--lp-teal); --st-tag: var(--lp-red); --st-accent: var(--lp-red); --st-name: var(--lp-teal); --st-ink: var(--lp-ink); --st-muted: var(--lp-grey); --st-line: var(--lp-hair); --st-foot: var(--lp-paper); --st-btn: var(--lp-red); --st-wa: var(--lp-wa); --st-radius: 10px; --st-chip: 2px; --st-img-radius: 6px; --st-btn-radius: 4px; }
.story-modal .modal-dialog { width: calc(100% - 32px) !important; max-width: 760px !important; margin: 28px auto !important; }
.story-modal .modal-content { display: flex; flex-direction: column; max-height: calc(100vh - 56px); overflow: hidden; border: 0 !important; border-radius: var(--st-radius) !important; background: #fff; box-shadow: 0 24px 64px rgba(0, 0, 0, .35) !important; font-family: var(--st-font); }
.story-modal .story-head { position: relative; flex: 0 0 auto; display: block; min-height: 0; padding: 22px 70px 22px 28px !important; border: 0 !important; background: var(--st-head) !important; text-align: left; }
.story-modal .story-tag { display: inline-block; margin: 0 0 10px; padding: 5px 10px; border-radius: var(--st-chip); background: var(--st-tag); color: #fff; font: 700 11px/1.2 var(--st-font); letter-spacing: .14em; text-transform: uppercase; }
.story-modal .story-title { margin: 0 !important; padding: 0 !important; color: #fff !important; font: 700 21px/1.35 var(--st-font) !important; text-align: inherit !important; letter-spacing: .01em; }
.story-modal .story-x { position: absolute; top: 16px; right: 16px; float: none !important; width: 38px; height: 38px; margin: 0 !important; padding: 0 !important; border: 1px solid rgba(255, 255, 255, .45) !important; border-radius: 50%; background: rgba(255, 255, 255, .12) !important; color: #fff !important; opacity: 1 !important; font: 400 26px/34px Arial, sans-serif !important; text-shadow: none !important; cursor: pointer; transition: background .15s, color .15s; }
.story-modal .story-x:hover, .story-modal .story-x:focus { background: #fff !important; color: var(--st-accent) !important; outline: 0; }
.story-modal .story-body { flex: 1 1 auto; overflow-y: auto; padding: 26px 30px 10px !important; color: var(--st-ink); -webkit-overflow-scrolling: touch; }
.story-modal .story-body p { margin: 0 0 15px !important; color: var(--st-ink) !important; font: 400 15.5px/1.78 var(--st-font) !important; text-align: left !important; }
.story-modal .story-body p.story-who { margin: 0 0 12px !important; padding: 2px 0 2px 14px; border-left: 4px solid var(--st-accent); color: var(--st-name) !important; font: 700 16.5px/1.45 var(--st-font) !important; }
.story-modal .story-body p.story-who + p.story-who { margin-top: -6px !important; font-weight: 400 !important; font-size: 14.5px !important; color: var(--st-muted) !important; }
.story-modal .story-body p.story-who strong { font-weight: inherit; color: inherit; }
.story-modal .story-body img { display: block; float: none !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 18px 0 22px !important; border: 0 !important; border-radius: var(--st-img-radius); box-shadow: 0 6px 22px rgba(0, 0, 0, .14); }
.story-modal .story-body p:has(> img) { margin: 0 !important; }
.story-modal .story-body > p:first-child > img, .story-modal .story-body > .story-video:first-child { margin-top: 0 !important; }
.story-modal .story-body a { color: var(--st-accent) !important; text-decoration: underline; }
.story-modal .story-video { position: relative; width: 100%; aspect-ratio: 16 / 9; margin: 18px 0 22px; overflow: hidden; border-radius: var(--st-img-radius); background: #000; box-shadow: 0 6px 22px rgba(0, 0, 0, .18); }
.story-modal .story-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.story-modal .story-foot { flex: 0 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; padding: 16px 30px !important; border-top: 1px solid var(--st-line); background: var(--st-foot); }
.story-modal .story-foot p { flex: 1 1 250px; margin: 0 !important; color: var(--st-name) !important; font: 700 14.5px/1.45 var(--st-font) !important; }
.story-modal .story-btns { display: flex; flex-wrap: wrap; gap: 10px; }
.story-modal .story-btn { display: inline-block; padding: 12px 20px; border-radius: var(--st-btn-radius); background: var(--st-btn); color: #fff !important; font: 700 13px/1.2 var(--st-font); letter-spacing: .06em; text-align: center; text-decoration: none !important; text-transform: uppercase; transition: filter .15s, transform .15s; }
.story-modal .story-btn:hover, .story-modal .story-btn:focus { filter: brightness(1.08); transform: translateY(-1px); color: #fff !important; }
.story-modal .story-btn--wa { background: var(--st-wa); }
.story-modal [dir="rtl"] .story-head { padding: 22px 28px 22px 70px !important; text-align: right; }
.story-modal [dir="rtl"] .story-x { right: auto; left: 16px; }
.story-modal [dir="rtl"] .story-body p { text-align: right !important; }
.story-modal [dir="rtl"] .story-body p.story-who { padding: 2px 14px 2px 0; border-left: 0; border-right: 4px solid var(--st-accent); }
.story-modal [dir="rtl"] .story-tag { letter-spacing: 0; }
@media (max-width: 600px) {
  .story-modal .modal-dialog { width: 100% !important; margin: 0 !important; }
  .story-modal .modal-content { max-height: 100vh; height: 100vh; border-radius: 0 !important; }
  .story-modal .story-head { padding: 16px 62px 16px 18px !important; }
  .story-modal [dir="rtl"] .story-head { padding: 16px 18px 16px 62px !important; }
  .story-modal .story-x { top: 12px; right: 12px; width: 36px; height: 36px; line-height: 32px !important; }
  .story-modal [dir="rtl"] .story-x { right: auto; left: 12px; }
  .story-modal .story-title { font-size: 17px !important; }
  .story-modal .story-body { padding: 18px 18px 6px !important; }
  .story-modal .story-body p { font-size: 15px !important; line-height: 1.7 !important; }
  .story-modal .story-foot { padding: 12px 18px 16px !important; }
  .story-modal .story-foot p { flex-basis: 100%; font-size: 13.5px !important; }
  .story-modal .story-btns { width: 100%; }
  .story-modal .story-btn { flex: 1 1 0; padding: 12px 10px; }
}
/* story-modal:end */