/* ============================================================
   YQ SELECT — tema sisi TOKO (pembeli)
   ------------------------------------------------------------
   Berkas ini SENGAJA hanya berisi token. Tidak ada satu pun
   aturan tata letak yang disalin ke sini.

   Alasannya bukan kerapian: sebelum ini tiap halaman toko yang
   memakai dropdown menulis ulang .yq-sel__trigger sendiri dengan
   angka yang ditebak (lihat riwayat shop/etalase.blade.php).
   Begitu komponennya berubah, salinan-salinan itu tertinggal satu
   per satu tanpa ada yang tahu, dan halaman mulai berbeda-beda.

   Kalau sebuah tampilan tidak bisa dicapai dengan menimpa token,
   itu tandanya token baru perlu DITAMBAHKAN di yq_select.css —
   bukan tanda aturannya boleh disalin ke sini.

   Dimuat di layouts/main_shop.blade.php, sesudah yq_select.css.
   ============================================================ */

:root {
    /* Merah toko. Angkanya sama persis dengan --red yang dipakai
       halaman checkout dan keranjang; disalin sebagai nilai, bukan
       var(--red), karena token toko itu didefinisikan per halaman
       di dalam <style> masing-masing dan tidak selalu ada. */
    --yqs-utama: #a60b0f;
    --yqs-cincin: rgba(166, 11, 15, .14);
    --yqs-sorot: #fff0f1;

    /* Menyamai .ps-input: tinggi 48px, tepi hitam tegas, bentuk pil. */
    --yqs-teks: #202020;
    --yqs-redup: #686868;
    --yqs-garis: #1f1f1f;
    --yqs-garis-hover: #a60b0f;
    --yqs-panah: #1f1f1f;
    --yqs-tebal: 1.5px;
    --yqs-tinggi: 48px;
    --yqs-radius: 999px;

    /* Panelnya TIDAK ikut jadi pil. Daftar panjang dengan sudut 999px
       memotong baris pertama dan terakhirnya sendiri. */
    --yqs-radius-panel: 14px;
}

/* Bentuk pil menyisakan ruang kosong di kedua ujung, jadi teksnya perlu
   digeser masuk supaya tidak menempel di lengkungan. Ini satu-satunya
   aturan non-token di berkas ini, dan memang tidak bisa jadi token:
   padding-nya bergantung pada radius, bukan nilai bebas. */
.yq-sel__trigger { padding-left: 18px; }
.yq-sel--inline .yq-sel__trigger { padding-left: 13px; }