/* =============================================================================
   OVINETWORK — brand refresh for the OVINETWORK WHMCS theme.
   Loaded last (see includes/head.tpl), so it always wins the cascade.
   The theme's own CSS is built almost entirely on the custom properties
   defined in includes/tt/ovinetwork/css/variables.css — redefining those same
   variable names here re-themes the whole portal without touching a single
   vendor file. Values below mirror ovinetwork.ro exactly.
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');

:root {
  --primary: #1657d8;
  --primary-dark: #0f3fa6;
  --primary-darker: #082868;
  --primary-light: #eaf1fb;

  --border-color: #e7e9ee;
  --border-dark-color: #082868;
  --border-primary-light: #c9dcf6;

  --body-color: #3d4149;
  --heading-color: #16181d;

  --custom-radius: 1rem;

  --font-family-sans-serif: 'DM Sans', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --font-family-monospace: 'DM Sans', sans-serif;
}

:root[data-bs-theme="dark"] {
  --primary: #1657d8;
  --primary-dark: #0f3fa6;
  --primary-darker: #082868;
  --primary-light: #10203a;

  --gray: #262a33;
  --gray-light: #12141a;
  --dark: #0d0f14;

  --body-color: #c8ccd6;
  --heading-color: #f2f3f6;

  --border-color: #262a33;
}

body {
  font-family: var(--font-family-sans-serif);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-family-sans-serif);
  font-weight: 700;
}

/* Buttons: fully rounded pill, matches ovinetwork.ro exactly */
.btn {
  border-radius: 999px !important;
  font-weight: 600;
}
.btn-primary {
  background: linear-gradient(160deg, var(--primary) 0%, var(--primary-dark) 60%, var(--primary-darker) 100%) !important;
  border-color: transparent !important;
}
.btn-primary:hover, .btn-primary:focus {
  filter: brightness(1.07);
}
.btn-outline-light:hover {
  background: #fff;
  color: var(--primary-darker);
}

/* Cards / panels use the theme's own --custom-radius already; just soften the shadow to match */
.card, .panel, .tt-service-single, .tt-pricing-single {
  box-shadow: 0 10px 30px -12px rgba(22, 24, 29, 0.18);
}

/* ---------------------------------------------------------------------------
   Logo — light/dark swap in the main nav (tt-double-navbar context and any
   other default usage of tt-logo.tpl). The page-header strip always uses the
   white variant directly (handled in the template itself), so no toggle is
   needed there.
   --------------------------------------------------------------------------- */
.logo-img {
  height: 40px;
  width: auto;
  max-width: none;
}
.ovi-logo-dark { display: none; }
[data-bs-theme="dark"] .ovi-logo-light { display: none; }
[data-bs-theme="dark"] .ovi-logo-dark { display: inline-block; }

/* Page-header strip (logo + breadcrumb on a colored gradient) */
.tt-page-header .logo-img { height: 30px; }

/* Footer: ANPC SAL/SOL badges in the bottom bar, matching ovinetwork.ro exactly */
.tt-footer .tt-footer-anpc {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.tt-footer .tt-footer-anpc img {
  background: #fff;
  border-radius: 10px;
  padding: 4px 8px;
  height: 40px;
  width: auto;
}
.tt-footer .tt-footer-widget p,
.tt-footer .tt-footer-widget address {
  color: rgba(255, 255, 255, 0.7);
}
.tt-footer .copyright {
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
}
.tt-footer .copyright a {
  color: rgba(255, 255, 255, 0.85);
}

/* ---------------------------------------------------------------------------
   Body copy: justify by default, same as ovinetwork.ro. `.text-center` is
   `!important` in Bootstrap (theme.min.css:10630), so anything carrying that
   class directly stays centered regardless. The one thing `!important`
   doesn't protect is a bare <p> that only INHERITS center alignment from a
   `.text-center` ancestor (no rule targets the <p> itself) — the line below
   covers every one of those across the whole theme in one shot.
   --------------------------------------------------------------------------- */
p {
  text-align: justify;
}
.text-center p {
  text-align: center;
}


/* ---------------------------------------------------------------------------
   Responsive touch-ups, same breakpoints as ovinetwork.ro (575 / 767 / 991)
   --------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .tt-hero h1 { font-size: 26px; }
  .logo-img { height: 32px; }
  .tt-footer-widget { margin-bottom: 24px; }
}
@media (max-width: 575px) {
  body { font-size: 14px; }
}