/* LoveThisPic design v3 (2026-11-02). Loaded after ltp-v2.css; every rule is scoped to body.ltp-v3.
   No rule here targets an ad container (.center-ad, .ad-holder, ins.adsbygoogle, .google-auto-placed): ads keep their size, place and spacing. */
body.ltp-v3 { --v3-red:#d6332e; --v3-red-d:#b52520; --v3-ink:#1d1d1f; --v3-mut:#6e6e73; --v3-line:#e7e7ea; --v3-soft:#f5f5f7; }

/* 1. Titles on picture, video and blog pages */
body.ltp-v3 .tumblr.item-view > h1, body.ltp-v3 #main.blog #content > h1.title {
  font-family: 'HelveticaNeueLTStd55Roman', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 26px !important; line-height: 1.25 !important;
  font-weight: 700 !important; color: var(--v3-ink) !important; letter-spacing: -.01em; text-align: center; max-width: 820px; margin: 16px auto 10px !important; padding: 0 12px; }
@media (max-width: 767px) { body.ltp-v3 .tumblr.item-view > h1, body.ltp-v3 #main.blog #content > h1.title { font-size: 21px !important; margin: 10px auto 8px !important; } }

/* 2. "Uploaded by" / "Loved on" / blog author line */
body.ltp-v3 .tumblr.item-view > p.uploaded-by { text-align: center; font-size: 14px; color: var(--v3-mut); margin: 10px 0 0; }
body.ltp-v3 .tumblr.item-view > p.referer { text-align: center; font-size: 13px !important; color: var(--v3-mut); margin: 4px 0 0 !important; text-transform: none !important; letter-spacing: 0 !important; }
body.ltp-v3 .tumblr.item-view > p.referer *, body.ltp-v3 #main.blog #content > .created, body.ltp-v3 #main.blog #content > .created * { text-transform: none !important; letter-spacing: 0 !important; }
body.ltp-v3 .tumblr.item-view > p.uploaded-by a, body.ltp-v3 .tumblr.item-view > p.referer a, body.ltp-v3 #main.blog #content > .created a { color: var(--v3-red) !important; font-weight: 600; text-decoration: none; }
body.ltp-v3 #main.blog #content > .created { text-align: center; font: 14px/1.4 Helvetica, Arial, sans-serif !important; color: var(--v3-mut); margin: 6px 0 14px !important; }

/* 3. Previous / Next on picture, video and blog pages (list paging keeps its own style) */
body.ltp-v3 #main.item-view .paging:not(.thumb-list-paging) { border: 0 !important; box-shadow: none !important; background: none !important; border-radius: 0; padding: 0 !important;
  margin: 18px auto 0 !important; max-width: 760px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; row-gap: 6px; height: auto !important; }
body.ltp-v3 #main.item-view .paging:not(.thumb-list-paging) > * { order: 3; flex: 0 0 100%; }
body.ltp-v3 #main.item-view .paging:not(.thumb-list-paging) > a.newer, body.ltp-v3 #main.item-view .paging:not(.thumb-list-paging) > a.older {
  order: 1; flex: 0 0 auto; position: static !important; float: none !important; display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; height: 44px !important;
  padding: 0 20px !important; margin: 0 !important; border-radius: 22px !important; background: #fff !important; border: 1px solid var(--v3-line) !important; box-shadow: 0 1px 2px rgba(0,0,0,.06);
  color: var(--v3-ink) !important; font: 600 15px/1 Helvetica, Arial, sans-serif !important; text-indent: 0 !important; text-decoration: none !important; overflow: visible !important; white-space: nowrap; transition: border-color .15s, box-shadow .15s, color .15s; }
body.ltp-v3 #main.item-view .paging:not(.thumb-list-paging) > a.older { order: 2; }
body.ltp-v3 #main.item-view .paging:not(.thumb-list-paging) > a.newer::before { content: '\2039'; font-size: 24px; line-height: 0; color: var(--v3-red); margin-top: -2px; }
body.ltp-v3 #main.item-view .paging:not(.thumb-list-paging) > a.older::after { content: '\203A'; font-size: 24px; line-height: 0; color: var(--v3-red); margin-top: -2px; }
body.ltp-v3 #main.item-view .paging:not(.thumb-list-paging) > a.newer:hover, body.ltp-v3 #main.item-view .paging:not(.thumb-list-paging) > a.older:hover { border-color: var(--v3-red) !important; color: var(--v3-red) !important; box-shadow: 0 3px 10px rgba(214,51,46,.15); }
body.ltp-v3 #main.item-view .paging:not(.thumb-list-paging) > a.newer *, body.ltp-v3 #main.item-view .paging:not(.thumb-list-paging) > a.older * { display: none; }
body.ltp-v3 #main.item-view .paging:not(.thumb-list-paging) > .clear, body.ltp-v3 #main.item-view .paging:not(.thumb-list-paging) > br.clear { display: none; }
body.ltp-v3 #main.item-view .paging:not(.thumb-list-paging) > .edit-blog { order: 0; text-align: center; }

/* 4. Share row */
body.ltp-v3 .socLan, body.ltp-v3 .socLan .socLink { margin: 0 !important; padding: 0 !important; width: auto !important; float: none !important; background: none !important; }
body.ltp-v3 .ltp-share { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 16px auto 4px; }
body.ltp-v3 .ltp-sh { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 42px; padding: 0 18px; margin: 0 !important; border-radius: 21px; border: 0;
  font: 600 15px/1 Helvetica, Arial, sans-serif; color: #fff !important; text-decoration: none !important; cursor: pointer; box-shadow: 0 1px 2px rgba(0,0,0,.12);
  -webkit-appearance: none; appearance: none; transition: transform .12s, box-shadow .12s, filter .12s; float: none !important; }
body.ltp-v3 .ltp-sh svg { width: 19px; height: 19px; fill: currentColor; flex: none; }
body.ltp-v3 .ltp-sh:hover, body.ltp-v3 .ltp-sh:focus-visible { transform: translateY(-1px); box-shadow: 0 5px 14px rgba(0,0,0,.16); filter: brightness(1.06); }
body.ltp-v3 .ltp-sh-fb { background: #1877f2; } body.ltp-v3 .ltp-sh-pin { background: #e60023; } body.ltp-v3 .ltp-sh-wa { background: #25d366; }
body.ltp-v3 .ltp-sh-copy { background: #fff; color: var(--v3-ink) !important; border: 1px solid var(--v3-line); }
body.ltp-v3 .ltp-sh-copy.is-done { border-color: #25a55a; color: #1c8a4a !important; }
@media (max-width: 480px) { body.ltp-v3 .ltp-share { display: grid; grid-template-columns: 1fr 1fr; max-width: 360px; padding: 0 8px; } body.ltp-v3 .ltp-sh { padding: 0 10px; font-size: 15px; } }
body.ltp-v3 #main.blog .paging .socLan { display: none !important; }   /* blog: the share card below replaces it */

/* 5. Blog: share card, header share icons, back to top */
body.ltp-v3 .ltp-share-card { max-width: 640px; margin: 30px auto 6px; padding: 22px 16px 20px; border: 1px solid var(--v3-line); border-radius: 18px; background: linear-gradient(180deg, #ffffff 0%, #fdf5f4 100%); text-align: center; }
body.ltp-v3 .ltp-share-card-title { font: 700 19px/1.3 Helvetica, Arial, sans-serif; color: var(--v3-ink); margin: 0 0 2px; }
body.ltp-v3 .ltp-share-card .ltp-share { margin-top: 14px; }
body.ltp-v3 #main.blog .blog-header-share { text-align: center; margin: 2px 0 4px !important; height: auto !important; }
body.ltp-v3 #main.blog .blog-header-share .image-hover-share { position: static !important; display: inline-flex !important; gap: 10px; background: none !important; width: auto !important; height: auto !important; padding: 0 !important; opacity: 1 !important; }
body.ltp-v3 #main.blog .blog-header-share .image-hover-share > a { float: none !important; width: 38px !important; height: 38px !important; border-radius: 50% !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; box-shadow: 0 1px 2px rgba(0,0,0,.14); cursor: pointer; transition: transform .12s; }
body.ltp-v3 #main.blog .blog-header-share .image-hover-share > a:hover { transform: translateY(-1px); }
body.ltp-v3 #main.blog .blog-header-share .image-hover-share > a.facebook { background: #1877f2 !important; }
body.ltp-v3 #main.blog .blog-header-share .image-hover-share > a.twitter { background: #000 !important; }
body.ltp-v3 #main.blog .blog-header-share .image-hover-share > a.pinterest { background: #e60023 !important; }
body.ltp-v3 #main.blog .blog-header-share .image-hover-share > a * { background: none !important; color: #fff !important; position: static !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; border: 0 !important; box-shadow: none !important; }
body.ltp-v3 #main.blog .blog-header-share .image-hover-share .share-label { display: none !important; }
body.ltp-v3 .backToTop { text-align: center; margin: 20px 0 0; }
body.ltp-v3 .backToTop a { display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 18px; border-radius: 19px; background: var(--v3-soft); color: var(--v3-ink) !important; font: 600 14px/1 Helvetica, Arial, sans-serif; text-decoration: none !important; }
body.ltp-v3 .backToTop a::before { content: '\2191'; color: var(--v3-red); font-size: 16px; }
body.ltp-v3 .backToTop a:hover { background: #ececf0; }

/* 6. Floating bar that appears after scrolling (picture/blog/video pages): white, compact, centred round buttons */
body.ltp-v3 #floating-header { background: rgba(255,255,255,.97) !important; background-image: none !important; height: 56px !important; box-shadow: 0 2px 16px rgba(0,0,0,.12) !important; border: 0 !important; }
body.ltp-v3 #floating-header.show-floating-header1 { display: flex !important; justify-content: center; align-items: center; gap: 10px; }
body.ltp-v3 #floating-header.show-floating-header { opacity: 1 !important; }
body.ltp-v3 #floating-header > a, body.ltp-v3 #floating-header > div > a { float: none !important; position: static !important; width: 46px !important; min-width: 0 !important; height: 40px !important; margin: 0 !important; padding: 0 !important;
  border-radius: 20px !important; display: inline-flex !important; align-items: center; justify-content: center; background: var(--v3-soft) !important; color: var(--v3-ink) !important; box-shadow: none !important; border: 0 !important; flex: 0 0 auto; }
body.ltp-v3 #floating-header a .share-icon-placeholder, body.ltp-v3 #floating-header a .share-icon { position: static !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; border: 0 !important; box-shadow: none !important; display: inline-flex !important; line-height: 1 !important; }
body.ltp-v3 #floating-header a .share-icon > span:not(.share-icon-img) { color: inherit !important; font-size: 19px !important; line-height: 1 !important; }
body.ltp-v3 #floating-header a.facebook { background: #1877f2 !important; color: #fff !important; }
body.ltp-v3 #floating-header a.whatsapp { background: #25d366 !important; color: #fff !important; }
body.ltp-v3 #floating-header a.pinterest { background: #e60023 !important; color: #fff !important; }
body.ltp-v3 #floating-header a.next-image { background: var(--v3-red) !important; color: #fff !important; width: 64px !important; }
body.ltp-v3 #floating-header .share-label { display: none !important; }

/* 7. Error / not-found page */
body.ltp-v3 .ltp-err { max-width: 640px; margin: 28px auto 34px; padding: 34px 20px 28px; text-align: center; border: 1px solid var(--v3-line); border-radius: 20px; background: linear-gradient(180deg, #fff 0%, #fdf5f4 100%); }
body.ltp-v3 .ltp-err-code { font: 800 64px/1 Helvetica, Arial, sans-serif; color: var(--v3-red); letter-spacing: -.02em; }
body.ltp-v3 .ltp-err-title { font: 700 24px/1.25 Helvetica, Arial, sans-serif !important; color: var(--v3-ink) !important; margin: 10px 0 6px !important; text-align: center; }
body.ltp-v3 .ltp-err-text { font-size: 15px; line-height: 1.5; color: var(--v3-mut); margin: 0 auto 18px; max-width: 460px; }
body.ltp-v3 .ltp-err-search { display: flex; max-width: 440px; margin: 0 auto 16px; border: 1px solid #dcdce0; border-radius: 24px; overflow: hidden; background: #fff; }
body.ltp-v3 .ltp-err-search input { flex: 1; min-width: 0; border: 0 !important; outline: 0; padding: 0 16px !important; height: 46px; font-size: 16px; background: transparent; box-shadow: none !important; margin: 0 !important; }
body.ltp-v3 .ltp-err-search button { border: 0; background: var(--v3-red); color: #fff; font: 600 15px/1 Helvetica, Arial, sans-serif; padding: 0 22px; cursor: pointer; }
body.ltp-v3 .ltp-err-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
body.ltp-v3 .ltp-err-links a { padding: 8px 14px; border: 1px solid var(--v3-line); border-radius: 18px; background: #fff; color: var(--v3-ink) !important; font-size: 14px; text-decoration: none !important; }
body.ltp-v3 .ltp-err-links a:hover { border-color: var(--v3-red); color: var(--v3-red) !important; }
body.ltp-v3 .ltp-err + .heading h2 { font: 700 21px/1.3 Helvetica, Arial, sans-serif !important; color: var(--v3-ink) !important; text-align: center; margin: 8px 0 14px !important; }

/* 4b. old .share_buttons rules paint any inner div red and fix its width */
body.ltp-v3 .ltp-share { background: none !important; padding: 0 !important; width: auto !important; max-width: none; border: 0 !important; border-radius: 0 !important; height: auto !important; float: none !important; box-shadow: none !important; }
@media (max-width: 480px) { body.ltp-v3 .ltp-share { max-width: 360px !important; margin-left: auto !important; margin-right: auto !important; padding: 0 8px !important; } }

/* 4c. small fixes */
body.ltp-v3 .tumblr.item-view > p.uploaded-by { display: block !important; width: 100% !important; float: none !important; text-align: center !important; }
@media (max-width: 767px) { body.ltp-v3 #main.item-view .paging:not(.thumb-list-paging) { padding: 0 8px !important; box-sizing: border-box; } }