.elementor-kit-5{--e-global-color-primary:#A8A7B7;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#A8A7B7;--e-global-color-accent:#FFFFFF;--e-global-color-4e8db82:#0C0C0E;--e-global-color-5d5447f:#9493A1;--e-global-typography-primary-font-family:"Share Tech Mono";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"IBM Plex Mono";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"IBM Plex Mono";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Share Tech Mono";--e-global-typography-accent-font-weight:500;background-color:#0C0C0E;color:#A8A7B7;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#020101;color:#A8A7B7;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:#A8A7B7;}.elementor-kit-5 a:hover{color:#D9D9F4;}.elementor-kit-5 h1{color:#A8A7B7;}.elementor-kit-5 h2{color:#A8A7B7;}.elementor-kit-5 h3{color:#A8A7B7;}.elementor-kit-5 h4{color:#A8A7B7;}.elementor-kit-5 h5{color:#A8A7B7;}.elementor-kit-5 h6{color:#A8A7B7;}.elementor-kit-5 label{color:#A8A7B7;}.elementor-kit-5 input:not([type="button"]):not([type="submit"]),.elementor-kit-5 textarea,.elementor-kit-5 .elementor-field-textual{color:#A8A7B7;accent-color:#A8A7B7;background-color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   NIGHT OWL COLLECTIVE — GLOBAL STYLE
========================================================= */

body{
  background:#0C0C0E;
  color:#d7d7d7;
  font-family:'IBM Plex Mono', monospace;
  font-weight:300;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

/* BODY TEXT */

p,
.elementor-widget-text-editor,
.elementor-widget-text-editor p{
  font-family:'IBM Plex Mono', monospace !important;
  font-size:clamp(.92rem,1vw,1.05rem);
  line-height:1.9;
  letter-spacing:.02em;
  color:rgba(215,215,215,.78);
  font-weight:300;
}

/* HEADERS */

h1,h2,h3,h4,h5,h6,
.elementor-heading-title{
  font-family:'Share Tech Mono', monospace !important;
  font-weight:400 !important;
  text-transform:uppercase !important;
  letter-spacing:.08em !important;
  line-height:.88 !important;
  color:#f2f2f2 !important;
  position:relative;
  display:inline-block;

  text-shadow:
    0 0 1px rgba(255,255,255,.85),
    0 0 6px rgba(255,255,255,.12);

  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

/* HERO TITLE */

.hero-title .elementor-heading-title{
  font-size:clamp(5rem,10vw,11rem) !important;
  line-height:.82 !important;
  letter-spacing:.06em !important;
}

/* CRT SCANLINES — TEXT ONLY */

.elementor-heading-title::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;

  background:
    repeating-linear-gradient(
      to bottom,
      transparent 0px,
      transparent 1px,
      rgba(12,12,14,.62) 1px,
      rgba(12,12,14,.62) 2px
    );

  mix-blend-mode:normal;
  opacity:.9;
}

/* GLOBAL SCREEN TEXTURE */

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:999999;

  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.012) 0px,
      rgba(255,255,255,.012) 1px,
      transparent 1px,
      transparent 4px
    );

  opacity:.08;
}

/* NAV / BUTTONS */

a,
button,
.elementor-button,
.elementor-nav-menu a{
  font-family:'share tech mono', monospace !important;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#cfcfcf;
}

/* BUTTON STYLE */

.elementor-button{
  border:1px solid rgba(255,255,255,.12) !important;
  background:transparent !important;
  transition:.25s ease;
}

.elementor-button:hover{
  border-color:rgba(255,255,255,.28) !important;
  background:rgba(255,255,255,.03) !important;
}

/* DIVIDERS */

hr,
.elementor-divider-separator{
  border-color:rgba(255,255,255,.08) !important;
}

/* MOBILE */

@media (max-width:767px){

  .hero-title .elementor-heading-title{
    font-size:clamp(3.8rem,18vw,6rem) !important;
    line-height:.85 !important;
  }

  p,
  .elementor-widget-text-editor,
  .elementor-widget-text-editor p{
    font-size:.88rem;
    line-height:1.75;
  }
}
/* =========================================================
   NOC WOOCOMMERCE NOTICES
========================================================= */

:root {
  --noc-bg: #0c0c0e;
  --noc-white: #ffffff;
  --noc-text: rgba(255, 255, 255, 0.78);
  --noc-text-strong: rgba(255, 255, 255, 0.94);
  --noc-lavender: #a8a7b7;
  --noc-slate: #9493a1;
  --noc-line-soft: rgba(148, 147, 161, 0.18);
  --noc-line: rgba(168, 167, 183, 0.34);
}

/* MAIN NOTICE BOXES */
body .woocommerce-error,
body .woocommerce-info,
body .woocommerce-message,
body.woocommerce-page .woocommerce-error,
body.woocommerce-page .woocommerce-info,
body.woocommerce-page .woocommerce-message,
body .woocommerce .woocommerce-error,
body .woocommerce .woocommerce-info,
body .woocommerce .woocommerce-message {
  color: var(--noc-text) !important;
  background: rgba(168, 167, 183, 0.045) !important;
  background-color: rgba(168, 167, 183, 0.045) !important;

  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--noc-line-soft) !important;
  border-radius: 0 !important;
  outline: none !important;

  box-sizing: border-box !important;
  box-shadow: none !important;
  text-shadow: none !important;

  font-family: "IBM Plex Mono", "Courier New", monospace !important;
  font-size: 12px !important;
  font-weight: 300 !important;

  position: relative !important;
  margin: 0 0 18px 0 !important;
  padding: 14px 16px 14px 38px !important;

  list-style: none !important;
}

/* REMOVE DEFAULT UL WEIRDNESS ON ERROR NOTICES */
body ul.woocommerce-error,
body .woocommerce-error ul,
body .woocommerce-error li {
  list-style: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* REPLACE DEFAULT ICON WITH TERMINAL CARET */
body .woocommerce-error::before,
body .woocommerce-info::before,
body .woocommerce-message::before {
  content: ">" !important;

  font-family: "IBM Plex Mono", "Courier New", monospace !important;
  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 1 !important;

  color: var(--noc-lavender) !important;
  background: none !important;

  position: absolute !important;
  top: 15px !important;
  left: 16px !important;
}

/* TEXT INSIDE NOTICES */
body .woocommerce-error *,
body .woocommerce-info *,
body .woocommerce-message * {
  color: var(--noc-text) !important;
  font-family: "IBM Plex Mono", "Courier New", monospace !important;
  font-size: 12px !important;
  font-weight: 300 !important;
}

/* LINKS / BUTTONS INSIDE NOTICES */
body .woocommerce-error a,
body .woocommerce-info a,
body .woocommerce-message a,
body .woocommerce-error .button,
body .woocommerce-info .button,
body .woocommerce-message .button {
  color: var(--noc-white) !important;
  background: transparent !important;
  background-color: transparent !important;

  border: 1px solid var(--noc-line-soft) !important;
  border-radius: 0 !important;

  font-family: "IBM Plex Mono", "Courier New", monospace !important;
  font-size: 12px !important;
  font-weight: 300 !important;

  box-shadow: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

/* HOVER */
body .woocommerce-error a:hover,
body .woocommerce-info a:hover,
body .woocommerce-message a:hover,
body .woocommerce-error .button:hover,
body .woocommerce-info .button:hover,
body .woocommerce-message .button:hover {
  color: var(--noc-white) !important;
  background: rgba(168, 167, 183, 0.08) !important;
  background-color: rgba(168, 167, 183, 0.08) !important;
  border-color: var(--noc-line) !important;
}
/* NIGHT OWL CONTACT FORM — CLEAN TERMINAL PANEL
   Targets ANY Elementor form directly
*/

.elementor-form {
  --noc-bg: #0c0c0e;
  --noc-white: #ffffff;
  --noc-lavender: #a8a7b7;
  --noc-slate: #9493a1;

  --noc-panel-bg: rgba(12, 12, 14, 0.92);
  --noc-panel-top: rgba(168, 167, 183, 0.055);

  --noc-text: rgba(255, 255, 255, 0.78);
  --noc-text-strong: rgba(255, 255, 255, 0.94);
  --noc-text-muted: rgba(168, 167, 183, 0.78);
  --noc-text-faint: rgba(148, 147, 161, 0.46);

  --noc-line: rgba(168, 167, 183, 0.34);
  --noc-line-soft: rgba(148, 147, 161, 0.18);
  --noc-line-strong: rgba(255, 255, 255, 0.62);

  max-width: 720px;
  margin: 0 auto;
  padding: 45px 42px 42px !important;

  position: relative !important;
  box-sizing: border-box !important;

  display: flex;
  flex-direction: column;
  gap: 24px;

  color: var(--noc-text) !important;

  font-family: "IBM Plex Mono", "Courier New", monospace !important;

  border: 1px solid var(--noc-line) !important;
  background: var(--noc-panel-bg) !important;


}


/* --------------------------------------------------
   TERMINAL TOP BAR
-------------------------------------------------- */

.elementor-form::before {
  content: "TRANSMIT..> nightowlcollectivecontact@gmail.com";

  position: absolute;
  top: 0;
  left: 0;
  right: 0;

  height: 36px;

  display: flex;
  align-items: center;

  padding: 0 76px 0 16px;
  box-sizing: border-box;

  color: var(--noc-text-muted);
  background: var(--noc-panel-top);

  border-bottom: 1px solid var(--noc-line-soft);

  font-family: "IBM Plex Mono", "Courier New", monospace !important;
  font-size: 10px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.12em;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  pointer-events: none;
}


/* READY status */

.elementor-form::after {
  content: "READY";

  position: absolute;
  top: 12px;
  right: 16px;

  color: var(--noc-text-muted);

  font-family: "IBM Plex Mono", "Courier New", monospace !important;
  font-size: 10px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.16em;

  pointer-events: none;
}


/* --------------------------------------------------
   TYPOGRAPHY
-------------------------------------------------- */

.elementor-form * {
  font-family: "IBM Plex Mono" monospace !important;
}


/* --------------------------------------------------
   FIELD GROUPS
-------------------------------------------------- */

.elementor-form .elementor-field-group {
  margin: 0 !important;
  padding: 0 !important;

  position: relative;
}





/* --------------------------------------------------
   LABELS
-------------------------------------------------- */

.elementor-form label,
.elementor-form .elementor-field-label {
  display: block;

  margin: 0 0 9px 22px;

  color: var(--noc-text-muted) !important;

  font-size: 10px !important;
  font-weight: 300 !important;
  line-height: 1;

  letter-spacing: 0.16em;
  text-transform: uppercase;

  opacity: 1 !important;
}


/* --------------------------------------------------
   INPUTS
-------------------------------------------------- */

.elementor-form input[type="text"],
.elementor-form input[type="email"] {
  width: 100%;

  color: var(--noc-text) !important;
  background: transparent !important;
  font-family: "Share Tech Mono" !important;
  border: 0 !important;
  border-bottom: 1px solid var(--noc-line-soft) !important;
  border-radius: 0 !important;

  padding: 10px 0 12px 22px !important;

  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.45 !important;

  letter-spacing: 0.02em;

  opacity: 1 !important;

  outline: none !important;
  box-shadow: none !important;

  caret-color: var(--noc-white);

  transition:
    color 150ms ease,
    border-color 150ms ease,
    background 150ms ease;
}


/* focus */

.elementor-form input:not([type="submit"]):focus,
.elementor-form select:focus,
.elementor-form .elementor-field:not(textarea):not(button):focus {
  color: var(--noc-text-strong) !important;

  background: rgba(168, 167, 183, 0.035) !important;

  border-bottom-color: var(--noc-line-strong) !important;
}


/* placeholders */

.elementor-form input::placeholder,
.elementor-form textarea::placeholder {
  color: var(--noc-text-faint) !important;
  opacity: 1 !important;

  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
}


/* --------------------------------------------------
   MESSAGE TEXTAREA
-------------------------------------------------- */

.elementor-form textarea,
.elementor-form textarea.elementor-field {
  width: 100%;

  height: 176px !important;
  min-height: 176px !important;

  resize: none !important;

  color: var(--noc-text) !important;

  background: rgba(168, 167, 183, 0.035) !important;

  border: 1px solid var(--noc-line-soft) !important;
  border-radius: 0 !important;

  padding: 16px 17px !important;
font-family: "Share Tech Mono" !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;

  letter-spacing: 0.02em;

  opacity: 1 !important;

  outline: none !important;


  caret-color: var(--noc-white);

  transition:
    color 150ms ease,
    border-color 150ms ease,
    background 150ms ease,
    box-shadow 150ms ease;
}


/* textarea focus */

.elementor-form textarea:focus,
.elementor-form textarea.elementor-field:focus {
  color: var(--noc-text-strong) !important;

  background: rgba(168, 167, 183, 0.055) !important;

  border-color: var(--noc-line-strong) !important;


}


/* --------------------------------------------------
   SUBMIT
-------------------------------------------------- */

.elementor-form .elementor-field-type-submit {
  margin-top: 2px !important;
}


/* button */

.elementor-form .elementor-button,
.elementor-form button,
.elementor-form input[type="submit"] {
  color: var(--noc-text-strong) !important;
  background: transparent !important;

  border: 1px solid var(--noc-line) !important;
  border-radius: 0 !important;

  min-width: 176px;

  padding: 14px 22px 13px !important;

  font-size: 11px !important;
  font-weight: 300 !important;
  line-height: 1 !important;

  letter-spacing: 0.16em;
  text-transform: uppercase;

  opacity: 1 !important;

  cursor: pointer;

  position: relative;
  overflow: hidden;

  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.015) !important;

  transition:
    background 150ms ease,
    border-color 150ms ease,
    transform 150ms ease;
}


/* [ SUBMIT ] */

.elementor-form .elementor-button-text::before {
  content: "[ ";
  color: var(--noc-text-muted);
}

.elementor-form .elementor-button-text::after {
  content: " ]";
  color: var(--noc-text-muted);
}


/* hover */

.elementor-form .elementor-button:hover,
.elementor-form button:hover,
.elementor-form input[type="submit"]:hover {
  background: rgba(168, 167, 183, 0.075) !important;

  border-color: var(--noc-line-strong) !important;

  transform: translateY(-1px);
}


/* --------------------------------------------------
   REQUIRED ASTERISK
-------------------------------------------------- */

.elementor-form
.elementor-mark-required
.elementor-field-label::after {
  color: var(--noc-text-faint) !important;
  opacity: 1 !important;
}


/* --------------------------------------------------
   SUCCESS / ERROR MESSAGES
-------------------------------------------------- */

.elementor-form .elementor-message {
  color: var(--noc-text) !important;

  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 1.5;

  letter-spacing: 0.03em;
}


.elementor-form .elementor-message-success {
  color: var(--noc-text-strong) !important;

  border-left: 1px solid var(--noc-line-strong);

  padding-left: 13px;
}


.elementor-form .elementor-message-danger,
.elementor-form .elementor-error {
  color: var(--noc-text-muted) !important;
}


/* --------------------------------------------------
   AUTOFILL
-------------------------------------------------- */

.elementor-form input:-webkit-autofill,
.elementor-form input:-webkit-autofill:hover,
.elementor-form input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--noc-text-strong) !important;

  transition: background-color 9999s ease-in-out 0s;

  box-shadow:
    0 0 0 1000px var(--noc-bg) inset !important;
}


/* --------------------------------------------------
   MOBILE
-------------------------------------------------- */

@media (max-width: 767px) {

  .elementor-form {
    max-width: 100%;

    padding: 58px 20px 28px !important;

    gap: 21px;
  }


  .elementor-form::before {
    height: 36px;

    padding: 0 64px 0 12px;

    font-size: 8px;

    letter-spacing: 0.06em;
  }


  .elementor-form::after {
    top: 13px;
    right: 12px;

    font-size: 8px;

    letter-spacing: 0.08em;
  }


  .elementor-form input:not([type="submit"]),
  .elementor-form select,
  .elementor-form .elementor-field:not(textarea):not(button) {
    font-size: 14px !important;
  }


  .elementor-form textarea,
  .elementor-form textarea.elementor-field {
    height: 152px !important;
    min-height: 152px !important;

    font-size: 14px !important;

    padding: 14px !important;
  }


  .elementor-form .elementor-button,
  .elementor-form button,
  .elementor-form input[type="submit"] {
    width: 100%;
  }
}
/* SIZE DROPDOWN */
#attribute_size,
select[name="attribute_size"] {
  width: 100%;
  padding: 12px 40px 12px 14px;

  font-family: "Share Tech Mono", monospace !important;
  font-size: 14px !important;
  font-weight: 400 !important;

  color: #ffffff !important;
  background-color: #1a1a1f !important;

  border: 1px solid #9493a1 !important;
  border-radius: 0 !important;

  outline: none !important;
  box-shadow: none !important;

  cursor: pointer;

  /* remove native black arrow */
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  /* custom light arrow */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' fill='none' stroke='%23a8a7b7' stroke-width='1.5' stroke-linecap='square'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 12px 8px !important;
}


/* DROPDOWN OPTIONS */
#attribute_size option,
select[name="attribute_size"] option {
  font-family: "IBM Plex Mono", monospace !important;
  font-size: 14px !important;

  color: #ffffff !important;
  background: #1a1a1f !important;
}


/* FOCUS */
#attribute_size:focus,
select[name="attribute_size"]:focus {
  border-color: #a8a7b7 !important;
  outline: none !important;
  box-shadow: none !important;
}/* End custom CSS */