/*======================================
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 */
}
/* butonul rămâne inline-flex pentru alinierea iconului + textului */
.blog-title-inline .title-with-btn .more-link{
display: inline-flex;
align-items: center;
gap: .5rem;
}
/* agrafă înainte de etichetă, colorată cu currentColor */
.blog-title-inline .title-with-btn .more-link{
display: inline-flex;
align-items: center;
gap: .5rem;
/*color: #ED6342;*/
}
.blog-title-inline .title-with-btn .more-link::before{
content: "";
width: 1.1em;
height: 1.1em;
display: inline-block;
background-color: currentColor; /* preia #ED6342 / alb la hover */
-webkit-mask: url('data:image/svg+xml;utf8,\
') no-repeat center / contain;
mask: url('data:image/svg+xml;utf8,\
') no-repeat center / contain;
}
/*blog-css-grid pe doua coloane*/
.blog-css-grid > div{
display:grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 500px), 1fr));
gap: 20px;
}
/* style css grid item or blog post */
.blog-css-grid .et_pb_post{
align-self: start;
padding: 15px;
min-width: 0; /* important în grid pentru a permite micșorarea */
box-sizing: border-box;
}
/* remove pagination from blog module grid with absolute position */
.blog-css-grid2 > div > div {
width: 100%;
position: absolute;
bottom: 0;
transform: translate(0%, 150%);
}
/* Resize Featured Image Thumbnails */
.blog-css-grid .entry-featured-image-url{
position: relative; /* <- lipsea de obicei */
display: block;
padding-top: 56.25%;
overflow: hidden; /* opțional, taie surplusul */
}
.blog-css-grid .entry-featured-image-url img{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-css-grid .post-content-inner p{
font-size:16px !important;
}
.blog-css-grid ul {
margin-left:40px;
}
.blog-css-grid.events-section h2.entry-title{
font-size:24px!important;
padding-bottom:40px;
}
/* GATA blog-css-grid*/
article.no-readmore a.more-link{ display:none !important; }
article.no-readmore .title-with-btn{ grid-template-columns: 1fr; }