/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 
/* dmb-book-page-css — We Buy Client Books page (added 2026-08-06) */
.dmb-hero h1{font-size:clamp(30px,4.4vw,46px);line-height:1.1;margin-bottom:18px}
.dmb-lede{font-size:19px;line-height:1.65;max-width:760px}
.dmb-cta{display:inline-block;background:#1d3f8a;color:#fff !important;padding:14px 28px;
  border-radius:6px;font-weight:600;text-decoration:none;margin-top:10px}
.dmb-cta:hover{background:#3b6ae0}
.dmb-table{width:100%;border-collapse:collapse;margin:18px 0 30px}
.dmb-table th,.dmb-table td{border:1px solid #ddd;padding:11px 14px;text-align:left;vertical-align:top}
.dmb-table th{background:#f5f7fa}
.dmb-steps li{margin-bottom:10px;line-height:1.6}
.dmb-close{margin-top:34px;font-size:17px}

/* === DMAI-FEATURE START (managed) === */
.dmai-feature{position:relative;overflow:hidden;border-radius:14px;
  background:radial-gradient(1200px 400px at 15% -20%,rgba(60,130,246,.35),transparent 60%),
             linear-gradient(135deg,#0a1730 0%,#10294f 55%,#0c2340 100%);
  background-color:#0b1e3d;
  padding:clamp(32px,5vw,64px) clamp(24px,5vw,72px);
  box-shadow:0 24px 60px -20px rgba(0,0,0,.55);}
.dmai-feature::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(96,165,250,.9),rgba(45,212,191,.9),transparent);
  background-size:200% 100%;animation:dmai-shimmer 6s linear infinite;}
.dmai-scan{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(115deg,transparent 40%,rgba(120,180,255,.10) 50%,transparent 60%);
  background-size:250% 100%;animation:dmai-sweep 8s ease-in-out infinite;}
.dmai-inner{position:relative;z-index:1;max-width:820px;}
.dmai-badge{display:inline-block;font-size:12px;letter-spacing:.18em;font-weight:600;
  color:#7fc4ff;border:1px solid rgba(127,196,255,.4);border-radius:999px;
  padding:6px 14px;margin-bottom:22px;text-transform:uppercase;}
.dmai-h{color:#fff;font-weight:300;line-height:1.08;margin:0 0 18px;
  font-size:clamp(30px,4.6vw,52px);letter-spacing:-.01em;}
.dmai-sub{color:#c3d4ec;font-size:clamp(16px,1.5vw,19px);line-height:1.65;margin:0 0 26px;}
.dmai-sub strong{color:#fff;font-weight:600;}
.dmai-pills{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px;}
.dmai-pill{font-size:14px;color:#dbe7f7;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:8px 14px;
  backdrop-filter:blur(4px);}
.dmai-cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px 22px;margin:0;}
.dmai-btn{display:inline-block;color:#fff;text-decoration:none;font-size:16px;font-weight:500;
  border:1px solid rgba(255,255,255,.7);border-radius:8px;padding:13px 26px;
  transition:background .2s,border-color .2s,transform .2s;}
.dmai-btn:hover{background:#fff;color:#0b1e3d;border-color:#fff;transform:translateY(-1px);}
.dmai-price{color:#9fb4d4;font-size:14px;}
.dmai-price strong{color:#e6eefb;}
@keyframes dmai-shimmer{to{background-position:200% 0;}}
@keyframes dmai-sweep{0%,100%{background-position:120% 0;}50%{background-position:-20% 0;}}
@media(prefers-reduced-motion:reduce){.dmai-feature::before,.dmai-scan{animation:none;}}
/* === DMAI-FEATURE END === */
/* BEGIN dm-learn */
/* Help Library page (/learn/). Appended to the bb-theme-child stylesheet between dm-learn markers by deploy.sh. */
.dml { --dml-blue: #2376a6; --dml-blue-dk: #1b5c82; --dml-ink: #333; --dml-muted: #5f6b76; --dml-line: #e2e6ea;
  font-family: Raleway, sans-serif; color: var(--dml-ink); max-width: 1100px; margin: 0 auto; padding: 0 16px 64px; }
.dml *, .dml *::before, .dml *::after { box-sizing: border-box; }
.dml-hero { padding: 48px 0 24px; }
.dml-kicker { margin: 0 0 10px; font-weight: 700; font-size: 15px; letter-spacing: .12em; text-transform: uppercase; color: var(--dml-blue); }
.dml h1 { margin: 0 0 14px; font-weight: 900; font-size: clamp(36px, 6vw, 60px); line-height: 1.05; color: var(--dml-ink); }
.dml-lede { margin: 0; max-width: 720px; font-size: 19px; line-height: 1.6; color: var(--dml-muted); }

.dml-toc { margin: 28px 0 40px; padding: 22px 24px; background: #fff; border: 1px solid var(--dml-line); border-radius: 12px; }
.dml-toc h2 { margin: 0 0 12px; font-size: 15px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--dml-muted); }
.dml-toc ol { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; }
.dml-toc a { display: flex; gap: 10px; align-items: baseline; padding: 10px 12px; border-radius: 8px; text-decoration: none; color: var(--dml-ink); font-weight: 600; font-size: 16px; line-height: 1.3; }
.dml-toc a:hover, .dml-toc a:focus-visible { background: #eef5fa; color: var(--dml-blue-dk); }
.dml-toc .n { flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--dml-blue); color: #fff; font-size: 14px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.dml-toc small { display: block; color: var(--dml-muted); font-weight: 500; font-size: 13px; margin-top: 2px; }

.dml-video { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 28px; align-items: start; margin: 0 0 28px; padding: 24px; background: #fff; border: 1px solid var(--dml-line); border-radius: 14px; scroll-margin-top: 90px; }
.dml-video video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 10px; background: #0f1b27; }
.dml-meta .n { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--dml-blue); }
.dml-meta h2 { margin: 0 0 10px; font-size: 28px; font-weight: 800; line-height: 1.15; color: var(--dml-ink); }
.dml-meta p { margin: 0 0 14px; font-size: 17px; line-height: 1.55; color: var(--dml-muted); }
.dml-meta .len { display: inline-block; font-size: 14px; font-weight: 600; color: var(--dml-muted); background: #f2f4f6; border-radius: 999px; padding: 4px 12px; }
.dml-video details { grid-column: 1 / -1; border-top: 1px solid var(--dml-line); padding-top: 14px; }
.dml-video summary { cursor: pointer; font-weight: 700; font-size: 16px; color: var(--dml-blue-dk); }
.dml-video summary:focus-visible { outline: 3px solid #9cc8e4; outline-offset: 3px; border-radius: 4px; }
.dml-video ol.tx { margin: 12px 0 0; padding-left: 22px; font-size: 16px; line-height: 1.6; color: var(--dml-ink); columns: 2 320px; column-gap: 32px; }
.dml-video ol.tx li { break-inside: avoid; margin-bottom: 6px; }

.dml-next { margin: 44px 0 28px; }
.dml-next > h2 { margin: 0 0 6px; font-size: 32px; font-weight: 800; color: var(--dml-ink); }
.dml-next > p { margin: 0 0 18px; font-size: 17px; color: var(--dml-muted); }
.dml-next .cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.dml-next .col { background: #fff; border: 1px dashed #c9d3dc; border-radius: 12px; padding: 18px 20px; }
.dml-next h3 { margin: 0 0 10px; font-size: 19px; font-weight: 800; color: var(--dml-ink); }
.dml-next ul { margin: 0; padding-left: 18px; font-size: 16px; line-height: 1.7; color: var(--dml-muted); }

.dml-help { display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: center; padding: 22px 24px; border-radius: 14px; background: var(--dml-blue); color: #fff; }
.dml-help strong { font-size: 20px; font-weight: 800; margin-right: auto; }
.dml-help a { color: #fff; font-weight: 700; font-size: 16px; text-decoration: underline; text-underline-offset: 3px; }
.dml-help a:hover, .dml-help a:focus-visible { text-decoration-thickness: 2px; }

@media (max-width: 820px) {
  .dml-video { grid-template-columns: 1fr; padding: 16px; gap: 16px; }
  .dml-meta { order: -1; }
  .dml-meta h2 { font-size: 24px; }
  .dml-help strong { margin-right: 0; width: 100%; }
}
/* END dm-learn */
