/* --- GENEL SIFIRLAMA --- */
#logosflow-grid-container,
.logosflow-wrapper {
    box-sizing: border-box;
    max-width: 100%;
}
.logosflow-wrapper * {
    box-sizing: border-box;
}

/* --- KONTROLLER --- */
.logosflow-controls {
    text-align: right; margin-bottom: 20px; font-size: 14px;
    color: inherit; opacity: 0.8;
}
.logosflow-sort-select {
    padding: 5px 10px; background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2); border-radius: 4px;
    margin-left: 5px; color: inherit;
}
.logosflow-sort-select option { background: #333; color: #fff; }

/* --- GRID SİSTEMİ --- */
#logosflow-grid-container {
    display: grid !important;
    gap: 30px;
    width: 100%;
    margin-top: 20px;
}

/* Kolon Ayarları (Masonry Yok, Sadece Grid) */
@media (min-width: 769px) {
    #logosflow-grid-container.logosflow-cols-2 { grid-template-columns: repeat(2, 1fr) !important; }
    #logosflow-grid-container.logosflow-cols-3 { grid-template-columns: repeat(3, 1fr) !important; }
    #logosflow-grid-container.logosflow-cols-4 { grid-template-columns: repeat(4, 1fr) !important; }
    #logosflow-grid-container.logosflow-cols-5 { grid-template-columns: repeat(5, 1fr) !important; }
}

/* --- KART GÖRÜNÜMÜ --- */
.logosflow-item {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px; overflow: hidden;
    text-decoration: none !important; display: block; position: relative;
    transition: transform 0.3s, background 0.3s;
}
.logosflow-item:hover {
    transform: translateY(-5px); background: rgba(255, 255, 255, 0.1);
}
.logosflow-thumb {
    position: relative; padding-top: 56.25%; background: #000; width: 100%; display: block;
}
.logosflow-thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.logosflow-info { padding: 20px; }
.logosflow-title {
    font-size: 16px; font-weight: 700; margin: 0 0 10px; line-height: 1.4; color: inherit;
}
.logosflow-date { font-size: 12px; opacity: 0.6; }

/* --- MANŞET --- */
.logosflow-featured {
    position: relative; width: 100%; height: 400px;
    margin-bottom: 40px; border-radius: 12px; overflow: hidden;
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}
.logosflow-feat-link { display: block; width: 100%; height: 100%; position: relative; text-decoration: none; }
.logosflow-feat-bg {
    width: 100%; height: 100%;
    background-size: cover; background-position: center; transition: transform 0.5s ease;
}
.logosflow-featured:hover .logosflow-feat-bg { transform: scale(1.05); }
.logosflow-feat-link:after {
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 60%);
}
.logosflow-feat-content {
    position: absolute; bottom: 30px; left: 30px; z-index: 2; color: #fff; max-width: 80%;
}
.logosflow-label {
    background: #d32f2f; padding: 5px 10px; font-size: 12px;
    text-transform: uppercase; font-weight: bold; border-radius: 4px; margin-bottom: 10px; display: inline-block; color: #fff;
}
.logosflow-feat-content h2 {
    font-size: 32px; margin: 10px 0 15px; color: #fff !important; text-shadow: 0 2px 4px rgba(0,0,0,0.5); line-height: 1.2;
}
.logosflow-play-btn { font-size: 16px; font-weight: bold; color: #fff; }

/* --- SINGLE PLAYER & PAYLAŞIM --- */
.logosflow-video-container {
    position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;
    border-radius: 12px; box-shadow: 0 5px 20px rgba(0,0,0,0.15); margin-bottom: 25px; background: #000;
}
.logosflow-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.logosflow-single-title { font-size: 28px; margin-bottom: 15px; line-height: 1.3; color: inherit; }
.logosflow-description { font-size: 16px; line-height: 1.7; margin-bottom: 30px; opacity: 0.9; color: inherit; }
.logosflow-back-link { display: inline-block; margin-bottom: 20px; color: #d32f2f !important; font-weight: bold; }

.logosflow-share {
    margin-top: 30px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1);
    display: flex; align-items: center; gap: 10px;
}
.lf-share-label { font-weight: bold; margin-right: 5px; opacity: 0.8; }
.lf-share-icon {
    display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center;
    border-radius: 50%; color: #fff !important; transition: transform 0.2s;
}
.lf-share-icon:hover { transform: scale(1.1); }
.lf-wa { background: #25D366; }
.lf-fb { background: #1877F2; }
.lf-x { background: #000; border: 1px solid #fff; }

/* --- BUTTONS --- */
.logosflow-load-more-wrapper { text-align: center; margin: 40px 0; clear: both; width: 100%; }
.logosflow-btn {
    background: #d32f2f; color: #fff !important; padding: 12px 30px; border: none; border-radius: 50px;
    font-size: 15px; cursor: pointer; transition: background 0.2s; font-weight: bold; display: inline-block;
}
.logosflow-btn:hover { background: #b71c1c; }

/* --- MOBİL --- */
@media (max-width: 768px) {
    #logosflow-grid-container { grid-template-columns: 1fr !important; display: block !important; }
    .logosflow-item { margin-bottom: 20px; }
    .logosflow-featured { height: 250px; }
    .logosflow-feat-content h2 { font-size: 20px; }
}