/* ==========================================================================
   Noakhali Tech — compat.css
   Pages that still use the original AgainCart markup (account forms, affiliate,
   returns ...) keep their templates; this file restyles their Bootstrap-style
   classes with the theme's design tokens. Scoped to body.nt-compat so it never
   affects redesigned pages. Grid classes below are generated.
   ========================================================================== */

.nt-compat main#main { padding-bottom: 56px; }
.nt-compat .after-header { padding: 28px 0 !important; margin-bottom: 32px; background: var(--bg); border-bottom: 1px solid var(--border); }
.nt-compat .after-header .row { margin: 0; }
.nt-compat .after-header [class*="col-"] { padding: 0; }
.nt-compat .breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; font-size: var(--fs-sm); color: var(--muted); list-style: none; background: none; }
.nt-compat .breadcrumb li + li::before { content: "\f054"; font: var(--fa-font-solid); font-size: 9px; margin-right: 8px; color: var(--subtle); }
.nt-compat .breadcrumb a:hover { color: var(--primary); }
.nt-compat .breadcrumb li:last-child a { color: var(--navy); font-weight: 600; }
.nt-compat .page-heading, .nt-compat #content h1 { font-size: var(--fs-2xl); font-weight: 800; margin-bottom: 20px; }
.nt-compat #content h2 { font-size: 1.25rem; margin: 28px 0 14px; }
.nt-compat #content h2:first-child, .nt-compat .main_content > h2:first-child { margin-top: 0; }
.nt-compat #content p { margin-bottom: 12px; color: var(--text-2); }
.nt-compat .clear { clear: both; }
.nt-compat .hidden, .nt-compat .d-none { display: none !important; }
.nt-compat .pull-right, .nt-compat .float-right { float: right; }
.nt-compat .pull-left, .nt-compat .float-left { float: left; }
.nt-compat .text-right { text-align: right; }
.nt-compat .text-left { text-align: left; }
.nt-compat .text-danger { color: var(--danger); font-size: 12.5px; font-weight: 600; margin-top: 4px; }
.nt-compat .text-success { color: var(--success); }
.nt-compat .help-block { display: block; margin-top: 6px; font-size: 12.5px; color: var(--muted); }
.nt-compat .mb-2 { margin-bottom: 8px; }
.nt-compat .mt-3 { margin-top: 12px; }

/* Layout: main content + account sidebar */
.nt-compat .container.body, .nt-compat .account_layout { margin-bottom: 24px; }
.nt-compat .bg-gray { background: transparent !important; }
.nt-compat .row { display: flex; flex-wrap: wrap; margin-left: -12px; margin-right: -12px; }
.nt-compat [class*="col-"] { position: relative; width: 100%; min-height: 1px; padding-left: 12px; padding-right: 12px; }
.nt-compat .col-1 { flex: 0 0 8.3333%; max-width: 8.3333%; }
.nt-compat .col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
.nt-compat .col-3 { flex: 0 0 25.0000%; max-width: 25.0000%; }
.nt-compat .col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.nt-compat .col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.nt-compat .col-6 { flex: 0 0 50.0000%; max-width: 50.0000%; }
.nt-compat .col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
.nt-compat .col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
.nt-compat .col-9 { flex: 0 0 75.0000%; max-width: 75.0000%; }
.nt-compat .col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.nt-compat .col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.nt-compat .col-12 { flex: 0 0 100.0000%; max-width: 100.0000%; }
.nt-compat .col-xs-1 { flex: 0 0 8.3333%; max-width: 8.3333%; }
.nt-compat .offset-xs-1, .nt-compat .col-xs-offset-1 { margin-left: 8.3333%; }
.nt-compat .col-xs-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
.nt-compat .offset-xs-2, .nt-compat .col-xs-offset-2 { margin-left: 16.6667%; }
.nt-compat .col-xs-3 { flex: 0 0 25.0000%; max-width: 25.0000%; }
.nt-compat .offset-xs-3, .nt-compat .col-xs-offset-3 { margin-left: 25.0000%; }
.nt-compat .col-xs-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.nt-compat .offset-xs-4, .nt-compat .col-xs-offset-4 { margin-left: 33.3333%; }
.nt-compat .col-xs-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.nt-compat .offset-xs-5, .nt-compat .col-xs-offset-5 { margin-left: 41.6667%; }
.nt-compat .col-xs-6 { flex: 0 0 50.0000%; max-width: 50.0000%; }
.nt-compat .offset-xs-6, .nt-compat .col-xs-offset-6 { margin-left: 50.0000%; }
.nt-compat .col-xs-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
.nt-compat .offset-xs-7, .nt-compat .col-xs-offset-7 { margin-left: 58.3333%; }
.nt-compat .col-xs-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
.nt-compat .offset-xs-8, .nt-compat .col-xs-offset-8 { margin-left: 66.6667%; }
.nt-compat .col-xs-9 { flex: 0 0 75.0000%; max-width: 75.0000%; }
.nt-compat .offset-xs-9, .nt-compat .col-xs-offset-9 { margin-left: 75.0000%; }
.nt-compat .col-xs-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.nt-compat .offset-xs-10, .nt-compat .col-xs-offset-10 { margin-left: 83.3333%; }
.nt-compat .col-xs-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.nt-compat .offset-xs-11, .nt-compat .col-xs-offset-11 { margin-left: 91.6667%; }
.nt-compat .col-xs-12 { flex: 0 0 100.0000%; max-width: 100.0000%; }
.nt-compat .offset-xs-12, .nt-compat .col-xs-offset-12 { margin-left: 100.0000%; }
@media (min-width: 576px) {
.nt-compat .col-sm-1 { flex: 0 0 8.3333%; max-width: 8.3333%; }
.nt-compat .offset-sm-1, .nt-compat .col-sm-offset-1 { margin-left: 8.3333%; }
.nt-compat .col-sm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
.nt-compat .offset-sm-2, .nt-compat .col-sm-offset-2 { margin-left: 16.6667%; }
.nt-compat .col-sm-3 { flex: 0 0 25.0000%; max-width: 25.0000%; }
.nt-compat .offset-sm-3, .nt-compat .col-sm-offset-3 { margin-left: 25.0000%; }
.nt-compat .col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.nt-compat .offset-sm-4, .nt-compat .col-sm-offset-4 { margin-left: 33.3333%; }
.nt-compat .col-sm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.nt-compat .offset-sm-5, .nt-compat .col-sm-offset-5 { margin-left: 41.6667%; }
.nt-compat .col-sm-6 { flex: 0 0 50.0000%; max-width: 50.0000%; }
.nt-compat .offset-sm-6, .nt-compat .col-sm-offset-6 { margin-left: 50.0000%; }
.nt-compat .col-sm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
.nt-compat .offset-sm-7, .nt-compat .col-sm-offset-7 { margin-left: 58.3333%; }
.nt-compat .col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
.nt-compat .offset-sm-8, .nt-compat .col-sm-offset-8 { margin-left: 66.6667%; }
.nt-compat .col-sm-9 { flex: 0 0 75.0000%; max-width: 75.0000%; }
.nt-compat .offset-sm-9, .nt-compat .col-sm-offset-9 { margin-left: 75.0000%; }
.nt-compat .col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.nt-compat .offset-sm-10, .nt-compat .col-sm-offset-10 { margin-left: 83.3333%; }
.nt-compat .col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.nt-compat .offset-sm-11, .nt-compat .col-sm-offset-11 { margin-left: 91.6667%; }
.nt-compat .col-sm-12 { flex: 0 0 100.0000%; max-width: 100.0000%; }
.nt-compat .offset-sm-12, .nt-compat .col-sm-offset-12 { margin-left: 100.0000%; }
}
@media (min-width: 768px) {
.nt-compat .col-md-1 { flex: 0 0 8.3333%; max-width: 8.3333%; }
.nt-compat .offset-md-1, .nt-compat .col-md-offset-1 { margin-left: 8.3333%; }
.nt-compat .col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
.nt-compat .offset-md-2, .nt-compat .col-md-offset-2 { margin-left: 16.6667%; }
.nt-compat .col-md-3 { flex: 0 0 25.0000%; max-width: 25.0000%; }
.nt-compat .offset-md-3, .nt-compat .col-md-offset-3 { margin-left: 25.0000%; }
.nt-compat .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.nt-compat .offset-md-4, .nt-compat .col-md-offset-4 { margin-left: 33.3333%; }
.nt-compat .col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.nt-compat .offset-md-5, .nt-compat .col-md-offset-5 { margin-left: 41.6667%; }
.nt-compat .col-md-6 { flex: 0 0 50.0000%; max-width: 50.0000%; }
.nt-compat .offset-md-6, .nt-compat .col-md-offset-6 { margin-left: 50.0000%; }
.nt-compat .col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
.nt-compat .offset-md-7, .nt-compat .col-md-offset-7 { margin-left: 58.3333%; }
.nt-compat .col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
.nt-compat .offset-md-8, .nt-compat .col-md-offset-8 { margin-left: 66.6667%; }
.nt-compat .col-md-9 { flex: 0 0 75.0000%; max-width: 75.0000%; }
.nt-compat .offset-md-9, .nt-compat .col-md-offset-9 { margin-left: 75.0000%; }
.nt-compat .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.nt-compat .offset-md-10, .nt-compat .col-md-offset-10 { margin-left: 83.3333%; }
.nt-compat .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.nt-compat .offset-md-11, .nt-compat .col-md-offset-11 { margin-left: 91.6667%; }
.nt-compat .col-md-12 { flex: 0 0 100.0000%; max-width: 100.0000%; }
.nt-compat .offset-md-12, .nt-compat .col-md-offset-12 { margin-left: 100.0000%; }
}
@media (min-width: 992px) {
.nt-compat .col-lg-1 { flex: 0 0 8.3333%; max-width: 8.3333%; }
.nt-compat .offset-lg-1, .nt-compat .col-lg-offset-1 { margin-left: 8.3333%; }
.nt-compat .col-lg-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
.nt-compat .offset-lg-2, .nt-compat .col-lg-offset-2 { margin-left: 16.6667%; }
.nt-compat .col-lg-3 { flex: 0 0 25.0000%; max-width: 25.0000%; }
.nt-compat .offset-lg-3, .nt-compat .col-lg-offset-3 { margin-left: 25.0000%; }
.nt-compat .col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.nt-compat .offset-lg-4, .nt-compat .col-lg-offset-4 { margin-left: 33.3333%; }
.nt-compat .col-lg-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.nt-compat .offset-lg-5, .nt-compat .col-lg-offset-5 { margin-left: 41.6667%; }
.nt-compat .col-lg-6 { flex: 0 0 50.0000%; max-width: 50.0000%; }
.nt-compat .offset-lg-6, .nt-compat .col-lg-offset-6 { margin-left: 50.0000%; }
.nt-compat .col-lg-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
.nt-compat .offset-lg-7, .nt-compat .col-lg-offset-7 { margin-left: 58.3333%; }
.nt-compat .col-lg-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
.nt-compat .offset-lg-8, .nt-compat .col-lg-offset-8 { margin-left: 66.6667%; }
.nt-compat .col-lg-9 { flex: 0 0 75.0000%; max-width: 75.0000%; }
.nt-compat .offset-lg-9, .nt-compat .col-lg-offset-9 { margin-left: 75.0000%; }
.nt-compat .col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.nt-compat .offset-lg-10, .nt-compat .col-lg-offset-10 { margin-left: 83.3333%; }
.nt-compat .col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.nt-compat .offset-lg-11, .nt-compat .col-lg-offset-11 { margin-left: 91.6667%; }
.nt-compat .col-lg-12 { flex: 0 0 100.0000%; max-width: 100.0000%; }
.nt-compat .offset-lg-12, .nt-compat .col-lg-offset-12 { margin-left: 100.0000%; }
}
@media (min-width: 1200px) {
.nt-compat .col-xl-1 { flex: 0 0 8.3333%; max-width: 8.3333%; }
.nt-compat .offset-xl-1, .nt-compat .col-xl-offset-1 { margin-left: 8.3333%; }
.nt-compat .col-xl-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
.nt-compat .offset-xl-2, .nt-compat .col-xl-offset-2 { margin-left: 16.6667%; }
.nt-compat .col-xl-3 { flex: 0 0 25.0000%; max-width: 25.0000%; }
.nt-compat .offset-xl-3, .nt-compat .col-xl-offset-3 { margin-left: 25.0000%; }
.nt-compat .col-xl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.nt-compat .offset-xl-4, .nt-compat .col-xl-offset-4 { margin-left: 33.3333%; }
.nt-compat .col-xl-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.nt-compat .offset-xl-5, .nt-compat .col-xl-offset-5 { margin-left: 41.6667%; }
.nt-compat .col-xl-6 { flex: 0 0 50.0000%; max-width: 50.0000%; }
.nt-compat .offset-xl-6, .nt-compat .col-xl-offset-6 { margin-left: 50.0000%; }
.nt-compat .col-xl-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
.nt-compat .offset-xl-7, .nt-compat .col-xl-offset-7 { margin-left: 58.3333%; }
.nt-compat .col-xl-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
.nt-compat .offset-xl-8, .nt-compat .col-xl-offset-8 { margin-left: 66.6667%; }
.nt-compat .col-xl-9 { flex: 0 0 75.0000%; max-width: 75.0000%; }
.nt-compat .offset-xl-9, .nt-compat .col-xl-offset-9 { margin-left: 75.0000%; }
.nt-compat .col-xl-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.nt-compat .offset-xl-10, .nt-compat .col-xl-offset-10 { margin-left: 83.3333%; }
.nt-compat .col-xl-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.nt-compat .offset-xl-11, .nt-compat .col-xl-offset-11 { margin-left: 91.6667%; }
.nt-compat .col-xl-12 { flex: 0 0 100.0000%; max-width: 100.0000%; }
.nt-compat .offset-xl-12, .nt-compat .col-xl-offset-12 { margin-left: 100.0000%; }
}

.nt-compat #content > .main_content, .nt-compat .main_content { padding: 28px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.nt-compat .list-group { display: flex; flex-direction: column; padding: 8px; background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); margin-bottom: 20px; }
.nt-compat .list-group-item { display: block; padding: 10px 14px; font-size: var(--fs-sm); font-weight: 600; color: var(--text-2); border-radius: 8px; transition: background .2s, color .2s; }
.nt-compat .list-group-item:hover, .nt-compat .list-group-item.active { background: var(--primary-50); color: var(--primary); }
.nt-compat .lc-close { display: none; }
.nt-compat .list-unstyled { list-style: none; padding: 0; margin: 0 0 8px; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.nt-compat .list-unstyled li a { display: flex; align-items: center; gap: 10px; padding: 14px 16px; font-weight: 600; font-size: var(--fs-sm); color: var(--navy); border: 1px solid var(--border); border-radius: var(--radius); transition: .2s; }
.nt-compat .list-unstyled li a::before { content: "\f105"; font: var(--fa-font-solid); color: var(--primary); }
.nt-compat .list-unstyled li a:hover { border-color: var(--primary); background: var(--primary-50); color: var(--primary); }

/* Forms */
.nt-compat fieldset { border: 0; padding: 0; margin: 0 0 20px; min-width: 0; }
.nt-compat legend { display: block; width: 100%; margin-bottom: 16px; padding-bottom: 10px; font-size: 1.05rem; font-weight: 700; color: var(--navy); border-bottom: 1px solid var(--border); }
.nt-compat .form-group { margin-bottom: 16px; }
.nt-compat .form-group.row { margin-left: -12px; margin-right: -12px; }
.nt-compat .control-label, .nt-compat #content label:not(.radio-inline):not(.checkbox-inline):not(.check) { display: block; margin-bottom: 6px; font-size: var(--fs-sm); font-weight: 600; color: var(--text-2); }
.nt-compat .required > .control-label::after, .nt-compat .required > [class*="col-"] > .control-label::after { content: " *"; color: var(--danger); }
.nt-compat .form-control, .nt-compat #content select, .nt-compat #content textarea, .nt-compat #content input[type=text], .nt-compat #content input[type=email], .nt-compat #content input[type=password], .nt-compat #content input[type=tel], .nt-compat #content input[type=date] {
  display: block; width: 100%; min-height: 46px; padding: 11px 14px; font-size: var(--fs-sm); color: var(--text); background: var(--surface); border: 1.5px solid var(--border); border-radius: var(--radius-sm); transition: border-color .2s, box-shadow .2s; }
.nt-compat #content textarea { min-height: 120px; }
.nt-compat .form-control:focus, .nt-compat #content select:focus, .nt-compat #content textarea:focus, .nt-compat #content input:focus { outline: none; border-color: var(--primary); box-shadow: var(--ring); }
.nt-compat .has-error .form-control { border-color: var(--danger); }
.nt-compat .radio, .nt-compat .checkbox { margin-bottom: 8px; }
.nt-compat .radio-inline, .nt-compat .checkbox-inline, .nt-compat .radio label, .nt-compat .checkbox label { display: inline-flex !important; align-items: center; gap: 8px; margin-right: 16px; font-size: var(--fs-sm); color: var(--text-2); cursor: pointer; }
.nt-compat input[type=radio], .nt-compat input[type=checkbox] { width: 18px; height: 18px; accent-color: var(--primary); }
.nt-compat .input-group { display: flex; gap: 8px; }
.nt-compat .input-group .form-control { flex: 1; }
.nt-compat .input-group-btn { display: flex; }

/* Buttons */
.nt-compat .btn, .nt-compat #content input[type=submit], .nt-compat #content input[type=button] {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 20px; font-size: var(--fs-sm); font-weight: 700; line-height: 1.2; color: var(--navy); background: var(--surface); border: 1.5px solid var(--border-strong); border-radius: var(--radius-sm); cursor: pointer; transition: .2s; }
.nt-compat .btn:hover { border-color: var(--navy); }
.nt-compat .btn-primary, .nt-compat #content input.btn-primary { background: var(--primary); border-color: var(--primary); color: #fff; }
.nt-compat .btn-primary:hover { background: var(--primary-600); border-color: var(--primary-600); }
.nt-compat .btn-danger { background: var(--danger-50); border-color: #F7C6C6; color: var(--danger); }
.nt-compat .btn-info, .nt-compat .btn-success { background: var(--success); border-color: var(--success); color: #fff; }
.nt-compat .btn-sm, .nt-compat .btn-xs { min-height: 34px; padding: 6px 12px; font-size: 12.5px; }
.nt-compat .buttons { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; clear: both; margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--border); }
.nt-compat .buttons .pull-right, .nt-compat .buttons .pull-left { float: none; display: flex; align-items: center; gap: 10px; }

/* Tables */
.nt-compat .table-responsive { overflow-x: auto; margin-bottom: 20px; border: 1px solid var(--border); border-radius: var(--radius); }
.nt-compat .table { width: 100%; margin-bottom: 0; border-collapse: collapse; font-size: var(--fs-sm); background: var(--surface); }
.nt-compat .table > thead > tr > td, .nt-compat .table > thead > tr > th { padding: 12px 14px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); background: var(--bg); border-bottom: 1px solid var(--border); text-align: left; }
.nt-compat .table td, .nt-compat .table th { padding: 12px 14px; border-bottom: 1px solid var(--border); vertical-align: middle; }
.nt-compat .table tbody tr:last-child td { border-bottom: 0; }
.nt-compat .table-hover tbody tr:hover { background: var(--bg-soft); }
.nt-compat .table img, .nt-compat .img-thumbnail { max-width: 64px; border-radius: 8px; background: var(--surface-muted); padding: 4px; }

/* Alerts & misc */
.nt-compat .alert-container:empty { display: none; }
.nt-compat .alert { display: flex; align-items: center; gap: 10px; margin: 0 0 20px; padding: 12px 16px; border-radius: var(--radius); font-size: var(--fs-sm); font-weight: 600; }
.nt-compat .alert .close { margin-left: auto; font-size: 1.2rem; background: none; border: 0; cursor: pointer; color: inherit; }
.nt-compat .alert-success { background: var(--success-50); color: #137A3A; }
.nt-compat .alert-danger, .nt-compat .alert-warning { background: var(--danger-50); color: var(--danger); }
.nt-compat .alert-info { background: var(--primary-50); color: var(--primary); }
.nt-compat .well { padding: 20px; margin-bottom: 20px; background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.nt-compat .pagination { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 20px 0 0; }
.nt-compat .pagination li a, .nt-compat .pagination li span { display: grid; place-items: center; min-width: 40px; height: 40px; padding: 0 10px; font-weight: 700; font-size: var(--fs-sm); border: 1px solid var(--border); border-radius: 10px; background: #fff; }
.nt-compat .pagination li.active span { background: var(--primary); border-color: var(--primary); color: #fff; }

/* Font Awesome 4 class names used by old templates -> FA6 glyphs */
.nt-compat .fa { font-family: 'Font Awesome 6 Free'; font-weight: 900; font-style: normal; }
.nt-compat .fa-check-circle::before { content: "\f058"; }
.nt-compat .fa-exclamation-circle::before { content: "\f06a"; }
.nt-compat .fa-times::before, .nt-compat .fa-times-circle::before { content: "\f00d"; }
.nt-compat .fa-pencil::before { content: "\f303"; }
.nt-compat .fa-eye::before { content: "\f06e"; }
.nt-compat .fa-shopping-cart::before { content: "\f07a"; }
.nt-compat .fa-reply::before { content: "\f3e5"; }
.nt-compat .fa-circle-o-notch::before { content: "\f1ce"; }
.nt-compat .fa-trash::before, .nt-compat .fa-trash-o::before { content: "\f1f8"; }

@media (max-width: 767px) {
  .nt-compat #content > .main_content, .nt-compat .main_content { padding: 20px; }
  .nt-compat .pull-right, .nt-compat .pull-left { float: none; }
  .nt-compat .table-responsive .table { min-width: 560px; }
}

/* Guards: theme chrome must not pick up compat form styles (some old templates leave #content unclosed) */
.nt-compat .after-header:empty { display: none; }
.nt-compat .footer .newsletter-form input[type=email] { display: block; flex: 1; min-width: 0; min-height: 0; width: auto; padding: 0 12px; border: 0; background: transparent; color: #fff; box-shadow: none; }
.nt-compat .footer .newsletter-form .btn { min-height: 44px; background: var(--accent); border-color: var(--accent); color: #fff; }
@media (max-width: 560px) { .nt-compat .footer .newsletter-form input[type=email] { min-height: 48px; border-radius: 10px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); } }