/* --- GENEL AYARLAR --- */
.yadl-container { width: 100%; margin: 20px 0; font-family: inherit; box-sizing: border-box; }
.yadl-container * { box-sizing: border-box; }

/* --- TOOLBAR --- */
.yadl-toolbar { display: flex; flex-wrap: nowrap; gap: 15px; padding: 20px; background: #f8f9fa; border: 1px solid #e2e8f0; border-radius: 12px; align-items: center; margin-bottom: 40px; }
.yadl-filter-group { display: contents; }
.yadl-search-box, .yadl-filter-group select { flex: 1; min-width: 0; width: 100%; }
.yadl-search-box { position: relative; display: flex; align-items: center; }

/* Inputlar */
.yadl-search-box input, .yadl-filter-group select { width: 100% !important; height: 50px !important; line-height: 50px !important; padding: 0 15px !important; margin: 0 !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; font-size: 14px !important; background: #fff !important; color: #334155 !important; box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important; outline: none !important; appearance: none; -webkit-appearance: none; transition: border-color 0.2s ease; }
.yadl-search-box input { padding-left: 45px !important; }
.yadl-filter-group select { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23334155%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: right 15px top 50%; background-size: 10px auto; padding-right: 30px !important; }
.yadl-search-box input:focus, .yadl-filter-group select:focus { border-color: var(--yadl-primary) !important; }
.yadl-search-box i, .yadl-search-box .dashicons { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); z-index: 2; color: #94a3b8; font-size: 16px; line-height: 1; pointer-events: none; }

/* Kart */
.yadl-card { transition: transform var(--yadl-t-move) ease, box-shadow var(--yadl-t-move) ease, background-color var(--yadl-t-color) ease, border-color var(--yadl-t-color) ease; }
.yadl-title { margin: 0 0 5px 0; font-size: var(--yadl-font-size) !important; font-weight: var(--yadl-title-weight) !important; font-style: var(--yadl-title-style) !important; color: #333; }
.yadl-content-area { flex: 1; }
.yadl-meta { display: flex; align-items: center; gap: 8px; color: #777; font-size: var(--yadl-sub-size); font-weight: var(--yadl-sub-weight); font-style: var(--yadl-sub-style); }
.yadl-divider { color: #ccc; font-size: 12px; }

/* Buton */
.yadl-modern-btn { display: inline-block; padding: var(--yadl-padding) !important; background: var(--yadl-primary) !important; color: var(--yadl-btn-text) !important; text-decoration: none !important; border-radius: var(--yadl-radius) !important; font-weight: 600; text-align: center; border: 1px solid transparent !important; white-space: nowrap; box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important; transition: background-color var(--yadl-t-color) ease, color var(--yadl-t-color) ease, transform var(--yadl-t-color) ease, box-shadow 0.2s ease; }
.yadl-modern-btn:hover { background: var(--yadl-hover) !important; color: var(--yadl-btn-hover-text) !important; transform: var(--yadl-btn-transform); box-shadow: 0 2px 5px rgba(0,0,0,0.15) !important; }

/* TEMALAR */
.yadl-theme-modern-card .yadl-card { display: flex; align-items: center; padding: 20px; background: #fff; margin-bottom: 15px; border: 1px solid #eee; border-radius: 12px; box-shadow: 0 4px 6px rgba(0,0,0,var(--yadl-shadow)); }
.yadl-theme-modern-card .yadl-card:hover { transform: translateY(-3px); border-color: var(--yadl-primary) !important; }
.yadl-theme-modern-card .yadl-icon-area { width: 50px; height: 50px; background: #f1f1f1; color: var(--yadl-primary) !important; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-right: 20px; font-size: 24px; }

.yadl-theme-minimal-list .yadl-card { display: flex; align-items: center; padding: 12px 15px; background: #fff; border-bottom: 1px solid #f0f0f0; margin-bottom: 0; }
.yadl-theme-minimal-list .yadl-card:hover { background-color: #fcfcfc; padding-left: 20px; }
.yadl-theme-minimal-list .yadl-icon-area { color: var(--yadl-primary) !important; margin-right: 15px; font-size: 20px; width: 30px; text-align: center; }
.yadl-theme-minimal-list .yadl-modern-btn { background: transparent !important; color: var(--yadl-primary) !important; border: var(--yadl-border) solid var(--yadl-primary) !important; }
.yadl-theme-minimal-list .yadl-modern-btn:hover { background: var(--yadl-primary) !important; color: #fff !important; }

.yadl-theme-table-style .yadl-list-wrapper { border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
.yadl-theme-table-style .yadl-card { display: grid; grid-template-columns: 50px 1fr auto; gap: 20px; align-items: center; padding: 15px 20px; background: #fff; border-bottom: 1px solid #eee; margin: 0; }
.yadl-theme-table-style .yadl-card:last-child { border-bottom: none; }
.yadl-theme-table-style .yadl-card:nth-child(even) { background-color: #fafafa; }
.yadl-theme-table-style .yadl-icon-area { font-size: 18px; color: #666; text-align: center; }
.yadl-theme-table-style .yadl-title { margin: 0 !important; }

@media (max-width: 768px) {
    .yadl-toolbar { flex-wrap: wrap; }
    .yadl-search-box, .yadl-filter-group select { flex: 0 0 100%; width: 100% !important; }
    .yadl-card { flex-direction: column; text-align: center; }
    .yadl-theme-table-style .yadl-card { display: flex; flex-direction: column; gap: 10px; }
    .yadl-icon-area { margin: 0 0 10px 0; }
    .yadl-modern-btn { width: 100%; margin-top: 10px; }
}