.zoldhang-shortcode{
  border:1px solid #e5e5e5;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.08);
  padding:14px 16px;
  margin:16px 0;
}

.zoldhang-sc-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  flex-wrap:wrap;
}

.zoldhang-sc-title1{
  font-weight:800;
  font-size:18px;
  line-height:1.25;
}

.zoldhang-sc-title2{
  margin-top:4px;
  color:#666;
  font-size:13px;
}

.zoldhang-sc-rate{display:flex;gap:6px;align-items:center}
.zoldhang-sc-rate .zh-rate{
  border:1px solid #d0d0d0;
  background:#f7f7f7;
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  cursor:pointer;

  /*
    Egyes témák / böngészők a <button> szövegét felülírhatják (pl. fehér/átlátszó),
    így a 1.0x / 1.25x / 1.5x felirat eltűnik. Kényszerítjük a szöveg színét.
  */
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  text-transform:none;
}
.zoldhang-sc-rate .zh-rate.active{background:#fff;font-weight:700}

.zoldhang-sc-player{margin-top:10px}
.zoldhang-sc-player audio{width:100%}

.zoldhang-sc-tools{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.zoldhang-sc-tools .zh-tool{
  border:1px solid #d0d0d0;
  background:#fff;
  border-radius:8px;
  padding:8px 10px;
  font-size:13px;
  cursor:pointer;

  /*
    Egyes WP témák globálisan felülírják a <button> színét (pl. fehér/átlátszó),
    amitől a gomb szövege „eltűnik”. Itt explicit beállítjuk.
  */
  color:#111 !important;
  line-height:1.2;
  text-transform:none;
  letter-spacing:normal;
}

.zoldhang-sc-links{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.zoldhang-sc-links .zh-link{
  display:inline-block;
  padding:8px 10px;
  border-radius:8px;
  border:1px solid #d0d0d0;
  text-decoration:none;
  font-size:13px;
  color:#111 !important;
}

.zoldhang-sc-extra{margin-top:12px;font-size:14px;line-height:1.5}
.zoldhang-sc-extra img{max-width:100%;height:auto;display:block;margin:.35rem 0}

.zoldhang-embed{margin-top:6px}
.zoldhang-embed .video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:10px}
.zoldhang-embed .video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/* Shortcode panel: alsó sor (bal szöveg + jobb ikonok) */
.zh-bottom-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
}

.zh-bottom-text{font-weight:700}

.zh-social-inline{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
}

.zh-social{
  width:36px;
  height:36px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border:1px solid #e5e5e5;
  background:#fff;
}

.zh-social svg{width:18px;height:18px;display:block}

.zh-social.zh-facebook{background:#1877F2;border-color:#1877F2}
.zh-social.zh-spotify{background:#1DB954;border-color:#1DB954}
.zh-social.zh-youtube{background:#FF0000;border-color:#FF0000}
.zh-social.zh-apple{background:#111;border-color:#111}
.zh-social.zh-tiktok{background:#000;border-color:#000}

.zh-social svg path, .zh-social svg circle{fill:#fff}

/* Akciógombok egy sorban */
.zoldhang-sc-tools,
.zoldhang-sc-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}

.zoldhang-sc-tools .zh-tool,
.zoldhang-sc-links .zh-link{
  white-space:nowrap;
}

/* Egy sorban: a 3 akciógomb + MP3 link (Nyomtatás után) */
.zoldhang-sc-actions{
  display:flex;
  flex-wrap:wrap; /* ha nagyon szűk a hely (mobil), törhet */
  gap:8px;
  align-items:center;
}

/* A meglévő blokkok "feloldása", hogy a gombok egy flex sorba kerüljenek */
.zoldhang-sc-actions .zoldhang-sc-tools,
.zoldhang-sc-actions .zoldhang-sc-links{
  display:contents;
}

.zoldhang-sc-actions .zh-tool,
.zoldhang-sc-actions .zh-link{
  white-space:nowrap;
}