/* =====================================================================
    ΚΟΙΝΟ WRAPPER & RESPONSIVE GRID / HORIZONTAL SCROLL ΓΙΑ ΤΙΣ ΤΕΤΡΑΔΕΣ
   ===================================================================== */
.pk-zones-4adas-wrapper {
    margin: 25px 0 !important; display: grid !important; grid-template-columns: repeat(4, 1fr) !important;
    gap: 15px !important; box-sizing: border-box !important; font-family: var(--pk-font-family);
}
#pk-directory-app .pk-zones-4adas-wrapper, .pk-smart-main .pk-zones-4adas-wrapper { grid-template-columns: repeat(3, 1fr) !important; }
.pk-4ada-single-wrapper { display: flex; flex-direction: column; height: 100%; position: relative; box-sizing: border-box; }

@media (max-width: 992px) {
    .pk-zones-4adas-wrapper { grid-template-columns: repeat(2, 1fr) !important; }
    #pk-directory-app .pk-zones-4adas-wrapper, .pk-smart-main .pk-zones-4adas-wrapper { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 768px) {
    .pk-zones-4adas-wrapper { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 15px !important; padding-bottom: 15px !important; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; }
    .pk-zones-4adas-wrapper > div { flex: 0 0 85% !important; scroll-snap-align: start; }
}

/* =====================================================================
    1. ΚΑΡΤΑ ΕΚΔΗΛΩΣΗΣ (Νέο Design & SEO)
   ===================================================================== */
.tetrades-engine-event-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.05); height: 100%; position: relative; transition: transform 0.2s, box-shadow 0.2s; }
.tetrades-engine-event-card:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0,0,0,0.1); }
.tetrades-engine-event-card a { text-decoration: none; color: inherit; }
.tetrades-engine-event-img-box { height: 160px; overflow: hidden; background: #000; position: relative; }
.tetrades-engine-event-img-box img { width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s; }
.tetrades-engine-event-card:hover .tetrades-engine-event-img-box img { opacity: 0.85; }
.tetrades-engine-event-no-img { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #eaeaea; color: #888; font-weight: bold; font-size: 13px; }
.tetrades-engine-event-content { padding: 12px; display: flex; flex-direction: column; flex-grow: 1; }
.tetrades-engine-event-badges { margin-bottom: 6px; }
.tetrades-engine-event-badge { background: #d32f2f; color: #fff; padding: 2px 6px; border-radius: 4px; font-size: 10px; font-weight: bold; text-transform: uppercase; display: inline-block; margin-right: 4px; margin-bottom: 4px; }
.tetrades-engine-event-status { display: inline-block; background: #d32f2f; color: #fff; padding: 3px 8px; border-radius: 4px; font-size: 10px; font-weight: 800; text-transform: uppercase; margin-bottom: 6px; }

.tetrades-engine-event-title { margin: 0 0 8px 0; font-size: 14px; color: #222; line-height: 1.3; font-weight: 800; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tetrades-engine-event-date { font-size: 11px; color: #0088cc; margin-bottom: 4px; line-height: 1.4; display: flex; align-items: center; font-weight: bold; }
.tetrades-engine-event-meta { font-size: 11px; color: #555; margin-bottom: 4px; line-height: 1.4; display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tetrades-engine-event-meta-img { width: 18px; height: 18px; border-radius: 50%; object-fit: cover; margin-right: 6px; flex-shrink: 0; border: 1px solid #ddd; }
.tetrades-engine-meta-emoji { margin-right: 6px; font-size: 14px; line-height: 1; flex-shrink: 0; }

/* =====================================================================
    2. ΚΑΡΤΑ ΚΑΤΑΛΟΓΟΥ
   ===================================================================== */
.tetrades-engine-directory-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.05); height: 100%; position: relative; transition: transform 0.2s, box-shadow 0.2s; }
.tetrades-engine-directory-card:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0,0,0,0.1); }
.tetrades-engine-directory-card a { text-decoration: none; color: inherit; }
.tetrades-engine-directory-img-box { height: 150px; overflow: hidden; background: #fff; position: relative; border-bottom: 1px solid #f0f0f0; }
.tetrades-engine-directory-img-box img { width: 100%; height: 100%; object-fit: contain; padding: 10px; box-sizing: border-box; }
.tetrades-engine-directory-no-img { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #fafafa; color: #999; font-weight: bold; font-size: 13px; }
.tetrades-engine-directory-content { padding: 12px; display: flex; flex-direction: column; flex-grow: 1; }
.tetrades-engine-directory-badge { background: #0055cc; color: #fff; padding: 3px 8px; border-radius: 12px; font-size: 11px; font-weight: bold; text-transform: uppercase; display: inline-block; margin-bottom: 8px; }
.tetrades-engine-directory-title { margin: 0 0 8px 0; font-size: 14px; color: #222; line-height: 1.3; font-weight: 900; }
.tetrades-engine-directory-meta { font-size: 11px; color: #444; margin-bottom: 4px; line-height: 1.4; }

/* =====================================================================
    3. ΚΑΡΤΑ ΠΡΟΣΦΟΡΩΝ (PROMO - Νέο Design)
   ===================================================================== */
.tetrades-engine-promo-card { position: relative; height: 380px !important; border-radius: 12px; overflow: hidden; background: #f8f9fa; border: 1px solid #e1e4e8; text-decoration: none; box-shadow: 0 4px 10px rgba(0,0,0,0.08); display:flex; flex-direction:column; align-items: center; justify-content: center; box-sizing: border-box; transition: transform 0.2s, box-shadow 0.2s; }
.tetrades-engine-promo-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(211, 47, 47, 0.2); }
.tetrades-engine-promo-card img { max-width: 92%; max-height: 92%; width: auto; height: auto; object-fit: contain; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.15); z-index: 1; transition: transform 0.4s; display: block; }
.tetrades-engine-promo-card:hover img { transform: scale(1.05); }
.tetrades-engine-promo-org { position: absolute; top: 10px; left: 10px; background: #ff9800; color: #111; padding: 4px 10px; border-radius: 6px; font-size: 11px; z-index: 3; font-weight: bold; box-shadow: 0 2px 6px rgba(0,0,0,0.3); max-width: calc(100% - 70px); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tetrades-engine-promo-discount { position: absolute; top: 10px; right: 10px; z-index: 4; display: flex; flex-direction: column; align-items: center; background: #d32f2f; color: #fff; padding: 6px 8px; border-radius: 6px; box-shadow: 0 4px 10px rgba(211, 47, 47, 0.4); text-align: center; line-height: 1.1; transform: rotate(4deg); border: 1px solid #fff; }
.tetrades-engine-promo-percent { font-size: 14px; font-weight: 900; }
.tetrades-engine-promo-prices del { font-size: 10px; color: #ffcdd2; }
.tetrades-engine-promo-prices strong { font-size: 13px; font-weight: 900; display: block; }
.tetrades-engine-promo-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; opacity: 0; transition: opacity 0.3s; padding: 15px; text-align: center; box-sizing: border-box; z-index: 5; }
.tetrades-engine-promo-card:hover .tetrades-engine-promo-overlay { opacity: 1; }
.tetrades-engine-promo-card.pk-tapped .tetrades-engine-promo-overlay { opacity: 1; visibility: visible; }
.tetrades-engine-promo-cat { display: block; font-size: 11px; color: #ffcc00; text-transform: uppercase; margin-bottom: 5px; font-weight: bold; letter-spacing: 1px; }
.tetrades-engine-promo-title { font-size: 13px; font-weight: 900; margin: 0 0 10px 0; color: #111; background: rgba(255,255,255,0.95); padding: 5px 8px; border-radius: 4px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height:1.4;}
.tetrades-engine-promo-overlay-date { font-size: 11px; color: #fff; background: rgba(0,0,0,0.5); padding: 4px 6px; border-radius: 4px; border: 1px dashed #ff9800; margin-bottom: 10px; }
.tetrades-engine-promo-hint { font-size: 11px; color: #fff; text-transform: uppercase; font-weight: bold; }

/* =====================================================================
    ΚΟΥΜΠΙ ΣΥΝΔΕΣΗΣ ΘΕΣΗΣ
   ===================================================================== */
.tetrades-engine-connect-btn { display: block; background: #e6ffed; color: #008000; border: 1px solid #b7eb8f; padding: 6px 10px; border-radius: 4px; font-size: 11px; text-decoration: none; font-weight: bold; text-align: center; margin-top: 10px; transition: background 0.2s; font-family: inherit; }
.tetrades-engine-connect-btn:hover { background: #d3f9d8; }
/* Κάνουμε το περιεχόμενο flex container */
    .tetrades-engine-event-content { 
        padding: 12px; 
        display: flex; 
        flex-direction: column; 
        flex-grow: 1; 
    }

    .tetrades-engine-event-title { 
        margin: 0 0 8px 0; 
        font-size: 14px; 
        color: #222; 
        line-height: 1.3; 
        font-weight: 800; 
        display: -webkit-box; 
        -webkit-line-clamp: 2; 
        -webkit-box-orient: vertical; 
        overflow: hidden; 
    }
    
    /* Η μαγεία της ευθυγράμμισης: Σπρώχνει την ημερομηνία και τα meta πάντα κάτω στην ίδια ευθεία */
    .tetrades-engine-event-date { 
        margin-top: auto; 
        font-size: 11px; 
        color: #0088cc; 
        margin-bottom: 4px; 
        line-height: 1.4; 
        display: flex; 
        align-items: center; 
        font-weight: bold; 
    }
    
    .tetrades-engine-event-meta { 
        font-size: 11px; 
        color: #555; 
        margin-bottom: 4px; 
        line-height: 1.4; 
        display: flex; 
        align-items: center; 
        white-space: nowrap; 
        overflow: hidden; 
        text-overflow: ellipsis; 
    }