/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
```php
/* =========================
   REDBOX - TỶ GIÁ TIỀN TỆ
   Shortcode: [redbox_exchange]
========================= */

function redbox_exchange_rates_shortcode() {

    ob_start();
    ?>

    <style>
        .rb-rate-wrap{
            display:grid;
            grid-template-columns:repeat(4,1fr);
            gap:20px;
            margin:20px 0;
        }

        .rb-rate-box{
            background:#ffffff;
            border-radius:18px;
            padding:25px;
            text-align:center;
            box-shadow:0 4px 15px rgba(0,0,0,0.08);
            border:1px solid #eee;
            transition:0.3s;
        }

        .rb-rate-box:hover{
            transform:translateY(-5px);
        }

        .rb-rate-title{
            font-size:22px;
            font-weight:700;
            color:#d70022;
            margin-bottom:10px;
        }

        .rb-rate-value{
            font-size:28px;
            font-weight:bold;
            color:#1d3557;
        }

        .rb-rate-update{
            margin-top:10px;
            font-size:13px;
            color:#777;
        }

        @media(max-width:991px){
            .rb-rate-wrap{
                grid-template-columns:repeat(2,1fr);
            }
        }

        @media(max-width:576px){
            .rb-rate-wrap{
                grid-template-columns:1fr;
            }
        }
    </style>

    <div class="rb-rate-wrap" id="rb-rates">
        <div class="rb-rate-box">
            <div class="rb-rate-title">USD → VND</div>
            <div class="rb-rate-value" id="usd-rate">Đang tải...</div>
            <div class="rb-rate-update">Tỷ giá cập nhật tự động</div>
        </div>

        <div class="rb-rate-box">
            <div class="rb-rate-title">LAK → VND</div>
            <div class="rb-rate-value" id="lak-rate">Đang tải...</div>
            <div class="rb-rate-update">Tỷ giá cập nhật tự động</div>
        </div>

        <div class="rb-rate-box">
            <div class="rb-rate-title">THB → VND</div>
            <div class="rb-rate-value" id="thb-rate">Đang tải...</div>
            <div class="rb-rate-update">Tỷ giá cập nhật tự động</div>
        </div>

        <div class="rb-rate-box">
            <div class="rb-rate-title">PHP → VND</div>
            <div class="rb-rate-value" id="php-rate">Đang tải...</div>
            <div class="rb-rate-update">Tỷ giá cập nhật tự động</div>
        </div>
    </div>

    <script>
    async function loadRates(){

        try{

            const response = await fetch('https://open.er-api.com/v6/latest/VND');
            const data = await response.json();

            // API trả về ngược nên cần đảo tỷ giá
            const usd = (1 / data.rates.USD).toLocaleString('vi-VN') + ' VNĐ';
            const lak = (1 / data.rates.LAK).toFixed(2) + ' VNĐ';
            const thb = (1 / data.rates.THB).toLocaleString('vi-VN') + ' VNĐ';
            const php = (1 / data.rates.PHP).toLocaleString('vi-VN') + ' VNĐ';

            document.getElementById('usd-rate').innerHTML = usd;
            document.getElementById('lak-rate').innerHTML = lak;
            document.getElementById('thb-rate').innerHTML = thb;
            document.getElementById('php-rate').innerHTML = php;

        }catch(error){

            document.getElementById('usd-rate').innerHTML = 'Không tải được';
            document.getElementById('lak-rate').innerHTML = 'Không tải được';
            document.getElementById('thb-rate').innerHTML = 'Không tải được';
            document.getElementById('php-rate').innerHTML = 'Không tải được';

        }
    }

    loadRates();

    // Tự cập nhật mỗi 30 phút
    setInterval(loadRates, 1800000);
    </script>

    <?php
    return ob_get_clean();
}

add_shortcode('redbox_exchange', 'redbox_exchange_rates_shortcode');
```