/* ===============================
   Crescitaly Modern Overlay for Bootstrap v3.3.7
   Do NOT edit bootstrap.css – override here.
   =============================== */

/* Brand tokens */
:root{
  --brand:#16C784;         /* Crescitaly green */
  --brand-ink:#fff;
  --brand-50:#E9FFF6;
  --brand-200:#BFF2DD;

  --text:#0F172A;
  --muted:#64748B;
  --line:#E2E8F0;
  --surface:#fff;
  --bg:#F8FAFC;

  --success:#16A34A;
  --warning:#EAB308;
  --danger:#DC2626;

  --radius:14px;
  --shadow-sm:0 1px 2px rgba(2,6,23,.04), 0 8px 24px rgba(2,6,23,.06);
  --shadow-lg:0 8px 28px rgba(2,6,23,.10);
  --ring:0 0 0 4px rgba(22,199,132,.18);
}

/* Base reset / typography */
html,body{ height:100%; }
body{
  background:var(--bg);
  color:var(--text);
  font-family: Inter, system-ui, -apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}

/* Kill legacy gradients / shadows that scream 2016 */
.navbar-default,
.navbar-inverse,
.btn,
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  background-image:none !important;
  filter:none !important;
  text-shadow:none !important;
  box-shadow:none;
  border-image:none;
}

/* Links */
a{ color:var(--brand); text-decoration:none; }
a:hover{ text-decoration:underline; }

/* Navbar */
.navbar{
  border:1px solid var(--line);
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:saturate(180%) blur(8px);
  box-shadow:var(--shadow-sm);
}
.navbar-default{ border-color:var(--line) !important; }
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-brand{ color:var(--text) !important; }
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-brand:hover{ background:transparent; color:var(--text) !important; }

/* Brand logo sizing */
.navbar-brand{ line-height:50px; padding:0 15px; }
.navbar-brand img{ max-height:36px !important; }

/* Buttons */
.btn{
  border-radius:9999px;
  padding:10px 16px;
  font-weight:700;
  border:1px solid transparent;
  transition:filter .18s ease, box-shadow .18s ease, transform .18s ease;
}
.btn:focus{ outline:0; box-shadow:var(--ring); }

.btn-primary{
  background:var(--brand) !important;
  border-color:var(--brand) !important;
  color:var(--brand-ink) !important;
}
.btn-primary:hover{ filter:brightness(.97); }

.btn-default{
  background:#fff !important;
  border-color:rgba(2,6,23,.08) !important;
  color:var(--text) !important;
}
.btn-default:hover{ background:#F8FAFC !important; }

.btn-outline-primary{
  background:#fff !important;
  border-color:rgba(22,199,132,.35) !important;
  color:var(--brand) !important;
}
.btn-outline-primary:hover{ background:rgba(22,199,132,.08) !important; }

/* Cards: replace .well and .panel with clean surfaces */
.well, .panel, .card{
  background:var(--surface) !important;
  border:1px solid var(--line) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow-sm) !important;
}
.panel-heading, .panel-footer{
  background:#fff !important;
  border-color:var(--line) !important;
}

/* Tables */
.table{
  background:#fff;
  border-color:var(--line) !important;
}
.table>thead>tr>th{
  color:var(--text);
  font-weight:700;
  border-bottom:1px solid #CBD5E1 !important;
}
.table-hover>tbody>tr:hover{ background:#F8FAFC !important; }
.table>tbody>tr>td, .table>tbody>tr>th{ vertical-align:middle; }

/* Forms */
.form-control{
  height:auto;
  min-height:44px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid var(--line);
  background:#fff;
  color:var(--text);
  box-shadow:none;
}
.form-control:focus{
  border-color:var(--brand-200);
  box-shadow:var(--ring);
}
.input-group-addon{
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  color:var(--muted);
}

/* Pills / Badges */
.nav-pills>li>a{
  border-radius:9999px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
  background:var(--brand) !important;
}
.badge{
  border-radius:9999px;
  font-weight:700;
  background:var(--brand);
}
.badge-soft{
  color:#0f172a; background:#F8FAFC; border:1px solid #E2E8F0; border-radius:9999px; padding:4px 8px;
}
.badge-brand{
  color:var(--brand); background:var(--brand-50); border:1px solid var(--brand-200); border-radius:9999px; padding:4px 8px;
}

/* Alerts (subtle) */
.alert{
  border-radius:12px;
  border:1px solid var(--line);
}
.alert-success{ background:rgba(22,163,74,.08); color:#166534; border-color:rgba(22,163,74,.18); }
.alert-danger{ background:rgba(220,38,38,.08); color:#991B1B; border-color:rgba(220,38,38,.18); }
.alert-info{ background:rgba(2,132,199,.08); color:#075985; border-color:rgba(2,132,199,.18); }

/* Utility classes used in new templates */
.cp-card{
  background:var(--surface); border:1px solid var(--line);
  border-radius:var(--radius); padding:1.1rem; box-shadow:var(--shadow-sm);
}
.cp-card:hover{ box-shadow:var(--shadow-lg); transform:translateY(-1px); transition:all .18s ease; }
.cp-sticky{ position:sticky; top:90px; }
.cp-mono{ font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.cp-price{ color:var(--success); font-weight:800; letter-spacing:-0.02em; }

/* Search input in new-order header */
#new-order-search .input-wrapper input.form-control{
  padding-left:36px;
}

/* Link truncation helper */
.text-truncate{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* Fix PP RTL keeps */
.rtl-alert{text-align:right;direction:rtl;}
.rtl-table{direction:rtl;}
.rtl-form{direction:rtl;}
/* --- Signin polish --- */
.mb-10{ margin-bottom:10px; }
.mb-15{ margin-bottom:15px; }
.mb-20{ margin-bottom:20px; }
.mt-15{ margin-top:15px; }
.w-100-xs{ width:100%; }
@media (min-width:768px){ .w-100-xs{ width:auto; } }

/* Proper password toggle without ugly addon */
.cp-field{ position:relative; }
.cp-field .form-control{ padding-right:44px; }
.cp-eye{
  position:absolute; top:50%; right:10px; transform:translateY(-50%);
  height:36px; width:36px; border:1px solid var(--line); border-radius:9999px;
  background:#fff; color:#0f172a; display:flex; align-items:center; justify-content:center;
}
.cp-eye:hover{ background:#F1F5F9; }

/* Make the primary button solid brand, no gradient leftovers */
.btn-primary{ background:var(--brand) !important; border-color:var(--brand) !important; color:#fff !important; }

/* reCAPTCHA spacing; scales nicer on mobile */
.g-recaptcha-wrap{ transform-origin:left top; }
@media (max-width:420px){ .g-recaptcha-wrap{ transform:scale(.9); } }

/* Card look for the auth box */
.card{
  background:#fff !important; border:1px solid var(--line) !important;
  border-radius:14px !important; box-shadow:var(--shadow-sm) !important;
}