/* Demo 1.1.0 */
.lvd-demo                       {position:relative; padding:40px;}
.lvd-demo-nav                   {width:280px;}
.lvd-demo-title                 {padding:16px; margin-bottom:16px; border-radius:40px; text-align: center; background:var(--lvd-color-primary); color:var(--lvd-color-white);}
.lvd-demo-title .lvd-title      {font-size:var(--lvd-text-h4); margin-bottom:0;}
.lvd-demo-title .lvd-intro      {font-size:var(--lvd-text-s1); margin:0;}
.lvd-demo-group-title           {font-size:var(--lvd-text-s1); margin-bottom:8px; margin-top:16px; font-weight:700;}

.lvd-cm-demo-card               {position:relative; border-radius:var(--lvd-rounded); background:var(--lvd-color-white); padding:8px; box-shadow: var(--lvd-shadow-300);}
.lvd-cm-demo-card:hover         {background:var(--lvd-color-primary-surface);}
.lvd-cm-demo-card.lvd-demo-variants   {padding-bottom:24px;} 
.lvd-cm-demo-card .lvd-keyword  {background:var(--lvd-color-success); color:var(--lvd-color-white); position:absolute;  bottom:0; right:8px; display:inline-block; border-radius:10px; margin-bottom: 8px; font-size:var(--lvd-text-s2); text-transform: lowercase; padding:2px 8px;}
.lvd-cm-demo-card img           {border-radius:4px; margin-bottom:16px;}
.lvd-cm-demo-card .lvd-content  {padding:0 8px;}
.lvd-cm-demo-card .lvd-title    {margin-bottom:8px; color:var(--lvd-color-black);}
.lvd-demo-role-tag              {display:inline-block; padding:4px 8px; background:var(--lvd-color-primary-surface); color:var(--lvd-color-primary-light-on); border-radius: 16px; font-size:var(--lvd-text-s2); margin:0 8px 8px 0;}
.lvd-cm-demo-card:hover .lvd-demo-role-tag {background:var(--lvd-color-primary-light);}
.lvd-cm-demo-card .lvd-copy-block-container,
.page-template-page-lvd-demo .lvd-global-copy-button {display:none;}

.lvd-demo-searh-input           {width: 100%; margin-bottom:16px; height:32px; line-height:32px; border-radius:16px;  border:1px solid var(--lvd-color-gray-300); background:var(--lvd-color-white); box-shadow: inset 0 2px 5px -1px rgba(0, 0, 0, .1); padding:0 16px; transition: all 0.3s ease;}
.lvd-demo-searh-input:focus {
    border-color: var(--lvd-color-primary);
    box-shadow: inset 0 3px 6px -1px rgba(57, 88, 212, .3);}

.header-filtre  {margin-bottom:24px;}

.filter-btn {
    background:var(--lvd-color-white);
    color:var(--lvd-color-black);
    border:0;
    display:inline-block; padding:4px 8px; border-radius: 16px; font-size:var(--lvd-text-s1); margin:0 8px 8px 0;
}

/* Stilizare buton filtru activ */
.filter-btn.active {
    background:var(--lvd-color-primary);
    color:var(--lvd-color-white);
    font-weight: bold;
}

/* Clasa care ascunde cardurile */
.component-card.is-hidden {
    display: none;
}

/* Mesajul de "fara rezultate" */
.no-results-message {
    text-align: center;
    padding: 40px;
    width: 100%;
}

.lvd-demo-body .results-meta    {font-size:var(--lvd-text-s1); margin:0 8px 16px 0; font-weight: bold;}



.lvd-demo-menu                  {position: -webkit-sticky; /* Safari */ position: sticky; top: 90px; overflow-y: auto;}
.lvd-demo-menu li               {margin-bottom:16px; display:inline-block;}
.lvd-demo-menu a                {background-color:var(--lvd-color-primary-light); color:var(--lvd-color-primary-light-on); font-weight: 700; display:inline-block; padding:5px 16px; border-radius:20px;   }
.lvd-demo-menu a:hover          {background-color:var(--lvd-color-primary); color:var(--lvd-color-white);} 
.lvd-demo-body                  {width: calc(100% - 320px);} 
.lvd-demo-hero                  {padding:40px; margin-bottom:30px; border-radius:var(--lvd-rounded-md); background:var(--lvd-color-primary); color:var(--lvd-color-white);} 
.lvd-demo-hero a                {color:var(--lvd-color-white);}

.lvd-demo-component-card        {position:relative; border-radius:var(--lvd-rounded); }
.lvd-demo-component-card-details   {padding:20px;}
.lvd-demo-smart-badge           {background:var(--lvd-color-secondary); color:var(--lvd-color-white); position:absolute; top:10px; right:10px; border-radius:10px; font-size:var(--lvd-text-s2); padding:2px 8px;}
.lvd-demo-component-card .lvd-title {color:var(--lvd-color-black); font-size:var(--lvd-text-h4);}     
.lvd-demo-jump {display:none;}  

/* Bm */
@media (min-width:1px) and (max-width:767px)
{
    .lvd-demo                       {padding:16px;}
    .lvd-demo-nav                   {width:100%;}
    .lvd-demo-body                  {width:100%;} 
.lvd-demo-title                 {padding:8px 16px; margin-bottom:8px;}
.lvd-demo-title .lvd-title      {font-size:var(--lvd-text-h5); }
    .lvd-demo-searh-input           {font-size: 16px;}
    .lvd-demo-jump                  {display:flex; justify-content: center; align-items: center; background:var(--lvd-color-primary); color:var(--lvd-color-white); position:fixed; bottom:24px; right:24px; width:40px; height:40px; border-radius:20px;}
    .lvd-demo-jump svg              {width:24px; height:24px; margin:0 auto; fill:var(--lvd-color-white);}                
} 


/* Bt */
@media (min-width:768px) and (max-width:1023px)
{

}