/*
Theme Name: Blockskit Child
Template: blockskit
Description: Child theme for ZZAZZ with custom header and STORES integration.
Author: ZZAZZ
Version: 1.0
*/

/* ====== STORES Grid ====== */
.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;max-width:1200px;margin:40px auto;padding:0 16px}
.stores-card{background:rgba(255,255,255,.85);backdrop-filter:blur(2px);border:1px solid #ddd;border-radius:12px;padding:12px}

/* ====== Header tweaks ====== */
.zzazz-header{background:#c1c4e4 url('https://zzazz.jp/wp-content/uploads/2025/09/pattern.png');display:flex;justify-content:space-between;align-items:center;border:1px solid #000;padding:.5rem 1rem;position:relative}
.zzazz-header .logo img{height:50px;display:block}
.zzazz-header nav{display:flex;gap:2rem;font-weight:700;align-items:center}
.zzazz-header nav img{height:28px;display:block}
.zzazz-header .update{position:absolute;right:1rem;bottom:-1.2rem;font-size:.8rem;color:#c9d22f;font-weight:700}

/* Record button */
.zzazz-header .record-player{--state-rotation:paused;position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:grid;place-items:center;z-index:999}
.zzazz-header .record-btn{appearance:none;border:none;background:transparent;padding:0;margin:0;width:60px;height:60px;border-radius:50%;position:relative;cursor:pointer;display:grid;place-items:center}
.zzazz-header .vinyl{width:100%;height:100%;border-radius:50%;object-fit:contain;background:transparent;animation:spin 3.2s linear infinite;animation-play-state:var(--state-rotation);box-shadow:0 0 8px rgba(0,0,0,.6),0 0 0 3px #fff}
@keyframes spin{to{transform:rotate(360deg)}}
.zzazz-header .record-player[data-state="playing"]{--state-rotation:running}
.zzazz-header .record-player[data-state="paused"]{--state-rotation:paused}