/* Dead Man Wish additions on top of the Avocate stylesheet. Kept deliberately
   small: everything structural comes from style.css; this file only carries
   what the product needs that the template did not have. */

.dmw-logo { display: block; height: 44px; width: auto; }
.sticky-header .dmw-logo { height: 36px; }
.mobile-menu .nav-logo .dmw-logo text { fill: #fff; }

/* Banner: the template's photo is a placeholder, so the depth comes from the
   palette and pattern instead. */
.dmw-banner { background: #011425; }
.dmw-banner .bg {
  background-image:
    radial-gradient(ellipse at 20% 30%, rgba(203,147,93,.28), transparent 55%),
    radial-gradient(ellipse at 80% 80%, rgba(203,147,93,.16), transparent 50%),
    url(../images/icons/pattern1-5.png);
  background-size: auto, auto, 520px;
  opacity: 1;
}
.dmw-banner:before { background-color: rgba(1,20,37,.55); }
.dmw-banner .title { color: #fff; }
.dmw-banner .text { color: #d5dbe1; }
.dmw-banner .dmw-ladder {
  position: relative; z-index: 3;
  border: 1px solid rgba(203,147,93,.35);
  background: rgba(1,20,37,.55);
  backdrop-filter: blur(6px);
  padding: 34px 36px;
  max-width: 460px;
}
.dmw-banner .dmw-ladder .eyebrow { color: #cb935d; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; font-weight: 500; margin-bottom: 18px; }
.dmw-banner .dmw-ladder ol { list-style: none; margin: 0; padding: 0; }
.dmw-banner .dmw-ladder li { display: flex; gap: 14px; align-items: flex-start; color: #fff; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
.dmw-banner .dmw-ladder li:last-child { border-bottom: 0; }
.dmw-banner .dmw-ladder li .dot { flex: 0 0 10px; height: 10px; width: 10px; border-radius: 50%; background: #cb935d; margin-top: 9px; }
.dmw-banner .dmw-ladder li.later .dot { background: transparent; border: 2px solid rgba(203,147,93,.6); }
.dmw-banner .dmw-ladder li .name { font-family: var(--title-font); font-size: 18px; line-height: 1.3; display: block; }
.dmw-banner .dmw-ladder li .detail { color: #b8c0c8; font-size: 14px; line-height: 1.5; display: block; }
.dmw-banner .dmw-ladder .foot { margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(203,147,93,.35); color: #cb935d; font-family: var(--title-font); font-size: 17px; }

/* Service list on the dark band: the template reveals a photo on hover; we
   reveal a panel instead. */
.service-block-six .image-box .image { background: #0b2238 url(../images/icons/pattern1-4.png) center/420px; }
.service-block-six .image-box .image img { width: 100%; height: 100%; object-fit: cover; }

/* Counters: real properties of the system, not marketing numbers. */
.dmw-facts .counter-title { text-transform: none; letter-spacing: 0; }

/* Auth pages */
.dmw-auth { position: relative; padding: 200px 0 120px; background: #011425 url(../images/icons/pattern1-5.png) center/520px; }
.dmw-auth:before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 70% 20%, rgba(203,147,93,.22), transparent 55%), rgba(1,20,37,.6); }
.dmw-auth .auto-container { position: relative; z-index: 2; }
.dmw-auth .card { background: #fff; border: 0; border-radius: 0; padding: 48px 44px; box-shadow: 0 30px 60px rgba(0,0,0,.35); }
@media (max-width: 575.98px) { .dmw-auth { padding: 150px 0 80px; } .dmw-auth .card { padding: 34px 24px; } }
.dmw-auth .sec-title { margin-bottom: 26px; }
.dmw-auth .sec-title h2 { font-size: 2.1rem; }
.dmw-auth .form-group { margin-bottom: 18px; }
.dmw-auth label { display: block; font-weight: 500; color: #011425; margin-bottom: 6px; font-size: 14px; }
.dmw-auth input[type=text], .dmw-auth input[type=email], .dmw-auth input[type=password] {
  width: 100%; height: 56px; border: 1px solid #e3e0dc; background: #faf9f7; padding: 0 18px; font-size: 15px; color: #011425; transition: border-color .2s;
}
.dmw-auth input:focus { border-color: #cb935d; background: #fff; }
.dmw-auth .check { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: #54595f; line-height: 1.5; }
.dmw-auth .check input { margin-top: 4px; }
.dmw-auth .error { color: #b3261e; font-size: 13px; margin-top: 6px; }
.dmw-auth .theme-btn { width: 100%; text-align: center; }
.dmw-auth .theme-btn .btn-title { display: block; }
.dmw-auth .aside { color: #d5dbe1; }
.dmw-auth .aside h2 { color: #fff; }
.dmw-auth .aside .list-style-two li { color: #fff; }
.dmw-auth .aside .list-style-two li i { color: #cb935d; }
.dmw-auth .muted { color: #6b7075; font-size: 14px; }
.dmw-auth .muted a, .dmw-auth .forgot { color: #cb935d; }
.dmw-auth .notice { background: #f8f6f1; border-left: 3px solid #cb935d; padding: 14px 18px; font-size: 14px; color: #352f27; margin-bottom: 20px; }
.dmw-auth .status { background: #eef8f0; border-left: 3px solid #2e7d4f; padding: 14px 18px; font-size: 14px; color: #1e4d33; margin-bottom: 20px; }
.dmw-auth .pw-strength { height: 4px; background: #eee; margin-top: 8px; }
.dmw-auth .pw-strength span { display: block; height: 100%; background: #cb935d; width: 0; transition: width .3s; }

/* Inner pages */
.dmw-page-title { position: relative; padding: 210px 0 90px; background: #011425 url(../images/icons/pattern1-5.png) center/520px; }
.dmw-page-title:before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at 30% 40%, rgba(203,147,93,.22), transparent 55%), rgba(1,20,37,.55); }
.dmw-page-title .auto-container { position: relative; z-index: 2; }
.dmw-page-title h1 { color: #fff; font-size: 3.2rem; margin-bottom: 12px; }
.dmw-page-title .lead { color: #d5dbe1; max-width: 640px; font-size: 18px; }
@media (max-width: 767.98px) { .dmw-page-title { padding: 150px 0 60px; } .dmw-page-title h1 { font-size: 2.3rem; } }

.dmw-steps { counter-reset: step; }
.dmw-steps .features-block-style5 .features-featured-img { display: none; }

.dmw-faq .accordion-box .block .acc-btn { font-family: var(--title-font); font-size: 20px; }

.dmw-prose h2 { font-size: 1.8rem; margin: 40px 0 12px; }
.dmw-prose p { margin-bottom: 14px; }
.dmw-prose .notice { background: #f8f6f1; border-left: 3px solid #cb935d; padding: 18px 22px; }

/* Keep the header readable over the light auth/inner pages before scroll */
.main-header.header-style-two .header-lower.light .navigation > li > a { color: #fff; }

/* The template references a widget-title underline image it never shipped;
   draw the same 9px gold rule in CSS instead. */
.main-footer .widget-title:before { background-image: none; background-color: #cb935d; width: 40px; height: 2px; bottom: -14px; }

/* Banner: the right column must sit above the section's overlay, like the
   template's own content column does. */
.dmw-banner .col-xl-5 { position: relative; z-index: 3; }
.dmw-banner .content-column:before { content: "Legacy"; }
.dmw-banner .icon-circle { animation: fa-spin 60s linear infinite; }

/* Counters: legible figures rather than the template's faint watermark. */
.dmw-facts .counter-block .count-box { font-size: 64px; color: #cb935d; white-space: nowrap; margin-bottom: 12px; }
.dmw-facts .counter-block .counter-title { transform: none; text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 500; color: #54595f; line-height: 1.5; display: block; max-width: 230px; margin: 0 auto; }
.dmw-facts .counter-block .counter-title:before, .dmw-facts .counter-block .counter-title:after { display: none; }
.dmw-facts .counter-block { margin-bottom: 0; }
.dmw-facts .counter-block.mb-90 { margin-bottom: 40px !important; }

/* About panels: the template sizes these from the image's intrinsic width. */
.about-section-four .image-column .inner-column .image img { width: 270px; height: 405px; }
.about-section-four .image-column .inner-column .image-2 img { width: 270px; height: 429px; }
.about-section-four .content-column .exp-box { max-width: none; }
.about-section-four .content-column .exp-box .title { white-space: normal; }

/* Closing band: the template's video background is a placeholder. */
.video-section .bg { background-image: radial-gradient(ellipse at 30% 40%, rgba(203,147,93,.35), transparent 55%), url(../images/icons/pattern1-5.png) !important; background-color: #011425; background-size: auto, 520px; }
.video-section .outer-box .title { color: #fff; }
.dmw-banner .icon-circle { top: auto; bottom: 6%; right: 3%; }

/* About: own two-panel arrangement rather than the template's absolutely
   positioned photo pair, which was sized for different images. */
.dmw-panels { position: relative; display: grid; grid-template-columns: 270px 270px; gap: 24px; align-items: end; margin-top: 40px; }
.dmw-panels figure { margin: 0; }
.dmw-panels figure.second { margin-bottom: 90px; }
.dmw-panels img { display: block; width: 270px; height: auto; box-shadow: 0 30px 50px rgba(1,20,37,.25); }
.dmw-panels .exp-box { position: relative !important; top: auto !important; right: auto !important; left: auto !important; bottom: auto !important; width: auto; grid-column: 1 / -1; display: flex; align-items: center; gap: 16px; background: #cb935d; color: #fff; padding: 22px 26px; max-width: 420px; margin-top: -70px; position: relative; z-index: 2; }
.dmw-panels .exp-box .icon { font-size: 40px; color: #fff; }
.dmw-panels .exp-box .title { color: #fff; margin: 0; font-size: 16px; line-height: 1.5; }
@media (max-width: 1199.98px) { .dmw-panels { grid-template-columns: 1fr 1fr; } .dmw-panels img { width: 100%; } }
@media (max-width: 575.98px) { .dmw-panels { grid-template-columns: 1fr; } .dmw-panels figure.second { display: none; } }
.dmw-note { background: #f8f6f1; border-left: 3px solid #cb935d; padding: 18px 20px; font-size: 14px; line-height: 1.6; color: #352f27; }
.dmw-note strong { display: block; font-family: var(--title-font); font-size: 18px; color: #011425; margin-bottom: 4px; font-weight: 600; }
.dmw-facts { padding: 90px 0 30px; }

/* Language picker in the top bar */
.dmw-lang-select { background: transparent; border: 1px solid rgba(255,255,255,.25); color: #fff; font-size: 12px; padding: 2px 6px; margin-inline-start: 14px; }
.dmw-lang-select option { color: #011425; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
[dir="rtl"] .list-style-one li { margin-inline: 0 24px; }

/* RTL: the template's stylesheet floats menu items and lets them wrap; keep
   the header on one line and leave the wordmark itself left-to-right. */
[dir="rtl"] .dmw-logo { direction: ltr; }
[dir="rtl"] .main-header .main-box .nav-outer { flex: 1 1 auto; justify-content: center; }
[dir="rtl"] .main-header .navigation { display: flex; flex-wrap: nowrap; align-items: center; gap: 0 34px; }
[dir="rtl"] .main-header .navigation > li { float: none; margin: 0; white-space: nowrap; }
[dir="rtl"] .main-header .main-box .outer-box { flex: 0 0 auto; }
[dir="rtl"] .main-header .main-box .logo-box { flex: 0 0 auto; }

/* Preloader: our mark and name, not the template's. */
.preloader:after { background-image: url(../images/dmw/mark.svg); background-size: 110px; width: 110px; height: 110px; margin-left: -55px; margin-top: -80px; }
.preloader:before { content: "Dead Man Wish"; margin-top: 44px; color: #011425; }

/* Numbered feature blocks: every number set the same way, on one line. The
   template greyed all but the hovered one and let a two-digit number wrap. */
.feature-block .inner-box .box-number { color: var(--theme-color2); white-space: nowrap; flex: 0 0 auto; min-width: 96px; font-family: var(--title-font); line-height: 1; }
.feature-block .inner-box:hover .box-number { color: var(--theme-color1); }

/* Sticky intro column: the short text on the left stays in view while the
   numbered items on the right scroll past it, instead of leaving a column of
   empty space beneath it. */
@media (min-width: 992px) {
  .features-section .content-column .inner-column { position: sticky; top: 120px; }
}
.features-section .feature-block { visibility: hidden; }
.features-section .feature-block.animated, .no-js .features-section .feature-block { visibility: visible; }
/* overflow:hidden makes the wrapper a scroll container, which kills every
   position:sticky inside it; clip clips without doing that. */
.page-wrapper { overflow: clip; }

/* Pricing */
.dmw-pricing { padding: 100px 0 80px; background: #f8f6f1 url(../images/icons/pattern1-5.png) center/520px; }
.dmw-price-card { position: relative; background: #fff; border: 1px solid #e9e4dd; padding: 40px 34px; height: 100%; display: flex; flex-direction: column; transition: transform .25s, box-shadow .25s; }
.dmw-price-card:hover { transform: translateY(-4px); box-shadow: 0 24px 40px rgba(1,20,37,.08); }
.dmw-price-card.featured { border-color: #cb935d; box-shadow: 0 24px 50px rgba(203,147,93,.18); }
.dmw-price-card .ribbon { position: absolute; top: 18px; right: -1px; background: #cb935d; color: #fff; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; padding: 5px 12px; }
.dmw-price-card .name { font-family: var(--title-font); font-size: 28px; color: #011425; }
.dmw-price-card .tagline { color: #54595f; font-size: 14px; margin-top: 4px; }
.dmw-price-card .price { font-family: var(--title-font); font-size: 40px; color: #011425; margin: 22px 0 18px; line-height: 1; }
.dmw-price-card ul { list-style: none; padding: 0; margin: 0 0 28px; flex: 1; }
.dmw-price-card li { padding: 8px 0; border-bottom: 1px dotted #e9e4dd; color: #352f27; font-size: 15px; }
.dmw-price-card li i { color: #cb935d; margin-inline-end: 10px; }
.dmw-price-card .theme-btn { text-align: center; }