/* ==========================================================
   BIG DADDY DEVELOPS - MASTER WEBSITE STYLESHEET
   Shared visual source of truth for the public website.
   v1.1 migration intentionally preserves existing page CSS.
   ========================================================== */

:root {
  --bd-red: #e1121b;
  --bd-red-bright: #ff2530;
  --bd-red-deep: #7d090f;
  --bd-black: #050608;
  --bd-panel: #0d1118;
  --bd-panel-2: #121722;
  --bd-silver: #e7e9ed;
  --bd-muted: #969daa;
  --bd-border: #303642;
  --bd-radius-control: 8px;
  --bd-radius-card: 12px;
  --bd-radius-hero: 18px;
  --bd-shadow-red-soft: 0 0 18px rgba(225,18,27,.12);
  --bd-surface: linear-gradient(145deg,#111722,#0b0f16);
  --bd-page-background: radial-gradient(circle at 75% 0%,rgba(130,0,10,.13),transparent 32%),#050608;
}

/* Shared helpers - legacy page rules remain authoritative for now. */
.bd-surface { background: var(--bd-surface); border: 1px solid var(--bd-border); }
.bd-muted { color: var(--bd-muted); }
.bd-red { color: var(--bd-red-bright); }
.bd-primary {
  background: linear-gradient(180deg,#f01b25,#b70c14);
  color: #fff;
  border: 1px solid #ff3640;
  border-radius: var(--bd-radius-control);
  box-shadow: 0 0 14px rgba(225,18,27,.16);
}

/* BD_SHARED_STYLESHEET_V1_1 */











/* BD_DIRECT_SIDEBAR_V1_6_1_START */
.bd-sidebar-v161{position:fixed;left:0;top:0;bottom:0;width:230px;z-index:99999;box-sizing:border-box;padding:28px 20px;background:linear-gradient(180deg,#07090d 0%,#090b10 100%);border-right:1px solid #2b3039;display:flex;flex-direction:column}
.bd-sidebar-v161 .bd-logo{display:block;color:#f3f4f6!important;text-decoration:none!important;font-size:22px;font-weight:900;letter-spacing:-.7px;white-space:nowrap}
.bd-sidebar-v161 .bd-logo span{color:#ff2530!important}
.bd-sidebar-v161 .bd-sub{margin-top:7px;color:#68758a;font-size:9px;letter-spacing:2px;font-weight:700}
.bd-sidebar-v161 .bd-links{display:grid;gap:8px;margin-top:38px}
.bd-sidebar-v161 .bd-links a{display:block;padding:13px 12px;border:1px solid transparent;border-radius:8px;color:#8794a8!important;text-decoration:none!important;font-weight:700}
.bd-sidebar-v161 .bd-links a:hover,.bd-sidebar-v161 .bd-links a.active{color:#fff!important;border-color:#6f161c!important;background:linear-gradient(90deg,rgba(225,18,27,.16),rgba(255,255,255,.025))!important}
.bd-sidebar-v161 .bd-links a.active{box-shadow:inset 3px 0 0 #ff2530}
.bd-sidebar-v161 .bd-actions{margin-top:auto;display:grid;gap:9px}
.bd-sidebar-v161 .bd-actions a{display:block;text-align:center;padding:11px 13px;border-radius:8px;text-decoration:none!important;font-weight:800}
.bd-sidebar-v161 .bd-login{color:#e7e9ed!important;background:#111722;border:1px solid #303642}
.bd-sidebar-v161 .bd-start{color:#fff!important;background:linear-gradient(180deg,#f01b25,#b70c14);border:1px solid #ff3640;box-shadow:0 0 14px rgba(225,18,27,.16)}
body.bd-sidebar-v161-on{padding-left:230px!important;box-sizing:border-box!important}
body.bd-sidebar-v161-on > nav:first-of-type{display:none!important}
@media(max-width:850px){.bd-sidebar-v161{position:relative;width:100%;height:auto;padding:16px 18px;border-right:0;border-bottom:1px solid #2b3039}.bd-sidebar-v161 .bd-sub{display:none}.bd-sidebar-v161 .bd-links{margin-top:14px;display:flex;gap:6px;overflow-x:auto}.bd-sidebar-v161 .bd-links a{white-space:nowrap;padding:9px 10px;font-size:13px}.bd-sidebar-v161 .bd-actions{margin-top:12px;display:flex;gap:8px}.bd-sidebar-v161 .bd-actions a{flex:1;padding:9px 10px}body.bd-sidebar-v161-on{padding-left:0!important}}
/* BD_DIRECT_SIDEBAR_V1_6_1_END */



/* BD_EXACT_BDHOST_V1_7_0_START */
.bd-sidebar-v161{
  width:230px!important;
  padding:28px 20px!important;
  font-family:Arial,sans-serif!important;
}
body.bd-sidebar-v161-on{padding-left:230px!important}
.bd-sidebar-v161 .bd-logo{
  font-family:Arial,sans-serif!important;
  font-size:28px!important;
  font-weight:900!important;
  letter-spacing:-2px!important;
  line-height:normal!important;
  white-space:nowrap!important;
}
.bd-sidebar-v161 .bd-logo span{
  font-family:Arial,sans-serif!important;
  font-size:inherit!important;
  font-weight:900!important;
  letter-spacing:inherit!important;
}
.bd-sidebar-v161 .bd-sub{
  color:#68758a!important;
  font-family:Arial,sans-serif!important;
  font-size:9px!important;
  font-weight:400!important;
  letter-spacing:2px!important;
  line-height:normal!important;
}
.bd-sidebar-v161 .bd-links{
  margin-top:38px!important;
  display:grid!important;
  gap:8px!important;
}
.bd-sidebar-v161 .bd-links a{
  font-family:Arial,sans-serif!important;
  font-size:13.3333px!important;
  font-weight:700!important;
  letter-spacing:normal!important;
  line-height:normal!important;
  text-align:left!important;
  padding:13px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#8794a8!important;
  box-shadow:none!important;
}
.bd-sidebar-v161 .bd-links a:hover{
  background:#171219!important;
  color:#fff!important;
}
.bd-sidebar-v161 .bd-links a.active{
  background:linear-gradient(90deg,rgba(225,18,27,.14),#151116)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 #ff2530!important;
  border:0!important;
  border-radius:8px!important;
}
.bd-sidebar-v161 .bd-actions a{
  font-family:Arial,sans-serif!important;
  font-size:13.3333px!important;
  font-weight:700!important;
  letter-spacing:normal!important;
}
@media(max-width:850px){
  body.bd-sidebar-v161-on{padding-left:0!important}
}
/* BD_EXACT_BDHOST_V1_7_0_END */
/* BD_MENU_SYMBOLS_V1_7_1_START */
.bd-sidebar-v161 .bd-sub{
  margin-top:5px!important;
}
.bd-sidebar-v161 .bd-links a{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
.bd-sidebar-v161 .bd-menu-symbol{
  display:inline-block!important;
  width:10px!important;
  flex:0 0 10px!important;
  font-family:Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;
  color:inherit!important;
  text-align:center!important;
}
/* BD_MENU_SYMBOLS_V1_7_1_END */
/* BD_CSS_DIAMONDS_V1_7_2_START */
.bd-sidebar-v161 .bd-menu-symbol{
  position:relative!important;
  display:inline-block!important;
  width:10px!important;
  height:10px!important;
  flex:0 0 10px!important;
  font-size:0!important;
  line-height:0!important;
}
.bd-sidebar-v161 .bd-menu-symbol::before{
  content:""!important;
  position:absolute!important;
  left:2px!important;
  top:2px!important;
  width:5px!important;
  height:5px!important;
  border:1px solid currentColor!important;
  transform:rotate(45deg)!important;
  box-sizing:border-box!important;
}
/* BD_CSS_DIAMONDS_V1_7_2_END */
/* BD_MOBILE_MENU_V1_7_7_START */
/* Real clickable mobile menu button - works with /bd-mobile-menu.js */
.bd-mobile-menu-toggle{display:none}

@media(max-width:850px){
  body.bd-sidebar-v161-on{padding-left:0!important}

  .bd-sidebar-v161{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:auto!important;
    min-height:76px!important;
    padding:14px 72px 14px 18px!important;
    border-right:0!important;
    border-bottom:1px solid #2b3039!important;
    display:block!important;
    box-sizing:border-box!important;
  }

  .bd-sidebar-v161 .bd-logo{
    display:block!important;
    font-size:22px!important;
    line-height:1.05!important;
    width:max-content!important;
  }

  .bd-sidebar-v161 .bd-sub{
    display:block!important;
    margin-top:5px!important;
    color:#68758a!important;
    font-family:Arial,sans-serif!important;
    font-size:9px!important;
    font-weight:400!important;
    letter-spacing:2px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }

  /* Disable the old fake CSS hamburger. */
  .bd-sidebar-v161::after{
    content:none!important;
    display:none!important;
  }

  /* This is the REAL button created by bd-mobile-menu.js. */
  .bd-sidebar-v161 .bd-mobile-menu-toggle{
    display:flex!important;
    position:absolute!important;
    top:18px!important;
    right:18px!important;
    z-index:100001!important;
    width:42px!important;
    height:38px!important;
    padding:0!important;
    margin:0!important;
    align-items:center!important;
    justify-content:center!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    border:1px solid #303642!important;
    border-radius:8px!important;
    background:#111722!important;
    color:#e7e9ed!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
    pointer-events:auto!important;
    font:700 0/1 Arial,sans-serif!important;
  }

  .bd-sidebar-v161 .bd-mobile-menu-toggle::before{
    content:"☰"!important;
    display:block!important;
    font:700 23px/1 Arial,sans-serif!important;
    color:#e7e9ed!important;
  }

  .bd-sidebar-v161.bd-mobile-open .bd-mobile-menu-toggle::before{
    content:"×"!important;
    font-size:28px!important;
  }

  .bd-sidebar-v161 .bd-links,
  .bd-sidebar-v161 .bd-actions{
    display:none!important;
  }

  .bd-sidebar-v161.bd-mobile-open .bd-links{
    display:grid!important;
    margin-top:18px!important;
    gap:6px!important;
    overflow:visible!important;
  }

  .bd-sidebar-v161.bd-mobile-open .bd-actions{
    display:grid!important;
    margin-top:12px!important;
    gap:8px!important;
  }

  .bd-sidebar-v161 .bd-links a,
  .bd-sidebar-v161 .bd-actions a{
    width:100%!important;
    box-sizing:border-box!important;
  }

  .bd-sidebar-v161 .bd-links a{
    padding:12px 13px!important;
    white-space:normal!important;
  }
}
/* BD_MOBILE_MENU_V1_7_7_END */

/* BD_HOME_PRICING_EXPERIMENT_V1_7_6_START */
/* Home: remove ONLY the large hero container panel */
body.bd-home-open-hero main > .wrap:first-child > .hero{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
/* Keep Bot Server panel */
body.bd-home-open-hero .hero .heroPanel{
  background:linear-gradient(145deg,#111722,#0b0f16)!important;
  border:1px solid #303642!important;
  box-shadow:inset 0 0 55px rgba(180,0,12,.055)!important;
}
/* Pricing: full available width to the right of sidebar */
@media(min-width:851px){
  body.bd-pricing-full-width main > .wrap,
  body.bd-pricing-full-width main section > .wrap{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}
/* BD_HOME_PRICING_EXPERIMENT_V1_7_6_END */

/* BD_HOME_PRICING_APPROVED_V1_7_7_START */
/* Approved Home direction: hero content sits directly on site background. */
body.bd-home-open-hero main > .wrap:first-child > .hero{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
/* Bot Server remains a standalone Hosting-style card. */
body.bd-home-open-hero .hero .heroPanel{
  background:linear-gradient(145deg,#111722,#0b0f16)!important;
  border:1px solid #303642!important;
  box-shadow:inset 0 0 55px rgba(180,0,12,.055)!important;
}

/* Approved Pricing direction: use full available width beside desktop sidebar. */
@media(min-width:851px){
  body.bd-pricing-full-width main > .wrap,
  body.bd-pricing-full-width main section > .wrap{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* Free-plan condition: intentionally quiet, but visible before the price. */
/* BD_HOME_PRICING_APPROVED_V1_7_7_END */

/* BD_PRICING_FOOTER_CLEANUP_V1_8_0_START */
/* BD_PRICING_FOOTER_CLEANUP_V1_8_0_END */

/* BD_WITH_ADS_SPACING_V1_8_1_START */
/* Approved FREE-card spacing: clearly separate the ad condition from FREE. */
/* BD_WITH_ADS_SPACING_V1_8_1_END */

/* BD_VISUAL_LINK_FIX_V1_8_2_START */

/* 1. Discord Hosting: remove the large grey hero box, keep the right feature card. */
body.bd-discord-open-hero main > .wrap:first-child > .hero,
body.bd-discord-open-hero main .hero:first-of-type{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
body.bd-discord-open-hero .hero .heroPanel,
body.bd-discord-open-hero .hero .feature,
body.bd-discord-open-hero .hero .panel{
  background:linear-gradient(145deg,#111722,#0b0f16)!important;
  border:1px solid #303642!important;
}

/* 2. Give desktop content a clear gutter after the 230px sidebar. */
@media(min-width:851px){
  body.bd-sidebar-v161-on main{
    margin-left:230px!important;
    padding-left:24px!important;
    padding-right:24px!important;
    box-sizing:border-box!important;
  }
  body.bd-sidebar-v161-on main > .wrap,
  body.bd-sidebar-v161-on main section > .wrap{
    max-width:none!important;
  }
}

/* 3. FREE card: force the condition into a clearly separated subtitle row. */
/* BD_VISUAL_LINK_FIX_V1_8_2_END */

/* BD_PRICING_LAYOUT_FINAL_V1_8_3_START */

/* Canonical desktop public-site geometry: 230px sidebar + 20px content gutter. */
@media(min-width:851px){
  .bd-sidebar-v161{
    width:230px!important;
  }
  body.bd-sidebar-v161-on{
    padding-left:230px!important;
  }
  body.bd-sidebar-v161-on main{
    margin-left:0!important;
    padding-left:20px!important;
    padding-right:20px!important;
    box-sizing:border-box!important;
  }
  body.bd-sidebar-v161-on main > .wrap,
  body.bd-sidebar-v161-on main section > .wrap{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

/* FREE card condition: a modest 20px gap below FREE, not a large displacement. */
/* BD_PRICING_LAYOUT_FINAL_V1_8_3_END */

/* BD_WITH_ADS_FINAL_V1_8_4_START */
/* BD_WITH_ADS_FINAL_V1_8_4_END */

$16px!important;
 margin:0 0 20px 0!important;
 padding:0!important;
}
body.bd-pricing-full-width .plan .bd-free-heading h2{
 display:block!important;
 margin:0!important;
 padding:0!important;
}
body.bd-pricing-full-width .plan .bd-free-heading .bd-free-condition{
 display:block!important;
 position:static!important;
 margin:0!important;
 padding:0!important;
 transform:none!important;
 color:#969daa!important;
 font-family:Arial,sans-serif!important;
 font-size:12px!important;
 font-weight:400!important;
 line-height:1.2!important;
 letter-spacing:.4px!important;
}
/* BD_FREE_ADS_CANONICAL_V1_8_8_END */

/* BD_FREE_AD_NOTE_V1_8_13_START */
body.bd-pricing-full-width .plan .bd-free-heading{
 display:block!important;
 margin:0!important;
 padding:0!important;
 transform:none!important;
}
body.bd-pricing-full-width .plan .bd-free-heading h2{
 margin:0!important;
 padding:0!important;
}
body.bd-pricing-full-width .plan .bd-free-ad-note{
 display:block!important;
 margin-top:8px!important;
 color:#969daa!important;
 font-family:Arial,sans-serif!important;
 font-size:12px!important;
 font-weight:400!important;
 line-height:1.2!important;
 letter-spacing:.4px!important;
}
/* BD_FREE_AD_NOTE_V1_8_13_END */

/* BD_FREE_CONTENT_ALIGNMENT_V1_8_15_START */
/* Align FREE* heading with the paid-plan headings without changing internal spacing. */
body.bd-pricing-full-width .plans .plan:first-child{
  padding-top:55px!important;
}
/* BD_FREE_CONTENT_ALIGNMENT_V1_8_15_END */

/* BD_ABOUT_FOOTER_BOTTOM_V1_8_16_START */
/* About-only sticky footer: short content stays at top; footer sits at viewport bottom. */
body.bd-about-sticky-footer{
  min-height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
}
body.bd-about-sticky-footer main{
  flex:1 0 auto!important;
  width:100%!important;
}
body.bd-about-sticky-footer footer{
  margin-top:auto!important;
  flex-shrink:0!important;
}
/* BD_ABOUT_FOOTER_BOTTOM_V1_8_16_END */

/* BD_DISCORD_HOME_ALIGNMENT_V1_8_17_START */
/* Match Discord Hosting hero's vertical start to the Home hero. */
body.bd-discord-home-align main > section:first-child{
  padding-top:80px!important;
}
/* BD_DISCORD_HOME_ALIGNMENT_V1_8_17_END */