/*======================================
Theme Name: trendmakers. divi child theme
Theme URI: https://trendmakers.ro/
Description: trendmakers. Divi Child Theme
Version: 1.01
Author: trendmakers.
Author URI: https://trendmakers.ro
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/* din theme */
html { scroll-behavior: smooth; }

/* Meniu (clasic) */
.et-menu .lang-item img{
  width: 40px !important;   /* setează cât vrei: 18–28px e uzual */
  height: auto !important;  /* păstrează raportul */
  vertical-align: middle;
}

/* Dacă ai dropdown languages în meniu, ajustează și submeniul */
.et-menu .lang-item .sub-menu img {
  width: 18px !important;
  height: auto !important;
}

/* Spațiere când afișezi „steag + nume” */
.et-menu .lang-item a { display: inline-flex; align-items: center; gap: .4rem; }

    @media (max-width: 980px) {
        /* Hide the standard mobile hamburger menu */
        .menulang .et_mobile_nav_menu {
            display: none !important;
        }
        /* Show your desktop menu (with your custom class) */
        .menulang {
            /*display: flex !important; */ /* Or 'block' if it's a block element */
        }
        /* Hide any other mobile navigation elements if needed */
        .menulang .et_pb_menu__menu {
            display: block !important;
        }
    }

.blog-list-footer .et_pb_post {margin-bottom: 2px;
}

.entry-featured-image-url {
    overflow: hidden;
    display: block;
    border-radius: 8px;
}

.entry-featured-image-url img {
    transition: transform 0.3s cubic-bezier(.4,0,.2,1);
    will-change: transform;
    display: block;
    width: 100%;
    height: auto
}

.entry-featured-image-url:hover img {
    transform: scale(1.07);
    z-index: 1
} 
/*END din theme*/


/* titlu + buton pe același rând */
.blog-title-inline .title-with-btn{
  display: flex;
  align-items: center;
  gap: .6rem;
  flex-wrap: wrap;
}

/* OUTLINE + ROUNDED + ORANGE */
/* titlu + buton în 2 coloane */
.blog-title-inline .title-with-btn{
  display: grid;
  grid-template-columns: 1fr auto;  /* titlu ia tot, butonul pe col.2 */
  align-items: start;
  column-gap: .75rem;
  row-gap: .25rem;
}

/* asigură-te că titlul poate micșora corect în grid */
.blog-title-inline .entry-title{ margin: 0; min-width: 0; line-height: 1.25; }

/* titlu egalizat la 2 rânduri (butonul va fi aliniat între carduri) */
.blog-title-inline .entry-title a{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;     /* taie la 2 rânduri */
  overflow: hidden;
  /*min-height: calc(1.25em * 2);*/  /* rezervă înălțimea pt 2 rânduri */
}

/* butonul (outline rounded orange – modifică culoarea în cele 3 locuri) */
.blog-title-inline .title-with-btn .more-link{
  display: inline-block;
  padding: .45rem .9rem;
  border: 1px solid #ED6342;
  border-radius: 9999px;
  background: transparent;
  color: #ED6342;
  text-decoration: none;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;          /* nu rupe butonul pe 2 rânduri */
  justify-self: end;            /* aliniat dreapta în col.2 */
  transition: background .2s, color .2s, border-color .2s, transform .06s ease;
}
.blog-title-inline .title-with-btn .more-link:hover{ background:rgba(237,99,66,0.08); /*color:#fff;*/ }
.blog-title-inline .title-with-btn .more-link:active{ transform: scale(0.98); }
.blog-title-inline .title-with-btn .more-link:focus-visible{ outline:2px solid #ff7a00; outline-offset:2px; }

/* mobil: stivuiește (titlul sus, butonul sub) */
@media (max-width: 767px){
  .blog-title-inline .title-with-btn{
    grid-template-columns: 1fr;
    row-gap: .5rem;
  }
  .blog-title-inline .title-with-btn .more-link{ justify-self: start; }
}

/* fundal implicit pentru carduri */
.blog-title-inline article.et_pb_post{
  background: #fff;
  border: 1px solid #ED6342 !important;
  border-radius: 12px;
  padding: 16px;
  box-sizing: border-box;
	margin-bottom:30px;
}

/* al doilea, al patrulea, etc. */
.blog-title-inline article.et_pb_post:nth-child(even){
  /*background: rgba(237,99,66,0.08);*/ /* orange very light – schimbă după gust */
}

/* ascunde modulul Blog dacă are mesajul de "no results" */
.hide-if-empty:has(.not-found-title){
  display: none !important;
}

/* (opțional) ascunde întreg ROW-ul dacă blogul e gol
   – pune clasa asta pe Row: hide-row-if-empty */
.hide-row-if-empty:has(.et_pb_blog .not-found-title){
  display: none !important;
}