._df_thumb {    
    width: 420px !important;
    height: 420px !important;    
}

.anka-bar-close-btn:before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    content: "\f00d" !important; /* Unicode για το FA solid Xmark */
}

/* Στοχεύουμε συγκεκριμένα το κουμπί των thumbnails του DearFlip */
.ti-layout-grid2:before {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important; /* Απαραίτητο για τα Solid εικονίδια του FA6 */
    content: "\f31e" !important;  /* Ο Unicode κωδικός του FontAwesome εικονιδίου */
}
/* Γενική αλλαγή σε όλα τα κουμπιά της εργαλειοθήκης του DearFlip */
.df-ui-btn {
    color: #495057; /* Χρώμα εικονιδίου */
    font-size: 16px; /* Μέγεθος εικονιδίου */
    transition: all 0.2s ease-in-out;
}

/* Εφέ όταν ο χρήστης πηγαίνει το ποντίκι πάνω στο κουμπί */
.df-ui-btn:hover {
    color: var(--link-color, #1d7989); /* Χρώμα hover με βάση τις μεταβλητές σου */
    background-color: rgba(0, 0, 0, 0.05); /* Ελαφρύ φόντο στο hover */
    border-radius: 4px;
}


.df-ui-btn.ti-layout-grid2 {
    /* Εδώ μπορείς να βάλεις δικούς σου κανόνες, π.χ. */
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

/* Αλλαγή του εικονιδίου ή του χρώματος του συγκεκριμένου κουμπιού στο hover */
.df-ui-btn.ti-layout-grid2:hover {
    background-color: #e9ecef;
}


.df-ui-btn[title]:hover::after {
    /* Προσαρμογή tooltips αν χρειάζεται */
    font-family: inherit;
}

.df-floating.df-controls-top .df-ui-controls {
  box-shadow: 0 .5rem 1rem #00000026 !important;
}
/* ==========================================================
   ANKA Newsletters - Final dFlip Link & Annotation Fixes
   ========================================================== */

/* Πλήρης απομόνωση των links και annotations από τα template styles */
.df-container a, 
.df-lightbox-wrapper a, 
.linkAnnotation a, 
.customLinkAnnotation a,
section.linkAnnotation a,
.linkAnnotation, 
.customLinkAnnotation, 
section.linkAnnotation,
.annotationLayer section,
div[class*="annotation"] section {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
    transition: none !important;
    opacity: 1 !important;
}

/* Αποφυγή κρυφού κειμένου ή ανεπιθύμητων χρωματισμών στα ενεργά στοιχεία */
.linkAnnotation a, 
.customLinkAnnotation a,
.df-container a, 
.df-lightbox-wrapper a {
    color: inherit !important;
}