/* ==========================================================================
   VISION II - UI 2026.4
   Sistem de design unificat peste tema veche (Bootstrap 4 alpha + style.min.css).
   Incarcat DUPA vision.css. Doar transform/opacity in animatii.
   ========================================================================== */

:root {
	--teal-2:    #7ff5fb;
	--teal-d:    #058c96;
	--ink:       #02161a;
	--surface:   rgba(6,18,24,.92);
	--surface-2: rgba(10,28,36,.94);
	--line:      rgba(6,205,214,.16);
	--line-2:    rgba(140,200,205,.10);
	--ok:        #4fe3a0;
	--err:       #ff6b7a;
	--warn:      #ffb648;
	--txt:       rgba(214,238,240,.92);
	--txt-mute:  rgba(165,197,201,.68);
	--shadow-lg: 0 24px 60px rgba(0,0,0,.5);
}

body { font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.makeart-body { color: var(--txt); font-size: 14px; }
.makeart-body a { transition: color .2s var(--ease); }

/* ==========================================================================
   1. BUTOANE
   ========================================================================== */
.vbtn, .makeart-body .btn, .modal .btn {
	--h: 44px;
	display: inline-flex; align-items: center; justify-content: center; gap: 9px;
	height: var(--h); padding: 0 22px;
	border-radius: 12px; border: 1px solid transparent;
	font: 700 12px/1 'Inter', sans-serif; letter-spacing: 1.3px; text-transform: uppercase;
	text-decoration: none !important; cursor: pointer; white-space: nowrap;
	position: relative; overflow: hidden; isolation: isolate;
	transition: transform .2s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease), border-color .25s var(--ease), color .2s, opacity .2s;
	-webkit-appearance: none; appearance: none;
}
.vbtn i, .btn i { font-size: 12px; }
.vbtn-primary, .makeart-body .btn-primary, .makeart-body .btn-success, .makeart-body .btn-info, .modal .btn-primary, .modal .btn-success, .modal .btn-info {
	color: var(--ink) !important;
	background: linear-gradient(135deg, #14e4ee 0%, #06cdd6 45%, #058c96 100%) !important;
	box-shadow: 0 8px 26px rgba(6,205,214,.28), inset 0 1px 0 rgba(255,255,255,.35);
}
.vbtn-primary::before, .makeart-body .btn-primary::before, .makeart-body .btn-success::before, .makeart-body .btn-info::before {
	content: ''; position: absolute; inset: 0; z-index: -1;
	background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.55) 50%, transparent 70%);
	transform: translateX(-120%); transition: transform .7s var(--ease);
}
.vbtn-primary:hover, .makeart-body .btn-primary:hover, .makeart-body .btn-success:hover, .makeart-body .btn-info:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 34px rgba(6,205,214,.42), inset 0 1px 0 rgba(255,255,255,.4);
	color: var(--ink) !important;
}
.vbtn-primary:hover::before, .makeart-body .btn-primary:hover::before, .makeart-body .btn-success:hover::before, .makeart-body .btn-info:hover::before { transform: translateX(120%); }
.vbtn:active, .makeart-body .btn:active { transform: translateY(0) scale(.99); }

.vbtn-ghost, .makeart-body .btn-secondary, .makeart-body .btn-default, .modal .btn-secondary {
	color: var(--text-hi) !important;
	background: rgba(6,205,214,.06) !important;
	border-color: rgba(6,205,214,.28) !important;
}
.vbtn-ghost:hover, .makeart-body .btn-secondary:hover, .makeart-body .btn-default:hover {
	background: rgba(6,205,214,.15) !important; border-color: rgba(6,205,214,.6) !important; transform: translateY(-2px); color: #fff !important;
}
.makeart-body .btn-danger, .modal .btn-danger {
	color: #fff !important;
	background: linear-gradient(135deg, #ff7d8a 0%, #e5435a 55%, #b8253b 100%) !important;
	box-shadow: 0 8px 24px rgba(229,67,90,.28), inset 0 1px 0 rgba(255,255,255,.25);
}
.makeart-body .btn-danger:hover { transform: translateY(-2px); box-shadow: 0 14px 32px rgba(229,67,90,.4); color: #fff !important; }
.makeart-body .btn-warning, .modal .btn-warning {
	color: #2a1a00 !important;
	background: linear-gradient(135deg, #ffd27a 0%, #ffb648 55%, #e08c10 100%) !important;
	box-shadow: 0 8px 24px rgba(255,182,72,.25), inset 0 1px 0 rgba(255,255,255,.35);
}
.makeart-body .btn-warning:hover { transform: translateY(-2px); color: #2a1a00 !important; }

.vbtn-sm, .makeart-body .btn-sm { --h: 34px; padding: 0 14px; font-size: 11px; border-radius: 10px; }
.vbtn-lg, .makeart-body .btn-lg { --h: 52px; padding: 0 28px; font-size: 13px; border-radius: 14px; }
.vbtn-block, .makeart-body .btn-block { display: flex; width: 100% !important; }
.makeart-body .btn.disabled, .makeart-body .btn:disabled, .makeart-body .btn[disabled] { opacity: .45; pointer-events: none; box-shadow: none; filter: saturate(.6); }
.makeart-body .btn-link { background: none !important; box-shadow: none; color: var(--teal) !important; padding: 0; height: auto; }

/* ==========================================================================
   2. FORMULARE
   ========================================================================== */
.makeart-body .form-control, .modal .form-control, .makeart-body select.form-control {
	height: auto; min-height: 46px;
	background: rgba(6,205,214,.05) !important;
	border: 1px solid rgba(6,205,214,.18) !important;
	border-radius: 12px !important;
	color: #e6f6f7 !important;
	padding: .7rem 1rem;
	font: 500 13.5px/1.4 'Inter', sans-serif;
	box-shadow: none;
	transition: border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);
}
.makeart-body .form-control::placeholder { color: rgba(150,190,193,.45); }
.makeart-body .form-control:focus, .modal .form-control:focus {
	background: rgba(6,205,214,.09) !important;
	border-color: rgba(6,205,214,.6) !important;
	box-shadow: 0 0 0 4px rgba(6,205,214,.12) !important;
	outline: none;
}
.makeart-body .form-control:disabled, .makeart-body .form-control[readonly] { opacity: .7; }
.makeart-body select.form-control option { background: #07161b; color: #e6f6f7; }
.makeart-body textarea.form-control { min-height: 110px; resize: vertical; }
.makeart-body label, .modal label { color: rgba(190,220,223,.8); }
.makeart-body .col-form-label { font: 600 13px 'Inter'; display: flex; align-items: center; }
.makeart-body .form-group { margin-bottom: 18px; }
.makeart-body .form-control-lg { min-height: 52px; font-size: 15px; }
.makeart-body .input-group { display: flex; gap: 0; }
.makeart-body .input-group .form-control { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }
.makeart-body .input-group-btn .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; height: 100%; min-height: 46px; margin: 0 !important; width: auto !important; }

.vfield { margin-bottom: 18px; }
.vfield > label { display: block; margin-bottom: 8px; font: 700 11px 'Inter'; letter-spacing: 1.4px; text-transform: uppercase; color: rgba(170,215,219,.72); }
.vinput { position: relative; }
.vinput > i { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: rgba(6,205,214,.6); font-size: 13px; pointer-events: none; z-index: 1; transition: color .2s; }
.vinput:focus-within > i { color: var(--teal); }
.vinput .form-control { padding-left: 44px; }
.vhint { margin: 6px 2px 0; font-size: 11.5px; line-height: 1.4; }
.vhint:empty { display: none; }
.text-danger { color: var(--err) !important; }
.vcheck { display: flex; gap: 12px; align-items: flex-start; position: relative; cursor: pointer; padding: 13px 15px; margin: 8px 0 4px; border: 1px solid var(--line-2); border-radius: 12px; background: rgba(6,205,214,.03); transition: border-color .2s, background .2s; }
.vcheck:hover { border-color: rgba(6,205,214,.32); background: rgba(6,205,214,.05); }
.vcheck input { position: absolute; opacity: 0; pointer-events: none; }
.vcheck-box { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 1px; border-radius: 6px; border: 1.5px solid rgba(6,205,214,.45); background: rgba(6,205,214,.06); display: grid; place-items: center; transition: all .2s var(--ease); }
.vcheck input:checked + .vcheck-box { background: var(--teal); border-color: var(--teal); box-shadow: 0 0 14px rgba(6,205,214,.5); }
.vcheck input:checked + .vcheck-box::after { content: ''; width: 5px; height: 10px; border: solid var(--ink); border-width: 0 2px 2px 0; transform: rotate(45deg) translate(-1px,-1px); }
.vcheck input:focus-visible + .vcheck-box { outline: 2px solid var(--teal); outline-offset: 2px; }
.vcheck-text { font-size: 12.5px; line-height: 1.55; color: rgba(190,215,219,.82); }
.vcheck-text a { color: var(--teal); font-weight: 600; }
.vcaptcha { display: flex; justify-content: center; margin: 16px 0 14px; min-height: 78px; }
.vswitch { text-align: center; margin: 18px 0 0; font-size: 12.5px; color: var(--txt-mute); }
.vswitch a { color: var(--teal); font-weight: 600; }
.vswitch a:hover { text-decoration: underline; }

/* ==========================================================================
   3. TABELE
   ========================================================================== */
.makeart-body .table {
	width: 100%; margin: 0 0 4px; border-collapse: separate; border-spacing: 0;
	color: var(--txt); font-size: 13px; background: transparent;
}
.makeart-body .table thead th {
	background: linear-gradient(180deg, rgba(6,205,214,.16), rgba(6,205,214,.06)) !important;
	color: rgba(190,235,238,.9) !important;
	font: 700 10.5px 'Inter', sans-serif; letter-spacing: 1.6px; text-transform: uppercase;
	padding: 14px 16px; text-align: left;
	border: 0 !important; border-bottom: 1px solid var(--line) !important;
}
.makeart-body .table thead th:first-child { border-top-left-radius: 14px; }
.makeart-body .table thead th:last-child  { border-top-right-radius: 14px; }
.makeart-body .table tbody th, .makeart-body .table tbody td {
	padding: 12px 16px; vertical-align: middle; text-align: left;
	border: 0 !important; border-top: 1px solid rgba(6,205,214,.07) !important;
	background: transparent !important; color: var(--txt);
}
.makeart-body .table tbody tr:first-child th, .makeart-body .table tbody tr:first-child td { border-top: 0 !important; }
.makeart-body .table tbody tr { transition: background .2s var(--ease); }
.makeart-body .table-striped tbody tr:nth-of-type(odd) { background: rgba(6,205,214,.028) !important; }
.makeart-body .table-hover tbody tr:hover { background: rgba(6,205,214,.09) !important; }
.makeart-body .table .level-table, .makeart-body .table .exp-table { text-align: right; font-variant-numeric: tabular-nums; }
.makeart-body .table td.level-table { color: var(--teal-2); font-weight: 700; }
.makeart-body .table td img { height: 20px; width: auto; max-width: none; border-radius: 4px; box-shadow: 0 0 0 1px rgba(255,255,255,.16); vertical-align: middle; }
.makeart-body .table a { color: var(--teal); }

.rank-badge { display: inline-grid; place-items: center; min-width: 30px; height: 30px; padding: 0 8px; border-radius: 9px; background: rgba(6,205,214,.08); border: 1px solid rgba(6,205,214,.2); font: 700 12px 'Inter'; color: rgba(190,225,228,.9); font-variant-numeric: tabular-nums; }
.makeart-body .table tbody tr.rank-1 { background: linear-gradient(90deg, rgba(255,182,72,.12), rgba(255,182,72,.02) 55%, transparent) !important; }
.makeart-body .table tbody tr.rank-2 { background: linear-gradient(90deg, rgba(225,232,238,.09), rgba(225,232,238,.015) 55%, transparent) !important; }
.makeart-body .table tbody tr.rank-3 { background: linear-gradient(90deg, rgba(226,160,107,.11), rgba(226,160,107,.02) 55%, transparent) !important; }
.makeart-body .table thead th:first-child, .makeart-body .table tbody th:first-child { width: 84px; }
tr.rank-1 .rank-badge { background: linear-gradient(135deg,#ffd98a,#f5a524); color: #3a2500; border-color: transparent; box-shadow: 0 0 18px rgba(255,182,72,.45); }
tr.rank-2 .rank-badge { background: linear-gradient(135deg,#f4f7f9,#aab5be); color: #1d252b; border-color: transparent; box-shadow: 0 0 14px rgba(220,230,238,.3); }
tr.rank-3 .rank-badge { background: linear-gradient(135deg,#f3bd8c,#c27a3f); color: #2e1806; border-color: transparent; box-shadow: 0 0 14px rgba(226,160,107,.35); }
tr.rank-1 td:nth-child(2) { color: #ffd166; font-weight: 700; }
tr.rank-2 td:nth-child(2) { color: #e8edf1; font-weight: 700; }
tr.rank-3 td:nth-child(2) { color: #e8a972; font-weight: 700; }

/* tabelele late nu rup layout-ul pe ecrane mici */
.padding-container, .newsfeed { min-width: 0; }
.padding-container { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ==========================================================================
   4. ALERTE / TAG-URI / CARDURI / LISTE / TAB-URI / MODALE
   ========================================================================== */
.makeart-body .alert {
	position: relative; margin: 0 0 18px; padding: 14px 18px; font-size: 13px; line-height: 1.55;
	border: 1px solid var(--line) !important; border-left: 3px solid var(--teal) !important; border-radius: 12px !important;
	background: rgba(6,205,214,.07) !important; color: var(--txt) !important; text-shadow: none;
}
.makeart-body .alert-danger, .makeart-body .alert-red { border-color: rgba(255,107,122,.35) !important; border-left-color: var(--err) !important; background: rgba(255,107,122,.08) !important; color: #ffd9dd !important; }
.makeart-body .alert-success { border-color: rgba(79,227,160,.35) !important; border-left-color: var(--ok) !important; background: rgba(79,227,160,.08) !important; color: #d4fbe8 !important; }
.makeart-body .alert-warning { border-color: rgba(255,182,72,.35) !important; border-left-color: var(--warn) !important; background: rgba(255,182,72,.08) !important; color: #ffe9c7 !important; }
.makeart-body .alert .close { float: right; margin: -2px -4px 0 12px; padding: 0 4px; background: none; border: 0; color: #fff; opacity: .45; font-size: 22px; line-height: 1; text-shadow: none; cursor: pointer; }
.makeart-body .alert .close:hover { opacity: 1; }
.makeart-body .alert a { color: var(--teal); font-weight: 600; text-decoration: underline; }
.makeart-body .tag { display: inline-block; padding: 3px 9px; border-radius: 999px; font: 700 10.5px 'Inter'; letter-spacing: .6px; background: rgba(6,205,214,.18); color: var(--teal-2); }
.makeart-body .tag-pill { border-radius: 999px; }
.makeart-body hr { border: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(6,205,214,.22), transparent); margin: 22px 0; opacity: 1; }
.makeart-body h1, .makeart-body h2, .makeart-body h3, .makeart-body h4, .makeart-body h5 { color: #fff; }

.makeart-body .jumbotron {
	background: var(--surface) !important; border: 1px solid var(--line); border-radius: 18px;
	padding: 24px 28px !important; margin: 0 0 22px; color: var(--txt);
	box-shadow: 0 14px 40px rgba(0,0,0,.28);
}
.makeart-body .jumbotron > div > p { margin: 0 0 6px; font-size: 14px; }
.makeart-body .jumbotron .row { display: flex; align-items: center; margin: 0; padding: 14px 0; border-bottom: 1px solid var(--line-2); gap: 16px; }
.makeart-body .jumbotron .row:last-child { border-bottom: 0; }
.makeart-body .jumbotron .row > [class*="col-"] { padding: 0; width: auto; max-width: none; float: none; }
.makeart-body .jumbotron .row > .col-sm-4 { flex: 0 0 210px; }
.makeart-body .jumbotron .row > .col-sm-8 { flex: 1 1 auto; color: var(--txt-mute); font-size: 13px; }
.makeart-body .jumbotron .row > .col-sm-4 .btn, .makeart-body .jumbotron .row > .col-sm-4 a.btn { width: 100% !important; margin: 0 !important; }
.makeart-body .jumbotron h3 { margin: 0 0 4px; font: 700 16px 'Inter'; }

.makeart-body .card, .makeart-body .panel {
	background: var(--surface); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; color: var(--txt); margin-bottom: 14px;
	box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.makeart-body .card-block, .makeart-body .panel-body { padding: 18px 20px; }
.makeart-body .card-title { color: #fff; font: 700 15px 'Inter'; margin: 0 0 6px; }
.makeart-body .card-text { color: var(--txt-mute); font-size: 13px; }
.makeart-body .panel-heading { padding: 0; border-bottom: 1px solid var(--line-2); background: rgba(6,205,214,.06); }
.makeart-body .panel-title { margin: 0; font: 700 14px 'Inter'; }
.makeart-body .panel-title a { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; color: #fff; text-decoration: none; }
.makeart-body .panel-title a::after { content: '\f078'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 11px; color: var(--teal); transition: transform .25s var(--ease); }
.makeart-body .panel-title a[aria-expanded="true"]::after { transform: rotate(180deg); }

.makeart-body .list-group { border-radius: 16px; overflow: hidden; margin: 0 0 20px; border: 1px solid var(--line); box-shadow: 0 10px 30px rgba(0,0,0,.22); }
.makeart-body .list-group-item { background: var(--surface) !important; border: 0 !important; border-top: 1px solid var(--line-2) !important; color: var(--txt) !important; padding: 15px 20px; display: block; border-radius: 0 !important; }
.makeart-body .list-group-item:first-child { border-top: 0 !important; }
.makeart-body .list-group-item.active { background: linear-gradient(90deg, rgba(6,205,214,.24), rgba(6,205,214,.05)) !important; font: 700 11.5px 'Inter'; letter-spacing: 1.6px; text-transform: uppercase; color: #fff !important; }
.makeart-body a.list-group-item { transition: background .2s var(--ease), padding-left .2s var(--ease); }
.makeart-body a.list-group-item:hover { background: rgba(6,205,214,.1) !important; padding-left: 26px; }
.makeart-body .list-group-item-heading { margin: 0 0 3px; font: 700 14px 'Inter'; color: #fff; }
.makeart-body .list-group-item-text { margin: 0; font-size: 12.5px; color: var(--txt-mute) !important; }

.makeart-body .nav-tabs { display: flex; flex-wrap: wrap; gap: 6px; border-bottom: 1px solid var(--line) !important; margin: 0 0 6px; }
.makeart-body .nav-tabs .nav-link { border: 0 !important; border-radius: 10px 10px 0 0 !important; padding: 11px 16px; font: 600 12.5px 'Inter'; color: rgba(170,215,219,.68); background: transparent; transition: color .2s, background .2s; }
.makeart-body .nav-tabs .nav-link:hover { color: #fff; background: rgba(6,205,214,.08); }
.makeart-body .nav-tabs .nav-link.active { color: #fff !important; background: rgba(6,205,214,.14) !important; box-shadow: inset 0 -2px 0 var(--teal); }

.modal-content { background: #07161b; border: 1px solid var(--line); border-radius: 18px; color: var(--txt); box-shadow: var(--shadow-lg); }
.modal-header, .modal-footer { border-color: var(--line-2); }
.modal-title { color: #fff; font: 700 15px 'Inter'; }
.modal-backdrop.in { opacity: .78; }
.modal .close { color: #fff; opacity: .6; text-shadow: none; }

/* ---- paginare (ranking / stiri / admin) ---- */
.center-col .pagination, .makeart-body ul.pagination { display: flex; justify-content: center; margin: 26px 0 8px; overflow: visible; }
.center-col .pagination .buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; list-style: none; padding: 0; margin: 0; }
.center-col .pagination .buttons:before, .center-col .pagination .buttons:after { display: none !important; }
.center-col .pagination .buttons > *, .makeart-body ul.pagination > li { margin: 0 !important; list-style: none; }
.center-col .pagination .buttons li a, .makeart-body ul.pagination li a {
	display: inline-grid; place-items: center; min-width: 38px; height: 38px; padding: 0 12px;
	border-radius: 11px; border: 1px solid var(--line); background: rgba(6,205,214,.05);
	color: rgba(200,230,233,.85); font: 600 13px 'Inter'; font-variant-numeric: tabular-nums;
	text-decoration: none; transition: background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease), color .2s;
}
.center-col .pagination .buttons li a:hover, .makeart-body ul.pagination li a:hover { background: rgba(6,205,214,.16); border-color: rgba(6,205,214,.5); color: #fff; transform: translateY(-2px); }
.center-col .pagination .buttons li.active a, .makeart-body ul.pagination li.active a { background: linear-gradient(135deg, #14e4ee, #058c96); border-color: transparent; color: var(--ink); box-shadow: 0 6px 20px rgba(6,205,214,.35); }

/* ==========================================================================
   5. SCHELET DE PAGINA
   ========================================================================== */
.scroll-progress { position: fixed; top: 0; left: 0; right: 0; height: 2px; z-index: 10000; pointer-events: none; }
.scroll-progress span { display: block; height: 100%; background: linear-gradient(90deg, #058c96, #06cdd6, #7ff5fb); transform-origin: left center; transform: scaleX(var(--sp, 0)); box-shadow: 0 0 12px rgba(6,205,214,.8); will-change: transform; }

/* bara sticky care apare dupa hero */
.vii-topbar {
	position: fixed; top: 0; left: 0; right: 0; z-index: 9996; height: 60px;
	display: flex; align-items: center; gap: 24px;
	padding: 0 max(18px, calc((100% - 1260px) / 2 + 12px));
	background: rgba(3,12,16,.94); border-bottom: 1px solid var(--line);
	box-shadow: 0 12px 34px rgba(0,0,0,.4);
	transform: translate3d(0,-110%,0); transition: transform .38s var(--ease); will-change: transform;
}
.past-hero .vii-topbar { transform: none; }
.vii-topbar-logo { display: block; flex: 0 0 auto; }
.vii-topbar-logo img { display: block; height: 30px; width: auto; }
.vii-topbar-links { display: flex; gap: 4px; margin: 0 auto 0 6px; padding: 0; list-style: none; }
.vii-topbar-links a { display: block; padding: 9px 14px; border-radius: 10px; font: 600 11px 'Inter'; letter-spacing: 1.4px; text-transform: uppercase; color: rgba(190,220,223,.72); text-decoration: none; transition: color .2s, background .2s; }
.vii-topbar-links a:hover, .vii-topbar-links li.active a { color: #fff; background: rgba(6,205,214,.12); }
.vii-topbar-cta { display: flex; gap: 8px; flex: 0 0 auto; }

/* hero: eticheta + butoane */
.hero-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 18px; padding: 7px 15px 7px 12px; border-radius: 999px; background: rgba(6,205,214,.1); border: 1px solid rgba(6,205,214,.28); font: 700 10.5px 'Inter'; letter-spacing: 2.6px; text-transform: uppercase; color: #c3f7fa; }
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 10px rgba(79,227,160,.8); animation: livePulse 2.2s ease-out infinite; }
@keyframes livePulse { 0% { box-shadow: 0 0 0 0 rgba(79,227,160,.55); } 70% { box-shadow: 0 0 0 10px rgba(79,227,160,0); } 100% { box-shadow: 0 0 0 0 rgba(79,227,160,0); } }
.hero-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; pointer-events: auto; }
.hero-slogan .hero-title { margin-bottom: 14px; }

/* banner de pagina (pagini interioare) */
.page-banner { position: relative; z-index: 3; max-width: 1260px; margin: 0 auto; padding: 58px 24px 96px; box-sizing: border-box; }
.pb-inner { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.pb-eyebrow { display: inline-flex; align-items: center; gap: 12px; font: 700 11px 'Inter'; letter-spacing: 4px; text-transform: uppercase; color: var(--teal); }
.pb-eyebrow::before { content: ''; width: 30px; height: 1px; background: linear-gradient(90deg, var(--teal), transparent); }
.pb-title { margin: 0; font: 800 clamp(30px, 5vw, 54px)/1.05 'Inter', sans-serif; letter-spacing: 1px; text-transform: uppercase; color: #fff; text-shadow: 0 0 40px rgba(6,205,214,.35), 0 4px 24px rgba(0,0,0,.5); animation: heroFadeIn .7s var(--ease) both; }
.pb-crumbs { display: flex; align-items: center; gap: 9px; font-size: 12px; color: rgba(170,215,219,.55); }
.pb-crumbs a { color: rgba(170,215,219,.85); text-decoration: none; }
.pb-crumbs a:hover { color: var(--teal); }
.pb-current { color: #fff; max-width: 52ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* pagini interioare: header compact, fara video / stat-boxuri */
body:not(.page-news) .makeart-header {
	height: auto !important; min-height: 0 !important;
	background-image: linear-gradient(180deg, rgba(2,8,10,.32) 0%, rgba(2,8,10,.8) 72%, #02060a 100%), url(../img/theme/header-bg.png) !important;
	background-position: center 16% !important; background-size: cover !important;
}
body:not(.page-news) .header-dod { display: none !important; }
body:not(.page-news) .makeart-body { margin-top: -50px !important; padding-top: 0 !important; }

/* coloane per pagina */
.page-login .left-col, .page-login .right-col,
.page-register .left-col, .page-register .right-col,
.page-lost .left-col, .page-lost .right-col,
.page-password .left-col, .page-password .right-col,
.page-email .left-col, .page-email .right-col,
.page-players .left-col, .page-players .right-col,
.page-guilds .left-col, .page-guilds .right-col,
.page-download .left-col, .page-download .right-col,
.page-admin .left-col, .page-admin .right-col,
.page-administration .right-col, .page-characters .right-col, .page-donate .right-col,
.page-vote4coins .right-col, .page-referrals .right-col, .page-redeem .right-col { display: none !important; }

.page-login .center-col, .page-register .center-col, .page-lost .center-col, .page-password .center-col, .page-email .center-col,
.page-players .center-col, .page-guilds .center-col, .page-download .center-col, .page-admin .center-col {
	flex: 1 1 100% !important; width: 100% !important; max-width: 1000px !important; margin: 0 auto;
}
.page-administration .center-col, .page-characters .center-col, .page-donate .center-col,
.page-vote4coins .center-col, .page-referrals .center-col, .page-redeem .center-col {
	flex: 1 1 auto !important; width: auto !important; max-width: 900px !important; min-width: 0 !important; padding-left: 22px; box-sizing: border-box;
}
.page-login .makeart-container.main, .page-register .makeart-container.main, .page-lost .makeart-container.main, .page-password .makeart-container.main,
.page-email .makeart-container.main, .page-players .makeart-container.main, .page-guilds .makeart-container.main, .page-download .makeart-container.main,
.page-admin .makeart-container.main { justify-content: center; }

/* continutul paginii = card */
.makeart-body .center-col .newsfeed { margin-top: 0 !important; padding: 0 !important; }
.makeart-body .padding-container { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 28px 30px; box-shadow: var(--shadow-lg); }
body:not(.page-news):not(.page-admin) .page-hd { display: none; }
.page-admin .page-hd { display: block; border: 0; margin-bottom: 14px; }
.page-admin .page-hd .pre-social { font: 800 20px 'Inter'; letter-spacing: .6px; padding: 0; color: #fff; }
.makeart-body .center-col .heading-main { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; padding: 0; border: 0; }
.makeart-body .center-col .heading-main strong { padding: 0; font: 800 22px 'Inter'; letter-spacing: .6px; color: #fff; display: inline-flex; align-items: center; gap: 12px; }
.makeart-body .center-col .heading-main strong::before { content: ''; width: 4px; height: 22px; border-radius: 4px; background: linear-gradient(180deg, var(--teal-2), var(--teal-d)); box-shadow: 0 0 14px rgba(6,205,214,.6); }
body:not(.page-news) .heading-main strong { display: none !important; }
.makeart-body .center-col .heading-main .switch { display: inline-flex; gap: 4px; padding: 4px; border-radius: 14px; background: rgba(6,205,214,.06); border: 1px solid var(--line); }
.makeart-body .center-col .heading-main .switch .option { margin: 0 !important; padding: 0 !important; border-radius: 10px; color: rgba(190,220,223,.7); transition: background .2s, color .2s; }
.makeart-body .center-col .heading-main .switch .option span { display: flex; align-items: center; gap: 8px; margin: 0; padding: 9px 16px !important; border: 0 !important; font: 700 11.5px 'Inter'; letter-spacing: 1px; text-transform: uppercase; line-height: 1; }
.makeart-body .center-col .heading-main .switch .option span img { height: 16px; width: auto; }
.makeart-body .center-col .heading-main .switch .option.active { background: linear-gradient(135deg, rgba(6,205,214,.3), rgba(6,205,214,.12)); color: #fff; padding-bottom: 0 !important; box-shadow: inset 0 0 0 1px rgba(6,205,214,.4); }
.makeart-body .center-col .heading-main .switch .option.active::after { display: none; }
.makeart-body .center-col .heading-main .switch .option:hover { color: #fff; background: rgba(6,205,214,.1); }

/* cautare (ranking) */
.makeart-body .jumbotron form .row { display: flex; gap: 12px; align-items: center; margin: 0; padding: 0; border: 0; }
.makeart-body .jumbotron form .row > .col-lg-7 { flex: 1 1 auto; padding: 0; width: auto; max-width: none; }
.makeart-body .jumbotron form .row > .col-lg-5 { flex: 0 0 auto; padding: 0; width: auto; max-width: none; }
.makeart-body .jumbotron form .btn { margin: 0 !important; }
.jumbotron[style] { padding: 18px 22px !important; }

/* ==========================================================================
   6. STIRI
   ========================================================================== */
.center-col .newsfeed .news-single {
	position: relative; margin: 0 0 22px !important; padding: 0;
	background: var(--surface); border: 1px solid var(--line); border-radius: 20px; overflow: hidden;
	box-shadow: var(--shadow-lg);
	transition: border-color .3s var(--ease), transform .3s var(--ease), box-shadow .3s var(--ease);
}
.center-col .newsfeed .news-single:hover { border-color: rgba(6,205,214,.34); transform: translateY(-3px); box-shadow: 0 30px 70px rgba(0,0,0,.55), 0 0 40px rgba(6,205,214,.08); }
.center-col .newsfeed .news-single::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(180deg, var(--teal-2), var(--teal-d)); box-shadow: 0 0 18px rgba(6,205,214,.6); z-index: 2; }
.center-col .newsfeed .news-single .titlebar {
	background: none !important; border: 0 !important; border-radius: 0 !important;
	width: auto !important; height: auto !important; margin: 0 !important; padding: 20px 24px 0 26px !important;
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 16px;
}
.center-col .newsfeed .news-single .titlebar > span:first-child { display: inline-flex; align-items: center; gap: 12px; }
.center-col .newsfeed .news-single .titlebar > span:first-child a { font: 800 18px/1.3 'Inter' !important; letter-spacing: .2px; color: #fff !important; }
.center-col .newsfeed .news-single .titlebar > span:first-child a:hover { color: var(--teal-2) !important; }
.center-col .newsfeed .news-single .titlebar > span:first-child a .fa { font-size: 13px; opacity: .6; }
.center-col .newsfeed .news-single .titlebar > span:last-child { font-size: 11.5px !important; color: rgba(150,190,195,.75) !important; text-align: right; }
.center-col .newsfeed .news-single .titlebar > span:last-child b { color: rgba(220,240,242,.9) !important; font-weight: 600; }
.center-col .newsfeed .news-single .titlebar > span:last-child b span { color: var(--teal) !important; }
.center-col .newsfeed .news-single .innertext { padding: 14px 24px 24px 26px; }
.center-col .newsfeed .news-single .innertext p { font-size: 13.5px !important; line-height: 1.8 !important; text-align: left !important; color: rgba(190,215,219,.88) !important; }
.center-col .newsfeed .news-single .innertext img { float: none !important; max-width: 100%; height: auto; border-radius: 14px; margin: 0 0 16px; }
.read-more { display: inline-flex; align-items: center; gap: 9px; margin-top: 12px; font: 700 11.5px 'Inter'; letter-spacing: 1.3px; text-transform: uppercase; color: var(--teal) !important; text-decoration: none !important; }
.read-more i { font-size: 11px; transition: transform .25s var(--ease); }
.read-more:hover { color: var(--teal-2) !important; }
.read-more:hover i { transform: translateX(5px); }

/* articol */
.mt2cms2-c-l .post { padding: 0; }
.post_title { font: 800 clamp(22px, 3vw, 30px)/1.2 'Inter'; color: #fff; margin: 0 0 8px; display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.post_content { color: rgba(205,228,231,.92); font-size: 15px; line-height: 1.85; }
.post_content img { max-width: 100%; height: auto; border-radius: 14px; }
.post_content a { color: var(--teal); text-decoration: underline; text-underline-offset: 3px; }
.post_content h1, .post_content h2, .post_content h3 { margin: 1.4em 0 .5em; font-weight: 800; }
.post_date { margin-top: 24px; padding-top: 16px; border-top: 1px solid var(--line-2); font-size: 12px; color: var(--txt-mute); }

/* ==========================================================================
   7. HOME: pasi
   ========================================================================== */
.vii-wrap { width: 100%; max-width: 1260px; margin: 0 auto; padding: 0 12px; box-sizing: border-box; }
.vii-steps { position: relative; z-index: 4; margin: 0 0 40px; }
.vii-steps-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.vii-step {
	position: relative; display: flex; flex-direction: column; gap: 6px; padding: 24px 26px 26px; overflow: hidden;
	border-radius: 20px; text-decoration: none !important;
	background: linear-gradient(160deg, rgba(9,28,36,.96), rgba(5,17,22,.96)); border: 1px solid var(--line);
	box-shadow: 0 18px 44px rgba(0,0,0,.38);
	transition: transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);
}
.vii-step::after { content: ''; position: absolute; right: -40px; top: -40px; width: 140px; height: 140px; border-radius: 50%; background: radial-gradient(circle, rgba(6,205,214,.18), transparent 70%); pointer-events: none; }
.vs-num { position: absolute; right: 22px; top: 12px; font: 800 58px/1 'Inter'; letter-spacing: -2px; color: rgba(6,205,214,.08); pointer-events: none; }
.vs-icon { width: 48px; height: 48px; border-radius: 15px; display: grid; place-items: center; margin-bottom: 10px; font-size: 18px; color: var(--teal); background: radial-gradient(circle at 30% 25%, rgba(6,205,214,.42), rgba(6,205,214,.06) 75%); border: 1px solid rgba(6,205,214,.34); box-shadow: 0 0 20px rgba(6,205,214,.24); }
.vii-step strong { font: 700 17px 'Inter'; color: #fff; }
.vs-text { font-size: 13px; line-height: 1.6; color: var(--txt-mute); max-width: 34ch; }
.vs-go { position: absolute; right: 24px; bottom: 22px; font-size: 14px; color: rgba(6,205,214,.5); transition: transform .25s var(--ease), color .25s; }
.vii-step:hover { transform: translateY(-5px); border-color: rgba(6,205,214,.48); box-shadow: 0 26px 56px rgba(0,0,0,.5), 0 0 36px rgba(6,205,214,.14); }
.vii-step:hover .vs-go { color: var(--teal); transform: translateX(5px); }

/* ==========================================================================
   8. AUTENTIFICARE
   ========================================================================== */
.auth-card { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.25fr); border-radius: 26px; overflow: hidden; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow-lg), 0 0 70px rgba(6,205,214,.06); animation: heroFadeIn .6s var(--ease) both; }
.auth-card-narrow { max-width: 880px; margin: 0 auto; }
.auth-aside { position: relative; display: flex; flex-direction: column; gap: 16px; padding: 40px 36px; overflow: hidden; background: radial-gradient(120% 90% at 0% 0%, rgba(6,205,214,.3), transparent 60%), linear-gradient(160deg, #08272f, #041217); }
.auth-aside::after { content: ''; position: absolute; right: -90px; bottom: -90px; width: 260px; height: 260px; border-radius: 50%; border: 1px solid rgba(6,205,214,.22); box-shadow: inset 0 0 0 36px rgba(6,205,214,.04), 0 0 0 36px rgba(6,205,214,.03); pointer-events: none; }
.aside-eyebrow { font: 700 10.5px 'Inter'; letter-spacing: 2.4px; text-transform: uppercase; color: var(--teal-2); }
.auth-aside h2 { margin: 0; font: 800 36px/1.05 'Inter'; letter-spacing: .4px; text-transform: uppercase; color: #fff; text-shadow: 0 0 30px rgba(6,205,214,.4); }
.auth-aside p { margin: 0; font-size: 14px; line-height: 1.65; color: rgba(200,230,233,.78); }
.aside-steps { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 12px; }
.aside-steps li { display: flex; align-items: center; gap: 12px; font-size: 13.5px; color: #e6f6f7; }
.aside-steps li b { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 10px; display: grid; place-items: center; font-size: 12px; color: var(--teal-2); background: rgba(6,205,214,.16); border: 1px solid rgba(6,205,214,.36); }
.aside-link { position: relative; z-index: 1; margin-top: auto; display: inline-flex; align-items: center; gap: 10px; width: max-content; padding: 11px 16px; border-radius: 12px; font: 600 12.5px 'Inter'; color: #fff !important; text-decoration: none !important; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); transition: background .2s, transform .2s var(--ease); }
.aside-link:hover { background: rgba(255,255,255,.14); transform: translateY(-2px); }
.auth-main { padding: 38px 38px 32px; min-width: 0; }
.vform .alert:first-child { margin-top: 0; }

/* ==========================================================================
   9. DOWNLOAD
   ========================================================================== */
.download-lead { max-width: 70ch; margin: 0 0 24px; font-size: 14.5px; line-height: 1.75; color: rgba(200,225,228,.85); }
.download-lead strong { color: #fff; }
.download-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 18px; }
.download-card {
	position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-areas: 'icon body' 'btn btn'; gap: 16px 18px; align-items: center;
	padding: 24px; border-radius: 20px; overflow: hidden; text-decoration: none !important;
	background: linear-gradient(160deg, rgba(9,28,36,.96), rgba(5,17,22,.96)); border: 1px solid var(--line);
	box-shadow: 0 18px 44px rgba(0,0,0,.38);
	transition: transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);
}
.download-card::after { content: ''; position: absolute; right: -50px; top: -50px; width: 160px; height: 160px; border-radius: 50%; background: radial-gradient(circle, rgba(6,205,214,.2), transparent 70%); pointer-events: none; }
.dc-num { position: absolute; right: 20px; top: 12px; font: 800 44px/1 'Inter'; letter-spacing: -1px; color: rgba(6,205,214,.09); pointer-events: none; }
.dc-icon { grid-area: icon; width: 58px; height: 58px; border-radius: 18px; display: grid; place-items: center; font-size: 22px; color: var(--teal); background: radial-gradient(circle at 30% 25%, rgba(6,205,214,.42), rgba(6,205,214,.06) 75%); border: 1px solid rgba(6,205,214,.34); box-shadow: 0 0 22px rgba(6,205,214,.25); }
.dc-body { grid-area: body; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.dc-body strong { font: 800 19px 'Inter'; color: #fff; overflow: hidden; text-overflow: ellipsis; }
.dc-body small { font-size: 12px; color: var(--txt-mute); }
.dc-btn { grid-area: btn; display: flex; align-items: center; justify-content: center; gap: 10px; height: 46px; border-radius: 12px; font: 700 12px 'Inter'; letter-spacing: 1.4px; text-transform: uppercase; color: var(--ink); background: linear-gradient(135deg, #14e4ee, #06cdd6 45%, #058c96); box-shadow: 0 8px 24px rgba(6,205,214,.28), inset 0 1px 0 rgba(255,255,255,.35); transition: box-shadow .25s var(--ease); }
.dc-btn i { transition: transform .25s var(--ease); }
.download-card:hover { transform: translateY(-5px); border-color: rgba(6,205,214,.5); box-shadow: 0 28px 60px rgba(0,0,0,.5), 0 0 36px rgba(6,205,214,.14); }
.download-card:hover .dc-btn { box-shadow: 0 12px 32px rgba(6,205,214,.45), inset 0 1px 0 rgba(255,255,255,.4); }
.download-card:hover .dc-btn i { transform: translateX(5px); }

/* ==========================================================================
   10. FOOTER
   ========================================================================== */
.vii-footer { margin-top: 56px; padding: 0 !important; overflow: visible; border-top: 1px solid var(--line); background: linear-gradient(180deg, rgba(2,8,10,0), rgba(2,8,10,.92) 45%); }
.vii-footer::before, .vii-footer::after { display: none !important; }
.vf-grid { display: grid; grid-template-columns: 1.7fr 1fr 1fr 1fr; gap: 40px; padding: 56px 0 42px; }
.vf-brand p { max-width: 38ch; margin: 16px 0 20px; font-size: 13.5px; line-height: 1.7; color: var(--txt-mute); }
.vf-social { display: flex; gap: 8px; }
.vf-social a { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: var(--teal); font-size: 17px; border: 1px solid var(--line); background: rgba(6,205,214,.05); transition: transform .2s var(--ease), background .2s, color .2s, border-color .2s; }
.vf-social a:hover { transform: translateY(-3px); background: rgba(6,205,214,.15); border-color: rgba(6,205,214,.5); color: #fff; }
.vf-social a[aria-label="Discord"]:hover { background: #5865f2; border-color: #5865f2; }
.vf-col h4 { margin: 0 0 16px; font: 700 11px 'Inter'; letter-spacing: 2.4px; text-transform: uppercase; color: #fff; }
.vf-col ul { margin: 0; padding: 0; list-style: none; }
.vf-col li a { display: inline-block; padding: 5px 0; font-size: 13.5px; color: var(--txt-mute); text-decoration: none; transition: color .2s, transform .2s var(--ease); }
.vf-col li a:hover { color: var(--teal); transform: translateX(4px); }
.vf-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 26px; padding: 22px 0 36px; border-top: 1px solid var(--line-2); font-size: 12px; color: rgba(150,185,190,.6); }
.vf-note { flex: 1 1 300px; text-align: center; }
.vf-top { display: inline-flex; align-items: center; gap: 8px; font: 700 11px 'Inter'; letter-spacing: 1.4px; text-transform: uppercase; color: var(--teal) !important; text-decoration: none; }

/* ==========================================================================
   11. RESPONSIVE (componente noi)
   ========================================================================== */
@media (max-width: 1020px) {
	.vf-grid { grid-template-columns: 1fr 1fr; gap: 32px 24px; }
	.vf-brand { grid-column: 1 / -1; }
	.page-administration .center-col, .page-characters .center-col, .page-donate .center-col,
	.page-vote4coins .center-col, .page-referrals .center-col, .page-redeem .center-col { padding-left: 0; max-width: none !important; }
	.page-banner { padding: 40px 20px 84px; }
}
@media (max-width: 900px) {
	.vii-steps-grid { grid-template-columns: 1fr; }
	.vii-step { padding-right: 70px; }
	.vii-topbar-links { display: none; }
	.vii-topbar { justify-content: space-between; }
	.auth-card { grid-template-columns: 1fr; }
	.auth-aside { padding: 28px 26px; }
	.auth-aside .aside-steps { display: none; }
	.auth-aside h2 { font-size: 28px; }
	.auth-aside .aside-link { margin-top: 4px; }
	.auth-main { padding: 28px 24px 26px; }
}
@media (max-width: 767px) {
	.makeart-body .padding-container { padding: 20px 16px; border-radius: 16px; }
	.makeart-body .jumbotron { padding: 18px 16px !important; }
	.makeart-body .jumbotron .row { flex-wrap: wrap; }
	.makeart-body .jumbotron .row > .col-sm-4 { flex: 1 1 100%; }
	.makeart-body .jumbotron form .row { flex-wrap: wrap; }
	.makeart-body .jumbotron form .row > .col-lg-7 { flex: 1 1 100%; }
	.makeart-body .jumbotron form .row > .col-lg-5 { flex: 1 1 100%; }
	.makeart-body .jumbotron form .btn { width: 100% !important; }
	.makeart-body .table thead th, .makeart-body .table tbody th, .makeart-body .table tbody td { padding: 11px 10px; font-size: 12.5px; }
	.center-col .newsfeed .news-single .titlebar { padding: 18px 18px 0 20px !important; }
	.center-col .newsfeed .news-single .innertext { padding: 12px 18px 20px 20px; }
	.vf-grid { grid-template-columns: 1fr; padding: 40px 0 28px; }
	.vf-bottom { justify-content: center; text-align: center; }
	.page-banner { padding: 30px 18px 80px; }
	.pb-title { font-size: clamp(26px, 9vw, 38px); }
	.download-grid { grid-template-columns: 1fr; }
	.hero-eyebrow { font-size: 9.5px; letter-spacing: 2px; }
	.hero-cta { justify-content: center; }
	.vii-topbar-cta .vbtn-ghost { display: none; }
	.vcaptcha .g-recaptcha { transform: scale(.88); transform-origin: center top; }
}
@media (max-width: 420px) {
	.auth-main { padding: 24px 16px 22px; }
	.vcaptcha .g-recaptcha { transform: scale(.82); }
}

/* ---- fundal: doar aurora (imaginea veche content-bg avea margini rupte si pete luminoase) ---- */
.makeart-body { background-image: none !important; background-color: transparent !important; }

/* ---- butoane laterale: doar iconita, eticheta apare la hover/focus (nu mai acopera coloana din stanga) ---- */
#mini-icons-left .side-btn a { gap: 0; }
#mini-icons-left .side-btn { padding: 10px 12px; }
#mini-icons-left .sb-label { max-width: 0; opacity: 0; overflow: hidden; white-space: nowrap; transition: max-width .35s var(--ease), opacity .25s var(--ease), margin .35s var(--ease); }
#mini-icons-left .side-btn:hover .sb-label, #mini-icons-left .side-btn:focus-within .sb-label { max-width: 120px; opacity: 1; margin-left: 9px; }
@media (max-width: 767px) { #mini-icons-left .sb-label { max-width: none; opacity: 1; margin-left: 8px; } }

/* ---- finisaje de layout ---- */
.makeart-body .makeart-container.main::after { display: none !important; }
.makeart-body .makeart-container.main { min-height: 46vh; }
.makeart-body .jumbotron .row > .col-sm-4 { flex: 0 0 240px; min-width: 0; }
.makeart-body .jumbotron .row > .col-sm-4 .btn { overflow: hidden; text-overflow: ellipsis; letter-spacing: 1px; }
.makeart-body .jumbotron .row > .col-sm-8 { min-width: 0; }
.makeart-body .jumbotron form { margin: 0; }

.vbtn, .makeart-body .btn, .modal .btn { box-sizing: border-box; }

/* ---- meniul contului (coloana stanga, utilizator logat) ---- */
.makeart-body .box-sm-v1 .inner.login-box ul.ranking { padding: 8px 0 12px; margin: 0; list-style: none; }
.makeart-body .box-sm-v1 .inner.login-box ul.ranking .user-menu {
	display: block !important; width: auto !important; height: auto !important; left: 0 !important; margin: 2px 10px;
	padding: 0 !important; border: 0 !important; border-radius: 12px; background: transparent !important;
	transform: none !important; transition: background .2s var(--ease) !important;
}
.makeart-body .box-sm-v1 .inner.login-box ul.ranking .user-menu a {
	position: relative; display: flex; align-items: center; justify-content: space-between; gap: 10px;
	padding: 12px 16px; border-radius: 12px; font: 600 13px 'Inter' !important; color: rgba(214,238,240,.88) !important; text-align: left;
}
.makeart-body .box-sm-v1 .inner.login-box ul.ranking .user-menu a::before { content: ''; position: absolute; left: 0; top: 50%; width: 3px; height: 0; border-radius: 3px; background: var(--teal); box-shadow: 0 0 10px rgba(6,205,214,.8); transform: translateY(-50%); transition: height .25s var(--ease); }
.makeart-body .box-sm-v1 .inner.login-box ul.ranking .user-menu:hover { background: rgba(6,205,214,.1) !important; }
.makeart-body .box-sm-v1 .inner.login-box ul.ranking .user-menu:hover a { color: #fff !important; }
.makeart-body .box-sm-v1 .inner.login-box ul.ranking .user-menu:hover a::before { height: 60%; }
.makeart-body .box-sm-v1 .inner.login-box ul.ranking .user-menu a.logout { color: #ff8a96 !important; }
.makeart-body .box-sm-v1 .inner.login-box ul.ranking .user-menu a.logout:hover { color: #fff !important; }
.makeart-body .box-sm-v1 .inner.login-box ul.ranking .user-menu .tag { margin-left: auto; }

/* card in card: jumbotron-ul din interiorul cardului paginii devine "plat" (cautarea ramane bara inset) */
.makeart-body .padding-container .jumbotron:not([style]) { background: transparent !important; border: 0; box-shadow: none; padding: 0 !important; margin-bottom: 8px; }
.makeart-body .padding-container .jumbotron:not([style]) > div > hr { margin: 18px 0; }

/* articole: culorile din editor (gandite pentru tema veche) devin teal ca in lista de stiri */
.post_content [style*="color"], .post_content font[color] { color: var(--teal) !important; }
.post_content strong, .post_content b { color: var(--teal-2); }