/* ANYUNLOCKER - dark theme for the STOCK Dhru page bodies only.
   Scoped to `main` so it never fights studio.css over the header,
   footer, canvas or typography. */
:root{--ax-canvas:#0b0c0e;--ax-paper:#15171b;--ax-soft:#1b1e23;--ax-ink:#f4f6f8;--ax-muted:#9aa3ad;--ax-line:#262a31;--ax-line-2:#2f343c;--ax-brand:#ff7a18;--ax-brand-deep:#e85d04;--ax-brand-soft:#2a1a0e;--ax-on-brand:#1a0d03;--ax-radius:14px;--ax-radius-sm:10px;--ax-shadow:0 14px 40px #00000073}
main .min-height,
main .w-100.min-height,
main .page-container,
main .container,
main .container-fluid{background:transparent !important;}
main .bg-white{background:var(--ax-paper) !important;border-color:var(--ax-line) !important;}
main .bg-light{background:var(--ax-soft) !important;}
main .bg-dark{background:#0e1013 !important;}
main .svg-light .bg-svg,
main .bg-svg{opacity:.06 !important;}
main .h1,
main .h2,
main .h3,
main .h4,
main .h5,
main .h6{color:var(--ax-ink) !important;}
main p,
main li,
main span,
main label,
main dd,
main dt{color:inherit;}
main a:focus{color:var(--ax-brand);text-decoration:none;}
main .text-muted{color:var(--ax-muted) !important;opacity:1 !important;}
main .text-primary,
main a.text-primary:hover,
main a.text-primary:focus{color:var(--ax-brand) !important;}
main .text-dark{color:var(--ax-ink) !important;}
main .text-success{color:#4ade80 !important;}
main .text-danger{color:#fb7185 !important;}
main .text-warning{color:#fbbf24 !important;}
main hr{border-color:var(--ax-line) !important;}
main .nav-item.active>.nav-link{color:var(--ax-ink) !important;}
main .nav-link.btn.bg-secondary{background:var(--ax-brand) !important;color:var(--ax-on-brand) !important;
  border:0 !important;border-radius:var(--ax-radius-sm) !important;font-weight:700;}
main .dropdown-menu{background:var(--ax-paper) !important;border:1px solid var(--ax-line) !important;
  border-radius:var(--ax-radius) !important;box-shadow:var(--ax-shadow) !important;}
main .dropdown-item{color:var(--ax-muted) !important;border-radius:8px;}
main .dropdown-item:hover,
main .dropdown-item:focus{background:var(--ax-soft) !important;color:var(--ax-ink) !important;}
main .dropdown-divider{border-color:var(--ax-line) !important;}
main .card,
main .panel,
main .well,
main .box{background:var(--ax-paper) !important;
  border:1px solid var(--ax-line) !important;
  border-radius:var(--ax-radius) !important;
  color:var(--ax-ink) !important;
  box-shadow:none;}
main .card-header,
main .card-footer,
main .panel-heading{background:var(--ax-soft) !important;
  border-color:var(--ax-line) !important;color:var(--ax-ink) !important;}
main .card-body{background:transparent !important;}
main .big-icon{color:var(--ax-brand) !important;}
main .shadow,
main .shadow-sm,
main .shadow-lg{box-shadow:var(--ax-shadow) !important;}
main .border,
main .border-top,
main .border-bottom,
main .border-left,
main .border-right{border-color:var(--ax-line) !important;}
main .rounded,
main .rounded-lg,
main .rounded-sm{border-radius:var(--ax-radius-sm) !important;}
main .btn{border-radius:var(--ax-radius-sm) !important;font-weight:600;}
main .btn-primary,
main .btn-success,
main .btn.btn-theme,
main .btn-info{background:var(--ax-brand) !important;border-color:var(--ax-brand) !important;
  color:var(--ax-on-brand) !important;}
main .btn-primary:hover,
main .btn-success:hover,
main .btn-info:hover,
main .btn-primary:focus,
main .btn-success:focus{background:var(--ax-brand-deep) !important;border-color:var(--ax-brand-deep) !important;
  color:var(--ax-on-brand) !important;}
main .btn-secondary,
main .btn-default,
main .btn-light{background:var(--ax-soft) !important;border:1px solid var(--ax-line-2) !important;
  color:var(--ax-ink) !important;}
main .btn-secondary:hover,
main .btn-default:hover,
main .btn-light:hover{background:#22262d !important;color:var(--ax-ink) !important;}
main .btn-outline-primary{background:transparent !important;border:1px solid var(--ax-brand) !important;
  color:var(--ax-brand) !important;}
main .btn-outline-primary:hover{background:var(--ax-brand) !important;color:var(--ax-on-brand) !important;}
main .btn-danger{background:#e11d48 !important;border-color:#e11d48 !important;color:#fff !important;}
main .btn-link{color:var(--ax-brand) !important;}
main label,
main .form-label,
main .control-label{color:var(--ax-muted) !important;font-weight:600;}
main .form-control,
main input[type=text],
main input[type=email],
main input[type=password],
main input[type=number],
main input[type=search],
main input[type=tel],
main select,
main textarea{background:var(--ax-soft) !important;color:var(--ax-ink) !important;
  border:1px solid var(--ax-line-2) !important;
  border-radius:var(--ax-radius-sm) !important;}
main .form-control::placeholder,
main input::placeholder,
main textarea::placeholder{color:#6b737d !important;}
main .form-control:focus,
main input:focus,
main select:focus,
main textarea:focus{background:var(--ax-soft) !important;border-color:var(--ax-brand) !important;
  box-shadow:0 0 0 3px #ff7a1826 !important;color:var(--ax-ink) !important;}
main select option,
main optgroup{background:#0f1216 !important;color:var(--ax-ink) !important;}
main .input-group-text,
main .input-group-prepend .input-group-text,
main .input-group-append .input-group-text{background:#22262d !important;border:1px solid var(--ax-line-2) !important;
  color:var(--ax-muted) !important;}
main .custom-control-label::before{background:var(--ax-soft) !important;border:1px solid var(--ax-line-2) !important;}
main .custom-control-input:checked~.custom-control-label::before{background:var(--ax-brand) !important;border-color:var(--ax-brand) !important;}
main .custom-control-label{color:var(--ax-ink) !important;}
main .chosen-container .chosen-single,
main .chosen-container .chosen-drop,
main .chosen-container-multi .chosen-choices,
main .chosen-container-active .chosen-single{background:var(--ax-soft) !important;background-image:none !important;
  border:1px solid var(--ax-line-2) !important;color:var(--ax-ink) !important;
  border-radius:var(--ax-radius-sm) !important;box-shadow:none !important;}
main .chosen-container .chosen-results li{color:var(--ax-muted) !important;}
main .chosen-container .chosen-results li.highlighted,
main .chosen-container .chosen-results li.result-selected{background:var(--ax-brand) !important;color:var(--ax-on-brand) !important;}
main .chosen-container .chosen-search input{background:#0f1216 !important;color:var(--ax-ink) !important;
  border:1px solid var(--ax-line-2) !important;}
main .datepicker,
main .datepicker-dropdown{background:var(--ax-paper) !important;border:1px solid var(--ax-line) !important;
  border-radius:var(--ax-radius) !important;color:var(--ax-ink) !important;}
main .datepicker table tr td.day:hover,
main .datepicker table tr td.active{background:var(--ax-brand) !important;color:var(--ax-on-brand) !important;}
main .table,
main table{color:var(--ax-ink) !important;background:transparent !important;}
main .table thead th,
main table thead th,
main .thead-light th{background:var(--ax-soft) !important;color:var(--ax-ink) !important;
  border-color:var(--ax-line) !important;
  text-transform:uppercase;font-size:.74rem;letter-spacing:.05em;font-weight:700;}
main .table td,
main .table th,
main table td,
main table th{border-color:var(--ax-line) !important;}
main .table-striped tbody tr:nth-of-type(odd){background:#ffffff05 !important;}
main .table-hover tbody tr:hover,
main .table tbody tr:hover{background:#ffffff08 !important;color:var(--ax-ink) !important;}
main .table-bordered,
main .table-bordered td,
main .table-bordered th{border-color:var(--ax-line) !important;}
main .alert{background:var(--ax-soft) !important;border:1px solid var(--ax-line) !important;
  border-left:3px solid var(--ax-brand) !important;
  border-radius:var(--ax-radius-sm) !important;color:var(--ax-ink) !important;}
main .alert-success{border-left-color:#22c55e !important;}
main .alert-danger{border-left-color:#e11d48 !important;}
main .alert-warning{border-left-color:#f59e0b !important;}
main .alert-info{border-left-color:var(--ax-brand) !important;}
main .badge{border-radius:8px !important;font-weight:700;}
main .badge-primary,
main .badge-info{background:var(--ax-brand-soft) !important;color:#ffa557 !important;}
main .badge-success{background:#14331f !important;color:#86efac !important;}
main .badge-danger{background:#3a1220 !important;color:#fda4af !important;}
main .badge-warning{background:#3a2a10 !important;color:#fcd34d !important;}
main .badge-secondary,
main .badge-light{background:var(--ax-soft) !important;color:var(--ax-muted) !important;}
main .pagination .page-link{background:var(--ax-soft) !important;border:1px solid var(--ax-line) !important;
  color:var(--ax-muted) !important;border-radius:8px !important;margin:0 2px;}
main .pagination .page-item.active .page-link{background:var(--ax-brand) !important;border-color:var(--ax-brand) !important;
  color:var(--ax-on-brand) !important;}
main .nav-tabs,
main .nav-pills{border-bottom:1px solid var(--ax-line) !important;}
main .nav-tabs .nav-link,
main .nav-pills .nav-link{background:transparent !important;border:0 !important;
  color:var(--ax-muted) !important;font-weight:600;}
main .nav-tabs .nav-link.active,
main .nav-pills .nav-link.active{background:transparent !important;color:var(--ax-ink) !important;
  border-bottom:2px solid var(--ax-brand) !important;}
main .tab-content,
main .tab-pane{background:transparent !important;}
main .modal-backdrop{background:#05070a !important;}
main .modal-backdrop.show{opacity:.78 !important;}
main .modal-content{background:var(--ax-paper) !important;border:1px solid var(--ax-line) !important;
  border-radius:var(--ax-radius) !important;box-shadow:var(--ax-shadow) !important;
  color:var(--ax-ink) !important;}
main .modal-header,
main .modal-footer{background:var(--ax-soft) !important;border-color:var(--ax-line) !important;
  color:var(--ax-ink) !important;}
main .modal-title{color:var(--ax-ink) !important;}
main .close,
main button.close{color:var(--ax-muted) !important;text-shadow:none !important;opacity:.9;}
main .close:hover{color:var(--ax-ink) !important;}
main .pre-loader,
main .page-pre-loader,
main #loader,
main .loader{background:var(--ax-canvas) !important;}
main .spinner-loader,
main .lds-roller div::after{background:var(--ax-brand) !important;color:var(--ax-brand) !important;}
main .list-group-item{background:var(--ax-paper) !important;border-color:var(--ax-line) !important;
  color:var(--ax-ink) !important;}
main .progress{background:var(--ax-soft) !important;}
main .progress-bar{background:var(--ax-brand) !important;}
main .tooltip-inner,
main .popover{background:var(--ax-paper) !important;color:var(--ax-ink) !important;
  border:1px solid var(--ax-line) !important;}
main .jumbotron{background:var(--ax-paper) !important;}

/* ==========================================================================
   GLOBAL LAYER - things that live OUTSIDE <main>
   The login dialog, the wizard and theme15's blue accents sit outside the
   studio wrapper, so these rules are deliberately unscoped.
   theme15.css paints them #0A52A4 / #0E9EE5; every one is remapped here.
   ========================================================================== */

/* --- 1. BRAND WORDMARK ---------------------------------------------------- */
.brand.brand-word{
  display:inline-flex;align-items:baseline;gap:.02em;
  font-weight:900;letter-spacing:-.025em;line-height:1;
  text-transform:uppercase;text-decoration:none;
  font-size:clamp(20px,2.3vw,30px);
}
.brand.brand-word .bw-1{color:#fff;}
.brand.brand-word .bw-2{
  background:linear-gradient(100deg,#ff9d4d,#ff7a18 45%,#e85d04);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.brand.brand-word .bw-3{
  color:var(--ax-muted,#9aa3ad);font-weight:700;font-size:.44em;
  letter-spacing:.14em;margin-left:.22em;align-self:center;
}
.site-footer .brand.brand-word{font-size:clamp(18px,1.8vw,24px);}

/* --- 2. THEME15 BLUE -> ORANGE -------------------------------------------- */
.bg-primary,
button.btn.btn-primary,
.btn.btn-primary,
.bg-secondary,
.wizard .actions li a,
.steps ul li.first a,
.steps ul li.checked a,
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link,
.cartminiview .badge-success,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
  background:#ff7a18 !important;
  background-image:none !important;
  border-color:#ff7a18 !important;
  color:#1a0d03 !important;
}
button.btn.btn-primary:hover,.btn.btn-primary:hover,
.wizard .actions li a:hover,.bg-secondary:hover{
  background:#e85d04 !important;border-color:#e85d04 !important;color:#1a0d03 !important;
}
.footer-top .link-heading:after,
h3.title span,
.header-color{background:#ff7a18 !important;}
.card-product:hover,
ul.nav-pills.flex-nowrap .nav-link.active,
.price-details table td.double-border{border-color:#ff7a18 !important;}
.chosen-container .chosen-results li.highlighted{background:#ff7a18 !important;color:#1a0d03 !important;}
.navbar-expand-lg .navbar-nav .nav-item .nav-link:not(.bg-secondary)::before{background:#ff7a18 !important;}
a.text-primary,.text-primary{color:#ff9d4d !important;}

/* --- 3. THE LOGIN / SEARCH DIALOGS ---------------------------------------- */
.modal-backdrop,.modal-backdrop.show{background:#05070a !important;opacity:.82 !important;}
.modal-content{
  background:#15171b !important;
  border:1px solid #262a31 !important;
  border-radius:14px !important;
  box-shadow:0 24px 70px #000000a6 !important;
  color:#f4f6f8 !important;
  overflow:hidden;
}
.modal-header,.modal-menu .modal-header{
  background:#1b1e23 !important;background-image:none !important;
  border-bottom:1px solid #262a31 !important;
  color:#f4f6f8 !important;border-radius:0 !important;
}
.modal-header .modal-title,.modal-header h5,.modal-header h4{
  color:#f4f6f8 !important;font-weight:700 !important;letter-spacing:-.01em;
}
.modal-header .close,.modal-header button.close,.modal .close{
  color:#9aa3ad !important;text-shadow:none !important;opacity:1;
  background:transparent !important;border:0 !important;font-weight:400;
}
.modal-header .close:hover,.modal .close:hover{color:#ff7a18 !important;}
.modal-body,.modal-footer{background:#15171b !important;color:#f4f6f8 !important;}
.modal-footer{border-top:1px solid #262a31 !important;}

/* fields inside a dialog */
.modal .form-control,.modal input[type=text],.modal input[type=email],
.modal input[type=password],.modal input[type=number],.modal select,.modal textarea{
  background:#1b1e23 !important;color:#f4f6f8 !important;
  border:1px solid #2f343c !important;border-radius:10px !important;
}
.modal .form-control::placeholder,.modal input::placeholder{color:#6b737d !important;}
.modal .form-control:focus,.modal input:focus,.modal select:focus{
  border-color:#ff7a18 !important;box-shadow:0 0 0 3px #ff7a1826 !important;
  background:#1b1e23 !important;color:#f4f6f8 !important;
}
.modal .input-group-text{
  background:#22262d !important;border:1px solid #2f343c !important;color:#9aa3ad !important;
}
.modal label,.modal .form-label{color:#9aa3ad !important;}
.modal a{color:#ff9d4d !important;}
.modal .custom-control-label{color:#b7bfc9 !important;}
.modal .custom-control-label::before{
  background:#1b1e23 !important;border:1px solid #2f343c !important;
}
.modal .custom-control-input:checked~.custom-control-label::before{
  background:#ff7a18 !important;border-color:#ff7a18 !important;
}
.modal .btn-primary,.modal button[type=submit]{
  background:#ff7a18 !important;border-color:#ff7a18 !important;
  color:#1a0d03 !important;font-weight:700 !important;border-radius:10px !important;
}
.modal .btn-primary:hover,.modal button[type=submit]:hover{
  background:#e85d04 !important;border-color:#e85d04 !important;
}

/* --- 4. REGISTRATION WIZARD ----------------------------------------------- */
.wizard,.wizard .content,.wizard .steps,.tab-pane{background:transparent !important;}
.wizard .steps ul li a{color:#9aa3ad !important;background:transparent !important;}
.wizard .steps ul li.current a{color:#f4f6f8 !important;}
.wizard .actions{background:transparent !important;}
.wizard .actions li a{border-radius:10px !important;font-weight:700 !important;}
.wizard .actions li.disabled a{
  background:#22262d !important;border-color:#2f343c !important;color:#6b737d !important;
}

/* --- 5. FOOTER ------------------------------------------------------------ */
.site-footer{
  background:#0e1013 !important;border-top:1px solid #262a31;
}
.site-footer .footer-bottom{
  border-top:1px solid #262a31;color:#7c8691 !important;
  padding-top:18px;padding-bottom:18px;
  display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;
  font-size:13px;
}
.site-footer .footer-bottom a{color:#ff9d4d !important;font-weight:600;}
.site-footer .footer-bottom a:hover{color:#ff7a18 !important;text-decoration:underline;}
.site-footer h2{color:#f4f6f8 !important;}
.site-footer a{color:#9aa3ad !important;}
.site-footer a:hover{color:#ff7a18 !important;}
.site-footer p{color:#9aa3ad !important;}

/* the platform's own powered-by strip that index.php injects */
.cn{
  position:static !important;background:transparent !important;
  color:#4a525c !important;font-size:10px !important;
  padding:6px 0 14px !important;opacity:.55 !important;text-align:center !important;
}
.cn a{color:#5c656f !important;}
