/* Giá Gà — Frontend (tone hồng-đỏ) */
.gag-widget {
    border: 1px solid #ffe0a8;
    border-radius: 8px;
    padding: 16px;
    margin: 16px 0;
    background: #fff;
    font-family: inherit;
    color: #222;
}
.gag-widget .gag-head {
    display: flex; align-items: baseline; justify-content: space-between;
    flex-wrap: wrap; gap: 8px;
    border-bottom: 1px solid #ffe5b8; padding-bottom: 10px; margin-bottom: 12px;
}
.gag-widget .gag-title {
    margin: 0; font-size: 1.1em; font-weight: 700; color: #FF8F00;
}
.gag-widget .gag-date {
    font-size: .85em; color: #777;
}
.gag-widget table {
    width: 100%; border-collapse: collapse;
}
.gag-widget table th, .gag-widget table td {
    padding: 8px 10px; text-align: left; border-bottom: 1px solid #fff2dc; font-size: .95em;
}
.gag-widget table th {
    background: #fff4e0; font-weight: 600; color: #444;
}
.gag-widget table td.gag-price {
    font-weight: 700; color: #FF8F00; font-variant-numeric: tabular-nums; white-space: nowrap;
}
.gag-widget .gag-change.gag-up   { color: #2E7D32; font-weight: 600; }
.gag-widget .gag-change.gag-down { color: #c62828; font-weight: 600; }
.gag-widget .gag-change.gag-zero { color: #999; }
.gag-widget .gag-foot {
    margin-top: 12px; padding-top: 10px; border-top: 1px solid #ffe5b8;
    font-size: .8em; color: #888;
}
.gag-widget .gag-foot .gag-src { color: #FF8F00; font-weight: 600; }

/* Card */
.gag-widget.gag-card .gag-list { list-style: none; margin: 0; padding: 0; }
.gag-widget.gag-card .gag-list li {
    display: flex; align-items: center; gap: 12px;
    padding: 8px 0; border-bottom: 1px solid #ffe5b8;
}
.gag-widget.gag-card .gag-region { flex: 1; }
.gag-widget.gag-card .gag-price {
    font-weight: 700; color: #FF8F00; font-variant-numeric: tabular-nums;
}

/* Inline */
.gag-inline { display: inline; }
.gag-inline strong { color: #FF8F00; }

.gag-error {
    padding: 10px; background: #fff3e0; color: #e65100; border-radius: 4px; font-size: .9em;
}

@media (max-width: 480px) {
    .gag-widget table th, .gag-widget table td { padding: 6px 4px; font-size: .85em; }
}