:root {
  --font-scale-poppins: 0.94;
}

body, html {
  font-family: "Poppins", sans-serif;
  font-size: calc(1rem * var(--font-scale-poppins));
  height: 100%;
  margin:0px 0px;
}

.navbar {
    font-family: "Montserrat", sans-serif !important;
}

.input-group, .card, .font-poppins, .k-window {
    font-family: "Poppins", sans-serif !important;
}

.subtitle {
    font-size: 1.25rem;
    /*text-shadow: 0 2px 4px rgba(51,51,103, 0.9);*/
    font-family: "Inter", sans-serif;
}

.card {
    box-shadow:
        0 6px 16px rgba(90, 95, 105, 0.35),   /* dark deschis, clar vizibil */
        0 16px 32px rgba(60, 65, 75, 0.40),   /* mai închis, blur mare */
        0 32px 64px rgba(30, 35, 40, 0.50);   /* dark profund */
}

.bg {
  /* The image used */
  background-image: url("../images/arhiva-spv-960.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  
  display: flex;
  justify-content: center;
  align-items: center;
}

.expandable-menu {
    background: linear-gradient(180deg, rgba(6, 9, 21, 0.82), rgba(6, 9, 21, 0.56)) !important;
    background-color: transparent !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 1000000;
    /*opacity: 0.9;*/
}

.navbar .nav-link,
.navbar .navbar-brand,
.navbar .navbar-toggler {
    color: #f4f7ff !important;
}

.navbar .nav-link:hover,
.navbar .navbar-brand:hover {
    color: #ffffff !important;
}

.navbar .dropdown-menu {
    background: rgba(9, 14, 28, 0.93) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.navbar .dropdown-menu .nav-link,
.navbar .dropdown-menu .dropdown-item {
    color: #f4f8ff !important;
}

.navbar .dropdown-menu .nav-link:hover,
.navbar .dropdown-menu .dropdown-item:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
}

.prices {
  max-width: 1536px;
  width: 100%;
  margin: 0 auto !important;
}

@media screen and (max-width: 1200px) {
	#viewPDF{
		display:none;
	}
}

@media screen and (max-width: 800px) {
	#grid .k-toolbar span.k-button-text {
		display:none;
	}
	
	.hideOnPhone{
		display:none;
	}
}

.content {
  margin: auto;
  text-align: center;
}

.w-700px {
	width:700px !important;
}

.maxw-1200px {
	max-width:1200px !important;
}

.maxw-700px {
	max-width:700px !important;
}

.maxw-500px {
	max-width:500px !important;
}

.maxw-400px {
	max-width:400px;
}

.title h1, .title a{
    color: white;
    text-shadow: -4px 5px 3px black;
    font-size: 56px;
    font-weight: 600;
	text-decoration: none;
	font-family: "Poppins", sans-serif;
    padding-bottom:8px;
}

@media (max-width: 576px) {
	.title h1 {
		font-size: 1.6rem;
		line-height: 1.2;
	}
	.subtitle p {
		font-size: 0.95rem;
		line-height: 1.35;
	}
    .footer-images,
    .footer-version {
        display: none !important;
    }
}

.navbar-toggler-icon {
	width:1em !important;
	height:1em !important;
}

.input-group {
    align-items: center;
    justify-content: center;
    row-gap: 10px;
}

#button-search {
    font-weight: 600; 
	min-width:160px;	
}

#cui {
	font-weight: 600;
	min-width: 200px;
}

#tip, #perioada, #tipPerioada, #typeSPV, #yearSPV, #monthArchive, #yearArchive {
	min-width:160px;
	max-width:170px;
	font-weight:500;
}

.split-button-separator {
    border-top: 1px solid #ccc;
    margin: 4px 0;
    height: 0;
    padding: 0;
    pointer-events: none;   /* keeps it non‑interactive */
    cursor: default;
}

#grid, .info-data {
	font-size:12px;
    font-family: "Inter", sans-serif !important;
	color: black;
}

#grid tr td {
	white-space: nowrap;
}

#grid .k-grid-header th.k-header {
    padding-left: 4px;
}

#grid .k-command-cell {
	text-align:left !important;
	text-overflow:clip;
	padding-left:0;
}

#grid .k-command-cell .k-button {
	margin-left: 4px;
    /* margin-inline-end: unset; */
    /* margin-inline-start: 8px;*/
}

/*
#grid .k-picker, .k-widget.k-picker{        
    width: 75px !important;
}*/

#grid .k-searchbox{
	width:30%;
}

.dc-value{
    text-align: left;
    padding-left:10px;
}

.dc-description{
    text-align: right;
    width: 35% !important;
}   

.dc-data{
	max-width: 700px;
	margin:auto !important;
}

#subscription .k-radio-label{
    padding: 8px;
}

#userSubscriptionForm legend{
    font-weight: 600;
    text-align: start !important;
    margin-bottom: 8px !important;
    text-transform: uppercase;
}

.nav-link.create-account-pill {
    background-color: #0C3CAB !important;
    border-radius: 9999px;
    padding: 0.35rem 0.95rem !important;
    margin-left: 0.35rem;
    border: 2px solid #0C3CAB !important;
    box-shadow: 0 0 0 1px rgba(12, 60, 171, 0.3), 0 0 14px rgba(12, 60, 171, 0.35) !important;
    transition: all 0.2s ease;
}

.nav-link.create-account-pill:hover,
.nav-link.create-account-pill:active,
.nav-link.create-account-pill:visited {
    background-color: #0C3CAB !important;
    color: #ffffff !important;
}


.card-header {
    font-weight: 600;
    font-size: 16px;
    background-color: unset !important;
    text-transform: uppercase;
}

.k-form-label {
    font-weight: 600;
    font-size: 14px;
    margin-right: 16px !important;
    text-transform: uppercase;
    justify-content: center !important;
}

#stats_data-form-label, #token_name-form-label {
	justify-content: start;
}

/*invoice forms*/
#invoiceCustomerForm div:nth-child(1) div,#userInvoiceForm div:nth-child(1) div{
	text-align:left;
}

#product_name-form-label {
	align-self: baseline;
}

/*dialogs*/
.k-button-solid-primary {
    border-color: gainsboro;
    color: black;
    background-color: gainsboro;
}

.k-button-solid-primary.k-hover, .k-button-solid-primary:hover {
    border-color: Gray;
    color: white;
	background-color: darkgray;
}

#messageForm > fieldset {
	margin: 16px 8px 8px 8px;
}

#messageForm > fieldset > legend {
	font-weight:400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.k-dialog-title {
	font-weight:600;
}

.login-popup-overlay {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    background: rgba(9, 12, 18, 0.35);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    animation: loginOverlayFadeIn 180ms ease-out;
}

.login-popup-content {
    width: 100%;
    max-width: 460px;
    min-height: 320px;
    overflow: visible;
    animation: loginPopupEnter 230ms cubic-bezier(0.2, 0.7, 0.2, 1);
    transform-origin: center center;
}

@keyframes loginOverlayFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes loginPopupEnter {
    from {
        opacity: 0;
        transform: translateY(10px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* remove the focus ring that appears when the toggler is clicked/focused */
.navbar-toggler:focus, .navbar-toggler:active {
	box-shadow: none !important;
	outline: none !important;
}

#paymentType label {
    text-transform: uppercase;
}

.k-pdf-export .show-in-pdf {
    display: block !important;
}

.show-in-pdf {
    display: none !important;
}

/* Ensure fs-md-3 works on mobile (default) and scales up on md+ */
.fs-md-3 {
    font-size: 1.25rem;
}

@media (min-width: 768px) {
    .fs-md-3 {
        font-size: 1.75rem;
    }
}

/* Mobile/offcanvas menu animation */
.offcanvas.offcanvas-start {
    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.offcanvas .offcanvas-body .nav-link {
    opacity: 1;
    transform: none;
    filter: none;
    will-change: transform, opacity, filter;
}

.offcanvas.menu-animate-in .offcanvas-body .nav-link {
    animation: menuItemAppleIn 320ms cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: calc(20ms + var(--menu-item-index, 0) * 26ms);
}

@keyframes menuItemAppleIn {
    from {
        opacity: 0;
        transform: translate3d(-12px, 6px, 0) scale(0.985);
        filter: blur(6px);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: blur(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .offcanvas .offcanvas-body .nav-link,
    .offcanvas.menu-animate-in .offcanvas-body .nav-link {
        animation: none !important;
        opacity: 1;
        transform: none;
        filter: none;
    }
}

/* Desktop dropdown polish */
@media (min-width: 992px) {
    .navbar .dropdown-menu {
        border: 1px solid rgba(255, 255, 255, 0.08);
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.25);
    }

    .navbar .dropdown-menu li {
        opacity: 1;
        transform: none;
    }

    .navbar .dropdown-menu.show li {
        animation: desktopDropdownItemIn 180ms cubic-bezier(0.22, 1, 0.36, 1) both;
    }

    .navbar .dropdown-menu.show li:nth-child(1) { animation-delay: 0ms; }
    .navbar .dropdown-menu.show li:nth-child(2) { animation-delay: 18ms; }
    .navbar .dropdown-menu.show li:nth-child(3) { animation-delay: 36ms; }
    .navbar .dropdown-menu.show li:nth-child(4) { animation-delay: 54ms; }
    .navbar .dropdown-menu.show li:nth-child(5) { animation-delay: 72ms; }
    .navbar .dropdown-menu.show li:nth-child(6) { animation-delay: 90ms; }
}

@keyframes desktopDropdownItemIn {
    from {
        opacity: 0;
        transform: translateY(4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}