/* =====================================================================
   GI Bunny Media (dt-bunny-media) – az oldal arculatához igazítva.
   A plugin dtbm.css-ét írja felül (magasabb specificitással, sorrendtől függetlenül).
   ===================================================================== */

/* lejátszó-keret, play gomb */
.site-main .dtbm-ratio { background: linear-gradient(135deg, var(--egkek-100), var(--homok-50)); border-radius: var(--r-m); box-shadow: var(--arnyek-1); }
.site-main .dtbm-play { width: 62px; height: 62px; background: rgba(255,255,255,.94); box-shadow: var(--arnyek-1); transition: transform var(--t-base) var(--ease), background var(--t-base); }
.site-main .dtbm-play::before { border-color: transparent transparent transparent var(--melykek); border-width: 10px 0 10px 17px; left: 55%; }
.site-main .dtbm-item:hover .dtbm-play, .site-main .dtbm-box:hover .dtbm-play { background: var(--safrany); transform: scale(1.06); }
.site-main .dtbm-item:hover .dtbm-play::before, .site-main .dtbm-box:hover .dtbm-play::before { border-left-color: var(--tinta); }

/* szűrők → csipkék */
.site-main .dtbm-filters { gap: 8px; margin: 0 0 var(--s-3); }
.site-main .dtbm-filter { padding: 8px 14px; border: 1.5px solid var(--vonal); background: var(--feher); color: var(--tinta); font: 600 14.5px var(--sans); border-radius: var(--r-pill); }
.site-main .dtbm-filter:hover { border-color: var(--egkek); color: var(--melykek); }
.site-main .dtbm-filter.is-active { background: var(--melykek); border-color: var(--melykek); color: #fff; }

/* galéria (Videótár) */
.site-main .dtbm-gallery { gap: var(--s-3); grid-template-columns: repeat(var(--dtbm-cols, 3), minmax(0, 1fr)); }
.site-main .dtbm-item { gap: 0; background: var(--feher); border: 1px solid var(--vonal); border-radius: var(--r-m); overflow: hidden; transition: transform var(--t-base) var(--ease), box-shadow var(--t-base); }
.site-main .dtbm-item:hover { transform: translateY(-4px); box-shadow: var(--arnyek-2); }
.site-main .dtbm-item .dtbm-thumb { border-radius: 0; box-shadow: none; transform: none !important; background-color: var(--egkek-100); }
.site-main .dtbm-item:hover .dtbm-thumb { box-shadow: none; }
.site-main .dtbm-title { padding: 14px 16px 16px; font: 600 16px/1.35 var(--sans); color: var(--tinta); }

/* playlist (Betekintő videók) */
.site-main .dtbm-playlist { gap: 14px; }
.site-main .dtbm-pl-prev, .site-main .dtbm-pl-next { padding: 10px 18px; border: 1.5px solid var(--melykek); color: var(--melykek); background: var(--feher); font: 600 14.5px var(--sans); border-radius: var(--r-pill); }
.site-main .dtbm-pl-prev:hover, .site-main .dtbm-pl-next:hover { background: var(--melykek); color: #fff; border-color: var(--melykek); }
.site-main .dtbm-pl-count { color: var(--tinta-70); font-weight: 600; }
.site-main .dtbm-pl-strip { gap: 10px; padding: 4px 2px 8px; }
.site-main .dtbm-pl-thumb { flex-basis: 150px; height: 84px; border: 2px solid transparent; border-radius: var(--r-s); background-color: var(--egkek-100); }
.site-main .dtbm-pl-thumb.is-active { border-color: var(--safrany); box-shadow: 0 0 0 3px rgba(240,162,78,.25); }
.site-main .dtbm-pl-thumb .dtbm-play { width: 34px; height: 34px; }
.site-main .dtbm-pl-thumb .dtbm-play::before { border-width: 6px 0 6px 10px; }

/* grid (kezdőlapi hírek dobozai) */
.site-main .dtbm-grid { gap: var(--s-3); grid-template-columns: repeat(var(--dtbm-cols, 2), minmax(0, 1fr)); }
.site-main .dtbm-box { border: 1px solid var(--vonal); border-radius: var(--r-m); box-shadow: none; transition: transform var(--t-base) var(--ease), box-shadow var(--t-base); }
.site-main .dtbm-box:hover { transform: translateY(-4px); box-shadow: var(--arnyek-2); border-color: var(--vonal); }
.site-main .dtbm-box .dtbm-thumb { padding-top: 56.25%; background-color: var(--egkek-100); }
.site-main .dtbm-box-title { padding: 16px 20px 6px; font: 600 18px/1.35 var(--sans); color: var(--tinta); }
.site-main .dtbm-box-short { padding: 0 20px 18px; font-size: 15px; line-height: 1.55; color: var(--tinta-70); }

/* popup */
.dtbm-modal .dtbm-backdrop { background: rgba(47,104,120,.55); backdrop-filter: blur(4px); }
.dtbm-modal .dtbm-dialog { border-radius: var(--r-l); box-shadow: var(--arnyek-2); background: var(--feher); }
.dtbm-modal .dtbm-close { top: 12px; right: 12px; width: 40px; height: 40px; background: rgba(255,255,255,.92); color: var(--tinta); font-size: 24px; box-shadow: var(--arnyek-1); }
.dtbm-modal .dtbm-close:hover { background: var(--safrany); color: var(--tinta); }
.dtbm-modal .dtbm-modal-video .dtbm-ratio { border-radius: var(--r-l) var(--r-l) 0 0; box-shadow: none; }
.dtbm-modal .dtbm-modal-img { border-radius: var(--r-l) var(--r-l) 0 0; }
.dtbm-modal .dtbm-modal-body { padding: 22px 26px 26px; font-size: 16px; line-height: 1.65; }
.dtbm-modal .dtbm-modal-body h3 { font-family: var(--serif); font-size: 26px; font-weight: 600; margin: 0 0 8px; }
.dtbm-modal .dtbm-modal-body p { margin: 0 0 .8em; }

/* reszponzív */
@media (max-width: 900px) { .site-main .dtbm-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); } .site-main .dtbm-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .site-main .dtbm-gallery { grid-template-columns: 1fr; gap: var(--s-2); } .site-main .dtbm-pl-thumb { flex-basis: 120px; height: 68px; } .dtbm-modal .dtbm-modal-body { padding: 18px; } }

/* Hangtár / Könyvtár listák */
.site-main .dtbm-tgrid { gap: var(--s-3); grid-template-columns: repeat(var(--dtbm-cols, 3), minmax(0, 1fr)); }
.site-main .dtbm-audio-card, .site-main .dtbm-book { border: 1px solid var(--vonal); border-radius: var(--r-m); padding: 16px; gap: 12px; transition: transform var(--t-base) var(--ease), box-shadow var(--t-base); }
.site-main .dtbm-audio-card:hover, .site-main .dtbm-book:hover { transform: translateY(-3px); box-shadow: var(--arnyek-2); }
.site-main .dtbm-audio-card__thumb, .site-main .dtbm-book__cover { background-color: var(--egkek-100); background-image: linear-gradient(135deg, var(--egkek-100), var(--homok-50)); color: var(--melykek); border-radius: var(--r-s); }
.site-main .dtbm-audio-card__thumb[style*="url"], .site-main .dtbm-book__cover[style*="url"] { background-image: none; }
.site-main .dtbm-audio-card__thumb .ico, .site-main .dtbm-book__cover .ico { width: 36px; height: 36px; }
.site-main .dtbm-book__cover { position: relative; overflow: hidden; }
.site-main .dtbm-book__cover::after { content: "PDF"; position: absolute; right: 10px; bottom: 10px; background: rgba(255,255,255,.92); color: var(--borostyan); font: 700 11px/1 var(--sans); letter-spacing: .1em; padding: 5px 8px; border-radius: 6px; }
.site-main .dtbm-cat { color: var(--tinta-70); font-weight: 600; letter-spacing: .12em; font-size: 11.5px; }
.site-main .dtbm-audio-card__title, .site-main .dtbm-book__title { font: 600 16.5px/1.35 var(--sans); color: var(--tinta); margin: 2px 0 4px; }
.site-main .dtbm-audio-card__text, .site-main .dtbm-book__text { color: var(--tinta-70); font-size: 14.5px; }
.site-main .dtbm-audio-card__player { width: 100%; border-radius: 99px; }
.site-main .dtbm-audio-card__dl, .site-main .dtbm-book__dl { display: inline-flex; align-items: center; gap: 6px; color: var(--melykek); text-decoration: none; font-weight: 600; font-size: 14px; }
.site-main .dtbm-audio-card__dl:hover, .site-main .dtbm-book__dl:hover { color: var(--melykek-700); text-decoration: underline; }
.site-main .dtbm-audio-card__dl .ico { width: 18px; height: 18px; }
.site-main .dtbm-btn { padding: 10px 18px; border: 1.5px solid var(--melykek); color: var(--melykek); background: var(--feher); font: 600 14.5px var(--sans); border-radius: var(--r-pill); }
.site-main .dtbm-btn:hover { background: var(--melykek); color: #fff; }
.dtbm-modal .dtbm-modal-pdf { height: min(82vh, 960px); border-radius: var(--r-l) var(--r-l) 0 0; background: var(--para); }
@media (max-width: 900px) { .site-main .dtbm-tgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .site-main .dtbm-tgrid { grid-template-columns: 1fr; } }