/*
* PrusCMS v1.1.0
* Copyright (c) 2024 Achmad Muhyiddin
* Lisensi: MIT License
* Email: nguprus@gmail.com
* Izin diberikan tanpa biaya untuk menggunakan, menyalin, mengubah, menggabungkan, menerbitkan, mendistribusikan, menampilkan,
* dengan syarat tetap menyertakan salinan hak cipta yang tertera.
*/
/* Homepage custom content and catalog interaction states. */
.custom-home-content{margin:20px 0;padding:20px 22px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--text);overflow-wrap:anywhere}
.custom-home-content h2{margin:0 0 10px;font-size:clamp(18px,2.2vw,25px)}
.custom-home-content p{margin:0;line-height:1.7;white-space:normal}
.custom-home-content iframe{max-width:100%}
.catalog-view-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}
.catalog-view-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.catalog-view-tab span{font-size:9px;font-weight:600;opacity:.75}
.catalog-view-tab.active{background:var(--purple);border-color:var(--purple);color:#fff}
.genre-tile.active,.genre-chip.active{border-color:var(--purple)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--purple) 18%,transparent)}
@media(max-width:600px){.custom-home-content{padding:17px}}
@media(max-width:390px){.catalog-view-tabs{gap:6px}.catalog-view-tab{padding:9px 11px;font-size:10px}}