/*
 * RoLeaf: aliniere vizuală zona de client (clienti.roleaf.ro) cu roleaf.ro
 * - fonturi Archivo + Source Sans 3 servite local (ca pe roleaf.ro)
 * - paleta OKLCH verde-pădure + chihlimbar (tokenii din roleaf.ro/style.css)
 * - un singur antet alb de 72px: logo | meniu | cont
 * Încărcat din includes/hooks/roleaf_ui.php, după CSS-ul temei shufytheme.
 */

/* ---------- Fonturi ---------- */
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 500 800; font-display: swap;
  src: url('/assets/fonts/roleaf/archivo-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 500 800; font-display: swap;
  src: url('/assets/fonts/roleaf/archivo-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; }
@font-face { font-family: 'Source Sans 3'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url('/assets/fonts/roleaf/source-sans-3-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Source Sans 3'; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url('/assets/fonts/roleaf/source-sans-3-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; }

/* ---------- Tokeni roleaf.ro + maparea pe variabilele temei ---------- */
:root, body.theme-style-two {
  --rl-hue: 145;
  --rl-primary-50:  oklch(97% 0.020 var(--rl-hue));
  --rl-primary-100: oklch(94% 0.050 var(--rl-hue));
  --rl-primary-500: oklch(66% 0.175 var(--rl-hue));
  --rl-primary-600: oklch(58% 0.165 148);
  --rl-primary-700: oklch(48% 0.140 148);
  --rl-primary-800: oklch(40% 0.110 150);
  --rl-accent-500:  oklch(76% 0.160 70);
  --rl-accent-50:   oklch(97% 0.030 85);
  --rl-gray-50:  oklch(98% 0.003 var(--rl-hue));
  --rl-gray-100: oklch(96% 0.004 var(--rl-hue));
  --rl-gray-200: oklch(90% 0.006 var(--rl-hue));
  --rl-gray-300: oklch(84% 0.008 var(--rl-hue));
  --rl-gray-500: oklch(49% 0.010 var(--rl-hue));
  --rl-gray-600: oklch(37% 0.010 var(--rl-hue));
  --rl-gray-700: oklch(30% 0.009 var(--rl-hue));
  --rl-gray-900: oklch(15% 0.005 var(--rl-hue));
  --rl-radius-md: 0.5rem;
  --rl-radius-lg: 0.75rem;
  --rl-ease: cubic-bezier(0.25, 1, 0.5, 1);

  --font-heading: 'Archivo', system-ui, sans-serif;
  --font-body: 'Source Sans 3', system-ui, sans-serif;

  --btn-primary-bg: var(--rl-primary-600);
  --btn-primary-border: var(--rl-primary-600);
  --btn-primary-bg-hover: var(--rl-primary-700);
  --btn-primary-border-hover: var(--rl-primary-700);
  --btn-primary-light-color: var(--rl-primary-700);
  --btn-primary-outlin-border: var(--rl-primary-600);
  --btn-primary-outlin-color: var(--rl-primary-700);
  --btn-primary-outlin-bg-hover: var(--rl-primary-600);
  --btn-primary-outlin-border-hover: var(--rl-primary-600);
  --btn-primary-outlin-light-border: var(--rl-primary-600);
  --btn-primary-outlin-light-color: var(--rl-primary-700);
  --btn-primary-outlin-light-bg-hover: var(--rl-primary-600);
  --btn-primary-outlin-light-border-hover: var(--rl-primary-600);
  --background-4: var(--rl-primary-500);
  --background-5: var(--rl-primary-600);
  --background-11: var(--rl-primary-700);
  --background-12: var(--rl-primary-600);
  --background-13: var(--rl-primary-600);
  --background-8: var(--rl-primary-50);
  --background-3: var(--rl-primary-100);
  --background-2: var(--rl-gray-50);
  --background-15: var(--rl-accent-500);
  --color-h: var(--rl-gray-900);
  --color-texts: var(--rl-gray-700);
  --color-h-sub: var(--rl-gray-500);
  --color-texts-opacity: var(--rl-gray-500);
  --border-color: var(--rl-gray-200);
  --border-color-light: var(--rl-gray-100);
  --a-link-color: var(--rl-primary-700);
  --a-link-color-hover: var(--rl-primary-800);
  --alertbgprimary: var(--rl-primary-50);
  --alertcolorprimary: var(--rl-primary-700);
  --alertbgsuccess: var(--rl-primary-50);
  --alertcolorsuccess: var(--rl-primary-700);
  --alertbgwarning: var(--rl-accent-50);
}

body { font-family: var(--font-body); color: var(--rl-gray-700); }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--font-heading); letter-spacing: -0.01em; }
.btn { font-family: var(--font-heading); font-weight: 600; border-radius: var(--rl-radius-lg); }

/* ---------- Antet: o singură bară albă, 72px ---------- */
/* tema împinge antetul sub meniu prin această variabilă (cu !important); meniul e acum în antet,
   iar pe ecrane mici e în meniul lateral, deci antetul stă lipit sus la orice lățime */
body.horizontal__sidebar { --horizontal-sidebar-default-height: 0px; --horizontal-sidebar-default-height-scrolled: 0px; }

/* pe telefon și tabletă tema ascunde logo-ul din antet: îl afișăm lângă butonul de meniu */
@media (max-width: 1199.98px) {
  body header.header { top: 0 !important; background: #fff !important; border-bottom: 1px solid var(--rl-gray-200); box-shadow: none !important; }
  body header.header .top__header__website__identity { gap: 14px; }
  body header.header .website__identity__sidebar__link { width: auto !important; height: auto !important; }
  body header.header .website__identity__sidebar__link img.white__logo { display: block !important; height: 24px; width: auto; }
  body header.header .website__identity__sidebar__link img.dark__logo,
  body header.header .header__latest__annoncements { display: none !important; }
}

@media (min-width: 1200px) {
  #mainpagewrapper.page-wrapper { padding-top: 72px !important; }
  /* „Ieșire” e în meniul contului (dreapta sus) */
  body.horizontal__sidebar .sidebar .sidebar__logout,
  body.horizontal__sidebar .sidebar a.sidebar__item[href$="/login.php"] { display: none !important; }

  body header.header {
    top: 0 !important;
    height: 72px;
    background: #fff !important;
    border-bottom: 1px solid var(--rl-gray-200);
    box-shadow: none !important;
  }
  body header.header .page__container,
  body header.header .header__row { height: 72px; }
  body header.header .website__identity__sidebar__link .image__logo { max-height: 26px !important; height: 26px; width: auto; }

  /* caruselul „Noutăți” iese din antet (anunțurile rămân pe pagina lor) */
  body header.header .header__latest__annoncements { display: none !important; }

  /* meniul (fostul sidebar orizontal negru) stă în aceeași bară, între logo și cont */
  body.horizontal__sidebar .sidebar {
    top: 0 !important;
    /* containerul antetului e centrat, cu max-width 1448px (24px padding): meniul pornește la 216px după marginea lui,
       adică imediat după logo, la orice lățime de ecran */
    left: calc(max(0px, (100% - 1448px) / 2) + 240px) !important;
    right: auto !important;
    width: auto !important;
    height: 72px !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: 995 !important;
  }
  body.horizontal__sidebar .sidebar .sidebar__container,
  body.horizontal__sidebar .sidebar .sidebar__menu {
    height: 72px; padding: 0 !important; background: transparent !important;
    display: flex; align-items: center; gap: 2px;
  }
  body.horizontal__sidebar .sidebar .sidebar__extend__toggle { display: none !important; }

  body.horizontal__sidebar .sidebar .sidebar__item > .sidebar__top > .sidebar__head,
  body.horizontal__sidebar .sidebar a.sidebar__item {
    height: auto !important;
    padding: 0.5rem 0.875rem !important;
    border-radius: var(--rl-radius-md) !important;
    background: transparent !important;
    color: var(--rl-gray-600) !important;
    font-family: var(--font-heading) !important;
    font-size: 0.9375rem !important;
    font-weight: 500 !important;
    transition: background-color 150ms var(--rl-ease), color 150ms var(--rl-ease);
  }
  body.horizontal__sidebar .sidebar .sidebar__item { background: transparent !important; width: auto !important; }
  body.horizontal__sidebar .sidebar .side__bar__item__text { color: inherit !important; font: inherit !important; }
  /* iconițele temei sunt greșite (toate „casă”); meniul rămâne doar text, ca pe site */
  body.horizontal__sidebar .sidebar .side__bar__item__icon { display: none !important; }

  body.horizontal__sidebar .sidebar .sidebar__item:hover > .sidebar__top > .sidebar__head,
  body.horizontal__sidebar .sidebar .sidebar__item.active > .sidebar__top > .sidebar__head,
  body.horizontal__sidebar .sidebar a.sidebar__item:hover {
    color: var(--rl-primary-700) !important;
    background: var(--rl-primary-50) !important;
  }

  /* submeniuri: card alb, ca dropdown-urile de pe roleaf.ro */
  body.horizontal__sidebar .sidebar .sidebar__body {
    background: #fff !important;
    border: 1px solid var(--rl-gray-200) !important;
    border-radius: var(--rl-radius-lg) !important;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.08) !important;
  }
  body.horizontal__sidebar .sidebar .sidebar__body .sidebar__dropdown__title { display: none !important; }
  body.horizontal__sidebar .sidebar .sidebar__body .sidebar__link {
    color: var(--rl-gray-700) !important; background: transparent !important;
    font-family: var(--font-body) !important; font-size: 0.9375rem !important;
    border-radius: var(--rl-radius-md) !important;
  }
  body.horizontal__sidebar .sidebar .sidebar__body .sidebar__link:hover {
    color: var(--rl-primary-700) !important; background: var(--rl-primary-50) !important;
  }
}

/* ---------- Butoane și linkuri în culorile site-ului ---------- */
.btn-primary, .btn-success {
  background: var(--rl-primary-600) !important; border-color: var(--rl-primary-600) !important; color: #fff !important;
}
.btn-primary:hover, .btn-success:hover {
  background: var(--rl-primary-700) !important; border-color: var(--rl-primary-700) !important;
}
a { color: var(--a-link-color); }

/* laptop mic: meniul vizitatorului în engleză + Register/Account abia încap; strângem spațiile dintre elemente */
@media (min-width: 1200px) and (max-width: 1365.98px) {
  body.horizontal__sidebar .sidebar .sidebar__item > .sidebar__top > .sidebar__head,
  body.horizontal__sidebar .sidebar a.sidebar__item { padding: 0.5rem 0.625rem !important; }
}

/* ---------- Tabletă (768–1199px): antet + meniu pe al doilea rând ---------- */
@media (min-width: 768px) and (max-width: 1199.98px) {
  body.horizontal__sidebar .header__burger,
  body.horizontal__sidebar .sidebar .sidebar__close,
  body.horizontal__sidebar .sidebar .sidebar__extend__toggle,
  body.horizontal__sidebar .sidebar .sidebar__logout,
  body.horizontal__sidebar .sidebar a.sidebar__item[href$="/login.php"],
  body.horizontal__sidebar .sidebar .side__bar__item__icon { display: none !important; }
  body.horizontal__sidebar header.header { height: 72px; }
  body.horizontal__sidebar header.header .page__container,
  body.horizontal__sidebar header.header .header__row { height: 72px; }
  body.horizontal__sidebar .sidebar {
    top: 72px !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 52px !important;
    background: #fff !important; border-bottom: 1px solid var(--rl-gray-200); box-shadow: none !important;
  }
  body.horizontal__sidebar .sidebar .sidebar__container { height: 52px; padding: 0 16px !important; background: transparent !important; }
  body.horizontal__sidebar .sidebar .sidebar__menu { height: 52px; display: flex; align-items: center; gap: 2px; padding: 0 !important; background: transparent !important; }
  body.horizontal__sidebar .sidebar .sidebar__item { background: transparent !important; width: auto !important; }
  body.horizontal__sidebar .sidebar .sidebar__item > .sidebar__top > .sidebar__head,
  body.horizontal__sidebar .sidebar a.sidebar__item {
    height: auto !important; padding: 0.4rem 0.75rem !important; border-radius: var(--rl-radius-md) !important;
    background: transparent !important; color: var(--rl-gray-600) !important;
    font-family: var(--font-heading) !important; font-size: 0.9375rem !important; font-weight: 500 !important;
  }
  body.horizontal__sidebar .sidebar .side__bar__item__text { color: inherit !important; font: inherit !important; }
  body.horizontal__sidebar .sidebar .sidebar__item:hover > .sidebar__top > .sidebar__head,
  body.horizontal__sidebar .sidebar a.sidebar__item:hover { color: var(--rl-primary-700) !important; background: var(--rl-primary-50) !important; }
  body.horizontal__sidebar .sidebar .sidebar__body {
    background: #fff !important; border: 1px solid var(--rl-gray-200) !important; border-radius: var(--rl-radius-lg) !important;
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.08), 0 4px 6px -4px rgb(0 0 0 / 0.08) !important;
  }
  body.horizontal__sidebar .sidebar .sidebar__body .sidebar__dropdown__title { display: none !important; }
  body.horizontal__sidebar .sidebar .sidebar__body .sidebar__link { color: var(--rl-gray-700) !important; background: transparent !important; font-family: var(--font-body) !important; }
  body.horizontal__sidebar .sidebar .sidebar__body .sidebar__link:hover { color: var(--rl-primary-700) !important; background: var(--rl-primary-50) !important; }
  #mainpagewrapper.page-wrapper { padding-top: 124px !important; }
}

/* ---------- Telefon: loc pentru logo + coș + cont ---------- */
@media (max-width: 575.98px) {
  body header.header .page__container { padding-left: 16px !important; padding-right: 16px !important; }
  body header.header .top__header__website__identity { margin-right: 8px !important; gap: 10px; min-width: 0; }
  body header.header .header__burger { margin-right: 0 !important; }
  body header.header .website__identity__sidebar__link img.white__logo { height: 20px; max-width: 120px; object-fit: contain; object-position: left center; }
  body header.header .header__language,
  body header.header .header__control > .header__item { margin-right: 4px !important; }
  body header.header .header__control > .header__item:last-child { margin-right: 0 !important; }
  body header.header .header__darkmode__selector__wrapper { display: none !important; }
  body header.header .language__flag__text,
  body header.header .language__dropdown__select .dropdown__toggle > span:not(.language__flag) { display: none !important; }
  body header.header .right__header__control { gap: 2px; }
}

/* ---------- Curățenie vizuală ---------- */
/* site-ul nu are mod întunecat */
body header.header .header__darkmode__selector__wrapper { display: none !important; }
/* bara cu titlul paginii: linie fină în loc de umbra de 30px */
.full__width__secondarysidebar__menu,
body .full__with__section.full__width__secondarysidebar__menu {
  box-shadow: none !important;
  border-bottom: 1px solid var(--rl-gray-200);
}

/* ---------- Footer (ca pe roleaf.ro) ---------- */
:root {
  --rl-gray-400: oklch(65% 0.010 var(--rl-hue));
  --rl-gray-800: oklch(22% 0.008 var(--rl-hue));
  --rl-primary-400: oklch(74% 0.160 var(--rl-hue));
}
.rl-footer {
  background: var(--rl-gray-900);
  color: var(--rl-gray-400);
  font-family: var(--font-body);
  padding: 4rem 0 0;
  margin-top: 4rem;
}
.rl-footer__inner { max-width: 1280px; margin: 0 auto; padding: 0 24px; }
.rl-footer__grid {
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem;
  padding-bottom: 3rem; border-bottom: 1px solid var(--rl-gray-800);
}
.rl-footer__col { min-width: 0; }
.rl-footer__brand img { height: 32px; width: auto; margin-bottom: 1rem; filter: brightness(0) invert(1); }
.rl-footer__brand p { font-size: 0.9375rem; line-height: 1.7; margin: 0 0 1.5rem; color: var(--rl-gray-400); }
.rl-footer__social { display: flex; gap: 0.75rem; }
.rl-footer__social a {
  width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;
  background: var(--rl-gray-800); border-radius: var(--rl-radius-md); color: var(--rl-gray-400);
  transition: background-color 150ms var(--rl-ease), color 150ms var(--rl-ease);
}
.rl-footer__social a:hover { background: var(--rl-primary-600); color: #fff; }
.rl-footer .rl-footer__title {
  font-family: var(--font-heading); font-size: 0.9375rem; font-weight: 600; color: #fff;
  margin: 0 0 1.25rem; letter-spacing: 0;
}
.rl-footer__links { display: flex; flex-direction: column; gap: 0.75rem; }
.rl-footer a { color: var(--rl-gray-400); font-size: 0.9375rem; text-decoration: none; transition: color 150ms var(--rl-ease); }
.rl-footer a:hover, .rl-footer a:focus-visible { color: var(--rl-primary-400); }
.rl-footer__contact { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 1rem; font-size: 0.875rem; line-height: 1.6; }
.rl-footer__contact i { color: var(--rl-primary-500); margin-top: 0.25rem; width: 16px; text-align: center; }
.rl-footer__contact a { font-size: 0.875rem; }
.rl-footer__bottom {
  display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; padding: 1.5rem 0;
}
.rl-footer__copyright { font-size: 0.875rem; margin: 0; }
.rl-footer__legal { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; }
.rl-footer__legal a { font-size: 0.875rem; color: var(--rl-gray-500); }
.rl-footer__payments { display: flex; gap: 0.5rem; }
.rl-footer__payments i { font-size: 1.75rem; color: var(--rl-gray-500); }
@media (max-width: 968px) {
  .rl-footer__grid { grid-template-columns: repeat(2, 1fr); }
  .rl-footer__brand { grid-column: span 2; }
}
@media (max-width: 640px) {
  .rl-footer { padding-top: 3rem; }
  .rl-footer__inner { padding: 0 16px; }
  .rl-footer__grid { grid-template-columns: 1fr; gap: 2rem; }
  .rl-footer__brand { grid-column: span 1; }
  .rl-footer__bottom { flex-direction: column; text-align: center; }
  .rl-footer__legal { justify-content: center; }
}

/* containerul temei are padding de 24px (dreapta mereu, stânga sub 768px): footerul îl anulează, ca să ocupe toată lățimea */
.homepage__main__wrapper .rl-footer { margin-right: -24px; }
@media (max-width: 767.98px) { .homepage__main__wrapper .rl-footer { margin-left: -24px; } }

/* breadcrumb cu un singur element repetă titlul paginii */
.breadcrumb:has(> li:only-child) { display: none !important; }
/* categoriile documentației sunt deja în pagină; tema le-ar arăta și ca buton verde plutitor */
/* tema le forțează cu .full__width__secondarysidebar__menu .nav__items__wrapper.categories { display:flex !important } */
body .full__width__secondarysidebar__menu .nav__items__wrapper.nav__items__wrapper[menuitemname="Support Knowledgebase Categories"],
body .full__width__secondarysidebar__menu .nav__items__wrapper.nav__items__wrapper[menuitemname="Client Contacts"] { display: none !important; }

/* ---------- Pagina de domenii ---------- */
/* text evidențiat și link RoTLD: verde pe verde devine verde-mentă deschis, lizibil pe fundalul închis */
.domain__register__hero .main__banner__primary__text,
.domain__register__hero a,
.domain__register__hero a:hover { color: oklch(90% 0.11 145) !important; }
/* vindem doar .ro: „Cel mai ales”, extensiile recomandate și sugestiile (care nu se încarcă) repetă rezultatul principal */
.domain__search__page__spotlighttlds,
.domain__search__suggested__domains__wrapper,
#primaryLookupResult .recommended__domains__wrapper { display: none !important; }
#primaryLookupResult .row > .col-md-6:has(.recommended__domains__wrapper) { display: none !important; }
#primaryLookupResult .row > .col-md-6:first-child { flex: 0 0 100%; max-width: 100%; }
/* tabelul de prețuri are un singur rând (.ro): fără filtre de categorii și paginare */
.domain__register__pricing__table__wrapper .tld-filters,
.domain__register__pricing__table__wrapper .pagination { display: none !important; }

/* butoanele portocalii ale temei trec pe culorile site-ului */
.btn-orange { background: var(--rl-primary-600) !important; border-color: var(--rl-primary-600) !important; color: #fff !important; }
.btn-orange:hover { background: var(--rl-primary-700) !important; border-color: var(--rl-primary-700) !important; }
.btn-orange-outline { background: #fff !important; border-color: var(--rl-primary-600) !important; color: var(--rl-primary-700) !important; }
.btn-orange-outline:hover { background: var(--rl-primary-600) !important; color: #fff !important; }

/* ---------- Magazin: preț anual ---------- */
.rl-price__main { display: flex; align-items: baseline; gap: 0.375rem; color: var(--rl-gray-900); }
.rl-price__amount { font-family: var(--font-heading); font-size: 2.25rem; font-weight: 700; line-height: 1.1; letter-spacing: -0.02em; }
.rl-price__unit { font-family: var(--font-heading); font-size: 1rem; font-weight: 500; color: var(--rl-gray-600); }
.rl-price__sub { margin-top: 0.25rem; font-size: 0.9375rem; color: var(--rl-gray-500); }
/* „2 luni gratis la plata anuală”: fără majusculă la fiecare cuvânt */
.plan-highlight { text-transform: none !important; }
.plan-highlight::first-letter { text-transform: uppercase; }

/* ---------- Prima pagină: cardurile de pachete în paleta site-ului (tema scrie „color__tree” la al treilea) ---------- */
.homepage__main__pricing__plan__box.color__one,
.homepage__main__pricing__plan__box.color__two,
.homepage__main__pricing__plan__box.color__three,
.homepage__main__pricing__plan__box.color__tree {
  background: var(--rl-primary-50) !important;
  border: 1px solid oklch(92% 0.04 145) !important;
}
.homepage__main__pricing__plan__box.color__one .btn,
.homepage__main__pricing__plan__box.color__two .btn,
.homepage__main__pricing__plan__box.color__three,
.homepage__main__pricing__plan__box.color__tree .btn {
  background: var(--rl-primary-600) !important; border-color: var(--rl-primary-600) !important; color: #fff !important;
}
.homepage__main__pricing__plan__box.color__one .btn:hover,
.homepage__main__pricing__plan__box.color__two .btn:hover,
.homepage__main__pricing__plan__box.color__three,
.homepage__main__pricing__plan__box.color__tree .btn:hover { background: var(--rl-primary-700) !important; border-color: var(--rl-primary-700) !important; }
.homepage__main__pricing__plan__box.color__one i,
.homepage__main__pricing__plan__box.color__two i,
.homepage__main__pricing__plan__box.color__three,
.homepage__main__pricing__plan__box.color__tree i { color: var(--rl-primary-600) !important; }

/* ---------- Editorul de tichete: „Previzualizare” ca restul butoanelor din bară ---------- */
.md-editor .btn-toolbar .btn[data-handler="bootstrap-markdown-cmdPreview"] {
  background: transparent !important; border-color: transparent !important; color: var(--rl-gray-600) !important;
  border-radius: var(--rl-radius-md) !important; font-weight: 500;
}
.md-editor .btn-toolbar .btn[data-handler="bootstrap-markdown-cmdPreview"]:hover,
.md-editor .btn-toolbar .btn[data-handler="bootstrap-markdown-cmdPreview"].active {
  background: var(--rl-primary-50) !important; color: var(--rl-primary-700) !important;
}

/* zona de client: butonul Sitejet nu se mai rupe pe două rânduri */
#sitejetSsoButton { white-space: nowrap; }

/* tabelul de prețuri al domeniilor ieșea cu ~30px din ecran pe telefon */
@media (max-width: 575.98px) {
  .table__domains__wrapper { overflow-x: auto; }
  .table__domains th, .table__domains td { padding-left: 8px !important; padding-right: 8px !important; }
  .table__domains .domain-action .btn { padding: 0.4rem 0.75rem !important; font-size: 0.8125rem !important; }
}