/*
Theme Name:   SNN-BRX - Bricks Builder Child Theme
Theme URI:    https://sinanisler.com/
Description:  SNN-BRX Child Theme is a purpose-built essential building suite for agencies and professionals, streamlining your Bricks Builder projects with one powerful child theme.
Author:       sinanisler
Author URI:   https://sinanisler.com/
Text Domain:  snn
Template:     bricks
Version: 0.260
*/

 :root {
        --title133-35: clamp(7.125rem, 6.837rem + 1.230vw, 8.313rem);
    }


@media (min-width: 375px) {


 h2.title{
    font-size: var(--title133-35);

 }   
 /* scroll*/
/* Για ΟΛΑ τα horizontal scroll containers */
.horizontal-scroll-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    gap: 24px;
    padding: 15px 0;
    width: 100%;
}

/* Κρύβει scrollbar */
.horizontal-scroll-container::-webkit-scrollbar {
    display: none !important;
}

/* Εικόνες - ΑΠΕΝΕΡΓΟΠΟΙΗΣΗ DRAG */
.horizontal-scroll-container img {
    height: 260px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: cover !important;
    flex-shrink: 0;
    pointer-events: none !important;
    -webkit-user-drag: none !important;
    -khtml-user-drag: none !important;
    -moz-user-drag: none !important;
    -o-user-drag: none !important;
    user-drag: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
    -webkit-tap-highlight-color: transparent !important;
}

/* Εσωτερικά div containers - ΜΟΝΟ όταν έχουν εικόνα */
.horizontal-scroll-container > div:has(img) {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ΚΡΥΒΕΙ τα κενά div (χωρίς εικόνα) */
.horizontal-scroll-container > div:not(:has(img)) {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
}

/* Εναλλακτική αν το :has() δεν υποστηρίζεται */
.horizontal-scroll-container > div:empty {
    display: none !important;
}

/* Για τα συγκεκριμένα Bricks classes που είναι κενά */
.brxe-5d3d45:empty,
.brxe-ffe8e0:empty, 
.brxe-ffb4e3:empty {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}    
 /* scroll*/
 
 


.full-bleed {
  padding-inline: 0 !important;
  padding: 0 !important;
}

.fullwidth.brxe-section {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.displaynone{
  display: none !important;
}

.brx-offcanvas-backdrop {
        background: transparent !important;
        opacity: 0 !important;
}

body.error404 #brxe-c1c715 {
    height: 108px;
    justify-content: center;
    background-color: transparent;
}

body.error404 line {
    stroke: white;
}

#brxe-a20240, #brxe-ddda36 {
  cursor: pointer;
}

/* Βασικό style για τη λίστα */
#brxe-b4f601 .filters, #brxe-5edb3c .filters {
    display: block !important;
}

#brxe-b4f601 .filters li, #brxe-5edb3c .filters li  {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

/* Προσθήκη κόμμα μετά από κάθε item εκτός από το τελευταίο */
#brxe-b4f601 .filters li:not(:last-child)::after, #brxe-5edb3c .filters li:not(:last-child)::after{
    content: "," !important;
    margin: 0 5px !important;
    color: #000;
}

/* Active color */
#brxe-b4f601 .brx-option-active .brx-option-text, #brxe-5edb3c .brx-option-active .brx-option-text {
    color: #000 !important;
}

/* Κανονικό style για τα κουμπιά */
#brxe-b4f601 .brx-option-text.bricks-button, #brxe-5edb3c .brx-option-text.bricks-button {
    display: inline !important;
    background: transparent !important;
    border: none !important;
    padding: 0 2px !important;
    float: none !important;
}

span.filter-comma {
    padding-right: 8px;
    display: none;
    
}


/* Read more */

.read-more-content {
    display: block !important;
    max-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    transition: all 0.5s ease-in-out !important;
}

.read-more-content.active {
    max-height: 1000px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#brxe-jkyhb, #brxe-zwyskn {
    cursor: pointer !important;
    color: #000 !important;
    display: inline-block !important;
    margin-top: 10px !important;
    transition: color 0.3s ease !important;
}

.brxe-text-link{
    cursor: pointer !important;
}


/* Start menu css*/

/* Hover effect μέσω CSS */

/* End menu css*/



}

/*  End media 375*/

/* 

media 991px 

*/
@media (min-width: 991px) {
span.filter-comma {
    padding-right: 8px;
    display: block;
    color: rgba(0, 0, 0, 0.2);
}


}