/* ShamrockVPN child-theme loader */
@import url("theme.css");

/* === ShamrockVPN V11: smaller banner buttons + unified button color === */
.shamrock-theme .hero-actions .btn,
.shamrock-theme .plans-simple-banner .plans-banner-actions .btn {
  padding: 11px 18px !important;
  min-height: 48px !important;
  font-size: 15px !important;
  border-radius: 14px !important;
}

.shamrock-theme .btn,
.shamrock-theme .btn-primary,
.shamrock-theme .btn-ghost,
.shamrock-theme .header-login,
.shamrock-theme .header-cta,
.shamrock-theme .plan-cta,
.shamrock-theme .plan-cta-dark,
.shamrock-theme a.btn.btn-primary,
.shamrock-theme button,
.shamrock-theme input[type="submit"],
.shamrock-theme input[type="button"] {
  background: linear-gradient(135deg,#5d7cff 0%,#7a67ff 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 14px 32px rgba(88,107,255,.28) !important;
}

.shamrock-theme .btn:hover,
.shamrock-theme .btn-primary:hover,
.shamrock-theme .btn-ghost:hover,
.shamrock-theme .header-login:hover,
.shamrock-theme .header-cta:hover,
.shamrock-theme .plan-cta:hover,
.shamrock-theme .plan-cta-dark:hover,
.shamrock-theme a.btn.btn-primary:hover,
.shamrock-theme button:hover,
.shamrock-theme input[type="submit"]:hover,
.shamrock-theme input[type="button"]:hover {
  background: linear-gradient(135deg,#6b87ff 0%,#866fff 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  filter: none !important;
  border-color: rgba(255,255,255,.16) !important;
  box-shadow: 0 18px 38px rgba(88,107,255,.36) !important;
}

.shamrock-theme .header-cta b,
.shamrock-theme .plan-cta i {
  color: #ffffff !important;
  background: rgba(21,30,92,.18) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

.shamrock-theme .plan-cta span,
.shamrock-theme .plan-cta-dark span,
.shamrock-theme .plan-cta i,
.shamrock-theme .plan-cta-dark i {
  color: #ffffff !important;
}

@media (max-width: 767px) {
  .shamrock-theme .hero-actions .btn,
  .shamrock-theme .plans-simple-banner .plans-banner-actions .btn {
    width: auto !important;
    min-width: 0 !important;
    padding: 10px 16px !important;
    min-height: 46px !important;
  }
}

/* === ShamrockVPN V12: pricing button color fix === */
.shamrock-theme .pricing-showcase .price-card .plan-cta,
.shamrock-theme .pricing-showcase .price-card-premium .plan-cta,
.shamrock-theme .pricing-showcase .price-card .plan-cta-dark,
.shamrock-theme .pricing-showcase .price-card-premium .plan-cta-dark,
.shamrock-theme .plans-page-pricing .price-card .plan-cta,
.shamrock-theme .plans-page-pricing .price-card-premium .plan-cta,
.shamrock-theme .plans-page-pricing .price-card .plan-cta-dark,
.shamrock-theme .plans-page-pricing .price-card-premium .plan-cta-dark {
  background: linear-gradient(135deg,#5d7cff 0%,#7a67ff 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 14px 32px rgba(88,107,255,.30) !important;
}

.shamrock-theme .pricing-showcase .price-card .plan-cta:hover,
.shamrock-theme .pricing-showcase .price-card-premium .plan-cta:hover,
.shamrock-theme .pricing-showcase .price-card .plan-cta-dark:hover,
.shamrock-theme .pricing-showcase .price-card-premium .plan-cta-dark:hover,
.shamrock-theme .plans-page-pricing .price-card .plan-cta:hover,
.shamrock-theme .plans-page-pricing .price-card-premium .plan-cta:hover,
.shamrock-theme .plans-page-pricing .price-card .plan-cta-dark:hover,
.shamrock-theme .plans-page-pricing .price-card-premium .plan-cta-dark:hover {
  background: linear-gradient(135deg,#6b87ff 0%,#866fff 100%) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: 0 18px 38px rgba(88,107,255,.38) !important;
  transform: translateY(-2px) !important;
  filter: none !important;
}

.shamrock-theme .pricing-showcase .plan-cta span,
.shamrock-theme .pricing-showcase .plan-cta-dark span,
.shamrock-theme .plans-page-pricing .plan-cta span,
.shamrock-theme .plans-page-pricing .plan-cta-dark span,
.shamrock-theme .pricing-showcase .plan-cta i,
.shamrock-theme .pricing-showcase .plan-cta-dark i,
.shamrock-theme .plans-page-pricing .plan-cta i,
.shamrock-theme .plans-page-pricing .plan-cta-dark i {
  color: #ffffff !important;
}

/* === ShamrockVPN V13: second pricing box custom button color === */
.shamrock-theme .pricing-showcase .price-card.featured .plan-cta,
.shamrock-theme .pricing-showcase .price-card-premium.premium-featured .plan-cta,
.shamrock-theme .pricing-showcase .price-card-premium.premium-featured .plan-cta-dark,
.shamrock-theme .plans-page-pricing .plan-card-popular .plan-cta,
.shamrock-theme .plans-page-pricing .plan-card-popular .plan-cta-dark {
  background: linear-gradient(135deg,#162a66 0%,#0d1b46 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 14px 32px rgba(10,18,48,.34) !important;
}

.shamrock-theme .pricing-showcase .price-card.featured .plan-cta:hover,
.shamrock-theme .pricing-showcase .price-card-premium.premium-featured .plan-cta:hover,
.shamrock-theme .pricing-showcase .price-card-premium.premium-featured .plan-cta-dark:hover,
.shamrock-theme .plans-page-pricing .plan-card-popular .plan-cta:hover,
.shamrock-theme .plans-page-pricing .plan-card-popular .plan-cta-dark:hover {
  background: linear-gradient(135deg,#1c347d 0%,#122357 100%) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.18) !important;
  box-shadow: 0 18px 38px rgba(10,18,48,.40) !important;
  transform: translateY(-2px) !important;
}

/* === ShamrockVPN V14: custom logo integrated into theme === */
.shamrock-theme .logo-brand,
.shamrock-theme .footer-logo-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
}

.shamrock-theme .site-logo {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
}

.shamrock-theme .site-logo-header {
  height: 42px !important;
  max-width: 340px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 8px 18px rgba(65,95,255,.20));
}

.shamrock-theme .site-logo-footer {
  height: 52px !important;
  max-width: 360px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 10px 22px rgba(65,95,255,.16));
}

.shamrock-theme .header-brand.logo-brand {
  min-width: 0 !important;
}

.shamrock-theme .footer-brand-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.shamrock-theme .footer-logo-link {
  margin-bottom: 10px !important;
}

@media (max-width: 991px) {
  .shamrock-theme .site-logo-header {
    height: 38px !important;
    max-width: 270px !important;
  }
}

@media (max-width: 767px) {
  .shamrock-theme .site-logo-header {
    height: 34px !important;
    max-width: 210px !important;
  }

  .shamrock-theme .site-logo-footer {
    height: 46px !important;
    max-width: 250px !important;
  }
}

/* === ShamrockVPN V15: improve header logo visibility + favicon support === */
.shamrock-theme .professional-header .nav {
  min-height: 78px !important;
  gap: 20px !important;
}

.shamrock-theme .site-logo-header {
  height: 56px !important;
  max-width: 420px !important;
  object-fit: contain !important;
}

.shamrock-theme .header-brand.logo-brand {
  margin-right: 8px !important;
}

.shamrock-theme .professional-header .navlinks {
  transform: scale(.98);
}

@media (max-width: 1199px) {
  .shamrock-theme .site-logo-header {
    height: 50px !important;
    max-width: 350px !important;
  }
}

@media (max-width: 991px) {
  .shamrock-theme .professional-header .nav {
    min-height: 74px !important;
  }

  .shamrock-theme .site-logo-header {
    height: 46px !important;
    max-width: 300px !important;
  }
}

@media (max-width: 767px) {
  .shamrock-theme .site-logo-header {
    height: 40px !important;
    max-width: 240px !important;
  }

  .shamrock-theme .professional-header .nav {
    min-height: 70px !important;
  }
}

/* === ShamrockVPN V16: bigger full-HD logo === */
.shamrock-theme .professional-header .nav {
  min-height: 84px !important;
  gap: 18px !important;
}

.shamrock-theme .site-logo-header {
  height: 64px !important;
  max-width: 500px !important;
  width: auto !important;
  object-fit: contain !important;
  image-rendering: auto !important;
}

.shamrock-theme .site-logo-footer {
  height: 60px !important;
  max-width: 420px !important;
}

.shamrock-theme .professional-header .navlinks {
  transform: none !important;
}

@media (max-width: 1199px) {
  .shamrock-theme .site-logo-header {
    height: 58px !important;
    max-width: 420px !important;
  }
}

@media (max-width: 991px) {
  .shamrock-theme .professional-header .nav {
    min-height: 78px !important;
  }

  .shamrock-theme .site-logo-header {
    height: 52px !important;
    max-width: 340px !important;
  }
}

@media (max-width: 767px) {
  .shamrock-theme .professional-header .nav {
    min-height: 72px !important;
  }

  .shamrock-theme .site-logo-header {
    height: 44px !important;
    max-width: 260px !important;
  }
}

/* === ShamrockVPN V21: full WHMCS navigation header === */
.shamrock-theme .fari-style-header {
  padding: 0 !important;
  background: #1b2a59 !important;
  border-bottom: 0 !important;
  box-shadow: 0 10px 30px rgba(7,14,42,.14) !important;
}

.shamrock-theme .fari-style-header:after {
  display: none !important;
}

.shamrock-theme .header-top-row {
  min-height: 106px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}

.shamrock-theme .header-top-row .site-logo-header {
  height: 66px !important;
  max-width: 510px !important;
  width: auto !important;
  object-fit: contain !important;
}

.shamrock-theme .header-utility {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.shamrock-theme .utility-link,
.shamrock-theme .utility-cart {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 14px;
  border-radius: 12px;
  color: #dce4ff !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: .2s ease;
}

.shamrock-theme .utility-link i {
  color: #9eabff;
}

.shamrock-theme .utility-link:hover {
  color: #fff !important;
  background: rgba(255,255,255,.045);
  border-color: rgba(188,198,255,.12);
}

.shamrock-theme .utility-cart {
  min-height: 50px;
  padding: 0 20px;
  background: linear-gradient(135deg,#5d7cff 0%,#7a67ff 100%) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  box-shadow: 0 13px 28px rgba(88,107,255,.26);
}

.shamrock-theme .utility-cart:hover {
  transform: translateY(-2px);
  box-shadow: 0 17px 34px rgba(88,107,255,.34);
}

.shamrock-theme .header-menu-bar {
  background: linear-gradient(90deg,#172451 0%,#24356f 52%,#172451 100%);
  border-top: 1px solid rgba(188,198,255,.10);
  border-bottom: 1px solid rgba(188,198,255,.12);
}

.shamrock-theme .fari-style-header .header-nav-row {
  min-height: 72px !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
}

.shamrock-theme .fari-style-header .navlinks {
  justify-self: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.shamrock-theme .fari-style-header .nav-link {
  min-height: 72px !important;
  padding: 0 17px !important;
  border-radius: 0 !important;
  color: #d9e1ff !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  letter-spacing: -.1px;
  background: transparent !important;
  white-space: nowrap;
}

.shamrock-theme .fari-style-header .nav-link:hover,
.shamrock-theme .fari-style-header .nav-link.active {
  color: #fff !important;
  background: rgba(122,103,255,.10) !important;
  transform: none !important;
}

.shamrock-theme .fari-style-header .nav-link.active:after {
  left: 17px !important;
  right: 17px !important;
  bottom: 0 !important;
  width: auto !important;
  height: 3px !important;
  transform: none !important;
  background: linear-gradient(90deg,#5d7cff,#9f70ff) !important;
  box-shadow: 0 0 13px rgba(122,103,255,.48) !important;
}

.shamrock-theme .nav-store-chevron {
  margin-left: 6px;
  font-size: 9px;
  opacity: .72;
}

.shamrock-theme .header-account-action {
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}

.shamrock-theme .header-account-action .header-cta {
  min-height: 50px !important;
  padding: 0 9px 0 18px !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg,#5d7cff 0%,#7a67ff 100%) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: #fff !important;
  box-shadow: 0 13px 28px rgba(88,107,255,.24) !important;
}

.shamrock-theme .header-account-action .header-cta b {
  background: rgba(19,28,93,.24) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

@media (max-width: 1230px) {
  .shamrock-theme .header-top-row .site-logo-header {
    height: 58px !important;
    max-width: 430px !important;
  }

  .shamrock-theme .fari-style-header .nav-link {
    padding: 0 11px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 980px) {
  .shamrock-theme .header-top-row {
    min-height: 82px;
  }

  .shamrock-theme .header-top-row .site-logo-header {
    height: 50px !important;
    max-width: 330px !important;
  }

  .shamrock-theme .header-utility .utility-link {
    display: none;
  }

  .shamrock-theme .utility-cart {
    min-height: 44px;
    padding: 0 15px;
  }

  .shamrock-theme .fari-style-header .header-nav-row {
    min-height: 62px !important;
  }

  .shamrock-theme .fari-style-header .navlinks {
    display: none !important;
    position: absolute !important;
    top: calc(100% - 1px) !important;
    left: 14px !important;
    right: 14px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: #172451 !important;
    border: 1px solid rgba(188,198,255,.15) !important;
    box-shadow: 0 22px 50px rgba(7,14,42,.38) !important;
  }

  .shamrock-theme .fari-style-header.menu-open .navlinks {
    display: flex !important;
  }

  .shamrock-theme .fari-style-header .nav-link {
    min-height: 48px !important;
    padding: 0 15px !important;
    border-radius: 10px !important;
  }

  .shamrock-theme .fari-style-header .nav-link.active:after {
    left: 15px !important;
    right: auto !important;
    bottom: 7px !important;
    width: 26px !important;
    height: 2px !important;
  }

  .shamrock-theme .nav-toggle {
    display: block !important;
  }
}

@media (max-width: 640px) {
  .shamrock-theme .header-top-row {
    min-height: 72px;
    gap: 10px;
  }

  .shamrock-theme .header-top-row .site-logo-header {
    height: 42px !important;
    max-width: 235px !important;
  }

  .shamrock-theme .utility-cart span {
    display: none;
  }

  .shamrock-theme .utility-cart {
    width: 44px;
    min-width: 44px;
    padding: 0;
  }

  .shamrock-theme .header-account-action .header-cta {
    min-height: 44px !important;
    padding-left: 13px !important;
  }

  .shamrock-theme .header-account-action .header-cta b {
    width: 29px !important;
    height: 29px !important;
  }
}

/* ========================================================================
   ShamrockVPN V22 - Professional native WHMCS internal pages
   Inspired by classic WHMCS layouts, recolored for the VPN brand.
   ======================================================================== */
.shamrock-theme .shamrock-whmcs-body{
  padding:38px 0 70px!important;
  background:#f5f7fb!important;
  color:#17213d!important;
  min-height:560px;
  border-top:1px solid #e4e9f2;
}
.shamrock-theme .shamrock-whmcs-container{width:min(1450px,calc(100% - 56px))!important;max-width:none!important}
.shamrock-theme .shamrock-internal-row{display:flex!important;align-items:flex-start!important;margin-left:-14px!important;margin-right:-14px!important}
.shamrock-theme .shamrock-primary-content{order:2!important;padding-left:20px!important;padding-right:14px!important;color:#17213d!important;min-width:0}
.shamrock-theme .shamrock-primary-full{width:100%!important;flex:0 0 100%!important;padding-left:14px!important}
.shamrock-theme .shamrock-sidebar{order:1!important;padding-left:14px!important;padding-right:12px!important}

/* Page title / breadcrumb area */
.shamrock-theme .shamrock-whmcs-body .header-lined{margin:0 0 28px!important;padding:0 0 17px!important;border:0!important;border-bottom:1px solid #d9e0ea!important;background:transparent!important}
.shamrock-theme .shamrock-whmcs-body .header-lined:after{content:"";display:block;width:68px;height:3px;margin-top:14px;border-radius:99px;background:linear-gradient(90deg,#5d7cff,#875fff)}
.shamrock-theme .shamrock-whmcs-body .header-lined h1{margin:0 0 6px!important;color:#213a75!important;font-size:43px!important;font-weight:430!important;line-height:1.08!important;letter-spacing:-1px!important}
.shamrock-theme .shamrock-whmcs-body .header-lined .breadcrumb,
.shamrock-theme .shamrock-whmcs-body .breadcrumb{margin:6px 0 0!important;padding:0!important;background:transparent!important;color:#8992a8!important;font-size:12px!important}
.shamrock-theme .shamrock-whmcs-body .header-lined p{color:#8b95ad!important;font-size:20px!important;line-height:1.45!important}

/* Native Six sidebars: By Month, Categories, Support, Actions, etc. */
.shamrock-theme .shamrock-sidebar .panel,
.shamrock-theme .shamrock-sidebar .card,
.shamrock-theme .shamrock-sidebar .panel-sidebar{
  overflow:hidden!important;margin:0 0 22px!important;border:1px solid #dfe5ef!important;border-radius:16px!important;background:#fff!important;box-shadow:0 10px 28px rgba(26,38,78,.055)!important;
}
.shamrock-theme .shamrock-sidebar .panel-heading,
.shamrock-theme .shamrock-sidebar .card-header,
.shamrock-theme .shamrock-sidebar .panel-sidebar>.panel-heading{
  padding:18px 20px!important;border:0!important;border-bottom:1px solid #e7ecf4!important;background:#fff!important;color:#48536f!important;font-size:17px!important;font-weight:450!important;
}
.shamrock-theme .shamrock-sidebar .panel-heading i,
.shamrock-theme .shamrock-sidebar .card-header i{color:#6978ff!important}
.shamrock-theme .shamrock-sidebar .list-group-item,
.shamrock-theme .shamrock-sidebar .panel-body a,
.shamrock-theme .shamrock-sidebar .panel-sidebar a.list-group-item{
  border-color:#edf1f6!important;background:#fff!important;color:#53607c!important;font-size:14px!important;text-decoration:none!important;
}
.shamrock-theme .shamrock-sidebar .list-group-item{padding:15px 20px!important}
.shamrock-theme .shamrock-sidebar .list-group-item:hover{background:#f8f9fd!important;color:#243557!important}
.shamrock-theme .shamrock-sidebar .list-group-item.active,
.shamrock-theme .shamrock-sidebar .list-group-item.active:hover{
  border-color:transparent!important;background:linear-gradient(90deg,#5d72f7,#795ff0)!important;color:#fff!important;font-weight:700!important;
}
.shamrock-theme .shamrock-sidebar .list-group-item.active i{color:#fff!important}

/* General content cards/tables/forms on announcements, KB, status, contact, client pages */
.shamrock-theme .shamrock-whmcs-body .panel,
.shamrock-theme .shamrock-whmcs-body .card,
.shamrock-theme .shamrock-whmcs-body .well{
  border:1px solid #dfe5ef!important;border-radius:15px!important;background:#fff!important;color:#17213d!important;box-shadow:0 9px 26px rgba(27,40,79,.045)!important;
}
.shamrock-theme .shamrock-whmcs-body .panel-heading,
.shamrock-theme .shamrock-whmcs-body .card-header{border-color:#e8edf4!important;background:#fbfcfe!important;color:#263452!important}
.shamrock-theme .shamrock-whmcs-body p,
.shamrock-theme .shamrock-whmcs-body li,
.shamrock-theme .shamrock-whmcs-body td{color:#56617a}
.shamrock-theme .shamrock-whmcs-body h2,
.shamrock-theme .shamrock-whmcs-body h3,
.shamrock-theme .shamrock-whmcs-body h4{color:#17213d}
.shamrock-theme .shamrock-whmcs-body a{color:#5569e7}
.shamrock-theme .shamrock-whmcs-body a:hover{color:#7458e5}
.shamrock-theme .shamrock-whmcs-body .form-control,
.shamrock-theme .shamrock-whmcs-body input[type=text],
.shamrock-theme .shamrock-whmcs-body input[type=email],
.shamrock-theme .shamrock-whmcs-body input[type=password],
.shamrock-theme .shamrock-whmcs-body select,
.shamrock-theme .shamrock-whmcs-body textarea{
  border:1px solid #dce3ee!important;border-radius:9px!important;background:#fff!important;color:#273452!important;box-shadow:none!important;
}
.shamrock-theme .shamrock-whmcs-body .form-control:focus,
.shamrock-theme .shamrock-whmcs-body input:focus,
.shamrock-theme .shamrock-whmcs-body select:focus,
.shamrock-theme .shamrock-whmcs-body textarea:focus{border-color:#7778ff!important;box-shadow:0 0 0 3px rgba(105,112,255,.10)!important}
.shamrock-theme .shamrock-whmcs-body .btn-primary,
.shamrock-theme .shamrock-whmcs-body .btn-success,
.shamrock-theme .shamrock-whmcs-body input[type=submit]{border:0!important;border-radius:9px!important;background:linear-gradient(90deg,#5d72f7,#795ff0)!important;color:#fff!important;font-weight:750!important;box-shadow:0 9px 22px rgba(91,105,242,.17)!important}
.shamrock-theme .shamrock-whmcs-body .btn-default,
.shamrock-theme .shamrock-whmcs-body .btn-secondary{border:1px solid #dbe2ee!important;border-radius:9px!important;background:#fff!important;color:#44516f!important}

/* Knowledgebase: prominent search and article hierarchy like classic WHMCS */
.shamrock-theme .shamrock-whmcs-body .kb-search,
.shamrock-theme .shamrock-whmcs-body .knowledgebase-search,
.shamrock-theme .shamrock-whmcs-body form[action*="knowledgebase"]{margin-bottom:28px}
.shamrock-theme .shamrock-whmcs-body .kb-search .form-control,
.shamrock-theme .shamrock-whmcs-body .knowledgebase-search .form-control{min-height:54px!important;font-size:17px!important}
.shamrock-theme .shamrock-whmcs-body .kb-search .btn,
.shamrock-theme .shamrock-whmcs-body .knowledgebase-search .btn{min-height:54px!important;padding-left:28px!important;padding-right:28px!important}
.shamrock-theme .shamrock-whmcs-body .kbarticles,
.shamrock-theme .shamrock-whmcs-body .kb-category{margin-top:18px}
.shamrock-theme .shamrock-whmcs-body .kbarticles a,
.shamrock-theme .shamrock-whmcs-body .kb-category a{font-weight:700!important;color:#5569e7!important}

/* Announcements / News */
.shamrock-theme .shamrock-whmcs-body .announcement-single,
.shamrock-theme .shamrock-whmcs-body .announcement-item{padding:21px 24px!important;margin-bottom:16px!important;border:1px solid #e0e6ef!important;border-radius:14px!important;background:#fff!important}
.shamrock-theme .shamrock-whmcs-body .announcement-single h2,
.shamrock-theme .shamrock-whmcs-body .announcement-item h2{color:#213a75!important}
.shamrock-theme .shamrock-whmcs-body .alert-info{border:0!important;border-radius:12px!important;background:#eaf3ff!important;color:#315b8c!important;padding:20px!important;text-align:center}

/* Tables / status */
.shamrock-theme .shamrock-whmcs-body .table{background:#fff!important;border-radius:12px!important;overflow:hidden!important}
.shamrock-theme .shamrock-whmcs-body .table>thead>tr>th{background:#f5f7fb!important;color:#34415f!important;border-color:#e2e7ef!important}
.shamrock-theme .shamrock-whmcs-body .table>tbody>tr>td{border-color:#edf1f5!important}

@media(max-width:991px){
  .shamrock-theme .shamrock-whmcs-container{width:min(100% - 28px,1450px)!important}
  .shamrock-theme .shamrock-internal-row{display:block!important;margin:0!important}
  .shamrock-theme .shamrock-primary-content,.shamrock-theme .shamrock-sidebar{width:100%!important;float:none!important;padding:0!important}
  .shamrock-theme .shamrock-primary-content{margin-bottom:28px}
}
@media(max-width:640px){
  .shamrock-theme .shamrock-whmcs-body{padding-top:25px!important}
  .shamrock-theme .shamrock-whmcs-body .header-lined h1{font-size:33px!important}
  .shamrock-theme .shamrock-whmcs-body .header-lined p{font-size:16px!important}
}

/* ========================================================================
   ShamrockVPN V23 - Announcements + Knowledgebase only
   Clean classic-WHMCS layout with ShamrockVPN content and theme colors.
   ======================================================================== */
.shamrock-theme .vpn-native-page{
  color:#16213d;
  width:100%;
  padding:2px 0 18px;
}
.shamrock-theme .vpn-page-heading{margin:0 0 0}
.shamrock-theme .vpn-page-heading h1{
  margin:0 0 8px;
  color:#243d80;
  font-size:46px;
  line-height:1.06;
  font-weight:450;
  letter-spacing:-1.1px;
}
.shamrock-theme .vpn-page-heading>p{
  margin:0 0 10px;
  color:#8c96ae;
  font-size:22px;
  line-height:1.45;
  font-weight:400;
}
.shamrock-theme .vpn-breadcrumbs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  color:#8c94a7;
  font-size:12px;
}
.shamrock-theme .vpn-breadcrumbs a{color:#7f879b!important;text-decoration:none!important}
.shamrock-theme .vpn-breadcrumbs span:last-child{color:#334d90}
.shamrock-theme .vpn-heading-rule{
  height:1px;
  margin:30px 0 30px;
  background:#dde3ed;
  position:relative;
}
.shamrock-theme .vpn-heading-rule span{
  position:absolute;
  left:0;
  top:-1px;
  width:74px;
  height:3px;
  border-radius:20px;
  background:linear-gradient(90deg,#5d7cff,#8c5fff);
}

/* Announcements */
.shamrock-theme .vpn-info-message{
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  padding:18px 24px;
  border-radius:13px;
  background:#eaf3ff;
  color:#315b8c;
  text-align:left;
}
.shamrock-theme .vpn-info-message>i{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:11px;
  background:rgba(93,124,255,.12);
  color:#6178ff;
}
.shamrock-theme .vpn-info-message strong,
.shamrock-theme .vpn-info-message small{display:block}
.shamrock-theme .vpn-info-message strong{font-size:15px;font-weight:700;color:#315b8c}
.shamrock-theme .vpn-info-message small{margin-top:3px;font-size:12px;color:#6d84a4;line-height:1.45}

/* Knowledgebase search */
.shamrock-theme .vpn-kb-search{
  display:flex;
  width:100%;
  margin:0 0 26px;
  border:1px solid #dce3ed;
  border-radius:7px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 6px 18px rgba(29,42,84,.035);
}
.shamrock-theme .vpn-kb-search input[type=text]{
  flex:1;
  min-width:0;
  height:58px;
  padding:0 20px;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#263452!important;
  font-size:17px;
  box-shadow:none!important;
}
.shamrock-theme .vpn-kb-search input::placeholder{color:#9ca5b6}
.shamrock-theme .vpn-kb-search button{
  min-width:120px;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(135deg,#5d7cff,#7a67ff)!important;
  color:#fff!important;
  font-size:18px;
  font-weight:800;
  box-shadow:none!important;
  cursor:pointer;
}
.shamrock-theme .vpn-kb-section{margin:0 0 30px}
.shamrock-theme .vpn-kb-section h2{
  margin:0 0 12px!important;
  color:#17213d!important;
  font-size:34px!important;
  line-height:1.1;
  font-weight:800!important;
  letter-spacing:-.7px;
}
.shamrock-theme .vpn-kb-category-list{display:grid;gap:8px}
.shamrock-theme .vpn-kb-category-row{
  display:block;
  padding:5px 0;
  text-decoration:none!important;
  border:0!important;
  background:transparent!important;
}
.shamrock-theme .vpn-kb-category-row>span{
  display:flex;
  align-items:center;
  gap:7px;
  color:#5d6ff0;
  font-size:15px;
}
.shamrock-theme .vpn-kb-category-row>span i{width:18px;color:#687bff}
.shamrock-theme .vpn-kb-category-row>span b{font-weight:700}
.shamrock-theme .vpn-kb-category-row>em{
  display:block;
  margin-top:3px;
  color:#33405d;
  font-size:13px;
  line-height:1.45;
  font-style:normal;
}
.shamrock-theme .vpn-kb-articles{display:grid;gap:9px}
.shamrock-theme .vpn-kb-articles>a{
  display:flex;
  align-items:flex-start;
  gap:8px;
  text-decoration:none!important;
}
.shamrock-theme .vpn-kb-articles>a>i{
  color:#8ac9ff;
  font-size:14px;
  margin-top:3px;
}
.shamrock-theme .vpn-kb-articles>a span{display:block}
.shamrock-theme .vpn-kb-articles>a b{
  display:block;
  color:#5e6ff0;
  font-size:14px;
  font-weight:750;
  line-height:1.35;
}
.shamrock-theme .vpn-kb-articles>a small{
  display:block;
  margin-top:2px;
  color:#36425e;
  font-size:12px;
  line-height:1.35;
}

@media(max-width:760px){
  .shamrock-theme .vpn-page-heading h1{font-size:36px}
  .shamrock-theme .vpn-page-heading>p{font-size:17px}
  .shamrock-theme .vpn-heading-rule{margin:23px 0}
  .shamrock-theme .vpn-kb-search{display:block;border:0;background:transparent;box-shadow:none;overflow:visible}
  .shamrock-theme .vpn-kb-search input[type=text]{width:100%;border:1px solid #dce3ed!important;border-radius:8px!important}
  .shamrock-theme .vpn-kb-search button{width:100%;min-height:50px;margin-top:9px;border-radius:8px!important}
  .shamrock-theme .vpn-kb-section h2{font-size:28px!important}
  .shamrock-theme .vpn-info-message{align-items:flex-start;justify-content:flex-start}
}

/* ========================================================================
   ShamrockVPN V24 - Compact native WHMCS sidebar
   Match the shorter classic WHMCS sidebar proportions shown in reference.
   ======================================================================== */
.shamrock-theme .shamrock-sidebar .panel,
.shamrock-theme .shamrock-sidebar .card,
.shamrock-theme .shamrock-sidebar .panel-sidebar{
  margin-bottom:18px!important;
  border-radius:14px!important;
}

.shamrock-theme .shamrock-sidebar .panel-heading,
.shamrock-theme .shamrock-sidebar .card-header,
.shamrock-theme .shamrock-sidebar .panel-sidebar>.panel-heading{
  min-height:62px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  line-height:1.2!important;
  font-size:16px!important;
}

.shamrock-theme .shamrock-sidebar .panel-heading .panel-title,
.shamrock-theme .shamrock-sidebar .panel-sidebar>.panel-heading .panel-title,
.shamrock-theme .shamrock-sidebar .card-header .card-title{
  width:100%!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  min-height:0!important;
  font-size:16px!important;
  line-height:1.2!important;
}

.shamrock-theme .shamrock-sidebar .list-group-item,
.shamrock-theme .shamrock-sidebar .panel-sidebar a.list-group-item,
.shamrock-theme .shamrock-sidebar .panel-body a{
  min-height:58px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  line-height:1.25!important;
  font-size:14px!important;
  white-space:normal!important;
}

/* Keep sidebar icons compact and on the right, like the reference layout. */
.shamrock-theme .shamrock-sidebar .list-group-item>i,
.shamrock-theme .shamrock-sidebar .list-group-item>.fa,
.shamrock-theme .shamrock-sidebar .list-group-item>.fas,
.shamrock-theme .shamrock-sidebar .list-group-item>.far,
.shamrock-theme .shamrock-sidebar .list-group-item>.fab,
.shamrock-theme .shamrock-sidebar .list-group-item>.glyphicon,
.shamrock-theme .shamrock-sidebar .list-group-item .fa.pull-right,
.shamrock-theme .shamrock-sidebar .list-group-item .fas.pull-right,
.shamrock-theme .shamrock-sidebar .list-group-item .far.pull-right{
  order:5!important;
  margin-left:auto!important;
  margin-right:0!important;
  float:none!important;
  position:static!important;
  transform:none!important;
  width:auto!important;
  height:auto!important;
  min-width:18px!important;
  font-size:15px!important;
  line-height:1!important;
  text-align:center!important;
}

.shamrock-theme .shamrock-sidebar .list-group-item .badge,
.shamrock-theme .shamrock-sidebar .list-group-item .label{
  margin-left:auto!important;
  flex:0 0 auto!important;
}

/* Remove extra vertical padding added by inherited Twenty-One/Six sidebar styles. */
.shamrock-theme .shamrock-sidebar .panel-body,
.shamrock-theme .shamrock-sidebar .card-body{
  padding-top:0!important;
  padding-bottom:0!important;
}

.shamrock-theme .shamrock-sidebar .panel-sidebar .list-group,
.shamrock-theme .shamrock-sidebar .panel .list-group,
.shamrock-theme .shamrock-sidebar .card .list-group{
  margin:0!important;
}

/* Keep the sidebar itself only as tall as its content. */
.shamrock-theme .shamrock-sidebar,
.shamrock-theme .shamrock-sidebar>div{
  height:auto!important;
  min-height:0!important;
}

@media(max-width:991px){
  .shamrock-theme .shamrock-sidebar .panel-heading,
  .shamrock-theme .shamrock-sidebar .card-header,
  .shamrock-theme .shamrock-sidebar .panel-sidebar>.panel-heading{
    min-height:58px!important;
  }
  .shamrock-theme .shamrock-sidebar .list-group-item,
  .shamrock-theme .shamrock-sidebar .panel-sidebar a.list-group-item,
  .shamrock-theme .shamrock-sidebar .panel-body a{
    min-height:54px!important;
  }
}

/* ========================================================================
   ShamrockVPN V25 - Exact compact WHMCS sidebar proportions
   Force classic single-line rows: text left, icon right.
   ======================================================================== */
.shamrock-theme .shamrock-sidebar{
  width:100%!important;
  max-width:354px!important;
  align-self:start!important;
}

.shamrock-theme .shamrock-sidebar .panel,
.shamrock-theme .shamrock-sidebar .card,
.shamrock-theme .shamrock-sidebar .panel-sidebar{
  margin:0 0 14px!important;
  border-radius:12px!important;
  overflow:hidden!important;
}

.shamrock-theme .shamrock-sidebar .panel-heading,
.shamrock-theme .shamrock-sidebar .card-header,
.shamrock-theme .shamrock-sidebar .panel-sidebar>.panel-heading{
  min-height:52px!important;
  height:52px!important;
  padding:0 16px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  font-size:14px!important;
  line-height:1!important;
}

.shamrock-theme .shamrock-sidebar .panel-heading .panel-title,
.shamrock-theme .shamrock-sidebar .panel-sidebar>.panel-heading .panel-title,
.shamrock-theme .shamrock-sidebar .card-header .card-title{
  min-height:0!important;
  height:auto!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  font-size:14px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.shamrock-theme .shamrock-sidebar .panel-title .pull-right,
.shamrock-theme .shamrock-sidebar .card-title .pull-right,
.shamrock-theme .shamrock-sidebar .panel-heading .panel-minimise,
.shamrock-theme .shamrock-sidebar .card-header .panel-minimise{
  margin-left:auto!important;
  float:none!important;
  order:9!important;
}

.shamrock-theme .shamrock-sidebar .list-group-item,
.shamrock-theme .shamrock-sidebar .panel-sidebar a.list-group-item,
.shamrock-theme .shamrock-sidebar .panel-body a,
.shamrock-theme .shamrock-sidebar .card-body a{
  min-height:46px!important;
  height:46px!important;
  padding:0 16px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  text-align:left!important;
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

/* Actual WHMCS sidebar icon classes: keep icon on the far right. */
.shamrock-theme .shamrock-sidebar .list-group-item i,
.shamrock-theme .shamrock-sidebar .list-group-item .fa,
.shamrock-theme .shamrock-sidebar .list-group-item .fas,
.shamrock-theme .shamrock-sidebar .list-group-item .far,
.shamrock-theme .shamrock-sidebar .list-group-item .fab,
.shamrock-theme .shamrock-sidebar .list-group-item .glyphicon{
  margin-left:auto!important;
  margin-right:0!important;
  float:none!important;
  position:static!important;
  transform:none!important;
  width:18px!important;
  min-width:18px!important;
  height:auto!important;
  display:inline-block!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1!important;
  order:9!important;
}

/* Headings may have a leading section icon; keep it on the left. */
.shamrock-theme .shamrock-sidebar .panel-title>i:first-child,
.shamrock-theme .shamrock-sidebar .card-title>i:first-child{
  margin-left:0!important;
  margin-right:0!important;
  order:0!important;
  width:18px!important;
}

.shamrock-theme .shamrock-sidebar .list-group-item .badge,
.shamrock-theme .shamrock-sidebar .list-group-item .label{
  margin-left:auto!important;
  order:8!important;
  font-size:11px!important;
}

.shamrock-theme .shamrock-sidebar .panel-body,
.shamrock-theme .shamrock-sidebar .card-body{
  padding:0!important;
  margin:0!important;
}

.shamrock-theme .shamrock-sidebar .list-group{
  margin:0!important;
  padding:0!important;
}

/* Remove inherited centering/large item styles specifically on native pages. */
.shamrock-theme .vpn-native-shell .shamrock-sidebar .list-group-item,
.shamrock-theme .vpn-native-shell .shamrock-sidebar .panel-heading,
.shamrock-theme .vpn-native-shell .shamrock-sidebar .panel-title{
  text-align:left!important;
}

@media(max-width:991px){
  .shamrock-theme .shamrock-sidebar{max-width:none!important;}
  .shamrock-theme .shamrock-sidebar .panel-heading,
  .shamrock-theme .shamrock-sidebar .card-header,
  .shamrock-theme .shamrock-sidebar .panel-sidebar>.panel-heading{
    height:50px!important;
    min-height:50px!important;
  }
  .shamrock-theme .shamrock-sidebar .list-group-item,
  .shamrock-theme .shamrock-sidebar .panel-sidebar a.list-group-item,
  .shamrock-theme .shamrock-sidebar .panel-body a,
  .shamrock-theme .shamrock-sidebar .card-body a{
    height:44px!important;
    min-height:44px!important;
  }
}

/* ========================================================================
   ShamrockVPN V26 - Sidebar icons inline, never stacked above text
   Match reference: menu text on the left, item icon on the right.
   ======================================================================== */
.shamrock-theme .shamrock-sidebar .sidebar-menu-item-wrapper{
  width:100%!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-height:0!important;
  text-align:left!important;
}

.shamrock-theme .shamrock-sidebar .sidebar-menu-item-label{
  order:1!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  text-align:left!important;
  line-height:1.2!important;
}

/* Twenty-One wraps each menu icon in this element. Put it at far right. */
.shamrock-theme .shamrock-sidebar .sidebar-menu-item-icon-wrapper{
  order:2!important;
  flex:0 0 20px!important;
  width:20px!important;
  min-width:20px!important;
  height:20px!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:static!important;
  float:none!important;
  transform:none!important;
}

.shamrock-theme .shamrock-sidebar .sidebar-menu-item-icon-wrapper .sidebar-menu-item-icon,
.shamrock-theme .shamrock-sidebar .sidebar-menu-item-icon-wrapper i{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:inline-block!important;
  position:static!important;
  float:none!important;
  transform:none!important;
  order:0!important;
  font-size:14px!important;
  line-height:1!important;
  text-align:center!important;
}

.shamrock-theme .shamrock-sidebar .sidebar-menu-item-badge{
  order:3!important;
  flex:0 0 auto!important;
  margin-left:6px!important;
}

/* Section-title icon remains inline on the LEFT; collapse chevron stays RIGHT. */
.shamrock-theme .shamrock-sidebar .card-title{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  width:100%!important;
  gap:8px!important;
  text-align:left!important;
}

.shamrock-theme .shamrock-sidebar .card-title>i:not(.card-minimise):first-child{
  order:0!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  position:static!important;
  float:none!important;
}

.shamrock-theme .shamrock-sidebar .card-title .card-minimise{
  order:9!important;
  margin-left:auto!important;
  margin-right:0!important;
  position:static!important;
  float:none!important;
}

/* Do not allow any inherited theme rule to turn sidebar items into icon-over-text blocks. */
.shamrock-theme .shamrock-sidebar .list-group-item,
.shamrock-theme .shamrock-sidebar .list-group-item-action{
  flex-direction:row!important;
  align-items:center!important;
  text-align:left!important;
}

/* ========================================================================
   ShamrockVPN V27 - Normal internal page typography
   Reduce Knowledgebase/Announcements heading and text sizes to classic WHMCS scale.
   ======================================================================== */
.shamrock-theme .vpn-page-heading h1{
  font-size:38px!important;
  line-height:1.12!important;
  letter-spacing:-.6px!important;
  font-weight:450!important;
  margin-bottom:7px!important;
}

.shamrock-theme .vpn-page-heading>p{
  font-size:16px!important;
  line-height:1.55!important;
  margin-bottom:9px!important;
  max-width:900px!important;
}

.shamrock-theme .vpn-breadcrumbs{
  font-size:12px!important;
  gap:9px!important;
}

.shamrock-theme .vpn-heading-rule{
  margin:24px 0 24px!important;
}

.shamrock-theme .vpn-kb-search input[type=text]{
  height:52px!important;
  font-size:15px!important;
  padding-left:18px!important;
}

.shamrock-theme .vpn-kb-search button{
  min-width:112px!important;
  font-size:16px!important;
}

.shamrock-theme .vpn-kb-section h2{
  font-size:29px!important;
  line-height:1.15!important;
  letter-spacing:-.45px!important;
  margin-bottom:10px!important;
}

.shamrock-theme .vpn-kb-category-row>span{
  font-size:14px!important;
}

.shamrock-theme .vpn-kb-category-row>em{
  font-size:12.5px!important;
}

.shamrock-theme .vpn-kb-articles>a b{
  font-size:13.5px!important;
}

.shamrock-theme .vpn-kb-articles>a small{
  font-size:11.5px!important;
}

@media(max-width:760px){
  .shamrock-theme .vpn-page-heading h1{font-size:32px!important}
  .shamrock-theme .vpn-page-heading>p{font-size:15px!important}
  .shamrock-theme .vpn-kb-section h2{font-size:25px!important}
}

/* ========================================================================
   ShamrockVPN V28 - Focused Login + Professional Contact Page
   ======================================================================== */

/* LOGIN: one centered form only */
.shamrock-theme .svp-login-page{
  min-height:calc(100vh - 190px);
  padding:64px 20px 82px;
  background:
    radial-gradient(circle at 50% 10%,rgba(99,116,255,.15),transparent 34%),
    linear-gradient(180deg,#1a2a5a 0%,#17254f 100%);
  display:flex;
  align-items:flex-start;
  justify-content:center;
}
.shamrock-theme .svp-login-wrap{width:100%;max-width:520px;margin:0 auto}
.shamrock-theme .svp-login-card{
  width:100%;
  padding:34px 36px 32px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(37,58,126,.98),rgba(28,44,96,.99));
  border:1px solid rgba(188,198,255,.18);
  box-shadow:0 26px 64px rgba(8,14,42,.27),inset 0 1px 0 rgba(255,255,255,.05);
  color:#fff;
}
.shamrock-theme .svp-login-icon{
  width:54px;height:54px;border-radius:17px;display:grid;place-items:center;
  margin:0 auto 16px;background:linear-gradient(135deg,#5d7cff,#7a67ff);
  border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 30px rgba(82,94,230,.24);font-size:20px
}
.shamrock-theme .svp-login-head{text-align:center;margin-bottom:26px}
.shamrock-theme .svp-login-kicker{display:inline-block;font-size:10px;font-weight:900;letter-spacing:1.15px;color:#bec8ff;margin-bottom:8px}
.shamrock-theme .svp-login-head h1{margin:0 0 7px;font-size:32px;line-height:1.1;letter-spacing:-.7px;color:#fff}
.shamrock-theme .svp-login-head p{margin:0;color:#b9c4e5;font-size:14px;line-height:1.6}
.shamrock-theme .svp-login-form{display:grid;gap:18px}
.shamrock-theme .svp-field{display:grid;gap:8px}
.shamrock-theme .svp-field label,.shamrock-theme .svp-label-row label{margin:0;color:#eef2ff;font-size:12px;font-weight:800}
.shamrock-theme .svp-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.shamrock-theme .svp-label-row a{font-size:11px;color:#b7c3ff;text-decoration:none;font-weight:700}
.shamrock-theme .svp-label-row a:hover{color:#fff}
.shamrock-theme .svp-input-wrap{position:relative;display:flex;align-items:center}
.shamrock-theme .svp-input-wrap>i{position:absolute;left:15px;z-index:2;color:#8fa1de;font-size:14px;pointer-events:none}
.shamrock-theme .svp-input-wrap input{
  width:100%;height:52px;padding:0 46px 0 44px;border-radius:13px;
  border:1px solid rgba(190,201,255,.15)!important;background:#f7f9ff!important;color:#17213f!important;
  font-size:14px!important;outline:none;box-shadow:none!important
}
.shamrock-theme .svp-input-wrap input:focus{border-color:#7180ff!important;box-shadow:0 0 0 3px rgba(113,128,255,.13)!important}
.shamrock-theme .svp-password-toggle{position:absolute;right:8px;width:36px;height:36px;padding:0!important;border:0!important;background:transparent!important;color:#7483b6!important;box-shadow:none!important}
.shamrock-theme .svp-password-toggle:hover{transform:none!important;background:rgba(97,120,255,.08)!important;color:#4f62b4!important}
.shamrock-theme .svp-login-options{display:flex;align-items:center;justify-content:flex-start;margin-top:-3px}
.shamrock-theme .svp-remember{display:flex;align-items:center;gap:8px;margin:0;color:#cbd3ec;font-size:12px;cursor:pointer}
.shamrock-theme .svp-remember input{width:15px;height:15px;margin:0;accent-color:#6b72ff}
.shamrock-theme .svp-login-submit{
  width:100%;height:52px;border:0;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:10px;
  background:linear-gradient(135deg,#5d7cff,#7a67ff);color:#fff;font-size:14px;font-weight:900;cursor:pointer;
  box-shadow:0 15px 32px rgba(85,96,238,.27);transition:.2s ease
}
.shamrock-theme .svp-login-submit:hover{transform:translateY(-2px);filter:brightness(1.06)}
.shamrock-theme .svp-login-register{text-align:center;color:#9eabd4;font-size:12px;padding-top:2px}
.shamrock-theme .svp-login-register a{color:#fff;font-weight:800;text-decoration:none}
.shamrock-theme .svp-login-captcha{padding:6px 0;text-align:center}
.shamrock-theme .svp-login-card .alert{border-radius:12px;font-size:12px}

/* CONTACT: no sidebar, clean Fari-like structure with ShamrockVPN styling */
.shamrock-theme .svp-contact-page{padding:42px 0 76px;background:#f5f7fb;color:#17213e;min-height:650px}
.shamrock-theme .svp-contact-container{max-width:1240px!important}
.shamrock-theme .svp-contact-heading{max-width:1040px}
.shamrock-theme .svp-contact-kicker{
  display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;padding:7px 11px;border-radius:999px;
  background:#eef1ff;border:1px solid #dde3ff;color:#5265c7;font-size:10px;font-weight:900;letter-spacing:1px
}
.shamrock-theme .svp-contact-heading h1{margin:0 0 8px;font-size:40px;line-height:1.1;letter-spacing:-.9px;font-weight:500;color:#1b2c61}
.shamrock-theme .svp-contact-heading h1 span{font-size:22px;font-weight:400;color:#8b96b3;margin-left:8px}
.shamrock-theme .svp-contact-heading>p{margin:0 0 12px;max-width:840px;color:#7a86a3;font-size:14px;line-height:1.7}
.shamrock-theme .svp-contact-breadcrumbs{display:flex;align-items:center;gap:10px;color:#8a94ad;font-size:11px}
.shamrock-theme .svp-contact-breadcrumbs a{color:#5265c7;text-decoration:none}
.shamrock-theme .svp-contact-rule{height:1px;background:#dfe4ef;margin:24px 0 28px;position:relative}
.shamrock-theme .svp-contact-rule span{position:absolute;left:0;top:-1px;width:78px;height:3px;border-radius:99px;background:linear-gradient(90deg,#5d7cff,#7a67ff)}
.shamrock-theme .svp-contact-shell{display:grid;grid-template-columns:290px minmax(0,1fr);gap:28px;align-items:start}
.shamrock-theme .svp-contact-intro{
  padding:25px 23px;border-radius:20px;background:linear-gradient(180deg,#233a7d,#1b2d61);color:#fff;
  border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 42px rgba(28,44,98,.13)
}
.shamrock-theme .svp-contact-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);color:#b9c4ff;margin-bottom:16px}
.shamrock-theme .svp-contact-intro h2{margin:0 0 8px;font-size:20px;color:#fff}
.shamrock-theme .svp-contact-intro>p{margin:0;color:#bac6e8;font-size:12px;line-height:1.7}
.shamrock-theme .svp-contact-points{display:grid;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.shamrock-theme .svp-contact-points span{display:flex;align-items:center;gap:9px;color:#e7ebff;font-size:11.5px}
.shamrock-theme .svp-contact-points i{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:rgba(110,126,255,.14);color:#aebaff;font-size:10px}
.shamrock-theme .svp-contact-form-card{
  padding:28px 30px 30px;border-radius:20px;background:#fff;border:1px solid #e0e6f0;
  box-shadow:0 16px 38px rgba(29,42,75,.06)
}
.shamrock-theme .svp-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:17px 20px}
.shamrock-theme .svp-contact-field{display:grid;gap:7px}
.shamrock-theme .svp-contact-field:nth-of-type(3),.shamrock-theme .svp-contact-field:nth-of-type(4){grid-column:1/-1}
.shamrock-theme .svp-contact-field label{margin:0;color:#2a3657;font-size:12px;font-weight:800}
.shamrock-theme .svp-contact-input{position:relative;display:flex;align-items:center}
.shamrock-theme .svp-contact-input i{position:absolute;left:14px;color:#8b99c2;font-size:13px;z-index:2}
.shamrock-theme .svp-contact-input input,
.shamrock-theme .svp-contact-textarea textarea{
  width:100%;border:1px solid #dfe5ef!important;background:#fbfcff!important;color:#1b2745!important;
  border-radius:11px!important;font-size:13px!important;outline:none;box-shadow:none!important
}
.shamrock-theme .svp-contact-input input{height:48px;padding:0 14px 0 41px}
.shamrock-theme .svp-contact-textarea textarea{min-height:150px;padding:14px 15px;resize:vertical;line-height:1.6}
.shamrock-theme .svp-contact-input input:focus,.shamrock-theme .svp-contact-textarea textarea:focus{border-color:#7180ff!important;box-shadow:0 0 0 3px rgba(113,128,255,.10)!important;background:#fff!important}
.shamrock-theme .svp-contact-captcha{grid-column:1/-1;padding:4px 0;text-align:center}
.shamrock-theme .svp-contact-submit{
  grid-column:1/-1;justify-self:end;min-width:170px;height:46px;border:0;border-radius:11px;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 20px;
  background:linear-gradient(135deg,#5d7cff,#7a67ff);color:#fff;font-size:13px;font-weight:900;cursor:pointer;
  box-shadow:0 13px 28px rgba(86,97,234,.22);transition:.2s ease
}
.shamrock-theme .svp-contact-submit:hover{transform:translateY(-2px);filter:brightness(1.05)}
.shamrock-theme .svp-contact-form-card .alert{grid-column:1/-1;border-radius:11px}

@media(max-width:900px){
  .shamrock-theme .svp-contact-shell{grid-template-columns:1fr}
  .shamrock-theme .svp-contact-intro{display:none}
}
@media(max-width:640px){
  .shamrock-theme .svp-login-page{padding:38px 14px 58px}
  .shamrock-theme .svp-login-card{padding:27px 20px 24px;border-radius:19px}
  .shamrock-theme .svp-login-head h1{font-size:28px}
  .shamrock-theme .svp-contact-page{padding:32px 0 58px}
  .shamrock-theme .svp-contact-heading h1{font-size:32px}
  .shamrock-theme .svp-contact-heading h1 span{display:block;margin:5px 0 0;font-size:17px}
  .shamrock-theme .svp-contact-form-card{padding:22px 18px}
  .shamrock-theme .svp-contact-form{grid-template-columns:1fr}
  .shamrock-theme .svp-contact-field:nth-of-type(3),.shamrock-theme .svp-contact-field:nth-of-type(4){grid-column:auto}
  .shamrock-theme .svp-contact-submit{grid-column:auto;width:100%;justify-self:stretch}
}

/* ========================================================================
   ShamrockVPN V29 - Working Account Dropdown + Contact CAPTCHA Layout
   ======================================================================== */

/* ACCOUNT DROPDOWN */
.shamrock-theme .header-account-action{
  position:relative!important;
  overflow:visible!important;
}
.shamrock-theme .svp-account-menu{
  position:relative;
  display:inline-flex;
  align-items:center;
  overflow:visible;
}
.shamrock-theme .svp-account-toggle{
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.shamrock-theme .svp-account-toggle b{
  display:grid!important;
  place-items:center!important;
}
.shamrock-theme .svp-account-toggle b i{
  font-size:10px;
  line-height:1;
  transition:transform .2s ease;
}
.shamrock-theme .svp-account-menu.is-open .svp-account-toggle b i{
  transform:rotate(180deg);
}
.shamrock-theme .svp-account-dropdown{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:120;
  width:205px;
  padding:8px;
  border-radius:15px;
  background:#ffffff;
  border:1px solid #e4e8f2;
  box-shadow:0 22px 48px rgba(16,27,65,.20);
  opacity:0;
  visibility:hidden;
  transform:translateY(-7px);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.shamrock-theme .svp-account-menu.is-open .svp-account-dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}
.shamrock-theme .svp-account-dropdown:before{
  content:"";
  position:absolute;
  right:22px;
  top:-6px;
  width:12px;
  height:12px;
  background:#fff;
  border-left:1px solid #e4e8f2;
  border-top:1px solid #e4e8f2;
  transform:rotate(45deg);
}
.shamrock-theme .svp-account-dropdown a{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:11px;
  min-height:47px;
  padding:0 13px;
  border-radius:10px;
  color:#39435e!important;
  font-size:13px;
  font-weight:650;
  text-decoration:none!important;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.shamrock-theme .svp-account-dropdown a+a{
  border-top:1px solid #f0f2f7;
}
.shamrock-theme .svp-account-dropdown a i{
  width:19px;
  text-align:center;
  color:#6677cf;
  font-size:13px;
}
.shamrock-theme .svp-account-dropdown a:hover,
.shamrock-theme .svp-account-dropdown a:focus{
  background:#f1f3ff;
  color:#25366f!important;
  transform:translateX(2px);
  outline:none;
}

/* CONTACT CAPTCHA - native WHMCS captcha, styled like reference */
.shamrock-theme .svp-contact-captcha{
  grid-column:1/-1;
  width:100%;
  margin-top:2px;
  padding:12px 10px 2px;
  text-align:center;
}
.shamrock-theme .svp-contact-captcha-help{
  max-width:780px;
  margin:0 auto 14px;
  color:#4d5874;
  font-size:13px;
  line-height:1.55;
  text-align:center;
}
.shamrock-theme .svp-contact-captcha-native{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
}
.shamrock-theme .svp-contact-captcha-native>.text-center{
  width:auto!important;
  max-width:520px;
  margin:0 auto!important;
  display:block!important;
}
.shamrock-theme .svp-contact-captcha-native .col-md-8{
  max-width:520px!important;
  width:100%!important;
  flex:0 0 100%!important;
  margin:0 auto!important;
}
.shamrock-theme .svp-contact-captcha-native #default-captcha-domainchecker{
  display:grid!important;
  grid-template-columns:auto 130px;
  align-items:center;
  justify-content:center;
  column-gap:16px;
  row-gap:8px;
  margin:0 auto!important;
  padding:0!important;
}
.shamrock-theme .svp-contact-captcha-native #default-captcha-domainchecker>p{
  display:none!important;
}
.shamrock-theme .svp-contact-captcha-native .captchaimage,
.shamrock-theme .svp-contact-captcha-native #default-captcha-domainchecker>.col-6{
  width:auto!important;
  max-width:none!important;
  flex:none!important;
  padding:0!important;
}
.shamrock-theme .svp-contact-captcha-native #inputCaptchaImage{
  display:block;
  width:auto;
  min-width:125px;
  height:42px;
  object-fit:contain;
  border-radius:7px;
  border:1px solid #ccd5e8;
  background:#eef4fb;
}
.shamrock-theme .svp-contact-captcha-native #inputCaptcha{
  width:130px!important;
  height:46px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #d8dfeb!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#1c2947!important;
  font-size:15px!important;
  text-align:center;
  box-shadow:none!important;
}
.shamrock-theme .svp-contact-captcha-native #inputCaptcha:focus{
  border-color:#7180ff!important;
  box-shadow:0 0 0 3px rgba(113,128,255,.10)!important;
}
.shamrock-theme .svp-contact-captcha-native .recaptcha-container{
  margin:0 auto!important;
}
.shamrock-theme .svp-contact-submit{
  margin-top:4px;
}

@media(max-width:700px){
  .shamrock-theme .svp-account-dropdown{
    right:0;
    width:190px;
  }
  .shamrock-theme .svp-contact-captcha-native #default-captcha-domainchecker{
    grid-template-columns:1fr;
    justify-items:center;
  }
  .shamrock-theme .svp-contact-captcha-native #inputCaptcha{
    width:150px!important;
  }
}

/* ========================================================================
   ShamrockVPN V30 - Native WHMCS Registration, professionally styled
   Keeps Twenty-One registration logic/validation fully native.
   ======================================================================== */

body.svp-register-active{
  background:#f5f7fc!important;
}
body.svp-register-active .shamrock-whmcs-body{
  padding:34px 0 72px!important;
  background:#f5f7fc!important;
  color:#17223f!important;
}
body.svp-register-active .shamrock-whmcs-container{
  width:min(1380px,calc(100% - 48px))!important;
  max-width:none!important;
}
body.svp-register-active .shamrock-internal-row{
  display:flex!important;
  align-items:flex-start!important;
  gap:30px!important;
  margin:0!important;
}
body.svp-register-active .shamrock-primary-content{
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  padding:0!important;
  float:none!important;
  color:#17223f!important;
}
body.svp-register-active .shamrock-sidebar{
  flex:0 0 300px!important;
  width:300px!important;
  max-width:300px!important;
  padding:0!important;
  float:none!important;
}

/* Native page heading */
body.svp-register-active .shamrock-primary-content .header-lined{
  margin:0 0 26px!important;
  padding:0 0 18px!important;
  border-bottom:1px solid #dce2ee!important;
  position:relative;
}
body.svp-register-active .shamrock-primary-content .header-lined:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:76px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,#5d7cff,#7a67ff);
}
body.svp-register-active .shamrock-primary-content .header-lined h1{
  margin:0!important;
  color:#20336e!important;
  font-size:42px!important;
  line-height:1.1!important;
  font-weight:500!important;
  letter-spacing:-1px!important;
}
body.svp-register-active .shamrock-primary-content .header-lined h1 small,
body.svp-register-active .shamrock-primary-content .header-lined p{
  color:#8994b1!important;
  font-size:20px!important;
  font-weight:400!important;
}

/* Registration form container */
body.svp-register-active #registration{
  color:#17223f!important;
}
body.svp-register-active #registration form{
  margin:0!important;
}
body.svp-register-active #registration .card{
  margin-bottom:24px!important;
  border:1px solid #e0e6f0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 15px 36px rgba(25,39,79,.055)!important;
  overflow:hidden!important;
}
body.svp-register-active #registration .card-body{
  padding:27px 28px!important;
}
body.svp-register-active #registration .card-title{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  margin:0 0 24px!important;
  color:#223b82!important;
  font-size:20px!important;
  line-height:1.25!important;
  font-weight:700!important;
  text-align:center!important;
}
body.svp-register-active #registration .card-title:before,
body.svp-register-active #registration .card-title:after{
  content:"";
  height:1px;
  background:#e1e5ed;
  flex:1 1 auto;
}

/* Form fields */
body.svp-register-active #registration .form-group{
  margin-bottom:17px!important;
}
body.svp-register-active #registration .prepend-icon{
  position:relative!important;
}
body.svp-register-active #registration .prepend-icon .field-icon{
  position:absolute!important;
  z-index:3!important;
  left:0!important;
  top:0!important;
  width:46px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  color:#8e99b6!important;
  pointer-events:none!important;
}
body.svp-register-active #registration .prepend-icon .field-icon i{
  font-size:14px!important;
}
body.svp-register-active #registration input.field,
body.svp-register-active #registration input.form-control,
body.svp-register-active #registration select.field,
body.svp-register-active #registration select.form-control,
body.svp-register-active #registration textarea.form-control{
  width:100%!important;
  min-height:48px!important;
  border:1px solid #dce3ee!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#202c48!important;
  font-size:14px!important;
  box-shadow:none!important;
  outline:none!important;
}
body.svp-register-active #registration .prepend-icon input.field,
body.svp-register-active #registration .prepend-icon input.form-control,
body.svp-register-active #registration .prepend-icon select.field,
body.svp-register-active #registration .prepend-icon select.form-control{
  padding-left:45px!important;
}
body.svp-register-active #registration input.field:focus,
body.svp-register-active #registration input.form-control:focus,
body.svp-register-active #registration select.field:focus,
body.svp-register-active #registration select.form-control:focus,
body.svp-register-active #registration textarea.form-control:focus{
  border-color:#7483ff!important;
  box-shadow:0 0 0 3px rgba(116,131,255,.10)!important;
}
body.svp-register-active #registration input::placeholder,
body.svp-register-active #registration textarea::placeholder{
  color:#a1a9ba!important;
  opacity:1!important;
}

/* Additional info / custom fields */
body.svp-register-active #registration .custom-field,
body.svp-register-active #registration .form-check-label{
  color:#495571!important;
  font-size:13px!important;
}

/* Password section and generator */
body.svp-register-active #registration .generate-password{
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:10px!important;
  border:1px solid #dce3ee!important;
  background:#fff!important;
  color:#34466f!important;
  font-weight:700!important;
  box-shadow:none!important;
}
body.svp-register-active #registration .generate-password:hover{
  border-color:#7a89ff!important;
  background:#f5f6ff!important;
  color:#344c9d!important;
}
body.svp-register-active #registration .password-strength-meter .progress{
  height:12px!important;
  border-radius:999px!important;
  background:#edf0f6!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
body.svp-register-active #registration #passwordStrengthTextLabel{
  margin-top:7px!important;
  color:#6e7892!important;
  font-size:12px!important;
}

/* Marketing opt-in */
body.svp-register-active #registration .card:has(input[name="marketingoptin"]){
  background:#f8f9fd!important;
}
body.svp-register-active #registration .card:has(input[name="marketingoptin"]) .card-title{
  justify-content:flex-start!important;
  color:#18233f!important;
  font-size:19px!important;
}
body.svp-register-active #registration .card:has(input[name="marketingoptin"]) .card-title:before,
body.svp-register-active #registration .card:has(input[name="marketingoptin"]) .card-title:after{
  display:none!important;
}
body.svp-register-active #registration .card:has(input[name="marketingoptin"]) p{
  color:#4c5873!important;
  font-size:13px!important;
  line-height:1.65!important;
}

/* Native CAPTCHA */
body.svp-register-active #registration #default-captcha-domainchecker{
  display:grid!important;
  grid-template-columns:auto 130px!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:16px!important;
  row-gap:9px!important;
  margin:20px auto 24px!important;
  padding:0!important;
}
body.svp-register-active #registration #default-captcha-domainchecker>p{
  grid-column:1/-1!important;
  margin:0 0 3px!important;
  color:#44506a!important;
  font-size:13px!important;
  line-height:1.55!important;
}
body.svp-register-active #registration #default-captcha-domainchecker .col-6,
body.svp-register-active #registration #default-captcha-domainchecker .captchaimage{
  width:auto!important;
  max-width:none!important;
  flex:none!important;
  padding:0!important;
}
body.svp-register-active #registration #inputCaptchaImage{
  min-width:125px!important;
  height:42px!important;
  object-fit:contain!important;
  border:1px solid #cbd5e6!important;
  border-radius:7px!important;
  background:#edf4fb!important;
}
body.svp-register-active #registration #inputCaptcha{
  width:130px!important;
  height:46px!important;
  margin:0!important;
  border:1px solid #d7dfeb!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#1f2c4b!important;
  text-align:center!important;
  font-size:15px!important;
}

/* TOS block */
body.svp-register-active #registration .svp-register-tos{
  margin:20px 0 22px!important;
  padding:20px 22px!important;
  border:1px solid #dfe5ef!important;
  border-radius:15px!important;
  background:#f8f9fc!important;
  text-align:left!important;
  color:#46526d!important;
}
body.svp-register-active #registration .svp-register-tos:before{
  content:"Terms of Service";
  display:block;
  margin:-20px -22px 18px!important;
  padding:15px 20px!important;
  border-bottom:1px solid #e5e9f0!important;
  color:#1f2b49!important;
  font-size:16px!important;
  font-weight:800!important;
}
body.svp-register-active #registration .svp-register-tos .form-check{
  margin:0!important;
}
body.svp-register-active #registration .svp-register-tos a{
  color:#6176ff!important;
  font-weight:700!important;
}

/* Register submit */
body.svp-register-active #registration input[type="submit"].btn-primary{
  min-width:170px!important;
  min-height:50px!important;
  padding:0 24px!important;
  border:0!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#5d7cff,#7a67ff)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:900!important;
  box-shadow:0 14px 30px rgba(87,101,239,.24)!important;
}
body.svp-register-active #registration input[type="submit"].btn-primary:hover{
  filter:brightness(1.06)!important;
  transform:translateY(-1px)!important;
}

/* Compact native register sidebar similar to the reference */
body.svp-register-active .shamrock-sidebar .card,
body.svp-register-active .shamrock-sidebar .panel{
  border:1px solid #e0e6f0!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(25,39,79,.05)!important;
  overflow:hidden!important;
}
body.svp-register-active .shamrock-sidebar .card-header,
body.svp-register-active .shamrock-sidebar .panel-heading{
  min-height:56px!important;
  padding:16px 18px!important;
  background:#fff!important;
  border-bottom:1px solid #e7ebf2!important;
  color:#34405d!important;
  font-size:15px!important;
}
body.svp-register-active .shamrock-sidebar .list-group-item,
body.svp-register-active .shamrock-sidebar a.list-group-item{
  min-height:52px!important;
  padding:14px 18px!important;
  color:#56617c!important;
  background:#fff!important;
  border-color:#edf0f5!important;
  font-size:13px!important;
}
body.svp-register-active .shamrock-sidebar .list-group-item:hover,
body.svp-register-active .shamrock-sidebar a.list-group-item:hover{
  background:#f4f5ff!important;
  color:#314785!important;
}

@media(max-width:991px){
  body.svp-register-active .shamrock-internal-row{display:block!important;}
  body.svp-register-active .shamrock-sidebar{width:100%!important;max-width:none!important;margin-top:26px!important;}
  body.svp-register-active .shamrock-primary-content .header-lined h1{font-size:36px!important;}
}
@media(max-width:640px){
  body.svp-register-active .shamrock-whmcs-container{width:min(100% - 24px,1380px)!important;}
  body.svp-register-active #registration .card-body{padding:21px 17px!important;}
  body.svp-register-active #registration .card-title{font-size:17px!important;gap:10px!important;}
  body.svp-register-active #registration #default-captcha-domainchecker{grid-template-columns:1fr!important;justify-items:center!important;}
  body.svp-register-active #registration #inputCaptcha{width:150px!important;}
}

/* ========================================================================
   ShamrockVPN V31 - Register page layout correction
   Keep every WHMCS register function native, but remove the sidebar from
   registration and keep the complete form in one clean centered column.
   ======================================================================== */
body.svp-register-active .shamrock-internal-row{
  display:block!important;
  margin:0!important;
}
body.svp-register-active .shamrock-sidebar{
  display:none!important;
}
body.svp-register-active .shamrock-primary-content,
body.svp-register-active .shamrock-primary-content.col-md-9,
body.svp-register-active .shamrock-primary-content.col-sm-8,
body.svp-register-active .shamrock-primary-content.pull-md-right{
  display:block!important;
  float:none!important;
  order:0!important;
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  flex:0 0 auto!important;
  margin:0 auto!important;
  padding:0!important;
}
body.svp-register-active .shamrock-whmcs-body{
  padding:42px 0 72px!important;
  min-height:0!important;
}
body.svp-register-active .shamrock-primary-content .header-lined{
  max-width:1180px!important;
  margin:0 auto 24px!important;
}
body.svp-register-active .shamrock-primary-content .header-lined h1{
  font-size:38px!important;
  font-weight:600!important;
  letter-spacing:-.7px!important;
}
body.svp-register-active .shamrock-primary-content .header-lined h1 small,
body.svp-register-active .shamrock-primary-content .header-lined p{
  font-size:17px!important;
  line-height:1.45!important;
}
body.svp-register-active #registration{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
}
body.svp-register-active #registration .card{
  margin:0 0 20px!important;
  border-radius:14px!important;
}
body.svp-register-active #registration .card-body{
  padding:24px 26px!important;
}
body.svp-register-active #registration .card-title{
  margin-bottom:20px!important;
  font-size:18px!important;
}
body.svp-register-active #registration .form-group{
  margin-bottom:14px!important;
}
body.svp-register-active #registration input.field,
body.svp-register-active #registration input.form-control,
body.svp-register-active #registration select.field,
body.svp-register-active #registration select.form-control{
  min-height:46px!important;
  font-size:14px!important;
}

/* Mailing-list panel: compact native WHMCS functionality, reference-like. */
body.svp-register-active #registration .marketing-email-optin,
body.svp-register-active #registration [id*="marketing"]:has(input[type="checkbox"]),
body.svp-register-active #registration .card:has(input[name="marketingoptin"]){
  margin:18px 0 24px!important;
  padding:22px 24px!important;
  border:1px solid #e1e6ef!important;
  border-radius:12px!important;
  background:#f7f8fb!important;
  box-shadow:none!important;
}
body.svp-register-active #registration .marketing-email-optin h3,
body.svp-register-active #registration .marketing-email-optin h4,
body.svp-register-active #registration .card:has(input[name="marketingoptin"]) .card-title{
  margin:0 0 8px!important;
  color:#18233f!important;
  font-size:18px!important;
  font-weight:800!important;
  text-align:left!important;
}
body.svp-register-active #registration .marketing-email-optin p,
body.svp-register-active #registration .card:has(input[name="marketingoptin"]) p{
  margin:0 0 12px!important;
  color:#4f5b75!important;
  font-size:13px!important;
  line-height:1.6!important;
}

/* CAPTCHA area like the reference: instruction above, image + field inline. */
body.svp-register-active #registration #default-captcha-domainchecker{
  width:min(680px,100%)!important;
  margin:24px auto 26px!important;
  grid-template-columns:auto 130px!important;
  column-gap:16px!important;
  row-gap:10px!important;
}
body.svp-register-active #registration #default-captcha-domainchecker>p{
  font-size:13px!important;
  line-height:1.5!important;
  text-align:center!important;
}
body.svp-register-active #registration #inputCaptcha{
  height:44px!important;
}

/* Terms block and submit button match the compact native WHMCS reference. */
body.svp-register-active #registration .svp-register-tos{
  margin:0 0 22px!important;
  padding:20px 22px!important;
  border-radius:12px!important;
  background:#fafbfe!important;
}
body.svp-register-active #registration .svp-register-tos:before{
  margin:-20px -22px 18px!important;
  padding:14px 20px!important;
  font-size:16px!important;
}
body.svp-register-active #registration .text-center:last-child,
body.svp-register-active #registration .form-actions,
body.svp-register-active #registration .btn-container{
  text-align:center!important;
}
body.svp-register-active #registration input[type="submit"].btn-primary{
  min-width:145px!important;
  min-height:48px!important;
}

@media(max-width:767px){
  body.svp-register-active .shamrock-whmcs-body{padding:28px 0 54px!important;}
  body.svp-register-active .shamrock-primary-content{width:100%!important;}
  body.svp-register-active .shamrock-primary-content .header-lined h1{font-size:31px!important;}
  body.svp-register-active #registration .card-body{padding:20px 16px!important;}
}

/* ========================================================================
   ShamrockVPN V32 - Register sidebar restored + proper native reset layout
   Keeps all WHMCS registration/reset functionality native.
   ======================================================================== */

/* REGISTER: true two-column WHMCS layout, sidebar left / form right. */
body.svp-register-active .shamrock-whmcs-body{
  padding:34px 0 64px!important;
  background:#f5f7fc!important;
  min-height:0!important;
}
body.svp-register-active .shamrock-whmcs-container{
  width:min(1420px,calc(100% - 56px))!important;
  max-width:none!important;
}
body.svp-register-active .shamrock-internal-row{
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  grid-template-areas:"sidebar main"!important;
  align-items:start!important;
  gap:30px!important;
  margin:0!important;
}
body.svp-register-active .shamrock-primary-content,
body.svp-register-active .shamrock-primary-content.col-md-9,
body.svp-register-active .shamrock-primary-content.col-sm-8,
body.svp-register-active .shamrock-primary-content.pull-md-right{
  grid-area:main!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  order:2!important;
  min-width:0!important;
}
body.svp-register-active .shamrock-sidebar,
body.svp-register-active aside.shamrock-sidebar{
  grid-area:sidebar!important;
  display:block!important;
  width:300px!important;
  max-width:300px!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  order:1!important;
  align-self:start!important;
}

/* Reference-like compact registration sidebar. */
body.svp-register-active .shamrock-sidebar .panel,
body.svp-register-active .shamrock-sidebar .card,
body.svp-register-active .shamrock-sidebar .panel-sidebar{
  margin:0 0 18px!important;
  border:1px solid #dfe5ef!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 10px 25px rgba(24,39,78,.045)!important;
  overflow:hidden!important;
}
body.svp-register-active .shamrock-sidebar .panel-heading,
body.svp-register-active .shamrock-sidebar .card-header,
body.svp-register-active .shamrock-sidebar .panel-sidebar>.panel-heading{
  min-height:54px!important;
  padding:14px 18px!important;
  display:flex!important;
  align-items:center!important;
  background:#fff!important;
  border-bottom:1px solid #e5e9f1!important;
  color:#46516b!important;
  font-size:15px!important;
}
body.svp-register-active .shamrock-sidebar .panel-title,
body.svp-register-active .shamrock-sidebar .card-title{
  width:100%!important;
  margin:0!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.3!important;
}
body.svp-register-active .shamrock-sidebar .panel-body{
  padding:16px 18px!important;
  color:#58647e!important;
  font-size:13px!important;
  line-height:1.6!important;
}
body.svp-register-active .shamrock-sidebar .list-group-item,
body.svp-register-active .shamrock-sidebar a.list-group-item{
  min-height:50px!important;
  padding:13px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  background:#fff!important;
  border-color:#edf0f5!important;
  color:#56617a!important;
  font-size:13px!important;
  line-height:1.3!important;
}
body.svp-register-active .shamrock-sidebar .list-group-item i,
body.svp-register-active .shamrock-sidebar a.list-group-item i{
  margin-left:auto!important;
  flex:0 0 auto!important;
  color:#9aa3b4!important;
}
body.svp-register-active .shamrock-sidebar .list-group-item:hover,
body.svp-register-active .shamrock-sidebar a.list-group-item:hover{
  background:#f6f7ff!important;
  color:#30488a!important;
}

/* Register heading/form starts at the same top line as sidebar. */
body.svp-register-active .shamrock-primary-content .header-lined{
  max-width:none!important;
  margin:0 0 22px!important;
  padding:0 0 16px!important;
}
body.svp-register-active .shamrock-primary-content .header-lined h1{
  font-size:38px!important;
  line-height:1.1!important;
  font-weight:500!important;
  color:#203b78!important;
  letter-spacing:-.7px!important;
}
body.svp-register-active .shamrock-primary-content .header-lined h1 small,
body.svp-register-active .shamrock-primary-content .header-lined p{
  font-size:17px!important;
  color:#8c96ae!important;
}
body.svp-register-active #registration{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body.svp-register-active #registration .card{
  margin-bottom:18px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.svp-register-active #registration .card-body{
  padding:0!important;
}
body.svp-register-active #registration .card-title{
  margin:20px 0 22px!important;
  color:#155896!important;
  font-size:18px!important;
  font-weight:500!important;
}
body.svp-register-active #registration .card-title:before,
body.svp-register-active #registration .card-title:after{
  background:#dfe4ec!important;
}
body.svp-register-active #registration .form-group{margin-bottom:14px!important;}
body.svp-register-active #registration input.field,
body.svp-register-active #registration input.form-control,
body.svp-register-active #registration select.field,
body.svp-register-active #registration select.form-control,
body.svp-register-active #registration textarea.form-control{
  min-height:46px!important;
  border-radius:7px!important;
  border:1px solid #dbe2ec!important;
  background:#fff!important;
  font-size:14px!important;
}

/* Mailing list, CAPTCHA, TOS and Register remain native but match reference spacing. */
body.svp-register-active #registration .marketing-email-optin,
body.svp-register-active #registration .card:has(input[name="marketingoptin"]){
  margin:18px 0 26px!important;
  padding:20px 22px!important;
  border:0!important;
  border-radius:4px!important;
  background:#f7f7f7!important;
}
body.svp-register-active #registration #default-captcha-domainchecker{
  width:min(700px,100%)!important;
  margin:24px auto 26px!important;
}
body.svp-register-active #registration .svp-register-tos{
  margin:0 0 22px!important;
  border-radius:12px!important;
  background:#fafbfe!important;
}
body.svp-register-active #registration input[type="submit"].btn-primary{
  min-width:118px!important;
  min-height:46px!important;
  border-radius:9px!important;
}

/* PASSWORD RESET: centered native WHMCS form, no sidebar, Fari-style composition. */
body.svp-reset-active{
  background:#f7f8fc!important;
}
body.svp-reset-active .shamrock-whmcs-body{
  padding:72px 0 88px!important;
  background:#f7f8fc!important;
  min-height:560px!important;
}
body.svp-reset-active .shamrock-whmcs-container{
  width:min(100% - 28px,760px)!important;
  max-width:760px!important;
}
body.svp-reset-active .shamrock-internal-row{
  display:block!important;
  margin:0!important;
}
body.svp-reset-active .shamrock-sidebar{
  display:none!important;
}
body.svp-reset-active .shamrock-primary-content,
body.svp-reset-active .shamrock-primary-content.col-md-9,
body.svp-reset-active .shamrock-primary-content.col-sm-8,
body.svp-reset-active .shamrock-primary-content.pull-md-right,
body.svp-reset-active .shamrock-primary-content.shamrock-primary-full{
  width:100%!important;
  max-width:680px!important;
  margin:0 auto!important;
  padding:42px 40px 46px!important;
  float:none!important;
  border-radius:20px!important;
  border:1px solid #e4e8f0!important;
  background:#fff!important;
  box-shadow:0 20px 48px rgba(31,43,76,.08)!important;
  color:#17223f!important;
}
body.svp-reset-active .header-lined{
  margin:0 0 28px!important;
  padding:0 0 20px!important;
  border-bottom:1px solid #dfe3ea!important;
  position:relative!important;
}
body.svp-reset-active .header-lined:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:76px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#5d7cff,#7a67ff);
}
body.svp-reset-active .header-lined h1{
  margin:0!important;
  color:#21599a!important;
  font-size:38px!important;
  line-height:1.1!important;
  font-weight:500!important;
  letter-spacing:-.6px!important;
}
body.svp-reset-active .header-lined h1 small,
body.svp-reset-active .header-lined p{
  display:block!important;
  margin-top:6px!important;
  color:#8c96ab!important;
  font-size:15px!important;
  font-weight:400!important;
}
body.svp-reset-active .shamrock-primary-content p{
  color:#33405e!important;
  font-size:14px!important;
  line-height:1.55!important;
}
body.svp-reset-active .shamrock-primary-content label{
  color:#24314f!important;
  font-size:13px!important;
  font-weight:700!important;
}
body.svp-reset-active .shamrock-primary-content input[type="email"],
body.svp-reset-active .shamrock-primary-content input.form-control{
  width:100%!important;
  min-height:50px!important;
  border:1px solid #dce3ee!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#1f2b48!important;
  box-shadow:none!important;
}
body.svp-reset-active .shamrock-primary-content input[type="email"]:focus,
body.svp-reset-active .shamrock-primary-content input.form-control:focus{
  border-color:#7180ff!important;
  box-shadow:0 0 0 3px rgba(113,128,255,.10)!important;
}
body.svp-reset-active .shamrock-primary-content .btn-primary,
body.svp-reset-active .shamrock-primary-content input[type="submit"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:112px!important;
  min-height:46px!important;
  margin:22px auto 0!important;
  padding:0 22px!important;
  border:0!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#5d7cff,#7a67ff)!important;
  color:#fff!important;
  font-weight:800!important;
  box-shadow:0 12px 28px rgba(88,107,255,.22)!important;
}

@media(max-width:991px){
  body.svp-register-active .shamrock-whmcs-container{width:min(100% - 28px,900px)!important;}
  body.svp-register-active .shamrock-internal-row{
    grid-template-columns:1fr!important;
    grid-template-areas:"main" "sidebar"!important;
    gap:24px!important;
  }
  body.svp-register-active .shamrock-sidebar,
  body.svp-register-active aside.shamrock-sidebar{
    width:100%!important;
    max-width:none!important;
  }
}
@media(max-width:640px){
  body.svp-register-active .shamrock-whmcs-body{padding:26px 0 50px!important;}
  body.svp-register-active .shamrock-whmcs-container{width:min(100% - 20px,900px)!important;}
  body.svp-register-active .shamrock-primary-content .header-lined h1{font-size:31px!important;}
  body.svp-reset-active .shamrock-primary-content,
  body.svp-reset-active .shamrock-primary-content.col-md-9,
  body.svp-reset-active .shamrock-primary-content.col-sm-8,
  body.svp-reset-active .shamrock-primary-content.pull-md-right,
  body.svp-reset-active .shamrock-primary-content.shamrock-primary-full{
    padding:30px 22px 34px!important;
  }
  body.svp-reset-active .header-lined h1{font-size:31px!important;}
}

/* ========================================================================
   ShamrockVPN V33 - Dedicated, stable Register + Password Reset layouts
   The registration form remains the native Twenty-One WHMCS form.
   ======================================================================== */

/* REGISTER PAGE */
body.svp-register-active{background:#f5f7fc!important;}
.svp-register-page{
  padding:36px 0 72px;
  background:#f5f7fc;
  color:#182440;
}
.svp-register-container{width:min(1420px,calc(100% - 56px))!important;max-width:none!important;}
.svp-register-heading{
  margin-left:330px;
  margin-bottom:24px;
  padding:0 0 18px;
  border-bottom:1px solid #dfe4ed;
  position:relative;
}
.svp-register-heading:after{
  content:"";position:absolute;left:0;bottom:-1px;width:76px;height:3px;border-radius:999px;
  background:linear-gradient(90deg,#5d7cff,#7a67ff);
}
.svp-register-heading h1{
  margin:0 0 8px;color:#235a9b;font-size:40px;line-height:1.08;font-weight:500;letter-spacing:-.8px;
}
.svp-register-heading h1 span{margin-left:8px;color:#8c96ac;font-size:24px;font-weight:400;letter-spacing:-.2px;}
.svp-register-breadcrumbs{display:flex;align-items:center;gap:12px;color:#7c879d;font-size:13px;}
.svp-register-breadcrumbs a{color:#7c879d;text-decoration:none;}
.svp-register-breadcrumbs span{color:#315f9a;}
.svp-register-breadcrumbs i{font-style:normal;color:#c3c9d5;}
.svp-register-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px;align-items:start;}
.svp-register-aside-card{
  background:#fff;border:1px solid #dfe5ef;border-radius:14px;overflow:hidden;
  box-shadow:0 10px 28px rgba(31,43,78,.05);
}
.svp-register-aside-title{
  min-height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  border-bottom:1px solid #e5e9f1;color:#59647b;font-size:15px;font-weight:500;
}
.svp-register-aside-title span{display:flex;align-items:center;gap:10px;}
.svp-register-aside-title span i{color:#6374ff;}
.svp-register-aside-title>i{color:#6374ff;font-size:12px;}
.svp-register-aside-copy{padding:18px;color:#5f6b84;font-size:14px;line-height:1.7;border-bottom:1px solid #edf0f5;}
.svp-register-aside-link{
  min-height:56px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;
  border-bottom:1px solid #edf0f5;color:#536079!important;text-decoration:none!important;font-size:14px;transition:.18s ease;
}
.svp-register-aside-link:last-child{border-bottom:0;}
.svp-register-aside-link i{margin-left:auto;color:#9aa3b4;}
.svp-register-aside-link:hover{background:#f7f8ff;color:#324c91!important;}
.svp-register-main{min-width:0;}
.svp-register-form-shell{width:100%;}
.svp-register-form-shell #registration{width:100%;max-width:none;margin:0;}
.svp-register-form-shell #registration form{margin:0;}
.svp-register-form-shell #registration .card{
  margin:0 0 18px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.svp-register-form-shell #registration .card-body{padding:0!important;}
.svp-register-form-shell #registration .card-title{
  position:relative;display:flex;align-items:center;justify-content:center;gap:18px;margin:18px 0 22px!important;
  color:#145997!important;font-size:18px!important;font-weight:500!important;text-align:center!important;
}
.svp-register-form-shell #registration .card-title:before,
.svp-register-form-shell #registration .card-title:after{content:"";height:1px;background:#dfe4ec;flex:1;}
.svp-register-form-shell #registration .row{margin-left:-9px!important;margin-right:-9px!important;}
.svp-register-form-shell #registration [class*="col-"]{padding-left:9px!important;padding-right:9px!important;}
.svp-register-form-shell #registration .form-group{margin-bottom:14px!important;}
.svp-register-form-shell #registration .prepend-icon{position:relative;}
.svp-register-form-shell #registration .field-icon{
  position:absolute!important;left:0!important;top:0!important;width:48px!important;height:46px!important;display:grid!important;place-items:center!important;
  color:#a6afbf!important;z-index:2!important;margin:0!important;border:0!important;background:transparent!important;
}
.svp-register-form-shell #registration .field-icon i{font-size:14px!important;}
.svp-register-form-shell #registration input.field,
.svp-register-form-shell #registration input.form-control,
.svp-register-form-shell #registration select.field,
.svp-register-form-shell #registration select.form-control,
.svp-register-form-shell #registration textarea.form-control{
  width:100%!important;min-height:46px!important;padding:10px 13px!important;border:1px solid #dbe2ec!important;border-radius:7px!important;
  background:#fff!important;color:#25324e!important;font-size:14px!important;box-shadow:none!important;
}
.svp-register-form-shell #registration .prepend-icon input.field,
.svp-register-form-shell #registration .prepend-icon input.form-control,
.svp-register-form-shell #registration .prepend-icon select.field,
.svp-register-form-shell #registration .prepend-icon select.form-control{padding-left:46px!important;}
.svp-register-form-shell #registration input:focus,
.svp-register-form-shell #registration select:focus,
.svp-register-form-shell #registration textarea:focus{border-color:#7382ff!important;box-shadow:0 0 0 3px rgba(115,130,255,.10)!important;}
.svp-register-form-shell #registration .generate-password{
  min-height:44px!important;padding:0 18px!important;border:1px solid #d8e0ed!important;border-radius:8px!important;background:#fff!important;color:#33415f!important;font-weight:700!important;box-shadow:none!important;
}
.svp-register-form-shell #registration .password-strength-meter .progress{height:10px!important;border-radius:999px!important;background:#eef1f6!important;overflow:hidden!important;}
.svp-register-form-shell #registration #passwordStrengthTextLabel{margin-top:7px!important;color:#66738e!important;font-size:12px!important;}

/* Mailing list block */
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]){
  margin:20px 0 28px!important;padding:0!important;border-radius:5px!important;background:#f6f6f7!important;
}
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .card-body{padding:22px 24px!important;}
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .card-title{
  display:block!important;margin:0 0 8px!important;text-align:left!important;color:#17233f!important;font-size:18px!important;font-weight:800!important;
}
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .card-title:before,
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .card-title:after{display:none!important;}
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) p{margin:0 0 12px!important;color:#35415d!important;font-size:13px!important;line-height:1.6!important;}

/* CAPTCHA */
.svp-register-form-shell #registration #default-captcha-domainchecker{
  width:min(760px,100%)!important;margin:28px auto 28px!important;display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;gap:12px!important;
}
.svp-register-form-shell #registration #default-captcha-domainchecker>p{max-width:720px!important;margin:0 auto 4px!important;color:#24314d!important;font-size:14px!important;line-height:1.55!important;text-align:center!important;}
.svp-register-form-shell #registration #default-captcha-domainchecker .captchaimage,
.svp-register-form-shell #registration #default-captcha-domainchecker .col-6{width:auto!important;max-width:none!important;flex:none!important;padding:0!important;}
.svp-register-form-shell #registration #inputCaptchaImage{height:38px!important;width:auto!important;object-fit:contain!important;}
.svp-register-form-shell #registration #inputCaptcha{width:138px!important;min-height:42px!important;text-align:center!important;padding:8px!important;}

/* TOS */
.svp-register-form-shell #registration .svp-register-tos,
.svp-register-form-shell #registration p.text-center:has(input.accepttos),
.svp-register-form-shell #registration p.text-center:has(input[name="accepttos"]){
  position:relative!important;margin:0 0 24px!important;padding:62px 20px 22px!important;border:1px solid #dfe5ef!important;border-radius:12px!important;background:#fff!important;text-align:left!important;overflow:hidden!important;
}
.svp-register-form-shell #registration .svp-register-tos:before,
.svp-register-form-shell #registration p.text-center:has(input.accepttos):before,
.svp-register-form-shell #registration p.text-center:has(input[name="accepttos"]):before{
  content:"⚠  Terms of Service";position:absolute;left:0;right:0;top:0;padding:16px 20px;background:#f7f8fb;color:#1a2744;font-size:16px;font-weight:800;
}
.svp-register-form-shell #registration input[type="submit"].btn-primary{
  display:block!important;min-width:120px!important;min-height:46px!important;margin:0 auto!important;padding:0 24px!important;border:0!important;border-radius:9px!important;
  background:linear-gradient(135deg,#5d7cff,#7a67ff)!important;color:#fff!important;font-weight:800!important;box-shadow:0 12px 28px rgba(88,107,255,.24)!important;
}

/* PASSWORD RESET */
body.svp-reset-active{background:#f5f7fc!important;}
.svp-reset-page{padding:64px 0 86px;background:#f5f7fc;min-height:620px;color:#17233f;}
.svp-reset-container{width:min(100% - 28px,760px)!important;max-width:760px!important;}
.svp-reset-card{
  position:relative;padding:54px 52px 38px;border:1px solid #e0e6f0;border-radius:24px;background:#fff;
  box-shadow:0 24px 70px rgba(32,47,88,.10);overflow:hidden;
}
.svp-reset-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#5d7cff,#7a67ff,#45d5da);}
.svp-reset-brand-icon{
  width:58px;height:58px;margin:0 auto 18px;display:grid;place-items:center;border-radius:18px;
  background:linear-gradient(135deg,#5d7cff,#7a67ff);color:#fff;font-size:21px;box-shadow:0 14px 30px rgba(88,107,255,.24);
}
.svp-reset-head{text-align:center;margin-bottom:28px;}
.svp-reset-kicker{display:inline-block;margin-bottom:10px;color:#6b78b4;font-size:10px;font-weight:900;letter-spacing:1.2px;}
.svp-reset-head h1{margin:0 0 10px;color:#17233f;font-size:34px;line-height:1.12;font-weight:800;letter-spacing:-.7px;}
.svp-reset-head p{max-width:560px;margin:0 auto;color:#6e7892;font-size:14px;line-height:1.65;}
.svp-reset-form{max-width:570px;margin:0 auto;}
.svp-reset-form label{display:block;margin:0 0 8px;color:#25314d;font-size:13px;font-weight:800;}
.svp-reset-input-wrap{position:relative;}
.svp-reset-input-icon{position:absolute;left:0;top:0;width:50px;height:52px;display:grid;place-items:center;color:#7f8bb0;z-index:2;}
.svp-reset-form input.form-control{width:100%!important;min-height:52px!important;padding:10px 14px 10px 50px!important;border:1px solid #dbe3ef!important;border-radius:11px!important;background:#fff!important;color:#24304d!important;font-size:14px!important;box-shadow:none!important;}
.svp-reset-form input.form-control:focus{border-color:#7382ff!important;box-shadow:0 0 0 4px rgba(115,130,255,.10)!important;}
.svp-reset-form #resetPasswordButton{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-width:190px!important;min-height:48px!important;margin:24px auto 0!important;border:0!important;border-radius:11px!important;background:linear-gradient(135deg,#5d7cff,#7a67ff)!important;color:#fff!important;font-weight:800!important;box-shadow:0 14px 30px rgba(88,107,255,.24)!important;}
.svp-reset-captcha{margin:20px 0 0;}
.svp-reset-links{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px;padding-top:22px;border-top:1px solid #edf0f5;font-size:12px;}
.svp-reset-links a{color:#65719a!important;text-decoration:none!important;font-weight:700;}
.svp-reset-links a:hover{color:#5266d6!important;}
.svp-reset-success-copy{text-align:center;color:#55627f;font-size:14px;line-height:1.65;}

@media(max-width:991px){
  .svp-register-container{width:min(100% - 28px,900px)!important;}
  .svp-register-heading{margin-left:0;}
  .svp-register-layout{grid-template-columns:1fr;gap:24px;}
  .svp-register-main{order:1;}.svp-register-aside{order:2;}
}
@media(max-width:640px){
  .svp-register-page{padding:26px 0 52px;}
  .svp-register-container{width:min(100% - 20px,900px)!important;}
  .svp-register-heading h1{font-size:31px;}
  .svp-register-heading h1 span{display:block;margin:6px 0 0;font-size:17px;}
  .svp-register-form-shell #registration .row{margin-left:0!important;margin-right:0!important;}
  .svp-register-form-shell #registration [class*="col-"]{padding-left:0!important;padding-right:0!important;}
  .svp-reset-page{padding:34px 0 58px;}
  .svp-reset-card{padding:40px 20px 30px;border-radius:18px;}
  .svp-reset-head h1{font-size:29px;}
  .svp-reset-links{flex-direction:column;gap:10px;}
}

/* ========================================================================
   ShamrockVPN V34 - Register field repair + native CAPTCHA/TOS presentation
   + simple Fari-style password reset card.
   ======================================================================== */

/* Keep the registration grid inside the viewport and make field icons
   consistent even when the inherited Twenty-One markup varies by WHMCS build. */
.svp-register-form-shell #registration,
.svp-register-form-shell #registration form,
.svp-register-form-shell #registration .row{
  max-width:100%!important;
}
.svp-register-form-shell #registration .row{
  box-sizing:border-box!important;
}
.svp-register-form-shell #registration .svp-v34-field-holder{
  position:relative!important;
}
.svp-register-form-shell #registration .svp-v34-field-holder>.field-icon{
  opacity:0!important;
  pointer-events:none!important;
}
.svp-register-form-shell #registration .svp-v34-field-icon{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:46px!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:8!important;
  color:#9aa4b5!important;
  font-size:15px!important;
  pointer-events:none!important;
  background:transparent!important;
}
.svp-register-form-shell #registration .svp-v34-field-holder>input.field,
.svp-register-form-shell #registration .svp-v34-field-holder>input.form-control,
.svp-register-form-shell #registration .svp-v34-field-holder>select.field,
.svp-register-form-shell #registration .svp-v34-field-holder>select.form-control,
.svp-register-form-shell #registration .svp-v34-field-holder>.iti input,
.svp-register-form-shell #registration .svp-v34-field-holder>.intl-tel-input input{
  padding-left:46px!important;
}

/* Remove only the visible country flag/dropdown from the phone field. */
.svp-register-form-shell #registration .iti__flag-container,
.svp-register-form-shell #registration .iti__selected-flag,
.svp-register-form-shell #registration .intl-tel-input .flag-container,
.svp-register-form-shell #registration .intl-tel-input .selected-flag,
.svp-register-form-shell #registration .svp-v34-phone-no-flag .iti__flag-container,
.svp-register-form-shell #registration .svp-v34-phone-no-flag .flag-container{
  display:none!important;
}
.svp-register-form-shell #registration .iti,
.svp-register-form-shell #registration .intl-tel-input,
.svp-register-form-shell #registration .svp-v34-phone-no-flag{
  width:100%!important;
}
.svp-register-form-shell #registration input[name="phonenumber"],
.svp-register-form-shell #registration #inputPhone{
  padding-left:46px!important;
}

/* Native WHMCS character CAPTCHA: instruction on top, image and input together. */
.svp-register-form-shell #registration #default-captcha-domainchecker{
  width:min(760px,100%)!important;
  display:grid!important;
  grid-template-columns:auto 140px!important;
  align-items:center!important;
  justify-content:center!important;
  justify-items:center!important;
  column-gap:16px!important;
  row-gap:12px!important;
  margin:30px auto 28px!important;
}
.svp-register-form-shell #registration #default-captcha-domainchecker>p{
  grid-column:1/-1!important;
  max-width:720px!important;
  margin:0 auto 4px!important;
  text-align:center!important;
  color:#28344e!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.svp-register-form-shell #registration #default-captcha-domainchecker .captchaimage,
.svp-register-form-shell #registration #default-captcha-domainchecker>.col-6{
  width:auto!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
}
.svp-register-form-shell #registration #inputCaptchaImage{
  width:auto!important;
  min-width:126px!important;
  height:38px!important;
  border:1px solid #d6deea!important;
  border-radius:5px!important;
  background:#edf5fb!important;
  object-fit:contain!important;
}
.svp-register-form-shell #registration #inputCaptcha{
  width:140px!important;
  min-height:42px!important;
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid #d8e0eb!important;
  border-radius:6px!important;
  text-align:center!important;
  background:#fff!important;
}

/* Keep the WHMCS Terms checkbox block clean when TOS is enabled in WHMCS. */
.svp-register-form-shell #registration .svp-register-tos,
.svp-register-form-shell #registration p.text-center:has(input.accepttos),
.svp-register-form-shell #registration p.text-center:has(input[name="accepttos"]){
  margin:0 0 24px!important;
  border:1px solid #dfe5ef!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(30,45,79,.04)!important;
}

/* Simple password reset form inspired by the supplied fourth reference image. */
body.svp-reset-active{background:#f7f8fb!important;}
.svp-reset-page{
  min-height:640px!important;
  padding:108px 0 120px!important;
  background:#f7f8fb!important;
}
.svp-reset-container{
  width:min(100% - 28px,660px)!important;
  max-width:660px!important;
}
.svp-reset-card{
  padding:48px 40px 54px!important;
  border:0!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 20px 55px rgba(31,43,69,.09)!important;
  overflow:visible!important;
}
.svp-reset-card:before,
.svp-reset-brand-icon,
.svp-reset-kicker,
.svp-reset-links{
  display:none!important;
}
.svp-reset-head{
  margin:0 0 24px!important;
  text-align:left!important;
}
.svp-reset-head h1{
  margin:0!important;
  color:#0e5d96!important;
  font-size:38px!important;
  line-height:1.15!important;
  font-weight:400!important;
  letter-spacing:-.5px!important;
}
.svp-reset-title-rule{
  position:relative!important;
  height:23px!important;
  margin:3px 0 24px!important;
  border-top:1px solid #d4d7dc!important;
}
.svp-reset-title-rule:after{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  width:76px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#ff7a00 0%,#ef176f 100%);
}
.svp-reset-head p{
  max-width:none!important;
  margin:0!important;
  color:#17213b!important;
  font-size:16px!important;
  line-height:1.55!important;
}
.svp-reset-form{
  max-width:none!important;
  margin:0!important;
}
.svp-reset-form .form-group{
  margin:0!important;
}
.svp-reset-form label{
  margin:0 0 8px!important;
  color:#27324a!important;
  font-size:14px!important;
  font-weight:700!important;
}
.svp-reset-input-wrap,
.svp-reset-input-icon{
  display:contents!important;
}
.svp-reset-form input.form-control,
.svp-reset-form input[type="email"]{
  width:100%!important;
  min-height:58px!important;
  padding:13px 16px!important;
  border:1px solid #ef66a3!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#263147!important;
  font-size:15px!important;
  box-shadow:0 0 0 3px rgba(239,102,163,.08)!important;
}
.svp-reset-form input.form-control:focus,
.svp-reset-form input[type="email"]:focus{
  border-color:#e8338b!important;
  box-shadow:0 0 0 4px rgba(232,51,139,.10)!important;
}
.svp-reset-form #resetPasswordButton{
  display:block!important;
  min-width:112px!important;
  min-height:50px!important;
  margin:26px auto 0!important;
  padding:0 24px!important;
  border:0!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#d90b6f,#872aa8)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:700!important;
  box-shadow:0 13px 26px rgba(170,24,118,.22)!important;
}
.svp-reset-form #resetPasswordButton:hover{
  filter:brightness(1.04)!important;
  transform:translateY(-1px)!important;
}
.svp-reset-captcha{
  margin:22px 0 0!important;
}
.svp-reset-success-copy{
  color:#4d5871!important;
  font-size:14px!important;
  line-height:1.65!important;
}

@media(max-width:640px){
  .svp-register-form-shell #registration #default-captcha-domainchecker{
    grid-template-columns:1fr!important;
  }
  .svp-register-form-shell #registration #default-captcha-domainchecker>p{
    grid-column:1!important;
  }
  .svp-reset-page{
    min-height:560px!important;
    padding:54px 0 70px!important;
  }
  .svp-reset-card{
    padding:34px 22px 40px!important;
    border-radius:17px!important;
  }
  .svp-reset-head h1{
    font-size:31px!important;
  }
  .svp-reset-head p{
    font-size:15px!important;
  }
}


/* ========================================================================
   ShamrockVPN V35 - Contact form native CAPTCHA at the end of the form
   ======================================================================== */
.shamrock-theme .svp-contact-captcha{
  grid-column:1/-1!important;
  width:100%!important;
  margin:8px 0 2px!important;
  padding:20px 18px 18px!important;
  border:1px solid #e2e7f1!important;
  border-radius:14px!important;
  background:#f8faff!important;
  text-align:center!important;
}
.shamrock-theme .svp-contact-captcha-title{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:0 0 8px!important;
  color:#23345f!important;
  font-size:14px!important;
  font-weight:800!important;
}
.shamrock-theme .svp-contact-captcha-title i{
  color:#6574ff!important;
}
.shamrock-theme .svp-contact-captcha-help{
  max-width:760px!important;
  margin:0 auto 14px!important;
  color:#56627d!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.shamrock-theme .svp-contact-captcha-native #default-captcha-domainchecker{
  display:grid!important;
  grid-template-columns:auto 140px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  margin:0 auto!important;
  padding:0!important;
}
.shamrock-theme .svp-contact-captcha-native #default-captcha-domainchecker>p{
  display:none!important;
}
.shamrock-theme .svp-contact-captcha-native #inputCaptchaImage{
  min-width:126px!important;
  height:40px!important;
  border:1px solid #cfd8ea!important;
  border-radius:6px!important;
  background:#eef5fb!important;
  object-fit:contain!important;
}
.shamrock-theme .svp-contact-captcha-native #inputCaptcha{
  width:140px!important;
  height:42px!important;
  margin:0!important;
  padding:8px 10px!important;
  border:1px solid #d3dbea!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#1f2e4f!important;
  text-align:center!important;
  font-size:15px!important;
}
.shamrock-theme .svp-contact-captcha-native #inputCaptcha:focus{
  border-color:#6978ff!important;
  box-shadow:0 0 0 3px rgba(105,120,255,.12)!important;
  outline:none!important;
}
@media(max-width:600px){
  .shamrock-theme .svp-contact-captcha{padding:18px 12px!important;}
  .shamrock-theme .svp-contact-captcha-native #default-captcha-domainchecker{
    grid-template-columns:1fr!important;
    justify-items:center!important;
  }
}

/* ========================================================================
   ShamrockVPN V36 - Registration character CAPTCHA visibility repair.
   Uses WHMCS verifyimage.php + the native name="code" field. No bypass.
   ======================================================================== */
.svp-register-form-shell .svp-register-captcha-fallback{
  width:min(760px,100%)!important;
  margin:30px auto 28px!important;
  padding:0!important;
  text-align:center!important;
  background:transparent!important;
}
.svp-register-form-shell .svp-register-captcha-instruction{
  max-width:720px!important;
  margin:0 auto 18px!important;
  color:#28344e!important;
  font-size:14px!important;
  line-height:1.55!important;
  text-align:center!important;
}
.svp-register-form-shell .svp-register-captcha-row{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:16px!important;
  flex-wrap:wrap!important;
}
.svp-register-form-shell .svp-register-captcha-image-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
}
.svp-register-form-shell #svpRegisterCaptchaImage{
  display:block!important;
  width:auto!important;
  min-width:126px!important;
  max-width:180px!important;
  height:42px!important;
  border:1px solid #cfd9e7!important;
  border-radius:5px!important;
  background:#edf5fb!important;
  object-fit:contain!important;
  cursor:pointer!important;
}
.svp-register-form-shell #svpRegisterCaptchaCode{
  display:block!important;
  width:150px!important;
  min-height:44px!important;
  margin:0!important;
  padding:9px 11px!important;
  border:1px solid #d7dfeb!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#24314d!important;
  text-align:center!important;
  font-size:14px!important;
  box-shadow:none!important;
}
.svp-register-form-shell #svpRegisterCaptchaCode:focus{
  border-color:#7382ff!important;
  box-shadow:0 0 0 3px rgba(115,130,255,.10)!important;
  outline:0!important;
}
@media(max-width:520px){
  .svp-register-form-shell .svp-register-captcha-row{gap:10px!important;}
  .svp-register-form-shell #svpRegisterCaptchaImage{height:40px!important;min-width:118px!important;}
  .svp-register-form-shell #svpRegisterCaptchaCode{width:135px!important;min-height:42px!important;}
}


/* ========================================================================
   ShamrockVPN V38 - Better mailing list Yes/No button design on Register.
   ======================================================================== */
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .card-body,
.svp-register-form-shell #registration .marketing-email-optin{
  text-align:center!important;
}
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .card-title,
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) p{
  text-align:center!important;
}
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .btn-group,
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .btn-group-toggle,
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) [class*="btn-group"],
.svp-register-form-shell #registration .marketing-email-optin .btn-group,
.svp-register-form-shell #registration .marketing-email-optin .btn-group-toggle,
.svp-register-form-shell #registration .marketing-email-optin [class*="btn-group"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:row!important;
  gap:8px!important;
  margin:8px auto 0!important;
  padding:6px!important;
  border:1px solid #d9e2ee!important;
  border-radius:14px!important;
  background:#eef3fb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)!important;
}
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .btn-group input[type="radio"],
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .btn-group-toggle input[type="radio"],
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) [class*="btn-group"] input[type="radio"],
.svp-register-form-shell #registration .marketing-email-optin .btn-group input[type="radio"],
.svp-register-form-shell #registration .marketing-email-optin .btn-group-toggle input[type="radio"],
.svp-register-form-shell #registration .marketing-email-optin [class*="btn-group"] input[type="radio"]{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .btn-group .btn,
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .btn-group-toggle .btn,
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) [class*="btn-group"] .btn,
.svp-register-form-shell #registration .marketing-email-optin .btn-group .btn,
.svp-register-form-shell #registration .marketing-email-optin .btn-group-toggle .btn,
.svp-register-form-shell #registration .marketing-email-optin [class*="btn-group"] .btn{
  min-width:96px!important;
  min-height:46px!important;
  padding:11px 22px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#3a4663!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:none!important;
  transition:all .2s ease!important;
}
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .btn-group .btn:hover,
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .btn-group-toggle .btn:hover,
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) [class*="btn-group"] .btn:hover,
.svp-register-form-shell #registration .marketing-email-optin .btn-group .btn:hover,
.svp-register-form-shell #registration .marketing-email-optin .btn-group-toggle .btn:hover,
.svp-register-form-shell #registration .marketing-email-optin [class*="btn-group"] .btn:hover{
  background:#e3eafb!important;
  color:#24314d!important;
}
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .btn-group .btn.active,
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .btn-group-toggle .btn.active,
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) [class*="btn-group"] .btn.active,
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .btn-group .btn.btn-primary,
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .btn-group-toggle .btn.btn-primary,
.svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) [class*="btn-group"] .btn.btn-primary,
.svp-register-form-shell #registration .marketing-email-optin .btn-group .btn.active,
.svp-register-form-shell #registration .marketing-email-optin .btn-group-toggle .btn.active,
.svp-register-form-shell #registration .marketing-email-optin [class*="btn-group"] .btn.active,
.svp-register-form-shell #registration .marketing-email-optin .btn-group .btn.btn-primary,
.svp-register-form-shell #registration .marketing-email-optin .btn-group-toggle .btn.btn-primary,
.svp-register-form-shell #registration .marketing-email-optin [class*="btn-group"] .btn.btn-primary{
  background:linear-gradient(135deg,#5d7cff,#7a67ff)!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(92,114,255,.24)!important;
}
@media(max-width:575px){
  .svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .btn-group,
  .svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .btn-group-toggle,
  .svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) [class*="btn-group"],
  .svp-register-form-shell #registration .marketing-email-optin .btn-group,
  .svp-register-form-shell #registration .marketing-email-optin .btn-group-toggle,
  .svp-register-form-shell #registration .marketing-email-optin [class*="btn-group"]{
    width:100%!important;
    max-width:250px!important;
  }
  .svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .btn-group .btn,
  .svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) .btn-group-toggle .btn,
  .svp-register-form-shell #registration .card:has(input[name="marketingoptin"]) [class*="btn-group"] .btn,
  .svp-register-form-shell #registration .marketing-email-optin .btn-group .btn,
  .svp-register-form-shell #registration .marketing-email-optin .btn-group-toggle .btn,
  .svp-register-form-shell #registration .marketing-email-optin [class*="btn-group"] .btn{
    flex:1 1 0!important;
    min-width:0!important;
  }
}