/*
 * Orders module — style adapted for Bastario/KinoGarage DLE template — v2.3
 * Uses template variables from common.css: --bg, --bg-2, --bg-3, --bg-4, --tt, --tt-2, --tt-3, --accent.
 */
.orders-page{
	width:100%;
	box-sizing:border-box;
	margin:0;
	padding:0;
	color:var(--tt,#eee);
}
.orders-page *{box-sizing:border-box}

.orders-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:30px;
	margin:0 0 30px;
	padding:30px;
	background:var(--bg-3,#111014);
	border-left:5px solid var(--accent,#00bafc);
	box-shadow:var(--bsh,0 10px 26px rgba(0,0,0,.6));
}
.orders-head h1{
	margin:0;
	font-family:'Sora','Inter',Arial,sans-serif;
	font-weight:700;
	font-size:44px;
	line-height:1.05;
	text-transform:uppercase;
	letter-spacing:.02em;
	color:var(--tt,#eee);
}
.orders-head p{
	max-width:720px;
	margin:10px 0 0;
	font-size:16px;
	line-height:1.7;
	color:var(--tt-2,#b0b0c9);
}

.orders-add-btn,
.orders-form button,
.order-vote-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:40px;
	padding:0 22px;
	border:0;
	border-radius:0;
	background:var(--accent,#00bafc);
	color:#fff!important;
	font-family:'Sora','Inter',Arial,sans-serif;
	font-size:14px;
	font-weight:700;
	line-height:40px;
	letter-spacing:1px;
	text-transform:uppercase;
	white-space:nowrap;
	text-decoration:none!important;
	cursor:pointer;
	box-shadow:var(--bsh-2,0 1px 2px rgba(0,0,0,.2));
	transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.orders-add-btn:hover,
.orders-form button:hover,
.order-vote-btn:hover{
	background:var(--accent-darker,#03a5e0);
	color:#fff!important;
	transform:translateY(-1px);
}

.orders-tabs{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:10px;
	margin:0 0 30px;
	padding:0;
}
.orders-tabs a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:40px;
	padding:0 18px;
	background:var(--bg,#111113);
	border:1px solid var(--bg-4,#09090a);
	color:var(--tt-3,#808097)!important;
	font-family:'Sora','Inter',Arial,sans-serif;
	font-size:13px;
	font-weight:700;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none!important;
	box-shadow:var(--bsh-2,0 1px 2px rgba(0,0,0,.2));
	transition:background .25s ease,border-color .25s ease,color .25s ease;
}
.orders-tabs a.active,
.orders-tabs a:hover{
	background:var(--accent,#00bafc);
	border-color:var(--accent,#00bafc);
	color:#fff!important;
}

.orders-list{
	display:flex;
	flex-direction:column;
	gap:15px;
}
.order-item{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	gap:25px;
	position:relative;
	padding:22px 24px;
	background:var(--bg-3,#111014);
	border:1px solid #000;
	border-left:5px solid transparent;
	box-shadow:var(--bsh-2,0 1px 2px rgba(0,0,0,.2));
	transition:border-color .25s ease,background .25s ease,box-shadow .25s ease;
}

.order-main{
	min-width:0;
	flex:1 1 auto;
}
.order-title{
	margin:0 0 10px;
	font-family:'Sora','Inter',Arial,sans-serif;
	font-size:24px;
	font-weight:700;
	line-height:1.25;
	color:var(--tt,#eee);
	text-transform:uppercase;
	letter-spacing:.02em;
}
.order-desc{
	margin:0 0 16px;
	font-size:14px;
	line-height:1.7;
	color:var(--tt-dark,#ccc);
	word-break:break-word;
}
.order-meta{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px 14px;
	font-size:13px;
	line-height:1.4;
	color:var(--tt-3,#808097);
}
.order-meta span:not(.order-badge){display:inline-flex;align-items:center}
.order-meta span:not(.order-badge)::before{
	content:'';
	display:inline-block;
	width:5px;
	height:5px;
	margin-right:8px;
	background:var(--accent,#00bafc);
}
.order-badge{
	display:inline-flex;
	align-items:center;
	height:24px;
	padding:0 10px;
	background:rgba(0,186,252,.12);
	border:1px solid rgba(0,186,252,.35);
	color:var(--accent,#00bafc);
	font-family:'Sora','Inter',Arial,sans-serif;
	font-size:12px;
	font-weight:700;
	letter-spacing:.8px;
	text-transform:uppercase;
}
.order-status-new{border-left-color:#00bafc}
.order-status-new .order-badge{background:rgba(0,186,252,.12);border-color:rgba(0,186,252,.35);color:var(--accent,#00bafc)}
.order-status-done{border-left-color:rgba(0,156,0,.55)}
.order-status-done .order-badge{background:rgba(0,156,0,.14);border-color:rgba(0,156,0,.35);color:#7ed979}
.order-status-rejected{border-left-color:rgba(234,22,42,.55)}
.order-status-rejected .order-badge{background:rgba(234,22,42,.12);border-color:rgba(234,22,42,.35);color:#ff6d7b}

.order-vote{
	flex:0 0 130px;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:10px;
	padding-left:24px;
	border-left:1px solid #000;
}
.order-vote-count{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:80px;
	height:52px;
	padding:0 12px;
	background:var(--bg,#111113);
	color:var(--accent,#00bafc);
	font-family:'Sora','Inter',Arial,sans-serif;
	font-size:34px;
	font-weight:700;
	line-height:1;
	box-shadow:inset 0 0 0 1px #000;
}
.order-vote-btn{
	height:36px;
	line-height:36px;
	padding:0 14px;
	font-size:12px;
}
.order-vote-btn:disabled{
	opacity:.55;
	cursor:not-allowed;
	transform:none;
}

.orders-empty,
.orders-notice,
.orders-error{
	padding:22px 24px;
	background:var(--bg-3,#111014);
	border-left:5px solid var(--accent,#00bafc);
	box-shadow:var(--bsh-2,0 1px 2px rgba(0,0,0,.2));
	color:var(--tt-dark,#ccc);
	font-size:15px;
	line-height:1.6;
}
.orders-error{border-left-color:#ea162a}

.orders-pages{width:100%}
.orders-pagination{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:0;
	margin:40px var(--indent-negative,-90px) -40px;
	padding:0;
	background:var(--bg-3,#111014);
	list-style:none;
}
.orders-pagination li{list-style:none;margin:0;padding:0}
.orders-pagination a,
.orders-pagination > li > span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:60px;
	min-width:60px;
	height:60px;
	padding:0;
	background:var(--bg-2,#1a191f);
	color:var(--tt-2,#b0b0c9)!important;
	font-family:'Sora','Inter',Arial,sans-serif;
	font-size:30px;
	font-weight:700;
	text-decoration:none!important;
	transition:background .25s ease,color .25s ease;
}
.orders-pagination .active span,
.orders-pagination a:hover{
	background:var(--accent,#00bafc);
	color:#fff!important;
}

.orders-pagination a .fal{
	min-width:0;
	width:auto;
	height:auto;
	padding:0;
	background:transparent;
	color:inherit!important;
	font-family:"Font Awesome 5 Pro"!important;
	font-weight:300!important;
	font-size:34px;
	line-height:1;
}
.orders-pagination .orders-page-arrow{
	width:60px;
	min-width:60px;
}

.orders-form{
	display:flex;
	flex-direction:column;
	gap:14px;
	padding:30px;
	background:var(--bg-3,#111014);
	border-left:5px solid var(--accent,#00bafc);
	box-shadow:var(--bsh,0 10px 26px rgba(0,0,0,.6));
}
.orders-form label{
	margin:4px 0 -4px;
	font-family:'Sora','Inter',Arial,sans-serif;
	font-size:16px;
	font-weight:700;
	letter-spacing:.8px;
	text-transform:uppercase;
	color:var(--tt,#eee);
}
.orders-form input,
.orders-form textarea{
	width:100%;
	border-radius:0;
	background:#111113;
	color:#fff;
	border:0;
	box-shadow:inset 0 0 0 1px #000,inset 1px 2px 5px rgba(0,0,0,.1);
	font-size:15px;
	line-height:1.5;
}
.orders-form input{height:44px;padding:0 15px}
.orders-form textarea{min-height:130px;padding:15px;resize:vertical}
.orders-form input:focus,
.orders-form textarea:focus{
	box-shadow:inset 0 0 0 1px var(--accent,#00bafc),inset 1px 2px 5px rgba(0,0,0,.1);
}
.orders-form-note{
	margin-top:-8px;
	font-size:13px;
	line-height:1.4;
	text-align:right;
	color:var(--tt-3,#808097);
}
.orders-form button{
	align-self:flex-start;
	margin-top:8px;
}
.orders-form-actions{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	margin-top:8px;
}
.orders-form-actions button{
	margin-top:0;
}
.orders-form-cancel{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:40px;
	padding:0 28px;
	border:2px solid #ea162a;
	border-radius:0;
	background:transparent;
	color:var(--tt,#eee)!important;
	font-family:'Sora','Inter',Arial,sans-serif;
	font-size:14px;
	font-weight:700;
	line-height:36px;
	letter-spacing:1px;
	text-transform:uppercase;
	white-space:nowrap;
	text-decoration:none!important;
	transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;
}
.orders-form-cancel:hover{
	background:#ea162a;
	border-color:#ea162a;
	color:#fff!important;
	transform:translateY(-1px);
}

@media screen and (max-width:1220px){
	.orders-pagination{margin-left:var(--indent-negative,-20px);margin-right:var(--indent-negative,-20px)}
}
@media screen and (max-width:760px){
	.orders-head{display:block;padding:22px;margin-bottom:22px}
	.orders-head h1{font-size:34px}
	.orders-head p{font-size:14px}
	.orders-add-btn{width:100%;margin-top:18px}
	.orders-tabs{gap:8px;margin-bottom:22px}
	.orders-tabs a{flex:1 1 auto;height:38px;padding:0 12px;font-size:12px}
	.order-item{display:block;padding:20px}
	.order-title{font-size:21px}
	.order-vote{flex:none;margin-top:18px;padding:18px 0 0;border-left:0;border-top:1px solid #000;align-items:flex-start}
	.order-vote-count{height:46px;font-size:28px}
	.orders-form{padding:22px}
	.orders-form-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}
	.orders-form-actions button,
	.orders-form-cancel{width:100%}
	.orders-pagination{margin-top:30px}
	.orders-pagination a,.orders-pagination > li > span{width:58px;min-width:58px;height:58px;font-size:22px}
	.orders-pagination .orders-page-arrow{width:58px;min-width:58px}
	.orders-pagination .orders-page-arrow .fal{font-size:24px}
}

/* ==============================
   Orders public pagination font size FIX v26
   Розмір навігації як у /actors/
   ============================== */
.orders-pagination a,
.orders-pagination > li > span {
	width:60px;
	min-width:60px;
	height:60px;
	padding:0;
	font-size:30px;
	font-weight:700;
	line-height:1;
}

.orders-pagination .orders-page-arrow {
	width:60px;
	min-width:60px;
}

.orders-pagination .orders-page-arrow .fal {
	font-family:"Font Awesome 5 Pro" !important;
	font-weight:300 !important;
	font-size:34px;
	line-height:1;
	color:inherit !important;
}

@media screen and (max-width:760px){
	.orders-pagination a,
	.orders-pagination > li > span{
		width:58px;
		min-width:58px;
		height:58px;
		font-size:22px;
	}
	.orders-pagination .orders-page-arrow{
		width:58px;
		min-width:58px;
	}
	.orders-pagination .orders-page-arrow .fal{
		font-size:24px;
	}
}

/* =========================================================
   NEON PRIME — MODULE COLORS/FONTS ONLY
   ========================================================= */
.actor-page,
.actor-page__content,
.orders-page {
    color: var(--tt) !important;
    font-family: 'Inter', Arial, sans-serif !important;
}
.actor-page__title,
.actor-page__section-title,
.actors-movies-title,
.orders-head h1,
.order-title,
.orders-tabs a,
.orders-add-btn,
.orders-form button,
.order-vote-btn,
.order-vote-count,
.order-badge {
    font-family: 'Sora', 'Inter', Arial, sans-serif !important;
}
.actor-page__poster-wrap,
.actor-page__fact,
.orders-head,
.order-item,
.orders-empty,
.orders-notice,
.orders-error,
.orders-pagination,
.order-vote-count {
    background-color: var(--bg-3) !important;
    border-color: rgba(255,255,255,.08) !important;
}
.actor-page__head {
    border-bottom-color: rgba(255,255,255,.08) !important;
}
.actor-page__kicker,
.actor-page__fact span,
.actor-page__subtitle,
.actor-page__text,
.actor-page__text ul,
.actor-page__text ol,
.order-desc,
.order-meta,
.orders-head p {
    color: var(--tt-2) !important;
}
.actor-page__title,
.actor-page__section-title,
.actors-movies-title,
.actor-page__fact strong,
.order-title,
.orders-head h1 {
    color: #ffffff !important;
}
.actor-page__desc {
    border-left-color: var(--accent) !important;
}
.actor-page__toggle,
.actor-page__text a,
.order-vote-count {
    color: var(--accent-2) !important;
}
.actor-page__toggle:hover {
    color: #ffffff !important;
}
.orders-head {
    border-left-color: var(--accent) !important;
}
.orders-add-btn,
.orders-form button,
.order-vote-btn,
.orders-tabs a.active,
.orders-tabs a:hover {
    background: var(--gradient) !important;
    border-color: transparent !important;
    color: #ffffff !important;
}
.orders-tabs a,
.orders-pagination a,
.orders-pagination > li > span {
    background-color: var(--bg-3) !important;
    border-color: rgba(255,255,255,.08) !important;
    color: var(--tt-2) !important;
}
.order-meta span:not(.order-badge)::before {
    background: var(--accent-2) !important;
}
.order-badge,
.order-status-new .order-badge {
    background: rgba(124,60,255,.15) !important;
    border-color: rgba(124,60,255,.35) !important;
    color: var(--accent-2) !important;
}
.order-status-new {border-left-color: var(--accent) !important;}
.order-status-done {border-left-color: var(--accent-3) !important;}
.order-status-done .order-badge {
    background: rgba(32,224,112,.14) !important;
    border-color: rgba(32,224,112,.35) !important;
    color: var(--accent-3) !important;
}
.order-status-rejected {border-left-color: var(--accent-pink) !important;}
.order-status-rejected .order-badge {
    background: rgba(255,45,149,.12) !important;
    border-color: rgba(255,45,149,.35) !important;
    color: var(--accent-pink) !important;
}