.startlog
{
	background-image: linear-gradient(330deg, #009f9a 0%, #e2e2e2 100%) !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.moreinfo
{
	background: linear-gradient( 135deg, #d77a63 0%, #0094d6 55%, #2fa38f 100% );
	/*background-image: linear-gradient(330deg, #7209b7 0%, #e2e2e2 100%) !important;*/
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.newstart
{
	background: linear-gradient( 135deg, #2FA38F 0%, #0094D6 45%, #D77A63 100% );
	/*background: linear-gradient( 135deg, #87c7e3 0%, #2b5fa0 100% );*/
	/*background: radial-gradient( circle at 20% 20%, #ff6a3d 0%, #b13b4b 35%, transparent 70% ), radial-gradient( circle at 80% 80%, #0094ff 0%, #003b70 50%, transparent 80% ), #2a2d3e;*/
	/*background: radial-gradient(circle at 15% 20%, rgba(249, 95, 56, 0.95) 0%, rgba(249, 95, 56, 0) 55%), radial-gradient(circle at 65% 35%, rgba(62, 51, 70, 0.95) 0%, rgba(62, 51, 70, 0) 60%), radial-gradient(circle at 90% 25%, rgba(2, 155, 216, 0.90) 0%, rgba(2, 155, 216, 0) 55%), radial-gradient(circle at 20% 85%, rgba(0, 150, 205, 0.85) 0%, rgba(0, 150, 205, 0) 65%), radial-gradient(circle at 80% 90%, rgba(9, 47, 88, 1) 0%, rgba(9, 47, 88, 0) 60%), #2f2a38;*/ /* base background */
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.signin-wrapper
{
	min-height: 100vh;
}
.signin-card
{
	background-color: #ffffff;
	border-radius: 1.5rem;
	border: 1px solid #3c4043;
	max-width: 900px;
	width: 100%;
	padding: 2.5rem 2.75rem;
}
.logo
{
	/*display: block;*/
	/*margin-bottom: 0.5rem;*/ /* μικρότερο κενό κάτω */
	/*margin-top: -40px;*/ /* ανεβάζει το λογότυπο πιο πάνω */
	width:250px
}
/*  styles: red asterisk for required fields */
.required-badge
{
	color: #dc3545; /* Bootstrap danger */
	font-weight: 700;
	margin-left: 0.25rem;
	line-height: 1;
	font-size: 0.95em;
	display: inline-block;
	vertical-align: baseline;
}

.visually-hidden
{
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}


.ad-row
{
	height: 100px;
}

.ad-image
{
	max-height: 100px;
	width: auto;
	object-fit: contain;
}
/* Font Family Classes */
body.font-roboto
{
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

body.font-opensans
{
	font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

body.font-inter
{
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

body.font-lato
{
	font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
body.font-comicneue
{
	font-family: 'Comic Neue', 'Comic Sans MS', cursive !important;
}

body.font-patrickhand
{
	font-family: 'Patrick Hand', 'Comic Sans MS', cursive !important;
}

body.font-architects
{
	font-family: 'Architects Daughter', 'Comic Sans MS', cursive !important;
}
/* Smooth font transitions */
body
{
	transition: font-family 0.3s ease-in-out;
}

  .product-card {
    border-radius: 10px;
    cursor: pointer;
    transition: 0.15s ease;
}

.product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
}

.status-pill {
    padding: 3px 10px;
    font-size: 0.75rem;
    border-radius: 20px;
    color: #fff;
}

.label {
    font-size: 0.7rem;
    color: #888;
    text-transform: uppercase;
}

.value {
    font-size: 1rem;
}

.final-price {
    font-size: 1.2rem;
}


.product-tile
{
	border-radius: 12px;
	transition: 0.15s ease-in-out;
}

	.product-tile:hover
	{
		transform: translateY(-4px);
		box-shadow: 0 6px 22px rgba(0,0,0,0.12);
	}

.status-pill
{
	padding: 4px 12px;
	border-radius: 20px;
	color: #fff;
	font-size: 0.75rem;
}

.product-title
{
	font-size: 1rem;
	line-height: 1.25rem;
}

/* Proparaggelies indented tree */
.proparaggelies-tree
{
	list-style: none;
	margin: 0;
	padding: 0;
}

	.proparaggelies-tree .proparaggelies-tree
	{
		/* children ul */
		margin: 0;
		padding: 0;
	}

.proparaggelies-tree-item
{
	position: relative;
	list-style: none;
	margin: 2px 0;
	padding: 0;
	line-height: 1.35rem;
	/* left padding is applied inline via style="padding-left:...px" */
}

.proparaggelies-tree-link
{
	display: inline-block;
	color: #0d6efd; /* bootstrap primary */
	text-decoration: none;
	padding: 2px 6px;
	border-radius: 4px;
}

	.proparaggelies-tree-link:hover
	{
		text-decoration: underline;
		background: rgba(13, 110, 253, 0.07);
	}

/* Optional: tree connector lines (Windows-style) */
.proparaggelies-tree-item::before
{
	/* horizontal connector */
	content: "";
	position: absolute;
	left: calc((var(--tree-indent, 16px) * 0) + 0px);
	top: 0.75rem;
	width: 10px;
	height: 1px;
	background: #bdbdbd;
	display: none; /* set to block if you also implement consistent indent via CSS var */
}

.proparaggelies-tree-item::after
{
	/* vertical connector */
	content: "";
	position: absolute;
	left: calc((var(--tree-indent, 16px) * 0) + 0px);
	top: -0.4rem;
	width: 1px;
	height: calc(100% + 0.8rem);
	background: #bdbdbd;
	display: none; /* set to block if you also implement consistent indent via CSS var */
}
.expand-row-details
{
	min-width: 24px;
	background: url('/images/details_open.png?22') no-repeat center center;
	cursor: pointer;
}

.shrink-row-details
{
	min-width: 24px;
	background: url('/images/details_close.png?22') no-repeat center center;
	cursor: pointer;
}