/* ==========================================================
   RELENTNET PREMIUM LIGHT OBJECT STYLE
   WHMCS Twenty-One
   Accent: #BE6E92
   Safe: no global text color overrides
   ========================================================== */

:root{
  --rn-primary:#BE6E92;

  --rn-bg:#f5f5f7;
  --rn-surface:#ffffff;
  --rn-surface-2:#f7f7fb;

  --rn-border:rgba(20,20,24,.10);
  --rn-border-2:rgba(20,20,24,.14);

  --rn-shadow-soft:0 10px 30px rgba(0,0,0,.08);
  --rn-shadow-hard:0 20px 60px rgba(0,0,0,.12);

  --rn-radius:20px;
  --rn-radius-sm:14px;
  --rn-radius-pill:999px;
}

/* ==========================================================
   GLOBAL PAGE BACKGROUND (Safe)
   Only sets background, not text color
   ========================================================== */

html, body, body.primary-bg-color{
  background: var(--rn-bg) !important;
}

/* ==========================================================
   MAIN BODY SPACING ONLY
   ========================================================== */

#main-body{
  background: transparent !important;
  padding-top: 26px;
  padding-bottom: 80px;
}

/* ==========================================================
   LINKS (safe to brand)
   ========================================================== */

a{
  color: var(--rn-primary) !important;
}
a:hover{
  color: rgba(190,110,146,.85) !important;
  text-decoration: none !important;
}

/* ==========================================================
   BREADCRUMB (premium but safe)
   ========================================================== */

.master-breadcrumb{
  background: rgba(255,255,255,.78) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
}

.master-breadcrumb .breadcrumb{
  background: transparent !important;
  margin-bottom: 0 !important;
  padding: 12px 0 !important;
}

/* ==========================================================
   PREMIUM OBJECTS: Cards / Panels / Modals / Lists
   ========================================================== */

.card,
.panel,
.well,
.modal-content,
.list-group{
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: var(--rn-radius) !important;
  box-shadow: var(--rn-shadow-soft) !important;
}

/* Headers inside objects */
.card-header,
.panel-heading{
  background: rgba(255,255,255,.70) !important;
  border-bottom: 1px solid rgba(0,0,0,.06) !important;
  border-top-left-radius: var(--rn-radius) !important;
  border-top-right-radius: var(--rn-radius) !important;
}

/* List items */
.list-group-item{
  background: transparent !important;
  border-color: rgba(0,0,0,.06) !important;
}

/* ==========================================================
   TABLES (safe)
   ========================================================== */

.table th{
  border-color: rgba(0,0,0,.10) !important;
}

.table td{
  border-color: rgba(0,0,0,.08) !important;
}

.table-striped tbody tr:nth-of-type(odd){
  background: rgba(0,0,0,.02) !important;
}

.table-hover tbody tr:hover{
  background: rgba(190,110,146,.05) !important;
}

/* ==========================================================
   FORMS (premium inputs, no text override)
   ========================================================== */

input.form-control,
textarea.form-control,
select.form-control{
  background: rgba(255,255,255,.95) !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: var(--rn-radius-sm) !important;
  box-shadow: none !important;
  padding: 12px 14px !important;
}

/* Focus styles only */
input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus{
  border-color: rgba(190,110,146,.60) !important;
  box-shadow: 0 0 0 4px rgba(190,110,146,.18) !important;
}

/* ==========================================================
   BUTTONS (brand + premium)
   Safe: doesn't force text colors except button text
   ========================================================== */

.btn{
  border-radius: var(--rn-radius-pill) !important;
  font-weight: 900 !important;
  padding: 10px 18px !important;
}

.btn-primary{
  background: var(--rn-primary) !important;
  border-color: var(--rn-primary) !important;
  color: #fff !important;
}

.btn-outline-primary{
  border-color: rgba(190,110,146,.55) !important;
  color: var(--rn-primary) !important;
  background: transparent !important;
}

.btn-outline-primary:hover{
  background: rgba(190,110,146,.14) !important;
}

/* ==========================================================
   HOMEPAGE DOMAIN SEARCH OBJECT STYLING
   Safe: does not override global text colors
   ========================================================== */

.home-domain-search{
  background: transparent !important;
  padding: 48px 0 !important;
}

/* Premium wrapper pill */
.home-domain-search .input-group-wrapper{
  margin: 15px auto !important;
  padding: 10px !important;
  max-width: 980px !important;
  background: rgba(255,255,255,.86) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 35px rgba(0,0,0,.10) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

/* Input in pill */
.home-domain-search .input-group-wrapper .form-control{
  background: transparent !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 14px 18px !important;
  box-shadow: none !important;
}

/* Buttons in pill */
.home-domain-search .input-group-wrapper .btn{
  border-radius: 999px !important;
  font-weight: 900 !important;
  padding: 10px 18px !important;
}