/*
 * Plugin Name: Sentez Döviz Modülü
 * Description: Shortcode çıktısı için stil dosyası
 */

.sentez-doviz-widget {
    font-family: Arial, sans-serif;
    border: 1px solid #ccc;
    border-collapse: collapse;
    width: 100%;
    max-width: 300px; /* Resimdeki gibi kompakt bir görünüm için */
    margin: 10px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.sentez-doviz-header {
    background-color: #1e73be; /* Resimdeki mavi ton */
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 8px 0;
    font-size: 14px;
    border-bottom: 1px solid #1e73be;
}

.sentez-doviz-table {
    width: 100%;
    border-collapse: collapse;
}

.sentez-doviz-table th {
    background-color: #f0f0f0;
    color: #333;
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
font-size: 12px;
}

.sentez-doviz-table td {
    padding: 8px;
    border-bottom: 1px solid #eee;
    text-align: left;
    vertical-align: middle;
	font-size: 12px;
}

.sentez-doviz-table tr:nth-child(even) {
    background-color: #f9f9f9; /* Resimdeki açık gri ton */
}

.sentez-doviz-table tr:hover {
    background-color: #f1f1f1;
}

.sentez-doviz-currency-name {
    display: flex;
    align-items: center;
    gap: 5px;
}

.sentez-doviz-flag {
    width: 20px;
    height: 15px;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px rgba(0,0,0,0.1);
}

/* Bayrak ikonları için geçici yer tutucular. Gerçek bayraklar 4. aşamada eklenecek. */
.sentez-doviz-flag.USD { background-image: url('https://flagcdn.com/w20/us.png'); background-size: cover; }
.sentez-doviz-flag.EUR { background-image: url('https://flagcdn.com/w20/eu.png'); background-size: cover; }
.sentez-doviz-flag.JPY { background-image: url('https://flagcdn.com/w20/jp.png'); background-size: cover; }
.sentez-doviz-flag.GBP { background-image: url('https://flagcdn.com/w20/gb.png'); background-size: cover; }
.sentez-doviz-flag.AUD { background-image: url('https://flagcdn.com/w20/au.png'); background-size: cover; }
.sentez-doviz-flag.CAD { background-image: url('https://flagcdn.com/w20/ca.png'); background-size: cover; }
.sentez-doviz-flag.CHF { background-image: url('https://flagcdn.com/w20/ch.png'); background-size: cover; }
.sentez-doviz-flag.CNY { background-image: url('https://flagcdn.com/w20/cn.png'); background-size: cover; }

/* Kur değerleri için sağa hizalama */
.sentez-doviz-table .rate {
    text-align: right;
    font-weight: bold;
}