/* ==========================================================================
   RoTunneling — revamp.css  ·  visual world "Noapte cu motiv de ie" (2026-10)
   A familiar VPN product site: night chrome (header, hero, page bands,
   footer), cool paper content, one Romanian ornament: the ie cross-stitch
   band in a stylized tricolor. Green is reserved for buttons and actions.
   Loaded last; overrides style.css / facelift.css / components.css.
   ========================================================================== */

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/fonts/Manrope-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/fonts/Manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --rt-font: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
  /* night chrome */
  --rt-night: #0D1420;
  --rt-night-2: #152033;
  --rt-night-line: rgba(255, 255, 255, 0.10);
  --rt-on-night: #F3F6FA;
  --rt-on-night-soft: #A9B6C8;   /* 8.3:1 on --rt-night */
  /* paper content */
  --rt-paper: #F3F5F8;
  --rt-surface: #FFFFFF;
  --rt-ink: #0D1420;
  --rt-ink-soft: #4A5568;        /* 7.4:1 on white */
  --rt-line: #DFE4EB;
  --rt-line-strong: #8E99A8;
  /* tricolor ornament (never green) */
  --rt-ie-blue: #3D7BEB;
  --rt-ie-yellow: #F5C518;
  --rt-ie-red: #E0313B;
  /* actions + links */
  --rt-action: #2E7D32;          /* white text 5.1:1 */
  --rt-action-hover: #246428;
  --rt-link: #1F5FBF;            /* 5.6:1 on white */
  --rt-link-on-night: #8DB4FF;
  --rt-focus: #3D7BEB;
  --rt-danger: #B42318;
  --rt-radius: 10px;
  --rt-radius-lg: 14px;
  --rt-shadow: 0 1px 2px rgba(13, 20, 32, 0.05), 0 8px 24px rgba(13, 20, 32, 0.07);
  --rt-shadow-lg: 0 2px 4px rgba(13, 20, 32, 0.06), 0 18px 40px rgba(13, 20, 32, 0.12);
  --rt-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --rt-ie-tile: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='28' viewBox='0 0 56 28' shape-rendering='crispEdges'><rect x='0' y='8' width='4' height='4' fill='%233D7BEB'/><rect x='0' y='12' width='4' height='4' fill='%233D7BEB'/><rect x='0' y='16' width='4' height='4' fill='%233D7BEB'/><rect x='4' y='12' width='4' height='4' fill='%233D7BEB'/><rect x='16' y='12' width='4' height='4' fill='%23E0313B'/><rect x='20' y='8' width='4' height='4' fill='%23E0313B'/><rect x='20' y='16' width='4' height='4' fill='%23E0313B'/><rect x='24' y='4' width='4' height='4' fill='%23E0313B'/><rect x='24' y='12' width='4' height='4' fill='%23F5C518'/><rect x='24' y='20' width='4' height='4' fill='%23E0313B'/><rect x='28' y='0' width='4' height='4' fill='%23E0313B'/><rect x='28' y='8' width='4' height='4' fill='%23F5C518'/><rect x='28' y='12' width='4' height='4' fill='%233D7BEB'/><rect x='28' y='16' width='4' height='4' fill='%23F5C518'/><rect x='28' y='24' width='4' height='4' fill='%23E0313B'/><rect x='32' y='4' width='4' height='4' fill='%23E0313B'/><rect x='32' y='12' width='4' height='4' fill='%23F5C518'/><rect x='32' y='20' width='4' height='4' fill='%23E0313B'/><rect x='36' y='8' width='4' height='4' fill='%23E0313B'/><rect x='36' y='16' width='4' height='4' fill='%23E0313B'/><rect x='40' y='12' width='4' height='4' fill='%23E0313B'/><rect x='52' y='12' width='4' height='4' fill='%233D7BEB'/></svg>");
  /* legacy tokens re-pointed so facelift/components follow the new world */
  --rt-green: var(--rt-action);
  --rt-green-dark: var(--rt-action-hover);
  --rt-header-bg: var(--rt-night);
  --rt-canvas: var(--rt-paper);
}

/* ---------- base ---------- */
html { scrollbar-color: #A3ADBB transparent; }
body {
  background: var(--rt-paper);
  color: var(--rt-ink);
  font-family: var(--rt-font);
  -webkit-font-smoothing: antialiased;
}
body *:not(.fa):not([class^="glyphicon"]):not(code):not(pre):not(kbd) { font-family: var(--rt-font) !important; }
::selection { background: rgba(61, 123, 235, 0.22); color: inherit; }
input, textarea { caret-color: var(--rt-link); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--rt-action); }
a { color: var(--rt-link); text-underline-offset: 0.18em; text-decoration-thickness: 1px; }
a:hover { color: #174A96; }
table, .rt-num, .price, dd { font-variant-numeric: tabular-nums; }
:focus-visible { outline: 3px solid var(--rt-focus); outline-offset: 2px; }

/* ---------- the ie band ---------- */
.rt-ie {
  display: block;
  height: 28px;
  background: var(--rt-ie-tile) 0 50% / 56px 28px repeat-x;
  overflow: hidden;
}
.rt-ie--thin { height: 14px; background-size: 28px 14px; }
.rt-ie[data-ie-stitch] { background: none; }
.rt-ie[data-ie-stitch] svg { display: block; }
.rt-stitch { animation: rt-stitch 0.42s var(--rt-ease-out) both; }
@keyframes rt-stitch {
  from { opacity: 0; transform: scale(0.2); transform-box: fill-box; transform-origin: center; }
  to { opacity: 1; transform: none; transform-box: fill-box; transform-origin: center; }
}

/* ---------- header (night) ---------- */
div#topBar {
  background: var(--rt-night) !important;
  height: auto;
  min-height: 76px;
  position: relative;
  padding-bottom: 14px;
}
div#topBar::after {
  height: 14px !important;
  background: var(--rt-ie-tile) 0 50% / 28px 14px repeat-x !important;
  opacity: 0.95;
}
div#topBar > .container { width: 100%; max-width: 1170px; margin: 0 auto; min-height: 76px; display: flex; align-items: center; justify-content: space-between; }
div#topBar a.logo { height: auto; float: none; display: flex; align-items: center; margin-right: auto; }
div#topBar img.logo { height: 64px; width: auto; margin: -6px 0 -6px -8px; }
@media (min-width: 768px) {
  div#topBar a.mobileHome, div#topBar #mobileNav { display: none !important; }
}
@media (max-width: 767px) {
  div#topBar a.logo { display: none; }
  div#topBar a.mobileHome { display: flex; align-items: center; margin-right: auto; }
  div#topBar img.mobileHome { height: 40px; width: auto; }
  div#topBar nav { display: none; }
}
div#topBar nav, div#topBar nav ul, div#topBar nav ul li { height: auto; line-height: normal; float: none; }
div#topBar nav ul { display: flex; align-items: center; gap: 4px; margin: 0; padding: 0; }
div#topBar nav ul li a {
  height: auto;
  padding: 10px 14px;
  border: 0 !important;
  border-radius: 8px;
  color: var(--rt-on-night-soft);
  font-size: 15px;
  font-weight: 600;
  transition: color 0.15s ease, background-color 0.15s ease;
}
div#topBar nav ul li a:hover,
div#topBar nav ul li a:focus-visible { color: #fff; background: rgba(255, 255, 255, 0.07); text-decoration: none; }
div#topBar nav ul li a.login {
  background: var(--rt-action) !important;
  color: #fff !important;
  margin-right: 8px;
  padding: 10px 18px;
  border-radius: 999px;
}
div#topBar nav ul li a.login:hover { background: var(--rt-action-hover) !important; }
div#topBar nav ul li a.login i { margin-right: 8px; }
nav#mobileNavigation { background: var(--rt-night-2); }
nav#mobileNavigation a { color: var(--rt-on-night); }
div#topBar #mobileNav { color: var(--rt-on-night); }

/* ---------- hero (index) ---------- */
.rt-hero {
  position: relative;
  background: var(--rt-night);
  color: var(--rt-on-night);
  padding: clamp(48px, 7vw, 96px) 0 0;
  overflow: hidden;
}
.rt-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(60% 80% at 85% 20%, rgba(61, 123, 235, 0.16), transparent 70%),
    radial-gradient(40% 60% at 10% 100%, rgba(224, 49, 59, 0.08), transparent 70%);
  pointer-events: none;
}
.rt-hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
  padding-bottom: clamp(48px, 6vw, 80px);
}
.rt-hero__grid::before, .rt-hero__grid::after { display: none; }
.rt-hero__title {
  margin: 0 0 20px;
  color: #fff;
  font-size: clamp(36px, 4.4vw, 60px);
  font-weight: 800;
  line-height: 1.04;
  letter-spacing: -0.03em;
  text-wrap: balance;
}
.rt-hero__lead {
  margin: 0 0 32px;
  max-width: 56ch;
  color: var(--rt-on-night-soft);
  font-size: clamp(17px, 1.5vw, 19px);
  line-height: 1.6;
}
.rt-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.rt-hero__actions .rt-btn { min-width: 176px; font-size: 16px; }
.rt-hero__proof {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
  color: var(--rt-on-night);
  font-size: 15px;
  font-weight: 600;
}
.rt-hero__proof li { display: flex; align-items: center; gap: 8px; }
.rt-hero__proof li::before {
  content: "\f00c";
  font-family: FontAwesome !important;
  font-size: 12px;
  color: var(--rt-ie-yellow);
}
.rt-hero__login { margin: 18px 0 0; font-size: 15px; }
.rt-hero__login a { color: var(--rt-link-on-night); }
.rt-hero__login a:hover { color: #fff; }

/* the app window: a demonstration of the connected state */
.rt-app {
  margin: 0;
  justify-self: end;
  width: min(100%, 380px);
  background: var(--rt-night-2);
  border: 1px solid var(--rt-night-line);
  border-radius: 18px;
  padding: 0 24px 24px;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);
}
.rt-app__bar { display: flex; align-items: center; gap: 6px; height: 44px; margin: 0 -24px 18px; padding: 0 16px; border-bottom: 1px solid var(--rt-night-line); }
.rt-app__bar span { width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, 0.18); }
.rt-app__bar b { margin-left: 10px; font-size: 13px; font-weight: 700; color: var(--rt-on-night-soft); }
.rt-app__status { display: flex; align-items: center; gap: 12px; font-size: 26px; font-weight: 800; letter-spacing: -0.02em; color: #fff; }
.rt-app__pulse { position: relative; width: 14px; height: 14px; border-radius: 50%; background: #4CC26A; }
.rt-app__pulse::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 2px solid rgba(76, 194, 106, 0.45); animation: rt-pulse 2.4s ease-out infinite; }
@keyframes rt-pulse { from { transform: scale(0.6); opacity: 1; } to { transform: scale(1.5); opacity: 0; } }
.rt-app__facts { margin: 20px 0 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--rt-night-line); border-radius: 12px; overflow: hidden; }
.rt-app__facts > div { background: var(--rt-night-2); padding: 12px 14px; }
.rt-app__facts dt { font-size: 12px; font-weight: 600; color: var(--rt-on-night-soft); }
.rt-app__facts dd { margin: 2px 0 0; font-size: 16px; font-weight: 700; color: #fff; }
.rt-app__toggle { display: block; padding: 13px; border-radius: 999px; text-align: center; font-weight: 700; color: var(--rt-on-night); border: 1px solid rgba(255, 255, 255, 0.22); }
.rt-ie--hero { position: relative; }

@media (max-width: 991px) {
  .rt-hero__grid { grid-template-columns: 1fr; }
  .rt-app { justify-self: start; }
}
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}
@media (prefers-reduced-motion: reduce) {
  .rt-app__pulse::after { animation: none; }
}

/* ---------- buttons ---------- */
.rt-btn,
#contentWrapper input[type="submit"],
#contentWrapper button[type="submit"],
#contentWrapper .btn,
div#loginWrapper input.submit,
div#loginWrapper input[type="submit"] {
  border-radius: 999px !important;
  font-weight: 700;
  letter-spacing: 0;
  min-height: 48px;
}
.rt-btn--primary, .rt-btn { background: var(--rt-action) !important; border-color: var(--rt-action) !important; color: #fff !important; }
.rt-btn:hover { background: var(--rt-action-hover) !important; border-color: var(--rt-action-hover) !important; }
.rt-btn--ghost,
.rt-hero .rt-btn--ghost {
  background: transparent !important;
  border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
  color: #fff !important;
}
.rt-btn--ghost:hover { background: rgba(255, 255, 255, 0.08) !important; border-color: #fff !important; }
#contentWrapper .btn-danger { border-radius: 999px !important; }

/* ---------- section surfaces ---------- */
div#contentWrapper,
div#packageWrapper { background: var(--rt-paper) !important; }
div#contentBackground { background: none !important; }

div#contentWrapper h1,
div#packageWrapper h1,
div#packageWrapper h1#register {
  color: var(--rt-ink) !important;
  font-size: clamp(28px, 3.2vw, 40px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.12;
  text-shadow: none !important;
  text-wrap: balance;
}
div#contentWrapper h2, div#packageWrapper h2 { color: var(--rt-ink); font-weight: 750; letter-spacing: -0.015em; text-wrap: balance; }
div#contentWrapper h3, div#packageWrapper h3 { color: var(--rt-ink-soft); font-weight: 500; text-wrap: balance; }
div#contentWrapper h4 { color: var(--rt-ink); font-weight: 700; }
div#contentWrapper p { color: var(--rt-ink-soft); text-wrap: pretty; }
div#contentWrapper strong, div#contentWrapper b { color: var(--rt-ink); }
div#contentWrapper .title, div#packageWrapper .title { color: var(--rt-ink); font-weight: 750; font-size: 17px; }

/* page band on inner pages: the header and the band read as ONE night block,
   closed by a single stitch band (the header's own band is dropped on these pages) */
body:has(div#pageHeaderWrapper) div#topBar { padding-bottom: 0; }
body:has(div#pageHeaderWrapper) div#topBar::after { display: none; }
div#pageHeaderWrapper {
  background:
    var(--rt-ie-tile) 0 100% / 28px 14px repeat-x,
    radial-gradient(50% 120% at 88% 0%, rgba(61, 123, 235, 0.14), transparent 70%),
    var(--rt-night) !important;
  height: auto !important;
  padding: clamp(28px, 4vw, 48px) 0 calc(14px + clamp(36px, 4.5vw, 56px));
  position: relative;
  border-top: 1px solid var(--rt-night-line);
}
div.pageHeader {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
  color: #fff !important;
  font-size: clamp(30px, 3.6vw, 46px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em;
  line-height: 1.08 !important;
  text-align: left !important;
  text-wrap: balance;
}
div.pageHeader .rt-page-title { margin: 0; color: #fff; font: inherit; letter-spacing: inherit; }
div.pageHeader .rt-page-title a { color: #fff; text-decoration: none; }
div.pageHeader .rt-page-lead {
  margin: 12px 0 0;
  max-width: 60ch;
  color: var(--rt-on-night-soft) !important;
  font-size: clamp(16px, 1.4vw, 18px);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.55;
}

/* ---------- inner pages: one alignment, one reading column ---------- */
body:not(:has(.rt-hero)) div#contentWrapper > #contentBackground > .container,
body:not(:has(.rt-hero)) div#contentWrapper > .container { padding-top: 48px; padding-bottom: 72px; }
body:not(:has(.rt-hero)) div#contentWrapper h1,
body:not(:has(.rt-hero)) div#contentWrapper h2,
body:not(:has(.rt-hero)) div#contentWrapper h3 { text-align: left; }
body:not(:has(.rt-hero)) div#contentWrapper h1 { margin-top: 8px; }
body:not(:has(.rt-hero)) div#contentWrapper h2 { font-size: clamp(22px, 2.2vw, 28px); margin: 40px 0 12px; }
body:not(:has(.rt-hero)) div#contentWrapper h3 { font-size: 19px; color: var(--rt-ink); font-weight: 700; margin: 28px 0 8px; }
div#contentWrapper a:not([class*="btn"]):not(.order):not(.nav-link):not([data-toggle]) { color: var(--rt-link); }
div#contentWrapper h5 { color: var(--rt-ink); font-weight: 800; font-size: 16px; }
div#contentWrapper ul:not([class]) li::marker { color: var(--rt-ie-blue); }

/* readable pages (guides, terms, contact, DOH): one white sheet on the paper ground */
.pageContent .rt-readable,
.pageContent > [class*="col-"] > .rt-readable {
  max-width: 820px;
  background: var(--rt-surface);
  border-radius: var(--rt-radius-lg);
  box-shadow: var(--rt-shadow);
  padding: clamp(24px, 4vw, 48px);
}
.pageContent .rt-readable > :first-child { margin-top: 0 !important; }
.pageContent .fb-like { display: none; }

/* article */
.rt-article { background: var(--rt-surface); border-radius: var(--rt-radius-lg); box-shadow: var(--rt-shadow); padding: clamp(24px, 4vw, 44px) clamp(20px, 3vw, 40px); margin: 0 0 32px !important; }
.rt-article h1, div#contentWrapper .rt-article h1 { font-size: clamp(28px, 3vw, 38px) !important; font-weight: 800 !important; color: var(--rt-ink) !important; letter-spacing: -0.025em; }
.rt-article .rt-byline { color: var(--rt-ink-soft); }

/* download: platforms as a tile row, each guide as a sheet */
#contentWrapper .amazing-div-class { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 12px; margin: 0 0 32px; }
#contentWrapper .amazing-div-class::before, #contentWrapper .amazing-div-class::after { display: none; }
#contentWrapper .amazing-div-class > [class*="col-"] { width: auto; float: none; padding: 0; }
#contentWrapper .amazing-div-class > [class*="col-"] > a {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
  min-width: 120px; padding: 18px 16px 14px;
  background: var(--rt-surface); border-radius: var(--rt-radius-lg); box-shadow: var(--rt-shadow);
  color: var(--rt-ink) !important; font-weight: 700; text-decoration: none;
  transition: transform 0.2s var(--rt-ease-out), box-shadow 0.2s var(--rt-ease-out);
}
#contentWrapper .amazing-div-class > [class*="col-"] > a:hover { transform: translateY(-3px); box-shadow: var(--rt-shadow-lg); }
#contentWrapper .amazing-div-class i.fa { font-size: 40px !important; color: var(--rt-ink) !important; }
#contentWrapper:has(.amazing-div-class) .col-md-offset-2 { margin-left: 0; width: 100%; }
#contentWrapper:has(.amazing-div-class) .col-md-8.col-md-offset-2 { max-width: 900px; }
#contentWrapper:has(.amazing-div-class) h1 { font-size: clamp(24px, 2.4vw, 30px) !important; text-align: left !important; }
#contentWrapper:has(.amazing-div-class) hr { margin: 40px 0; }

/* ---------- plans ---------- */
div#packageWrapper { padding-bottom: 72px; }
div#packageWrapper h1#register { margin: 72px 0 8px !important; text-align: left !important; }
div#packageWrapper .row:has(> .rt-plan-col) { display: flex; flex-wrap: wrap; }
div#packageWrapper .row:has(> .rt-plan-col)::before, div#packageWrapper .row:has(> .rt-plan-col)::after { display: none; }
div#packageWrapper .rt-plan-col { margin-bottom: 24px; display: flex; flex-direction: column; float: none; }
div#packageWrapper .rt-plan-col ul.packageBody { flex: 1; display: flex; flex-direction: column; }
div#packageWrapper .rt-plan-col ul.packageBody li.price { margin-top: auto; }
div#packageWrapper div.packageHeader {
  height: auto;
  margin-top: 28px;
  padding: 26px 24px 8px;
  line-height: 1.3;
  text-align: left;
  background: var(--rt-surface);
  border: 0;
  border-radius: var(--rt-radius-lg) var(--rt-radius-lg) 0 0;
  box-shadow: none;
}
div#packageWrapper div.packageHeader span[itemprop="name"] { font-size: 20px; font-weight: 800; color: var(--rt-ink); letter-spacing: -0.01em; }
div#packageWrapper .ribbon-wrapper { position: static; width: auto; height: auto; overflow: visible; display: block; margin-top: 10px; }
div#packageWrapper .ribbon {
  display: inline-block;
  position: static;
  transform: none !important;
  width: auto;
  left: auto; top: auto;
  padding: 4px 10px;
  border-radius: 999px;
  box-shadow: none;
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-shadow: none;
}
div#packageWrapper .ribbon::before, div#packageWrapper .ribbon::after { display: none; }
div#packageWrapper .ribbon.orange { background: #FDF0C2 !important; color: #6B4E00 !important; }
div#packageWrapper .ribbon.blue { background: #DCE8FD !important; color: #163F85 !important; }
div#packageWrapper .ribbon.green { background: #FBE0E2 !important; color: #8A1820 !important; }

div#packageWrapper ul.packageBody {
  margin: 0;
  padding: 4px 24px 24px;
  background: var(--rt-surface);
  border-radius: 0 0 var(--rt-radius-lg) var(--rt-radius-lg);
  box-shadow: var(--rt-shadow);
  overflow: visible;
}
div#packageWrapper div.packageHeader { box-shadow: var(--rt-shadow); clip-path: inset(-40px -40px 0 -40px); }
/* featured plan: stitched strip across the top + deeper shadow, no border */
div#packageWrapper .rt-plan-col:has(.ribbon.blue) div.packageHeader,
div#packageWrapper .rt-plan-col:has(.ribbon.blue) ul.packageBody { box-shadow: var(--rt-shadow-lg); }
div#packageWrapper .rt-plan-col:has(.ribbon.blue) div.packageHeader {
  background: var(--rt-ie-tile) 0 0 / 28px 14px repeat-x, var(--rt-surface);
  padding-top: 40px;
  margin-top: 14px;
}
div#packageWrapper div.packageHeader { min-height: 104px; }
div#packageWrapper .rt-plan-col:has(.ribbon.blue) div.packageHeader { min-height: 118px; }
div#packageWrapper ul.packageBody li {
  position: relative;
  border: 0;
  padding: 9px 0 9px 26px;
  text-align: left;
  color: var(--rt-ink-soft);
  font-size: 15px;
  line-height: 1.45;
}
div#packageWrapper ul.packageBody li::before {
  content: "\f00c";
  font-family: FontAwesome !important;
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 12px;
  color: var(--rt-ie-blue);
}
div#packageWrapper ul.packageBody li.price::before,
div#packageWrapper ul.packageBody li.last::before,
div#packageWrapper ul.packageBody li[class*="deton"]::before,
div#packageWrapper ul.packageBody li[class*="detoff"]::before { display: none; }
div#packageWrapper ul.packageBody li[class*="deton"],
div#packageWrapper ul.packageBody li[class*="detoff"] { padding-left: 0; }
div#packageWrapper ul.packageBody li[class*="deton"] span,
div#packageWrapper ul.packageBody li[class*="detoff"] span { color: var(--rt-link); font-weight: 700 !important; font-size: 14px; }
div#packageWrapper ul.packageBody li .fa-question-circle { color: var(--rt-ie-blue); }
div#packageWrapper ul.packageBody li.price {
  margin-top: 14px;
  padding: 18px 0 8px;
  border-top: 1px solid var(--rt-line);
  color: var(--rt-ink) !important;
  font-size: 38px;
  font-weight: 800;
  letter-spacing: -0.03em;
}
div#packageWrapper ul.packageBody .price span[itemprop="price"],
div#packageWrapper ul.packageBody .price span[itemprop="priceCurrency"] { color: var(--rt-ink) !important; font-weight: 800; }
div#packageWrapper ul.packageBody li.price .cycle { text-align: left; color: var(--rt-ink-soft) !important; font-size: 13px; font-weight: 500; letter-spacing: 0; }
div#packageWrapper ul.packageBody li.last { padding: 14px 0 0; border: 0; box-shadow: none; }
div#packageWrapper ul.packageBody li.last a.order {
  display: block;
  padding: 14px 20px;
  border-radius: 999px;
  background: var(--rt-action) !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.15s ease;
}
div#packageWrapper ul.packageBody li.last a.order:hover { background: var(--rt-action-hover) !important; }
@media (hover: hover) {
  div#packageWrapper .rt-plan-col div.packageHeader,
  div#packageWrapper .rt-plan-col ul.packageBody { transition: transform 0.3s var(--rt-ease-out); }
  div#packageWrapper .rt-plan-col:hover div.packageHeader,
  div#packageWrapper .rt-plan-col:hover ul.packageBody { transform: translateY(-4px); }
}
@media (max-width: 767px) {
  div#packageWrapper .rt-plan-col { max-width: 440px; margin-left: auto; margin-right: auto; float: none; }
}

/* ---------- features + sign-up (index) ---------- */
div#contentWrapper .features { margin-top: 40px; }
div#contentWrapper .features .title { display: block; margin: 22px 0 8px; }
div#contentWrapper .features .title:first-child { margin-top: 0; }
div#contentWrapper .features p { max-width: 62ch; }
div#contentWrapper .featuresImage { width: 44px; height: auto; opacity: 0.9; }
.rt-pay-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.rt-pay-badges img { height: 30px; width: auto; }
div#contentWrapper hr { border-color: var(--rt-line); margin: 56px 0; }

/* ---------- panels, cards, forms ---------- */
.rt-panel {
  background: var(--rt-surface);
  border: 0;
  border-radius: var(--rt-radius-lg);
  box-shadow: var(--rt-shadow);
  padding: 26px;
  margin: 0 0 24px;
}
.rt-panel--quiet { background: #EAEEF4; box-shadow: none; }
.rt-panel__title { margin: 0 0 16px !important; font-size: 20px !important; font-weight: 800 !important; color: var(--rt-ink); }
.rt-panel__sub { margin: 24px 0 8px !important; padding-top: 20px; border-top: 1px solid var(--rt-line); font-size: 16px !important; font-weight: 750 !important; color: var(--rt-ink); }
.rt-panel > :last-child { margin-bottom: 0; }
.rt-panel .alert { margin-bottom: 0; }
div#contentWrapper .rt-panel h2, div#contentWrapper .rt-panel h3, div#contentWrapper .rt-panel p, div#contentWrapper .rt-account > h1 { text-align: left; }
.rt-muted { color: var(--rt-ink-soft); }
.rt-account > h1 { margin: 40px 0 24px; }
.rt-account__grid { margin-bottom: 48px; }
.rt-facts { margin: 0; }
.rt-facts > div { display: grid; grid-template-columns: minmax(150px, 38%) 1fr; gap: 16px; padding: 12px 0; border-top: 1px solid var(--rt-line); }
.rt-facts > div:first-child { border-top: 0; padding-top: 0; }
.rt-facts dt { font-weight: 500; color: var(--rt-ink-soft); }
.rt-facts dd { margin: 0; color: var(--rt-ink); font-weight: 600; }
@media (max-width: 480px) { .rt-facts > div { grid-template-columns: 1fr; gap: 2px; } }
.rt-feature-list { list-style: none; margin: 0; padding: 0; }
.rt-feature-list li { position: relative; padding: 7px 0 7px 26px; color: var(--rt-ink-soft); line-height: 1.45; }
.rt-feature-list li strong { color: var(--rt-ink); }
.rt-feature-list li::before { content: "\f00c"; font-family: FontAwesome !important; position: absolute; left: 0; top: 8px; font-size: 12px; color: var(--rt-ie-blue); }
.rt-account__aside .rt-plan-form .btn { width: 100%; margin-top: 4px; }
.rt-account__aside .rt-plan-form label.select { display: block; width: 100%; }
.rt-pay-main + .rt-account__aside.rt-panel { margin-top: 8px; }
.rt-account__aside.rt-panel h2 { font-size: 20px; font-weight: 800; margin: 0 0 12px; }

/* login/register card: tricolor stitch replaces the four-colour rule */
#loginWrapper.rt-card, .rt-card { border: 0 !important; border-radius: var(--rt-radius-lg) !important; box-shadow: var(--rt-shadow-lg) !important; overflow: hidden; }
#loginWrapper.rt-card::before, .rt-card::before {
  height: 14px !important;
  top: 0;
  background: var(--rt-ie-tile) 0 50% / 28px 14px repeat-x !important;
}
#loginWrapper.rt-card { padding-top: 38px !important; }

.rt-control, #contentWrapper .form-control,
div#loginWrapper.rt-card input[type="text"],
div#loginWrapper.rt-card input[type="password"],
div#loginWrapper.rt-card input[type="email"],
div#loginWrapper.rt-card input[type="tel"] {
  border: 1px solid var(--rt-line-strong) !important;
  border-radius: var(--rt-radius) !important;
  background: #fff !important;
  box-shadow: none !important;
}
div#loginWrapper.rt-card input:focus,
#contentWrapper .form-control:focus { border-color: var(--rt-focus) !important; box-shadow: 0 0 0 3px rgba(61, 123, 235, 0.22) !important; }

/* tabs (client area) */
#contentWrapper .nav-tabs { border: 0; display: flex; flex-wrap: wrap; gap: 6px; margin-top: 32px; padding: 6px; background: #E6EBF2; border-radius: 999px; width: fit-content; }
#contentWrapper .nav-tabs > li { float: none; margin: 0; }
#contentWrapper .nav-tabs > li > a,
#contentWrapper .nav-tabs .nav-link { border: 0 !important; border-radius: 999px !important; margin: 0; padding: 9px 18px; color: var(--rt-ink-soft); font-weight: 700; background: transparent; }
#contentWrapper .nav-tabs > li > a:hover { background: rgba(255, 255, 255, 0.6); color: var(--rt-ink); }
#contentWrapper .nav-tabs > li.active > a,
#contentWrapper .nav-tabs .nav-link.active { background: #fff !important; color: var(--rt-ink) !important; box-shadow: 0 1px 3px rgba(13, 20, 32, 0.12); }

/* alerts: tinted surface, uniform hairline */
.rt-alert, #contentWrapper .alert { border-left-width: 1px; border-radius: var(--rt-radius); }
.rt-seg #company-fields { border-left-width: 1px; }

/* tables */
#contentWrapper .table, #contentWrapper table.table { background: #fff; border-radius: var(--rt-radius-lg); overflow: hidden; box-shadow: var(--rt-shadow); }
#contentWrapper .table > thead > tr > th { background: #EEF2F7; color: var(--rt-ink-soft); font-weight: 700; border-bottom: 1px solid var(--rt-line); }
#contentWrapper .table > tbody > tr > td { border-top: 1px solid var(--rt-line); color: var(--rt-ink); }

/* ---------- footer (night) ---------- */
footer {
  position: relative;
  background: var(--rt-night) !important;
  color: var(--rt-on-night-soft) !important;
  padding-top: 64px !important;
  border: 0 !important;
}
footer::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 14px;
  background: var(--rt-ie-tile) 0 50% / 28px 14px repeat-x;
}
footer .title, footer li.title { color: #fff !important; font-weight: 800 !important; font-size: 15px !important; }
footer p, footer li, footer span { color: var(--rt-on-night-soft) !important; }
footer a { color: var(--rt-link-on-night) !important; }
footer a:hover { color: #fff !important; }
#footerCopyright { color: var(--rt-on-night-soft) !important; border: 0 !important; }
#footerSocial a, #footerSocial i { color: var(--rt-on-night-soft) !important; }
#footerBottom { background: var(--rt-night) !important; }

/* cookie bar (third-party, light-top theme) */
.cc_banner-wrapper .cc_banner { background: var(--rt-night-2) !important; color: var(--rt-on-night) !important; font-family: var(--rt-font) !important; }
.cc_banner .cc_message { color: var(--rt-on-night) !important; font-size: 14px !important; }
.cc_banner .cc_btn { background: var(--rt-action) !important; color: #fff !important; border-radius: 999px !important; font-weight: 700 !important; }

/* T&C modal (tingle) */
.tingle-modal-box { border-radius: var(--rt-radius-lg) !important; }
.tingle-btn, .tingle-btn--primary { background: var(--rt-action) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; font-weight: 700 !important; padding: 12px 24px !important; }
.tingle-btn:hover { background: var(--rt-action-hover) !important; }

/* ---------- finish-review fixes ---------- */
/* mobile logo: legacy style.css sends .mobileHome to z-index:-250 */
div#topBar a.mobileHome { position: relative; z-index: 1; }

/* green is for actions only: discounts read as ink */
.rt-discount, #contentWrapper .rt-discount { color: var(--rt-ink) !important; font-weight: 700; }

/* client area: tab rail stays one row; the tab-pane title duplicates the active tab */
#contentWrapper .nav-tabs { flex-wrap: nowrap; overflow-x: auto; max-width: 100%; scrollbar-width: none; }
#contentWrapper .nav-tabs::-webkit-scrollbar { display: none; }
#contentWrapper .nav-tabs > li { flex: 0 0 auto; }
div#contentWrapper .rt-account > h1 {
  position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.rt-account__grid { margin-top: 28px; }

/* payment: one primary action (Plateste Acum); periods fill the column as secondary choices */
div#contentWrapper .rt-pay-main h1 { text-align: left; font-size: 24px !important; margin: 48px 0 8px; }
.rt-pay-main .row > .col-md-8:has(.rt-period-grid) { width: 100%; float: none; }
.rt-pay-main .rt-period-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 991px) { .rt-pay-main .rt-period-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .rt-pay-main .rt-period-grid { grid-template-columns: 1fr; } }
.rt-pay-main .rt-period { width: auto !important; margin: 0 !important; }
#contentWrapper .rt-period .btn-primary {
  background: #fff !important;
  color: var(--rt-action) !important;
  border: 1.5px solid var(--rt-action) !important;
  width: 100%;
}
#contentWrapper .rt-period .btn-primary:hover { background: #EAF4EA !important; }

/* article title is an h4 in the legacy markup */
div#contentWrapper .rt-article h4[itemprop="name"] {
  margin: 12px 0 8px;
  color: var(--rt-ink) !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em;
  line-height: 1.12;
}

/* forms (login, register, recover) line up with the page title instead of floating centred */
body:not(:has(.rt-hero)) .rt-form-col { margin-left: 0 !important; margin-right: auto !important; }