.node-detail ul{
   padding-left: 20px;
}
.node-detail ul li{
   list-style: disc;
}

.article-pay-info {
	padding: 10px;
    background: #009B77;
    font-weight: bold;
    text-align: center;
    color: white;
}

.footer {
  color: #bbbbbb;
  font-size: 14px;
  line-height: 28px;
  background: #8c8ab6;
  margin-top: 20px;
}

header.header-v4 .topbar {
    background: #503d5e;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: #ccc;
}

header.header-v4 .main-menu {
  background: #8c8ab6;
}

.topbar .topbar-left ul.gva_menu > li a {
	font-weight: bold;
}

.topbar .topbar-left ul.gva_menu > li a:hover {
	color: #8c8ab6;
}

.page-user-login .bg, .page-user-register .bg, .page-user-pass .bg {
	background: #8c8ab6;
}

.user-login-form {
	margin: 25px;
}

.user-login-form .form-submit {
	width: 100%;
}

.user-register-form {
	margin: 25px;
}

.user-register-form .form-submit {
	width: 100%!important;
}

.user-register-form a {
	color: #503d5e!important;
}

.user-register-form .form-select {
	width: 93%!important;
}

.user-pass {
	margin: 25px;
}

.user-pass .form-submit {
	margin-top: 10px;
	width: 100%;
}

.block-social-auth-login {
    margin-left: 25px;
    margin-right: 25px;
    border-top: 1px solid black!important;
}

.block-social-auth-login .auth-icon {
    margin-top: 10px;
}

.messages {
	border-radius: 5px;
    padding: 10px;
}

.messages.messages--status {
	background-color: #17a2b8 !important;
	color: #fff !important;
}

/* user-form */
.user-form, .simplenews-subscriber-account-form {
	width: 55%;
	margin-bottom: 20px;
}

.user-register-form {
	width: 90%;
}

.simplenews-subscriber-account-form .form-checkboxes {
	margin-bottom: 20px;
}

.user-form input, 
.user-form select {
	width: 100%;
}

.user-form div.form-item,
.node-article-form div.form-item {
	margin-bottom: 10px;
}

/* User add articles form */
.node-article-form,
.node-video-form,
.node-gallery-form {
	margin-bottom: 20px;
}

.node-article-form input[type="text"], 
.node-article-form input[type="number"], 
.node-article-form select {
	width: 100%;
}

.node-article-form #paied_article_info {
	background: #17a2b8;
    padding: 10px;
    margin: 15px 0px;
    color: white;
    font-weight: bold;
}

.node-article-form div.form-actions,
.node-video-form div.form-actions,
.node-gallery-form div.form-actions {
	text-align: center;
}

.node-article-form div.form-actions input,
.node-video-form div.form-actions input,
.node-gallery-form div.form-actions input {
	width: 49%;
    display: inline-block;
}

.node-article-form div.js-form-type-vertical-tabs,
.node-video-form div.js-form-type-vertical-tabs,
.node-gallery-form div.js-form-type-vertical-tabs {
	display: none;
}

.node-article-form .paragraph-type-label {
	margin-left: 15px!important;
}
.node-article-form a.tabledrag-handle,
.node-video-form a.tabledrag-handle,
.node-gallery-form a.tabledrag-handle {
	padding-right: 0!important;
}
.node-article-form a.tabledrag-handle .handle,
.node-video-form a.tabledrag-handle .handle,
.node-gallery-form a.tabledrag-handle .handle {
	width: 100%;
	height: 100%;
}

.node-article-form #paied_article_info summary {
	font-size: 16px;
}

.node-article-form button.tabledrag-toggle-weight,
.node-video-form button.tabledrag-toggle-weight,
.node-gallery-form button.tabledrag-toggle-weight {
	margin-bottom: 15px;
	font-size: 11px;
    text-transform: uppercase;
    font-family: "Roboto", serif;
    background: #eee;
    font-weight: 700;
    color: #999;
    letter-spacing: 1px;
    padding: 8px 15px;
    border-radius: 5px;
    border: none;
}

.node-article-form div.paragraphs-subform {
	margin: 15px;
}

.node-article-form input.paragraphs-dropdown-action {
	color: black;
}

.node-article-form div.field--type-image,
.node-article-form div.field--name-title,
.node-article-form div.field--name-body,
.node-gallery-form div.field--type-image,
.node-gallery-form div.field--name-title,
.node-gallery-form div.field--name-body,
.node-gallery-form div.field--name-status,
.node-video-form div.field--name-title,
.node-video-form div.field--name-body,
.node-video-form div.field--type-image,
.node-video-form div.field--name-status,
.node-video-form div.field--name-field-video-embed,
.node-article-form div.field--name-field-post-category,
.node-article-form div.field--name-field-post-type,
.node-article-form div.field--name-field-post-format,
.node-article-form div.field--name-field-vip-statiya,
.node-article-form div.field--name-field-tags,
.node-article-form div.field--name-field-lokaciya,
.node-article-form div.field--name-field-post-paragraph,
.node-article-form div.field--name-field-dokumenti,
.node-article-form div.field--name-field-nachalna-data-na-statiyata,
.node-article-form div.field--name-field-krayna-data-na-statiyata,
.node-article-form div.field--name-status,
.node-article-form div.payed-article-container {
	background: #f8f9fa;
    padding: 15px;
    margin: 15px 0px;
	border: 1px solid #ccc;
}

.node-article-form button.link-edit-summary,
.node-video-form button.link-edit-summary,
.node-gallery-form button.link-edit-summary {
	background: none;
    border: none;
    color: #999;
    padding: 0;
}

.node-article-form li.dropbutton-action.secondary-action {
	margin-top: 10px;
}

.node-article-form div.field--name-field-paragraph-images {
	border: none;
}

/**/

header.header-v4 .breaking-news {
	margin-top: 0;
	background: #503d5e;
    color: white;
}

header.header-v4 .breaking-news .menu-targovets-container h2 {
	background: #8c8ab6;
    padding: 12px;
    margin: 0;
    font-size: 16px;
    line-height: 1.80;
    margin-right: 12px;
    color: white;
}

header.header-v4 .breaking-news .menu-targovets-container h2,
header.header-v4 .breaking-news .menu-targovets-container .block-content {
	display: inline-block;
}

header.header-v4 .breaking-news .menu-targovets-container li {
	display: inline;
	list-style: none;
}

header.header-v4 .breaking-news .menu-targovets-container ul > *:not(:last-child) a {
	border-right: 1px solid #999;
    padding-right: 10px;
    margin-right: 10px;
}

header.header-v4 .breaking-news .menu-targovets-container li a {
	color: #ccc;
    font-weight: bold;
}

header.header-v4 .breaking-news .menu-targovets-container li a:hover {
	color: #8c8ab6;
}

.advertiser-content-container > form:first-child {
	margin: 20px 0px;
	border: 1px solid #ccc;
}

.advertiser-content-container > form:first-child div {
	display: inline-block;
	margin: 15px;
}

.advertiser-content-container #edit-node-bulk-form--2 {
	margin: 20px 0px;
	border: 1px solid #ccc;
}

.advertiser-content-container #edit-node-bulk-form--2 div {
	display: inline-block;
	margin: 15px;
}

.advertiser-content-container #edit-actions--2 {
	margin-bottom: 20px;
}

.signature-stamp-document {
	text-align: right;
}
.signature-stamp-document p.signature-image {
	width: 200px;
    height: 100px;
    background-size: cover;
    display: inline-block;
}
.date-stamp-document {
	height: 100px;
	padding-top: 20px;
}
.document-stamp-container {
	border-top: 1px solid #ccc;
    margin: 20px;
}
.signature-inner-container {
	width: 200px;
    text-align: center;
    display: inline-block;
}
.signature-names {
	margin-top: -15px;
}

body.main-contract-advertiser header.header-v4,
body.main-contract-advertiser footer.footer,
body.main-contract-advertiser div.breadcrumbs {
	display: none;
}

.training-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin-top: 30px;
}

.training-grid ul {
	list-style-type: none;
	padding-left: 0; /* по избор, за да премахнеш и отстъпа */
}

.training-grid li a {
  padding: 30px;
  text-align: center;
  border: 1px solid;
  border-radius: 10px;
  background: #503d5e;
  color: white;
  display: block;
  font-weight: bold;
  text-decoration: none;
  transition: background 0.3s ease;
}

/* Responsive layout for tablets */
@media (max-width: 1024px) {
  .training-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Responsive layout for mobile phones */
@media (max-width: 600px) {
  .training-grid {
    grid-template-columns: 1fr;
  }

  .training-grid li a {
    padding: 20px;
    font-size: 16px;
  }
}

.in-obucheniq .item a {
	font-size: 16px;
	padding: 10px;
    display: block;
}

.in-obucheniq .item .views-field {
    display: inline-block;
}

.mentea-complete {
	margin: 0 auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    padding: 20px;
    background: #7aadff;
    color: white;
}
.mentea-complete:hover {
	background: #7aadcc;
    color: lightgreen;
}

.m-progress {
	margin-top: 25px;
}

.mentera-view .node__title {
	min-height: 80px;
}
.mentera-view .node__title a {
	color: white;
}

.mentera-view .ct-heading,
.mentera-view .mentea-complete,
.mentera-view .field--name-body,
.mentera-view section {
	display: none;
}

/* Опционално: по-контрастен контейнер заглавие "Вашите Абонаменти" */
.profile_documents_container > span {
  display: block;
  font-weight: 700;
  margin-bottom: 12px;
  margin-top: 12px;
  text-align: center;
  font-size: 15px;
}

.subscription-card {
  position: relative;
  display: flex;
  align-items: center;       /* вертикално центриране на заглавието */
  justify-content: center;   /* хоризонтално центриране */
  text-align: center;

  height: 120px;             /* еднаква височина за всички */
  width: 100%;
  padding: 16px 18px;
  border-radius: 14px;
  background: #7f7cab;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.subscription-card:hover,
.subscription-card:focus {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
  background: #695c86;
  outline: none;
  color: white;
}

/* заглавие */
.subscription-title {
  font-weight: 700;
  line-height: 1.25;
  max-width: 90%;
}

/* значка – не променя височината, стои долу вляво */
.subscription-badge {
  position: absolute;
  bottom: -10px;

  font-size: 12px;
  line-height: 1;
  padding: 6px 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  color: #fff;
}

/* състояния */
.subscription-card.is-expiring { background: lightcoral; }
.subscription-card.is-expiring:hover,
.subscription-card.is-expiring:focus { background: coral; }
.subscription-card.is-expiring .subscription-badge {
  background: rgba(0,0,0,.15);
  font-weight: 600;
}

.subscription-card.is-expired { background: #b4b4b4; color: #2b2b2b; }
.subscription-card.is-expired .subscription-badge {
  background: rgba(0,0,0,.12);
  color: #222;
  font-weight: 600;
}

.comment__meta .mentera-user-profile {
	display: none;
}
.comment-form #edit-comment-body-0-format {
	display: none;
}

.training-wrap{max-width:1100px;margin:0 auto;padding:12px 0 36px}
.training-title{font-weight:700;font-size:clamp(22px,2.5vw,32px);margin:0 0 16px}
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.tabs input{position:absolute;opacity:0;pointer-events:none}
.tabs label{display:inline-block;padding:10px 14px;border-radius:999px;background:#ede9f2;cursor:pointer;user-select:none;transition:transform .12s ease;box-shadow:0 6px 18px rgba(0,0,0,.08);font-weight:600}
.tabs label:hover{transform:translateY(-1px)}
.tabs input:checked + label{background:#5b3f73;color:#fff}
.panels{position:relative}
.panel{display:none;animation:fade .25s ease}
@keyframes fade{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
#tab-all:checked     ~ .panels #panel-all,
#tab-general:checked ~ .panels #panel-general,
#tab-mlm:checked ~ .panels #panel-mlm,
#tab-therapy:checked ~ .panels #panel-therapy,
#tab-profi:checked ~ .panels #panel-profi{display:block}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;}
.card{grid-column:span 6;background:#3e2f4a;color:#fff;border-radius:18px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,.08);display:flex;align-items:center;min-height:72px;text-decoration:none;font-weight:700;transition:transform .12s ease, box-shadow .12s ease, opacity .12s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.12);opacity:.98}
@media (min-width:720px){.card{grid-column:span 4}}
@media (min-width:1024px){.card{grid-column:span 3}}
.card.disabledAccess{background: #999;color: white;}
.card.training-card:hover {color: #3e2f4a;background: #8c8ab6;}
.card.disabledAccess:hover {cursor: default;}

/* -------- Flip cards for restricted -------- */
.flip{perspective:1000px; position:relative;}
.flip.disabledAccess{opacity:.9; filter:grayscale(.15);}
.flip .flip-inner{
position:relative; width:100%;
transform-style:preserve-3d; transition:transform .6s cubic-bezier(.2,.7,.2,1);
border-radius:var(--radius); min-height:92px;
}
.flip:hover .flip-inner,
.flip:focus-within .flip-inner{ transform:rotateY(180deg); }

.flip .face{
position:relative;
display:flex; align-items:center; justify-content:center;
padding:18px; border-radius:var(--radius);
box-shadow:var(--shadow); min-height:92px;
backface-visibility:hidden; -webkit-backface-visibility:hidden;
text-align:center;
}
.flip .front{
background:var(--card); color:var(--card-txt);
}
.flip .front .card-title{font-weight:700}
.flip .back{
position:absolute; inset:0; transform:rotateY(180deg);
background:#fff; color:#2d1b3f; text-decoration:none;
border:2px dashed rgba(93,63,115,.25); /* лек контур */
}
.flip .back .back-contents{display:flex;flex-direction:column;gap:8px;align-items:center}
.flip .back .btn-ghost{
display:inline-block; padding:8px 12px; border-radius:999px;
border:1px solid #d7cde6; font-weight:600;
}

.tabs.primary.nav-tabs.drupal-tabs li.is-active {
	background: #CD2122;
}
.tabs.primary.nav-tabs.drupal-tabs li.is-active a {
	color: white;
}

.mentera-progress-description {
	width: 100%;
    padding: 20px;
    margin-bottom: 15px;
    background: wheat;
}

.site-branding__slogan {
	color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.mentera-sub-policy { 
	background: #eee;
    margin: 20px 0;
    border-radius: var(--gn-radius);
    border: 1px solid #e5e7eb;
    box-shadow: 0 6px 24px rgba(15, 23, 42, .06);
    padding: 14px 16px;
}

.mentera-sub-policy a { 
	color: #8c8ab6;
    font-weight: bold;
}

/* ===== GRID: 2 колони ===== */
.custom-mentera-paid-articles ul:not(.contextual-links) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
    padding: 20px 0;
}

/* Мобилни устройства → 1 колона */
@media (max-width: 768px) {
    .custom-mentera-paid-articles ul {
        grid-template-columns: 1fr;
    }
}

/* ===== Карта ===== */
.custom-mentera-paid-articles li.view-list-item {
    background: #3b2d47;  
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    height: 380px; /* ФИКСИРАНА ВИСОЧИНА → за равни карти */
}

/* Празните <li> да изчезват */
.custom-mentera-paid-articles li.view-list-item:not(:has(.views-field)) {
    display: none !important;
}

/* ===== Заглавие ===== */
.custom-mentera-paid-articles .views-field-title .field-content a {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    padding: 15px;
    text-decoration: none;
}

.custom-mentera-paid-articles .views-field-title .field-content a:hover {
    color: #d5d2ff;
}

/* ===== Снимка ===== */
.custom-mentera-paid-articles .views-field-field-image img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-bottom: 3px solid #503d5e;
}

/* ===== Допълнително поле (плащане, твоята стойност) ===== */
.custom-mentera-paid-articles .views-field-field-plashtane-na-spodelyane {
    margin-top: auto; /* за да слезе долу */
    padding: 0 15px;
    color: #fff;
    font-size: 15px;
}

.custom-mentera-paid-articles .views-field-field-plashtane-na-spodelyane .field-content {
    font-weight: 600;
}

/* Групиране на последните три полета в footer */
.custom-mentera-paid-articles li.view-list-item {
    position: relative;
}

.custom-mentera-paid-articles li.view-list-item .views-field-field-plashtane-na-spodelyane,
.custom-mentera-paid-articles li.view-list-item .views-field-field-nothing {
    display: none;
}

.custom-mentera-paid-articles li.view-list-item::after {
    content: "";
    display: block;
}

/* Създаваме нов footer елемент от CSS */
.custom-mentera-paid-articles li.view-list-item {
    display: flex;
    flex-direction: column;
}

.custom-mentera-paid-articles li.view-list-item .article-footer {
    display: flex;
}

/* Footer зона */
.custom-mentera-paid-articles .article-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;

    background: linear-gradient(90deg, #7b5ba7, #9d7bca);
    padding: 12px 18px;
    border-radius: 0 0 22px 22px;
    margin-top: auto;

    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

/* Махаме празното тъмно лилаво */
.custom-mentera-paid-articles li.view-list-item {
    background: #3b2d47;
    border-radius: 22px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    /* REMOVE padding-bottom */
    padding-bottom: 0;
    height: auto; /* AUTO ВИСОЧИНА → НЯМА празно под footer-а */
}

/* Текстът "Сподели..." */
.custom-mentera-paid-articles .share-text {
    font-weight: 700;
    max-width: 60%;
}

/* Точки */
.custom-mentera-paid-articles .share-points {
    background: #fff;
    color: #5e2fa3;
    font-weight: 800;
    padding: 6px 14px;
    border-radius: 12px;
    margin-left: 12px;
    font-size: 15px;
}

/* Facebook икона – слагаме я вътре в footer-а */
.custom-mentera-paid-articles .share-icon img {
    width: 50px;
    height: 50px;
    padding: 5px;
	background: white;
    border-radius: 10px;
}

/* Контейнерът на всяка карта -> става flex колонка */
.custom-mentera-paid-articles li.view-list-item {
    display: flex;
    flex-direction: column;
    background: #3b2d47;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    height: 360px;    /* ← ТУК задаваме еднаква височина */
}

/* Частта над footer-а (заглавие + снимка) */
.custom-mentera-paid-articles .views-field-title,
.custom-mentera-paid-articles .views-field-field-image,
.custom-mentera-paid-articles .content-wrapper {
    flex-grow: 1;        /* ← ТУК расте, за да запълни мястото */
    display: block;
}

/* Footer остава винаги долу */
.custom-mentera-paid-articles .article-footer {
    margin-top: auto;    /* ← ПИНВА го в самото дъно */
}

/* Wrapper */
.js-pager__items {
    list-style: none;
    padding: 0;
    margin: 40px auto;
    display: flex;
    justify-content: center;
    gap: 8px;
}

/* Всеки елемент */
.js-pager__items li {
    display: inline-block;
}

/* Номера и стрелки */
.js-pager__items li a {
    display: block;
    padding: 8px 14px;
    min-width: 35px;
    text-align: center;
    border-radius: 6px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    color: #444;
    background: #f6f6f8;
    border: 1px solid #ddd;
    transition: 0.25s;
}

.js-pager__items li:not(:has(a)) {
    margin-top: 10px;
}

/* Hover */
.js-pager__items li a:hover {
    background: #5964e0;
    color: #fff;
    border-color: #5964e0;
}

/* Активната страница */
.js-pager__items li.is-active a {
    background: #3f49c8;
    color: #fff;
    border-color: #3f49c8;
    font-weight: 600;
}

.training-card,
.face.front {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.card-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:28px;
  padding:0 8px;
  border-radius:999px;
  background:#8c8ab6;
  border:1px solid #8c8ab6;
  font-size:13px;
  font-weight:600;
  line-height:1;
}

.messages.messages--status {
    padding: 50px;
    font-size: 32px;
}