/*
Theme Name: Darnyx Manual Commerce Child
Theme URI: https://darnyx.com/
Description: Update-safe child theme inheriting the current Darnyx Manual Commerce storefront.
Author: DARNYX
Template: darnyx-manual-theme
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: darnyx-child
*/

/* Add only deliberate child-theme overrides below this line. */
.darnyx-wordmark {
    display: inline-flex;
    align-items: center;
}

.darnyx-logo {
    display: block;
    width: auto;
    height: 36px;
    object-fit: contain;
}
/* Marquee enters from the far-right and moves left */
.dx-announcement-ticker__track {
    animation: darnyx-marquee-right-to-left 25s linear infinite;
    will-change: transform;
}

@keyframes darnyx-marquee-right-to-left {
    from {
        transform: translateX(100vw);
    }

    to {
        transform: translateX(-100%);
    }
}

/* Compact, responsive footer spacing.
 * Add this at the end of the child theme's style.css.
 */
.dsf-newsletter {
    padding-block: clamp(36px, 4vw, 56px);
}

.dsf-newsletter > .dsf-container > p {
    margin-top: 12px;
}

.dsf-newsletter .dsf-newsletter__offer {
    margin-top: 2px;
}

.dsf-newsletter__form {
    margin-top: 20px;
}

.dsf-newsletter__controls input,
.dsf-newsletter__controls button {
    min-height: 50px;
}

.dsf-main {
    padding-block: clamp(32px, 3.5vw, 52px);
}

.dsf-main__grid {
    gap: clamp(28px, 5vw, 72px);
}

.dsf-column h2 {
    margin-bottom: 18px;
}

@media (max-width: 680px) {
    .dsf-newsletter,
    .dsf-main {
        padding-block: 32px;
    }

    .dsf-main__grid {
        row-gap: 32px;
    }
}
.dx-language-list .is-coming-soon {
    opacity: 0.35;
    cursor: not-allowed;
    filter: grayscale(1);
}



/* DARNYX neon-green staging baseline — no layout redesign. */
:root { --dx-neon: #76FF00; }
.dx-button--neon,
.dx-header-tools b { background-color: #76FF00; border-color: #76FF00; color: #000000; }
.dx-primary-nav a[aria-current="page"]::after,
.dx-primary-nav a:hover::after,
.dx-primary-nav a:focus-visible::after { background-color: #76FF00; }
.dsf-dx-mark__neon { fill: #76FF00; }


/* Keep the existing homepage hero within narrow mobile viewports. */
@media (max-width: 640px) {
  body.home .dx-front-page .dx-hero,
  body.home .dx-front-page .dx-hero__content,
  body.home .dx-front-page .dx-hero__media,
  body.home .dx-front-page .dx-hero__media figcaption {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}


/* Off-canvas account and bag panels must not create a horizontal page scroll. */
@media (max-width: 640px) {
  html:has(body.home),
  body.home { overflow-x: clip; }
}


/* Approved DARNYX integrated homepage hero composition — staging only. */
@media (min-width: 761px) {
  body.home .dx-front-page .dx-hero {
    position: relative;
    display: block;
    min-height: min(900px, calc(100svh - 76px));
    overflow: hidden;
    isolation: isolate;
    background: #000;
  }
  body.home .dx-front-page .dx-hero::before {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(90deg, #000 0%, rgba(0,0,0,.96) 21%, rgba(0,0,0,.72) 39%, rgba(0,0,0,.22) 59%, rgba(0,0,0,0) 74%);
    content: "";
    pointer-events: none;
  }
  body.home .dx-front-page .dx-hero__media {
    position: absolute;
    z-index: 0;
    inset: 0;
    min-height: 0;
    margin: 0;
    border: 0;
    background: #000 url('/wp-content/uploads/2026/09/Codex-Image-Sep-17-2026-11_25_19-AM.png') 66% center / cover no-repeat;
  }
  body.home .dx-front-page .dx-hero__media::after {
    background: linear-gradient(0deg, rgba(0,0,0,.68), transparent 31%);
  }
  body.home .dx-front-page .dx-hero__content {
    position: relative;
    z-index: 3;
    width: min(900px, 64vw);
    max-width: none;
    min-height: min(900px, calc(100svh - 76px));
    padding: clamp(104px, 12vw, 176px) 0 clamp(64px, 8vw, 118px) clamp(42px, 7vw, 124px);
    justify-content: center;
  }
  body.home .dx-front-page .dx-hero h1 {
    max-width: 900px;
    font-size: clamp(84px, 9.5vw, 158px);
    line-height: .77;
  }
  body.home .dx-front-page .dx-hero h1 em {
    -webkit-text-stroke: 2px #76FF00;
  }
  body.home .dx-front-page .dx-hero__content > p:not(.dx-eyebrow) {
    max-width: 560px;
  }
  body.home .dx-front-page .dx-hero__facts {
    max-width: 680px;
    margin-top: clamp(38px, 5vw, 64px);
  }
  body.home .dx-front-page .dx-hero__media .dx-media-placeholder {
    position: absolute;
    z-index: 2;
    inset: auto -5% 19% 45%;
    display: block;
    width: auto;
    height: auto;
    color: transparent;
    background: none;
    font-size: clamp(260px, 34vw, 620px);
    font-weight: 800;
    letter-spacing: -.16em;
    line-height: .7;
    -webkit-text-stroke: 1.5px #76FF00;
    opacity: .85;
    visibility: visible;
    pointer-events: none;
  }
  body.home .dx-front-page .dx-hero__media figcaption {
    z-index: 4;
    right: clamp(32px, 5vw, 84px);
    bottom: clamp(20px, 3vw, 44px);
    left: clamp(42px, 7vw, 124px);
  }
}
@media (max-width: 760px) {
  body.home .dx-front-page .dx-hero__media {
    background: #000 url('/wp-content/uploads/2026/09/Codex-Image-Sep-17-2026-11_25_19-AM.png') 66% center / cover no-repeat;
  }
  body.home .dx-front-page .dx-hero__media .dx-media-placeholder {
    display: none;
  }
}


/* Precision pass: desktop proportions matched to the approved hero reference. */
@media (min-width: 761px) {
  body.home .dx-front-page .dx-hero { min-height: min(780px, calc(100svh - 76px)); }
  body.home .dx-front-page .dx-hero__media { background-position: 30% center; }
  body.home .dx-front-page .dx-hero__content { width: min(760px, 48vw); min-height: min(780px, calc(100svh - 76px)); padding-top: clamp(76px, 8vw, 112px); padding-bottom: clamp(44px, 5vw, 72px); }
  body.home .dx-front-page .dx-hero h1 { max-width: 760px; font-size: clamp(72px, 7vw, 124px); line-height: .78; }
  body.home .dx-front-page .dx-hero__content > p:not(.dx-eyebrow) { max-width: 500px; margin: 26px 0 24px; font-size: clamp(15px, 1vw, 18px); line-height: 1.58; }
  body.home .dx-front-page .dx-hero__facts { max-width: 560px; margin-top: 34px; gap: 14px; }
  body.home .dx-front-page .dx-hero__facts dd { margin-top: 6px; }
  body.home .dx-front-page .dx-hero__media .dx-media-placeholder { inset: auto 5% 26% 57%; font-size: clamp(190px, 22vw, 420px); line-height: .74; -webkit-text-stroke: 1px #76FF00; opacity: .62; }
  body.home .dx-front-page .dx-hero__media figcaption { right: clamp(28px, 4vw, 64px); bottom: 22px; left: clamp(42px, 7vw, 124px); }
}


/* Precision pass v2: keep the photograph broad while moving its focal point right. */
@media (min-width: 761px) {
  body.home .dx-front-page .dx-hero__media {
    inset: 0 0 0 35%;
    background-position: 20% center;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 20%, #000 100%);
  }
  body.home .dx-front-page .dx-hero__media .dx-media-placeholder {
    inset: auto 5% 14% 35%;
  }
}


/* Precision pass v3: preserve the full headline in the intentional mobile reflow. */
@media (max-width: 760px) {
  body.home .dx-front-page .dx-hero h1 {
    font-size: clamp(52px, 14vw, 64px);
    line-height: .80;
    letter-spacing: -.055em;
  }
}


/* Official DARNYX monogram contour. Derived from the untouched official SVG render as one silhouette, not by stroking its construction paths. */
:root {
  --darnyx-official-monogram-contour: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNzAgMjQwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9IkRBUk5ZWCBtb25vZ3JhbSBvdXRsaW5lIj4KICA8ZGVmcz4KICAgIDxmaWx0ZXIgaWQ9ImRhcm55eC1tb25vZ3JhbS1jb250b3VyIiB4PSItMyUiIHk9Ii0zJSIgd2lkdGg9IjEwNiUiIGhlaWdodD0iMTA2JSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KICAgICAgPGZlTW9ycGhvbG9neSBpbj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJlcm9kZSIgcmFkaXVzPSIxLjUiIHJlc3VsdD0iaW5zZXQtc2lsaG91ZXR0ZSIvPgogICAgICA8ZmVDb21wb3NpdGUgaW49IlNvdXJjZUFscGhhIiBpbjI9Imluc2V0LXNpbGhvdWV0dGUiIG9wZXJhdG9yPSJvdXQiIHJlc3VsdD0iY29udG91ciIvPgogICAgICA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0iIzc2RkYwMCIgcmVzdWx0PSJuZW9uLWdyZWVuIi8+CiAgICAgIDxmZUNvbXBvc2l0ZSBpbj0ibmVvbi1ncmVlbiIgaW4yPSJjb250b3VyIiBvcGVyYXRvcj0iaW4iLz4KICAgIDwvZmlsdGVyPgogIDwvZGVmcz4KICA8aW1hZ2UgaHJlZj0iZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQSE4yWnlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhacFpYZENiM2c5SWpBZ01DQXlOekFnTWpRd0lpQjJaWEp6YVc5dVBTSXhMakVpSUhkcFpIUm9QU0kwTlcxdElpQm9aV2xuYUhROUlqUXdiVzBpUGcwS1BIUnBkR3hsUGtSQlVrNVpXQ0I4SUZCeWFXMWhjbmtnYm1WemRHVmtJRVFnYlc5dWIyZHlZVzBnZkNCaWJHRmphend2ZEdsMGJHVStEUW84Y0dGMGFDQm1hV3hzUFNJak1EQXdNREF3SWlCbWFXeHNMWEoxYkdVOUltNXZibnBsY204aUlHUTlJazB3SURBZ1RERTNOaUF3SUV3eU56QWdNVEl3SUV3eE56WWdNalF3SUV3NU5pQXlOREFnVERFeU55NHpNek16TXpNZ01qQXdJRXd4TlRRZ01qQXdJRXd5TVRnZ01USXdJRXd4TlRRZ05EQWdURE15SURRd0lGb2lMejROQ2p4d1lYUm9JR1pwYkd3OUlpTXdNREF3TURBaUlHWnBiR3d0Y25Wc1pUMGlibTl1ZW1WeWJ5SWdaRDBpVFRZMklEY3lJRXd4TURnZ056SWdUREUwTmk0MElERXlNQ0JNTlRNdU1EWTJOalkzSURJME1DQk1NVEV1TURZMk5qWTNJREkwTUNCTU9UZ3VOQ0F4TWpBZ1dpSXZQand2YzNablBnMEsiIHdpZHRoPSIyNzAiIGhlaWdodD0iMjQwIiBmaWx0ZXI9InVybCgjZGFybnl4LW1vbm9ncmFtLWNvbnRvdXIpIi8+Cjwvc3ZnPgo=");
}

body.home .dx-media-placeholder,
body.home .dx-manifesto__mark {
  color: transparent !important;
  font-size: 0 !important;
  -webkit-text-stroke: 0 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

@media (min-width: 761px) {
  body.home .dx-front-page .dx-hero__media .dx-media-placeholder {
    display: block;
    inset: auto 22% 17% auto;
    width: clamp(260px, 31vw, 420px);
    height: auto;
    aspect-ratio: 270 / 240;
    background-image: var(--darnyx-official-monogram-contour) !important;
    opacity: 1;
  }
}

body.home .dx-manifesto__mark {
  width: clamp(190px, 22vw, 330px);
  height: auto;
  aspect-ratio: 270 / 240;
  background-image: var(--darnyx-official-monogram-contour) !important;
  opacity: .18;
}

.dsf-dx-mark {
  width: 42px !important;
  height: 38px !important;
  background: var(--darnyx-official-monogram-contour) center / contain no-repeat !important;
}

.dsf-dx-mark path {
  display: none;
}

@media (max-width: 760px) {
  body.home .dx-front-page .dx-hero__media .dx-media-placeholder {
    display: none;
  }

  body.home .dx-manifesto__mark {
    width: min(48vw, 220px);
    opacity: .18;
  }
}


/* Hero monogram composition — source contour asset intentionally unchanged. */
@media (min-width: 761px) {
  body.home .dx-front-page .dx-hero__media .dx-media-placeholder {
    width: clamp(220px, 25vw, 340px);
    inset: auto 39% 18% auto;
    opacity: .78;
  }
}