/* ==========================================================
   Green Transport – blogjavítás
   TemplateToaster 8 + Joomla
   Verzió: 1.1
   ========================================================== */

/* A blogoszlopok és kártyák azonos magasságúak */
.com-content-category-blog > .row {
    align-items: stretch;
}

.com-content-category-blog > .row > [class*="col-"] {
    display: flex;
    padding: 12px;
}

.com-content-category-blog article.gr_post.grid {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.com-content-category-blog article.gr_post.grid > .gr_post_content_inner,
.com-content-category-blog article.gr_post.grid .item-content,
.com-content-category-blog article.gr_post.grid .gr_article,
.com-content-category-blog article.gr_post.grid .postcontent {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.com-content-category-blog article.gr_post.grid > .gr_post_content_inner,
.com-content-category-blog article.gr_post.grid .item-content,
.com-content-category-blog article.gr_post.grid .gr_article {
    flex: 1 1 auto;
}

/* A TemplateToaster által beillesztett tördelő elemek ne zavarják a Flexboxot */
.com-content-category-blog > .row > div[style*="clear:both"] {
    display: none !important;
}

/* Blogképek: egységes 3:2 képarány, torzítás nélkül */
.com-content-category-blog article.gr_post figure.item-image {
    display: block;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 3 / 2;
    margin: 0 0 16px 0 !important;
    padding: 0;
    overflow: hidden;
}

.com-content-category-blog article.gr_post figure.item-image > a {
    display: block;
    width: 100%;
    height: 100%;
}

.com-content-category-blog article.gr_post figure.item-image img {
    display: block;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover;
    object-position: center center;
}

/* Címek közel azonos magassága háromhasábos nézetben */
.com-content-category-blog article.gr_post.grid .gr_post_inner_box {
    flex: 0 0 auto;
}

.com-content-category-blog article.gr_post.grid .gr_post_title {
    min-height: 2.7em;
    line-height: 1.35;
    margin-bottom: 12px;
}

/* A bevezető szöveg kitölti a rendelkezésre álló helyet */
.com-content-category-blog article.gr_post.grid .postcontent {
    flex: 1 1 auto;
}

/* A Tovább gomb a kártya aljára kerül */
.com-content-category-blog article.gr_post.grid .readmore,
.com-content-category-blog article.gr_post.grid p.readmore,
.com-content-category-blog article.gr_post.grid .btn {
    margin-top: auto;
}

/* A vezető cikk képe is 3:2, de nem kap kártyamagasságot */
.com-content-category-blog article.gr_post.list figure.item-image {
    aspect-ratio: 3 / 2;
}

/* Tablet */
@media (max-width: 991.98px) {
    .com-content-category-blog > .row > [class*="col-"] {
        padding: 10px;
    }

    .com-content-category-blog article.gr_post.grid .gr_post_title {
        min-height: 0;
    }
}

/* Telefon */
@media (max-width: 575.98px) {
    .com-content-category-blog > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .com-content-category-blog > .row > [class*="col-"] {
        display: block;
        padding: 8px 0;
    }

    .com-content-category-blog article.gr_post.grid {
        height: auto;
    }
}

/* ==========================================================
   KÁRTYAHATÁS TELJES KIKAPCSOLÁSA
   A TemplateToaster erősebb szabályainak felülírása
   Verzió: 1.3
   ========================================================== */

/* Külső cikkdoboz és valamennyi belső burkolóelem */
.com-content-category-blog article.gr_post,
.com-content-category-blog article.gr_post.grid,
.com-content-category-blog article.gr_post.list,
.com-content-category-blog article.gr_post > .gr_post_content_inner,
.com-content-category-blog article.gr_post .gr_post_content_inner,
.com-content-category-blog article.gr_post .gr_post_inner_box,
.com-content-category-blog article.gr_post .item-content,
.com-content-category-blog article.gr_post .gr_article,
.com-content-category-blog article.gr_post .postcontent {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Hover állapot: ne mozduljon és ne kapjon árnyékot */
.com-content-category-blog article.gr_post:hover,
.com-content-category-blog article.gr_post.grid:hover,
.com-content-category-blog article.gr_post.list:hover,
.com-content-category-blog article.gr_post:hover > .gr_post_content_inner,
.com-content-category-blog article.gr_post:hover .gr_post_content_inner,
.com-content-category-blog article.gr_post:hover .gr_post_inner_box,
.com-content-category-blog article.gr_post:hover .item-content,
.com-content-category-blog article.gr_post:hover .gr_article,
.com-content-category-blog article.gr_post:hover .postcontent {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
}

/* Minden animáció és átmenet kikapcsolása a blogcikkeken */
.com-content-category-blog article.gr_post,
.com-content-category-blog article.gr_post *,
.com-content-category-blog article.gr_post::before,
.com-content-category-blog article.gr_post::after {
    animation: none !important;
    transition: none !important;
}

/* A kép se nagyítson és ne mozduljon rámutatáskor */
.com-content-category-blog article.gr_post figure.item-image,
.com-content-category-blog article.gr_post figure.item-image a,
.com-content-category-blog article.gr_post figure.item-image img,
.com-content-category-blog article.gr_post:hover figure.item-image,
.com-content-category-blog article.gr_post:hover figure.item-image a,
.com-content-category-blog article.gr_post:hover figure.item-image img {
    transform: none !important;
    box-shadow: none !important;
    filter: none !important;
}

/* A 3:2 képarány változatlanul megmarad */
.com-content-category-blog article.gr_post figure.item-image {
    aspect-ratio: 3 / 2 !important;
    overflow: hidden !important;
}

.com-content-category-blog article.gr_post figure.item-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* ==========================================================
   Green Transport - 1 px-es keret + finom hover animáció
   Verzió: 1.7
   ========================================================== */

.com-content-category-blog article.gr_post,
.com-content-category-blog article.gr_post.grid,
.com-content-category-blog article.gr_post.list{
    position:relative !important;
    overflow:hidden !important;

    border-top:none !important;
    border-left:none !important;
    border-right:1px solid rgba(7,127,76,1) !important;
    border-bottom:1px solid rgba(7,127,76,1) !important;

    border-radius:20px !important;
    padding:12px !important;

    box-shadow:0 0 0 rgba(0,0,0,0) !important;
    transform:translateY(0) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease !important;
}

/* Finom megemelkedés és árnyék rámutatáskor */
.com-content-category-blog article.gr_post:hover,
.com-content-category-blog article.gr_post.grid:hover,
.com-content-category-blog article.gr_post.list:hover{
    border-right:1px solid rgba(7,127,76,1) !important;
    border-bottom:1px solid rgba(7,127,76,1) !important;
    border-radius:20px !important;

    transform:translateY(-3px) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.14) !important;
}

/* Ne legyen sarokfelhajtás */
.com-content-category-blog article.gr_post::before,
.com-content-category-blog article.gr_post::after{
    content:none !important;
    display:none !important;
}

/* A kép ne nagyítson külön */
.com-content-category-blog article.gr_post figure.item-image img,
.com-content-category-blog article.gr_post:hover figure.item-image img{
    transform:none !important;
    transition:none !important;
}

/* Mobilon ne mozogjon */
@media (max-width:575.98px){
    .com-content-category-blog article.gr_post:hover,
    .com-content-category-blog article.gr_post.grid:hover,
    .com-content-category-blog article.gr_post.list:hover{
        transform:none !important;
        box-shadow:0 4px 10px rgba(0,0,0,.10) !important;
    }
}


/* Green Transport - teljes cikk képe, legfeljebb 300 px szélességgel */
.com-content-article .gt-article-image {
    float: none !important;
    width: 100%;
    max-width: 300px;
    margin: 0 0 18px 0 !important;
}

.com-content-article .gt-article-image img {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-width: 300px !important;
    object-fit: contain;
    border-radius: 8px;
}

.com-content-article .gt-article-image figcaption {
    margin-top: 6px;
    font-size: 0.9rem;
    line-height: 1.35;
}

@media (max-width: 575.98px) {
    .com-content-article .gt-article-image,
    .com-content-article .gt-article-image img {
        max-width: 100% !important;
    }
}



/* ==================================================
   BR Simple Image Gallery – reszponzív képrács
   ================================================== */

ul.brSigContainer {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 15px;

    width: 100%;
    margin: 20px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* A bővítmény hibásan elhelyezett strong eleme
   ne zavarja meg a rácsos elrendezést */
ul.brSigContainer > strong {
    display: contents;
}

ul.brSigContainer li.brSigItem {
    display: block !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

ul.brSigContainer a.brSigLink {
    display: block;
    width: 100%;
    height: 100%;
}

ul.brSigContainer a.brSigLink img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;

    aspect-ratio: 3 / 2;
    object-fit: cover;
}