/* DKLens legal and info pages: Contacts-style layout.
 * Loaded only on the pages listed in dklens_doc_page_ids() (functions.php).
 * Colours and card shapes mirror the Contacts page (page 31608).
 */

/* White page title bar instead of the demo background image */
.dkl-doc-page .wd-page-title{background-color:#fff!important;border-bottom:1px solid #eceff3}
.dkl-doc-page .wd-page-title .wd-page-title-bg{background:#fff!important;background-image:none!important}
.dkl-doc-page .wd-page-title .wd-page-title-bg img{display:none!important}
.dkl-doc-page .wd-page-title .entry-title{color:#f26522!important}
.dkl-doc-page .wd-page-title .wd-breadcrumbs,
.dkl-doc-page .wd-page-title .wd-breadcrumbs a,
.dkl-doc-page .wd-page-title .wd-breadcrumbs span{color:#6b7585!important}
.dkl-doc-page .wd-page-title .wd-breadcrumbs .wd-last{color:#111827!important;font-weight:600}
.dkl-doc-page .wd-page-title .wd-breadcrumbs a:hover{color:#f26522!important}

/* Two-column layout: text card + help card */
.dkl-doc{--dkl-accent:#f26522;--dkl-accent-dark:#c2450c;--dkl-dark:#111827;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;max-width:1200px;margin:0 auto 20px}

/* Main text card */
.dkl-doc__main{background:#fff;border:1px solid #e8ebf1;border-radius:22px;padding:40px 44px;box-shadow:0 10px 30px rgba(17,24,39,.05);color:#374151;font-size:15px;line-height:1.7}
.dkl-doc__main>*:first-child{margin-top:0}
.dkl-doc__main>*:last-child{margin-bottom:0}
.dkl-doc__main h2{color:var(--dkl-accent)!important;font-size:21px;font-weight:700;line-height:1.3;margin:34px 0 12px}
.dkl-doc__main p{margin:0 0 14px}
.dkl-doc__main strong{color:var(--dkl-dark)}
.dkl-doc__main a{color:var(--dkl-dark);text-decoration:none;border-bottom:1px solid rgba(17,24,39,.25);transition:color .2s ease,border-color .2s ease}
.dkl-doc__main a:hover{color:var(--dkl-accent);border-color:var(--dkl-accent)}
.dkl-doc__main ul,.dkl-doc__main ol{margin:0 0 18px;padding-left:22px}
.dkl-doc__main li{margin:0 0 8px}
.dkl-doc__main li::marker{color:var(--dkl-accent);font-weight:700}
.dkl-doc__main table{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:14px;line-height:1.55}
.dkl-doc__main th{background:#f5f7fa;color:var(--dkl-dark);font-weight:700;text-align:left}
.dkl-doc__main th,.dkl-doc__main td{padding:12px 14px;border:1px solid #eceff3;vertical-align:top}
.dkl-doc__main blockquote{margin:12px 0 24px;padding:22px 26px;background:#f8fafc;border:1px dashed #d5dbe4;border-left:4px solid var(--dkl-accent);border-radius:14px;font-style:normal;font-size:15px;color:var(--dkl-dark)}
.dkl-doc__main blockquote p:last-child{margin-bottom:0}

/* Help card */
.dkl-doc__aside{position:sticky;top:110px;background:#fff;border:1px solid #e8ebf1;border-radius:16px;padding:32px;box-shadow:0 10px 30px rgba(17,24,39,.05)}
.dkl-doc__aside h3{color:var(--dkl-accent)!important;font-size:21px;font-weight:700;line-height:1.3;margin:0 0 12px}
.dkl-doc__aside .dkl-doc__h-info{margin-top:28px}
.dkl-doc__intro{color:#5b6472;font-size:14px;line-height:1.6;margin:0 0 10px}
.dkl-doc__aside ul{margin:0 0 18px;padding:0;list-style:none}
.dkl-doc__aside ul.dkl-doc__links{margin-bottom:0}
.dkl-doc__aside li{padding:9px 0;border-bottom:1px solid #eceff3;font-size:15px;font-weight:600;color:var(--dkl-dark);margin:0}
.dkl-doc__aside li:last-child{border-bottom:0}
.dkl-doc__aside ul a{color:var(--dkl-dark);text-decoration:none;border-bottom:1px solid rgba(17,24,39,.25);transition:color .2s ease,border-color .2s ease}
.dkl-doc__aside ul a:hover,.dkl-doc__aside li.is-current a{color:var(--dkl-accent);border-color:var(--dkl-accent)}

/* Orange buttons, same as Contacts */
.dkl-doc__btns{display:flex;gap:10px;flex-wrap:wrap;margin:0}
.dkl-doc__aside a.dkl-doc__btn{flex:1 1 0;min-width:92px;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px;border-radius:12px;background:var(--dkl-accent);color:#fff!important;border:0!important;text-decoration:none!important;font-weight:600;font-size:14px;line-height:1;box-shadow:0 4px 14px rgba(242,101,34,.35);transition:transform .2s ease,box-shadow .3s ease,background .2s ease}
.dkl-doc__aside a.dkl-doc__btn:hover{background:var(--dkl-accent-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(194,69,12,.45);color:#fff!important}
.dkl-doc__btn svg{width:18px;height:18px;display:block;flex:0 0 auto}

/* Tablet and mobile: stack the cards */
@media(max-width:1024px){
	.dkl-doc{grid-template-columns:1fr}
	.dkl-doc__aside{position:static}
}
@media(max-width:767px){
	.dkl-doc__main{padding:26px 22px;border-radius:16px}
	.dkl-doc__main h2{font-size:19px;margin-top:28px}
	.dkl-doc__main table{display:block;overflow-x:auto}
	.dkl-doc__aside{padding:24px}
}